import{composeClasses as o,template as e}from"@gem-sdk/core";import{getDynamicSourceLocales as t}from"../../../../helpers.js";import{createAttr as r,createClass as m,createStyle as s}from"@gem-sdk/system";import{getSelectAttrs as l}from"./common/attrs.js";import{getSelectStyles as p,getOptionStyles as i}from"./common/styles.js";import{getSelectClasses as c}from"./common/classes.js";let ProductPropertySelect=({setting:d,styles:n,builderProps:$,pageContext:a,attributes:f})=>{let u=$?.uid,{name:y,childItem:j,translate:g}=d??{},P=r({...l(d,f)}),h=m({...c(n),...o("gp-shadow-none")}),_=s({...p(n)}),k=s({...i(n)});return e`
    <select
      ${{...P}}
      name="properties[${y}]"
      id="${u}-${y}"
      class="${h}"
      form="{{ product_form_id }}"
      style="${_}"
    >
      ${j?.map((o,r)=>{let m=t({val:o,uid:u,settingId:`childItem_${r}`,pageContext:a,translate:g});return e`
            <option
              value="${m}"
              style="${k}"
            >
              ${m}
            </option>`}).join("")}
    </select>`};export{ProductPropertySelect as default};
