import{r as e,h as i,a as s}from"./p-e97fde0a.js";const n=":host {\n  display: block;\n}\n\n.choices {\n  container-type: inline-size;\n}\n.choices ::slotted(div) {\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--sc-choices-gap, 10px);\n}\n\n.choices:not(.choices--auto-width) ::slotted(div) {\n  margin: 0;\n  display: grid;\n  gap: var(--sc-choices-gap, 10px);\n}\n\n.breakpoint-lg ::slotted(div),\n.breakpoint-xl ::slotted(div) {\n  grid-template-columns: repeat(var(--columns, 1), 1fr);\n}\n\n.choices .choices__items {\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--sc-choices-gap, 10px);\n}\n\n.choices:not(.choices--auto-width) .choices__items {\n  display: grid;\n  gap: var(--sc-choices-gap, 10px);\n}\n\n.choices {\n  border: none;\n  padding: 0;\n  margin: 0;\n  min-width: 0;\n  margin: 0;\n}\n.choices .choices__label {\n  font-family: var(--sc-input-font-family);\n  font-size: var(--sc-input-font-size-medium);\n  font-weight: var(--sc-input-font-weight);\n  color: var(--sc-input-color);\n  padding: 0 var(--sc-spacing-xx-small);\n}\n\n.choices__items {\n  display: grid;\n  gap: var(--sc-choices-gap, 10px);\n  grid-auto-rows: 1fr;\n}\n\n.choices__items {\n  grid-template-columns: repeat(var(--columns, 1), 1fr);\n}\n\n@container (max-width: 419px) {\n  .choices__items {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}";const t=n;let c=0;const a=class{constructor(i){e(this,i);this.inputId=`choices-${++c}`;this.helpId=`choices-help-text-${c}`;this.labelId=`choices-label-${c}`;this.label="";this.size="medium";this.autoWidth=undefined;this.required=false;this.showLabel=true;this.help="";this.hideLabel=false;this.columns=1;this.errorMessage="";this.width=undefined}async triggerFocus(){this.el.focus()}componentDidLoad(){this.handleRequiredChange();this.handleResize()}handleRequiredChange(){const e=[...this.el.querySelectorAll("sc-choice, sc-choice-container")];if(e.length){e.forEach((e=>{e.required=this.required}))}}handleResize(){if("ResizeObserver"in window){var e=new window.ResizeObserver((e=>{e.forEach((e=>{this.width=e.contentRect.width}))}));e.observe(this.el)}}render(){return i("fieldset",{key:"f678f50b9f83b94b7ef43c0a0e54c2de52ddb6b4",part:"base",class:{choices:true,"choices--hide-label":this.hideLabel,"choices--auto-width":this.autoWidth,"breakpoint-sm":this.width<384,"breakpoint-md":this.width>=384&&this.width<576,"breakpoint-lg":this.width>=576&&this.width<768,"breakpoint-xl":this.width>=768},role:"radiogroup"},i("sc-form-control",{key:"d0d30f30c63ff51bdf3651ff8b7836bbdcf5bd58",exportparts:"label, help-text, form-control",size:this.size,required:this.required,label:this.label,showLabel:this.showLabel,help:this.help,inputId:this.inputId,helpId:this.helpId,labelId:this.labelId},i("div",{key:"30c58651b95681748bfeba419d1a566511e0dbe9",part:"choices",class:"choices__items"},i("slot",{key:"c55511a4ff9498864a4c5885566ce755662be8e5"}))))}get el(){return s(this)}static get watchers(){return{required:["handleRequiredChange"]}}};a.style=t;export{a as sc_choices};
//# sourceMappingURL=p-b24297ab.entry.js.map