"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../../helpers.js"),system=require("@gem-sdk/system"),attrs=require("./common/attrs.js"),styles=require("./common/styles.js"),classes=require("./common/classes.js"),translate=require("../../../settings/product-properties/configs/translate.js");const ProductPropertySelect=({setting:e,styles:t,builderProps:s,pageContext:r,attributes:l})=>{let o=s?.uid,{name:c,childItem:a}=e??{},i=system.createAttr({...attrs.getSelectAttrs(e,l)}),p=system.createClass({...classes.getSelectClasses(t),...core.composeClasses("gp-shadow-none")}),m=system.createStyle({...styles.getSelectStyles(t)}),n=system.createStyle({...styles.getOptionStyles(t)});return core.template`
    <select
      ${{...i}}
      name="properties[${c}]"
      id="${o}-${c}"
      class="${p}"
      form="{{ product_form_id }}"
      style="${m}"
    >
      ${a?.map((e,t)=>{let s=helpers.getDynamicSourceLocales({val:e,uid:o,settingId:helpers.createSettingId({id:translate.ProductProperties?.childItem?.id,index:t}),pageContext:r??{}});return core.template`
            <option
              value="${s}"
              style="${n}"
            >
              ${s}
            </option>`}).join("")}
    </select>`};exports.default=ProductPropertySelect;
