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:"d16d969391579785448085416410df9974ac718b",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:"df78df0f0270281016eb7dbd353888b7e9d56ed9",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:"7e26fe725433ee6e7a17a8fcefd9480c2a11a3c3",part:"choices",class:"choices__items"},i("slot",{key:"75b0824b63278ff41a6d4321a94ba89216b1b4ac"}))))}get el(){return s(this)}static get watchers(){return{required:["handleRequiredChange"]}}};a.style=t;export{a as sc_choices};
//# sourceMappingURL=p-472a929e.entry.js.map