"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("@gem-sdk/system"),r=require("../../common/dropdown/classes.js"),s=require("../../common/dropdown/styles.js"),o=require("../../common/dropdown/attrs.js"),i=require("../dropdown-option/render-liquid/index.js");exports.default=l=>{let{variantGroup:d,blankText:n,swatchAutoWidth:c,swatchHeight:a,optionTypography:p,optionBgColor:u,optionTextColor:m,optionRounded:g,optionShadow:q,optionHasShadow:y,optionBorder:w,optionTransform:j,hasPreSelected:x,optionTypo:S,combineHeight:$,combineWidth:f,soldOutStyle:A,children:b}=l,h=t.createClass(r.getSelectClass({optionTypo:S,optionTypography:p,optionBgColor:u,optionBorder:w,optionTextColor:m})),k=t.createStyle(s.getSelectStyle({width:d?f:c,height:d?$:a,optionTypo:S,optionTypography:p,optionBgColor:u,optionTextColor:m,optionRounded:g,optionHasShadow:y,optionShadow:q,optionBorder:w,optionTransform:j,isCombine:d,textAlign:S?.attrs?.textAlign})),C=t.createAttr(o.getSelectAttr({variantGroup:d,type:"Liquid"}));return e.template`
    <select
      ${C}
      class="${h}"
      style="${k}"
    >
      ${t.If(!x,i.renderBlankOption(n))}
      ${t.If(d,b,i.renderDropdownOptions("disable"===A,x))}
    </select>`};
