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