@solid-design-system/components 3.22.16 → 3.22.17

package/dist/components/es/checkbox-group.js

@@ -1 +1 @@
-import"./icon.js";import{S as t,x as e,t as s,c as o,i as l,n as a,a as i}from"./solid-components2.js";import{H as r}from"./slot.js";import{w as n}from"./watch.js";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(t,e,s,o)=>{for(var l,a=o>1?void 0:o?h(e,s):e,i=t.length-1;i>=0;i--)(l=t[i])&&(a=(o?l(e,s,a):l(a))||a);return o&&a&&c(e,s,a),a};let p=class extends t{constructor(){super(...arguments),this.hasSlotController=new r(this,"label"),this.size="lg",this.orientation="vertical",this.label=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-checkbox")]}async syncCheckboxElements(){const t=this.getAllCheckboxes();await Promise.all(t.map((async t=>{await t.updateComplete,t.size=this.size}))),t.some((t=>t.checked))||(t[0].tabIndex=0)}syncCheckboxes(){customElements.get("sd-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-checkbox").then((()=>this.syncCheckboxes()))}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){const t=this.hasSlotController.test("label"),o=!!this.label||t,l=e`<slot @slotchange="${this.syncCheckboxes}"></slot>`;return e`<fieldset part="form-control" class="${s("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label"><div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s("p-0 font-bold leading-normal text-black",o?"flex":"hidden")}" aria-hidden="${o?"false":"true"}"><slot name="label">${this.label}</slot></label><slot name="tooltip"></slot></div><div part="form-control-input" class="${s({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${l}</div></fieldset>`}};p.styles=[o,t.styles,l`:host{display:block}:host([orientation=vertical]) ::slotted(sd-checkbox){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],d([a({reflect:!0})],p.prototype,"size",2),d([a({reflect:!0})],p.prototype,"orientation",2),d([a()],p.prototype,"label",2),d([n("size",{waitUntilFirstUpdate:!0})],p.prototype,"handleSizeChange",1),d([n("invalid",{waitUntilFirstUpdate:!0})],p.prototype,"handleInvalid",1),p=d([i("sd-checkbox-group")],p);export{p as default};
+import"./icon.js";import{S as t,x as e,t as s,c as o,i as l,n as a,a as i}from"./solid-components2.js";import{H as r}from"./slot.js";import{w as n}from"./watch.js";var c=Object.defineProperty,h=Object.getOwnPropertyDescriptor,d=(t,e,s,o)=>{for(var l,a=o>1?void 0:o?h(e,s):e,i=t.length-1;i>=0;i--)(l=t[i])&&(a=(o?l(e,s,a):l(a))||a);return o&&a&&c(e,s,a),a};let p=class extends t{constructor(){super(...arguments),this.hasSlotController=new r(this,"label"),this.size="lg",this.orientation="vertical",this.label=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-checkbox")]}async syncCheckboxElements(){const t=this.getAllCheckboxes();await Promise.all(t.map((async t=>{await t.updateComplete,t.size=this.size})))}syncCheckboxes(){customElements.get("sd-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-checkbox").then((()=>this.syncCheckboxes()))}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){const t=this.hasSlotController.test("label"),o=!!this.label||t,l=e`<slot @slotchange="${this.syncCheckboxes}"></slot>`;return e`<fieldset part="form-control" class="${s("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label"><div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s("p-0 font-bold leading-normal text-black",o?"flex":"hidden")}" aria-hidden="${o?"false":"true"}"><slot name="label">${this.label}</slot></label><slot name="tooltip"></slot></div><div part="form-control-input" class="${s({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${l}</div></fieldset>`}};p.styles=[o,t.styles,l`:host{display:block}:host([orientation=vertical]) ::slotted(sd-checkbox){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],d([a({reflect:!0})],p.prototype,"size",2),d([a({reflect:!0})],p.prototype,"orientation",2),d([a()],p.prototype,"label",2),d([n("size",{waitUntilFirstUpdate:!0})],p.prototype,"handleSizeChange",1),d([n("invalid",{waitUntilFirstUpdate:!0})],p.prototype,"handleInvalid",1),p=d([i("sd-checkbox-group")],p);export{p as default};

package/dist/components/umd/solid-components.js

@@ -89,7 +89,7 @@ const Do=t=>t??Ae;var Oo=Object.defineProperty,zo=Object.getOwnPropertyDescripto
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */(function*(t,e,i=1){const o=void 0===e?0:t;e??(e=t);for(let t=o;i>0?t<e:e<t;t+=i)yield t}(i),(t=>{const r=t+1===o;return ye`<button part="pagination-item ${r?"pagination-item--active":""}" class="${Ne("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",r?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${r?"true":"false"}" aria-label="${this.localize.term("goToSlide",t+1,i)}" @click="${i=>{this.goToSlide(t*e),this.unblockAutoplay(i,this.paginationItems[t])}}" @keydown="${this.handleKeyDown}"><span class="${Ne("h-4 w-4 block border hover:border-primary-500 rounded-full",this.inverted?"border-white hover:border-primary-500":"border-primary",r&&"bg-accent border-none",r?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`}))}</div>`:ye`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${Ne("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${o}</span> <span part="pagination-divider" class="${Ne("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${Ne("w-5 text-center",this.inverted?"text-white":"text-black")}">${i}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!s}" class="${Ne("!ml-6 !rounded-sm sd-interactive ",!s&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${s?"false":"true"}" @click="${s?t=>{this.next(),this.unblockAutoplay(t,this.nextButton)}:null}"><slot name="next-icon"><sd-icon class="${Ne("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${a?"chevron-up":"chevron-down"}"></sd-icon></slot></button></div><button class="${Ne("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${t=>{this.pausedAutoplay=!this.pausedAutoplay,t.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${Ne(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-icon></slot><slot name="autoplay-pause" class="${Ne(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-icon></slot></button></div></div>`}};Ko.styles=[We.styles,Pt(Ni),$e,Ft`:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-button::part(label){pointer-events:none;display:flex;flex:1 1 auto;align-items:center}`],Zo([Le('[part~="autoplay-controls"]')],Ko.prototype,"autoplayControls",2),Zo([Le('[part~="navigation-button--previous"]')],Ko.prototype,"previousButton",2),Zo([Le('[part~="navigation-button--next"]')],Ko.prototype,"nextButton",2),Zo([(t,e)=>Ge(t,e,{get(){return(this.renderRoot??qe??(qe=document.createDocumentFragment())).querySelectorAll('[part~="pagination-item"]')}})],Ko.prototype,"paginationItems",2),Zo([Ue({type:String,reflect:!0})],Ko.prototype,"variant",2),Zo([Ue({type:Boolean,reflect:!0})],Ko.prototype,"inverted",2),Zo([Ue({type:Boolean,reflect:!0})],Ko.prototype,"loop",2),Zo([Ue({type:Boolean,reflect:!0})],Ko.prototype,"autoplay",2),Zo([Ue({type:Number,attribute:"slides-per-page"})],Ko.prototype,"slidesPerPage",2),Zo([Ue({type:Number,attribute:"slides-per-move"})],Ko.prototype,"slidesPerMove",2),Zo([Le("slot:not([name])")],Ko.prototype,"defaultSlot",2),Zo([Le(".carousel__slides")],Ko.prototype,"scrollContainer",2),Zo([Le(".carousel__pagination")],Ko.prototype,"paginationContainer",2),Zo([He()],Ko.prototype,"activeSlide",2),Zo([He()],Ko.prototype,"currentPage",2),Zo([He()],Ko.prototype,"pausedAutoplay",2),Zo([bi("pausedAutoplay")],Ko.prototype,"handlePausedAutoplay",1),Zo([bi("loop",{waitUntilFirstUpdate:!0}),bi("slidesPerPage",{waitUntilFirstUpdate:!0})],Ko.prototype,"initializeSlides",1),Zo([bi("activeSlide")],Ko.prototype,"handleSlideChange",1),Zo([bi("slidesPerMove")],Ko.prototype,"handleSlidesPerMoveChange",1),Zo([bi("autoplay")],Ko.prototype,"handleAutoplayChange",1),Ko=Zo([Qe("sd-carousel")],Ko);const Jo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ko}},Symbol.toStringTag,{value:"Module"}));var Wo=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,Xo=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?_o(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Wo(e,i,s),s};let tr=class extends We{constructor(){super(...arguments),this.hasSlotController=new qi(this,"label"),this.size="lg",this.orientation="vertical",this.label=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-checkbox")]}async syncCheckboxElements(){const t=this.getAllCheckboxes();await Promise.all(t.map((async t=>{await t.updateComplete,t.size=this.size}))),t.some((t=>t.checked))||(t[0].tabIndex=0)}syncCheckboxes(){customElements.get("sd-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-checkbox").then((()=>this.syncCheckboxes()))}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){const t=this.hasSlotController.test("label"),e=!!this.label||t,i=ye`<slot @slotchange="${this.syncCheckboxes}"></slot>`;return ye`<fieldset part="form-control" class="${Ne("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label"><div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${Ne("p-0 font-bold leading-normal text-black",e?"flex":"hidden")}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label><slot name="tooltip"></slot></div><div part="form-control-input" class="${Ne({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${i}</div></fieldset>`}};tr.styles=[$e,We.styles,Ft`:host{display:block}:host([orientation=vertical]) ::slotted(sd-checkbox){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],Xo([Ue({reflect:!0})],tr.prototype,"size",2),Xo([Ue({reflect:!0})],tr.prototype,"orientation",2),Xo([Ue()],tr.prototype,"label",2),Xo([bi("size",{waitUntilFirstUpdate:!0})],tr.prototype,"handleSizeChange",1),Xo([bi("invalid",{waitUntilFirstUpdate:!0})],tr.prototype,"handleInvalid",1),tr=Xo([Qe("sd-checkbox-group")],tr);const er=Object.freeze(Object.defineProperty({__proto__:null,get default(){return tr}},Symbol.toStringTag,{value:"Module"})),ir=(t="value")=>(e,i)=>{const o=e.constructor,r=o.prototype.attributeChangedCallback;o.prototype.attributeChangedCallback=function(e,s,a){const n=o.getPropertyOptions(t);if(e===("string"==typeof n.attribute?n.attribute:t)){const e=n.converter||Zt,o=("function"==typeof e?e:(null==e?void 0:e.fromAttribute)??Zt.fromAttribute)(a,n.type);this[t]!==o&&(this[i]=o)}r.call(this,e,s,a)}}
+ */(function*(t,e,i=1){const o=void 0===e?0:t;e??(e=t);for(let t=o;i>0?t<e:e<t;t+=i)yield t}(i),(t=>{const r=t+1===o;return ye`<button part="pagination-item ${r?"pagination-item--active":""}" class="${Ne("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",r?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${r?"true":"false"}" aria-label="${this.localize.term("goToSlide",t+1,i)}" @click="${i=>{this.goToSlide(t*e),this.unblockAutoplay(i,this.paginationItems[t])}}" @keydown="${this.handleKeyDown}"><span class="${Ne("h-4 w-4 block border hover:border-primary-500 rounded-full",this.inverted?"border-white hover:border-primary-500":"border-primary",r&&"bg-accent border-none",r?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`}))}</div>`:ye`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${Ne("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${o}</span> <span part="pagination-divider" class="${Ne("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${Ne("w-5 text-center",this.inverted?"text-white":"text-black")}">${i}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!s}" class="${Ne("!ml-6 !rounded-sm sd-interactive ",!s&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${s?"false":"true"}" @click="${s?t=>{this.next(),this.unblockAutoplay(t,this.nextButton)}:null}"><slot name="next-icon"><sd-icon class="${Ne("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${a?"chevron-up":"chevron-down"}"></sd-icon></slot></button></div><button class="${Ne("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" aria-label="${this.localize.term("autoplay")}" aria-pressed="true" @click="${t=>{this.pausedAutoplay=!this.pausedAutoplay,t.detail&&this.autoplayControls.blur()}}"><slot name="autoplay-start" class="${Ne(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-icon></slot><slot name="autoplay-pause" class="${Ne(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-icon></slot></button></div></div>`}};Ko.styles=[We.styles,Pt(Ni),$e,Ft`:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);-moz-column-gap:var(--slide-gap);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}.carousel__slides::-webkit-scrollbar{display:none}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__navigation{grid-area:navigation}sd-button::part(label){pointer-events:none;display:flex;flex:1 1 auto;align-items:center}`],Zo([Le('[part~="autoplay-controls"]')],Ko.prototype,"autoplayControls",2),Zo([Le('[part~="navigation-button--previous"]')],Ko.prototype,"previousButton",2),Zo([Le('[part~="navigation-button--next"]')],Ko.prototype,"nextButton",2),Zo([(t,e)=>Ge(t,e,{get(){return(this.renderRoot??qe??(qe=document.createDocumentFragment())).querySelectorAll('[part~="pagination-item"]')}})],Ko.prototype,"paginationItems",2),Zo([Ue({type:String,reflect:!0})],Ko.prototype,"variant",2),Zo([Ue({type:Boolean,reflect:!0})],Ko.prototype,"inverted",2),Zo([Ue({type:Boolean,reflect:!0})],Ko.prototype,"loop",2),Zo([Ue({type:Boolean,reflect:!0})],Ko.prototype,"autoplay",2),Zo([Ue({type:Number,attribute:"slides-per-page"})],Ko.prototype,"slidesPerPage",2),Zo([Ue({type:Number,attribute:"slides-per-move"})],Ko.prototype,"slidesPerMove",2),Zo([Le("slot:not([name])")],Ko.prototype,"defaultSlot",2),Zo([Le(".carousel__slides")],Ko.prototype,"scrollContainer",2),Zo([Le(".carousel__pagination")],Ko.prototype,"paginationContainer",2),Zo([He()],Ko.prototype,"activeSlide",2),Zo([He()],Ko.prototype,"currentPage",2),Zo([He()],Ko.prototype,"pausedAutoplay",2),Zo([bi("pausedAutoplay")],Ko.prototype,"handlePausedAutoplay",1),Zo([bi("loop",{waitUntilFirstUpdate:!0}),bi("slidesPerPage",{waitUntilFirstUpdate:!0})],Ko.prototype,"initializeSlides",1),Zo([bi("activeSlide")],Ko.prototype,"handleSlideChange",1),Zo([bi("slidesPerMove")],Ko.prototype,"handleSlidesPerMoveChange",1),Zo([bi("autoplay")],Ko.prototype,"handleAutoplayChange",1),Ko=Zo([Qe("sd-carousel")],Ko);const Jo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ko}},Symbol.toStringTag,{value:"Module"}));var Wo=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,Xo=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?_o(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Wo(e,i,s),s};let tr=class extends We{constructor(){super(...arguments),this.hasSlotController=new qi(this,"label"),this.size="lg",this.orientation="vertical",this.label=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-checkbox")]}async syncCheckboxElements(){const t=this.getAllCheckboxes();await Promise.all(t.map((async t=>{await t.updateComplete,t.size=this.size})))}syncCheckboxes(){customElements.get("sd-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-checkbox").then((()=>this.syncCheckboxes()))}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){const t=this.hasSlotController.test("label"),e=!!this.label||t,i=ye`<slot @slotchange="${this.syncCheckboxes}"></slot>`;return ye`<fieldset part="form-control" class="${Ne("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label"><div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${Ne("p-0 font-bold leading-normal text-black",e?"flex":"hidden")}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label><slot name="tooltip"></slot></div><div part="form-control-input" class="${Ne({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${i}</div></fieldset>`}};tr.styles=[$e,We.styles,Ft`:host{display:block}:host([orientation=vertical]) ::slotted(sd-checkbox){margin-bottom:var(--sd-spacing-2,.5rem);display:flex}:host([orientation=vertical]) ::slotted(sd-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],Xo([Ue({reflect:!0})],tr.prototype,"size",2),Xo([Ue({reflect:!0})],tr.prototype,"orientation",2),Xo([Ue()],tr.prototype,"label",2),Xo([bi("size",{waitUntilFirstUpdate:!0})],tr.prototype,"handleSizeChange",1),Xo([bi("invalid",{waitUntilFirstUpdate:!0})],tr.prototype,"handleInvalid",1),tr=Xo([Qe("sd-checkbox-group")],tr);const er=Object.freeze(Object.defineProperty({__proto__:null,get default(){return tr}},Symbol.toStringTag,{value:"Module"})),ir=(t="value")=>(e,i)=>{const o=e.constructor,r=o.prototype.attributeChangedCallback;o.prototype.attributeChangedCallback=function(e,s,a){const n=o.getPropertyOptions(t);if(e===("string"==typeof n.attribute?n.attribute:t)){const e=n.converter||Zt,o=("function"==typeof e?e:(null==e?void 0:e.fromAttribute)??Zt.fromAttribute)(a,n.type);this[t]!==o&&(this[i]=o)}r.call(this,e,s,a)}}
 /**
  * @license
  * Copyright 2020 Google LLC