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