"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("./common/getProductPropertiesChoiceInlineCss.js"),r=require("../../../../helpers.js"),s=require("@gem-sdk/system"),i=require("./common/getProductPropertiesChoiceClasses.js"),l=require("./common/getProductPropertiesChoiceStyles.js"),o=require("./common/getProductPropertiesChoiceAttrs.js"),a=require("../../../settings/product-properties/configs/translate.js");exports.default=({setting:c,styles:p,builderProps:u,pageContext:d,attributes:n})=>{let P=u?.uid,{name:C,type:$,childItem:m}=c??{},{valueTextColor:g,fullWidth:y,width:S}=p??{},h=e.makeStyleResponsive("w",e.makeWidth(S,y)),v=`properties[${C}]`,j=t.getPPCInlineStyleChoice(P,g),q=s.createClass({...i.getPPCWrapperClasses()}),I=s.createClass({...i.getPPCLabelClasses(p)}),b=s.createStyle({...l.getPPCContainerStyles(p)}),f=s.createClass({...i.getPPCWrapperClassesMain()}),k=s.createStyle({...l.getPPCLabelStyles(p)}),x=s.createAttr({...o.getPPCInputAttrs(n)}),_=s.createStyle({...l.getPPCInputStyles(p)});return e.template`<div style="${{...h}}" class="${f}">
      <style>${j}</style>

      ${m?.map((t,s)=>{let i=r.getDynamicSourceLocales({val:t,uid:P,settingId:r.createSettingId({id:a.ProductProperties?.childItem?.id,index:s}),pageContext:d??{}});return e.template`
            <div class="${q}" style="${b}">
              <input
                ${{...x}}
                type="${$}"
                id="${P}-${C}-${s}"
                name="${"radio"===$||"checkbox"===$?v:`${v}[]`}"
                value="${i}"
                style="${_}"
                form="{{ product_form_id }}"
              />
              <label
                for="${P}-${C}-${s}"
                class="${I}"
                style="${k}"
              >
                ${i}
              </label>
            </div>`}).join("")}
      </div>
  `};
