"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");const ProductPropertySelect=({setting:e,styles:s,builderProps:t,pageContext:r,attributes:l})=>{let o=t?.uid,{name:c,childItem:a,translate:m}=e??{},y=system.createAttr({...attrs.getSelectAttrs(e,l)}),i=system.createClass({...classes.getSelectClasses(s),...core.composeClasses("gp-shadow-none")}),p=system.createStyle({...styles.getSelectStyles(s)}),u=system.createStyle({...styles.getOptionStyles(s)});return core.template`
    <select
      ${{...y}}
      name="properties[${c}]"
      id="${o}-${c}"
      class="${i}"
      form="{{ product_form_id }}"
      style="${p}"
    >
      ${a?.map((e,s)=>{let t=helpers.getDynamicSourceLocales({val:e,uid:o,settingId:`childItem_${s}`,pageContext:r,translate:m});return core.template`
            <option
              value="${t}"
              style="${u}"
            >
              ${t}
            </option>`}).join("")}
    </select>`};exports.default=ProductPropertySelect;
