scb-wc 0.1.78 → 0.1.80

package/mvc/components/scb-checkbox/scb-checkbox-group.js

@@ -1,33 +1,5 @@
-import{_ as m,b as v,g as y,h as c,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";import{n as x,t as n}from"../../vendor/assertClassBrand.js";import{n as _,r as S,t as b}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var s=typeof globalThis<"u"?globalThis:window;if(!s.__scb_ce_guard_installed__){s.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(o,p,e){try{customElements.get(o)||t(o,p,e)}catch(u){var h=String(u||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var l,r,d,i=(l=new WeakMap,r=new WeakSet,d=class extends m{constructor(...t){super(...t),x(this,r),S(this,l,void 0),this.orientation="vertical",this.disabled=!1,this.size="medium",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,_(l,this,()=>{const o=this.shadowRoot?.querySelector("slot");if(!o)return;const p=o.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()==="scb-checkbox");for(const e of p){this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled"),this.orientation==="horizontal"?e.setAttribute("orientation","horizontal"):e.removeAttribute("orientation");const h=e.hasAttribute("data-size-from-group");this.size==="medium"?h&&(e.removeAttribute("size"),e.removeAttribute("data-size-from-group")):(!e.hasAttribute("size")||h)&&(e.setAttribute("size",this.size),e.setAttribute("data-size-from-group",""))}})}render(){const t=this.orientation==="horizontal"?"row":"column";return k`
+import{h as m,m as v,p as c,v as y,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";import{n as x,t as n}from"../../vendor/assertClassBrand.js";import{n as _,r as S,t as g}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var s=typeof globalThis<"u"?globalThis:window;if(!s.__scb_ce_guard_installed__){s.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(o,p,e){try{customElements.get(o)||t(o,p,e)}catch(u){var h=String(u||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var l,r,d,i=(l=new WeakMap,r=new WeakSet,d=class extends m{constructor(...t){super(...t),x(this,r),S(this,l,void 0),this.orientation="vertical",this.disabled=!1,this.size="medium",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,_(l,this,()=>{const o=this.shadowRoot?.querySelector("slot");if(!o)return;const p=o.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()==="scb-checkbox");for(const e of p){this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled"),this.orientation==="horizontal"?e.setAttribute("orientation","horizontal"):e.removeAttribute("orientation");const h=e.hasAttribute("data-size-from-group");this.size==="medium"?h&&(e.removeAttribute("size"),e.removeAttribute("data-size-from-group")):(!e.hasAttribute("size")||h)&&(e.setAttribute("size",this.size),e.setAttribute("data-size-from-group",""))}})}render(){const t=this.orientation==="horizontal"?"row":"column";return y`
       <div class="g" role="group" aria-disabled=${String(this.disabled)} style=${`--_dir:${t}`}>
-        <slot @slotchange=${b(l,this)}></slot>
+        <slot @slotchange=${g(l,this)}></slot>
       </div>
-    `}firstUpdated(){n(r,this,f).call(this),b(l,this).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&n(r,this,f).call(this),(t.has("disabled")||t.has("orientation")||t.has("size"))&&b(l,this).call(this)}},d.styles=v`
-    :host {
-      display: block;
-      /* Vertikal standard-spacing mellan items i gruppen */
-      --scb-checkbox-gap: var(--spacing-4, 12px);
-
-      margin-block-start: var(--scb-checkbox-group-spacing-block-start, 0);
-      margin-block-end: var(--scb-checkbox-group-spacing-block-end, 0);
-      margin-inline-start: var(--scb-checkbox-group-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-checkbox-group-spacing-inline-end, 0);
-    }
-
-    /* Horisontell standard-spacing mellan items om spacing för gruppen inte overrideas via CSS-variabel */
-    :host([orientation='horizontal']) {
-      --scb-checkbox-gap: var(--spacing-8, 32px);
-    }
-
-    .g {
-      display: flex;
-      flex-direction: var(--_dir, column);
-      align-items: flex-start;
-      gap: var(--scb-checkbox-gap);
-    }
-
-    /* När checkboxar ligger i en grupp ska spacing ägas av gruppen, inte av enskilda items */
-    ::slotted(scb-checkbox) {
-      --scb-checkbox-gap: 0;
-    }
-  `,d);function f(){const s=n(r,this,g).call(this,this.spacing),t=n(r,this,g).call(this,this.spacingTop)??s,o=n(r,this,g).call(this,this.spacingBottom)??s,p=n(r,this,g).call(this,this.spacingLeft),e=n(r,this,g).call(this,this.spacingRight);t?this.style.setProperty("--scb-checkbox-group-spacing-block-start",t):this.style.removeProperty("--scb-checkbox-group-spacing-block-start"),o?this.style.setProperty("--scb-checkbox-group-spacing-block-end",o):this.style.removeProperty("--scb-checkbox-group-spacing-block-end"),p?this.style.setProperty("--scb-checkbox-group-spacing-inline-start",p):this.style.removeProperty("--scb-checkbox-group-spacing-inline-start"),e?this.style.setProperty("--scb-checkbox-group-spacing-inline-end",e):this.style.removeProperty("--scb-checkbox-group-spacing-inline-end")}function g(s){if(!s)return;const t=String(s).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}a([c({type:String,reflect:!0})],i.prototype,"orientation",void 0);a([c({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0);a([c({type:String,reflect:!0})],i.prototype,"size",void 0);a([c({type:String,reflect:!0})],i.prototype,"spacing",void 0);a([c({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);a([c({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);a([c({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);a([c({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=a([y("scb-checkbox-group")],i);
+    `}firstUpdated(){n(r,this,f).call(this),g(l,this).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&n(r,this,f).call(this),(t.has("disabled")||t.has("orientation")||t.has("size"))&&g(l,this).call(this)}},d.styles=k`:host{display:block;--scb-checkbox-gap:var(--spacing-4, 12px);margin-block-start:var(--scb-checkbox-group-spacing-block-start, 0);margin-block-end:var(--scb-checkbox-group-spacing-block-end, 0);margin-inline-start:var(--scb-checkbox-group-spacing-inline-start, 0);margin-inline-end:var(--scb-checkbox-group-spacing-inline-end, 0)}:host([orientation='horizontal']){--scb-checkbox-gap:var(--spacing-8, 32px)}.g{display:flex;flex-direction:var(--_dir, column);align-items:flex-start;gap:var(--scb-checkbox-gap)}::slotted(scb-checkbox){--scb-checkbox-gap:0}`,d);function f(){const s=n(r,this,b).call(this,this.spacing),t=n(r,this,b).call(this,this.spacingTop)??s,o=n(r,this,b).call(this,this.spacingBottom)??s,p=n(r,this,b).call(this,this.spacingLeft),e=n(r,this,b).call(this,this.spacingRight);t?this.style.setProperty("--scb-checkbox-group-spacing-block-start",t):this.style.removeProperty("--scb-checkbox-group-spacing-block-start"),o?this.style.setProperty("--scb-checkbox-group-spacing-block-end",o):this.style.removeProperty("--scb-checkbox-group-spacing-block-end"),p?this.style.setProperty("--scb-checkbox-group-spacing-inline-start",p):this.style.removeProperty("--scb-checkbox-group-spacing-inline-start"),e?this.style.setProperty("--scb-checkbox-group-spacing-inline-end",e):this.style.removeProperty("--scb-checkbox-group-spacing-inline-end")}function b(s){if(!s)return;const t=String(s).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}a([c({type:String,reflect:!0})],i.prototype,"orientation",void 0);a([c({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0);a([c({type:String,reflect:!0})],i.prototype,"size",void 0);a([c({type:String,reflect:!0})],i.prototype,"spacing",void 0);a([c({type:String,attribute:"spacing-top",reflect:!0})],i.prototype,"spacingTop",void 0);a([c({type:String,attribute:"spacing-bottom",reflect:!0})],i.prototype,"spacingBottom",void 0);a([c({type:String,attribute:"spacing-left",reflect:!0})],i.prototype,"spacingLeft",void 0);a([c({type:String,attribute:"spacing-right",reflect:!0})],i.prototype,"spacingRight",void 0);i=a([v("scb-checkbox-group")],i);

package/mvc/components/scb-checkbox/scb-checkbox.js

@@ -1,4 +1,4 @@
-import{_ as $,b as F,c as T,g as M,h as s,l as h,m as E,p as B,v as p,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/ripple.js";import{t as n}from"../../vendor/decorate.js";import{t as P}from"../../vendor/delegate.js";import{n as O}from"../../vendor/element-internals.js";import{n as D,t as G}from"../../vendor/form-label-activation.js";import{n as H,t as d}from"../../vendor/assertClassBrand.js";import{n as V,r as L,t as m}from"../../vendor/classPrivateFieldGet2.js";import{t as K}from"../../vendor/redispatch-event.js";import{i as U,n as W,r as N}from"../../vendor/validator.js";import{n as Y,r as j,t as J}from"../../vendor/form-associated.js";import{t as Q}from"../../vendor/checkbox-validator.js";import"./scb-checkbox-group.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,r,a){try{customElements.get(i)||e(i,r,a)}catch(_){var b=String(_||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw _}}}}catch{}})();var X=U(j(O($))),l=class extends X{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",t=>{!D(t)||!this.input||(this.focus(),G(this.input))})}update(t){(t.has("checked")||t.has("disabled")||t.has("indeterminate"))&&(this.prevChecked=t.get("checked")??this.checked,this.prevDisabled=t.get("disabled")??this.disabled,this.prevIndeterminate=t.get("indeterminate")??this.indeterminate),super.update(t)}render(){const t=!this.prevChecked&&!this.prevIndeterminate,e=this.prevChecked&&!this.prevIndeterminate,i=this.prevIndeterminate,r=this.checked&&!this.indeterminate,a=this.indeterminate,b=T({disabled:this.disabled,selected:r||a,unselected:!r&&!a,checked:r,indeterminate:a,"prev-unselected":t,"prev-checked":e,"prev-indeterminate":i,"prev-disabled":this.prevDisabled}),{ariaLabel:_,ariaInvalid:q}=this;return f`
+import{d as T,f as $,g as p,h as E,m as F,o as B,p as r,s as h,v as f,y as M}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as n}from"../../vendor/decorate.js";import{n as P,t as d}from"../../vendor/assertClassBrand.js";import{n as V,r as L,t as u}from"../../vendor/classPrivateFieldGet2.js";import"../../vendor/md-focus-ring.js";import{t as O}from"../../vendor/delegate.js";import{a as D,n as G,o as H,r as K,s as U,t as W}from"../../vendor/form-associated.js";import{t as N}from"../../vendor/redispatch-event.js";import{i as Y,n as j,r as J}from"../../vendor/validator.js";import{t as Q}from"../../vendor/checkbox-validator.js";import"./scb-checkbox-group.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,a){try{customElements.get(i)||e(i,s,a)}catch(_){var b=String(_||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw _}}}}catch{}})();var X=Y(K(D(E))),l=class extends X{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",t=>{!U(t)||!this.input||(this.focus(),H(this.input))})}update(t){(t.has("checked")||t.has("disabled")||t.has("indeterminate"))&&(this.prevChecked=t.get("checked")??this.checked,this.prevDisabled=t.get("disabled")??this.disabled,this.prevIndeterminate=t.get("indeterminate")??this.indeterminate),super.update(t)}render(){const t=!this.prevChecked&&!this.prevIndeterminate,e=this.prevChecked&&!this.prevIndeterminate,i=this.prevIndeterminate,s=this.checked&&!this.indeterminate,a=this.indeterminate,b=B({disabled:this.disabled,selected:s||a,unselected:!s&&!a,checked:s,indeterminate:a,"prev-unselected":t,"prev-checked":e,"prev-indeterminate":i,"prev-disabled":this.prevDisabled}),{ariaLabel:_,ariaInvalid:q}=this;return f`
       <div class="container ${b}">
         <input
           type="checkbox"
@@ -22,8 +22,8 @@ import{_ as $,b as F,c as T,g as M,h as s,l as h,m as E,p as B,v as p,y as f}fro
           <rect class="mark long" />
         </svg>
       </div>
-    `}handleInput(t){const e=t.target;this.checked=e.checked,this.indeterminate=e.indeterminate}handleChange(t){K(this,t)}[Y](){return!this.checked||this.indeterminate?null:this.value}[J](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked=t==="true"}[W](){return new Q(()=>this)}[N](){return this.input}};P(l);l.shadowRootOptions={...$.shadowRootOptions,delegatesFocus:!0};h([s({type:Boolean})],l.prototype,"checked",void 0);h([s({type:Boolean})],l.prototype,"indeterminate",void 0);h([s({type:Boolean})],l.prototype,"required",void 0);h([s()],l.prototype,"value",void 0);h([E()],l.prototype,"prevChecked",void 0);h([E()],l.prototype,"prevDisabled",void 0);h([E()],l.prototype,"prevIndeterminate",void 0);h([B("input")],l.prototype,"input",void 0);var Z=F`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
-`,S=class extends l{};S.styles=[Z];S=h([M("md-checkbox")],S);var c,v,k,g,C,I=!1,w=0,A=t=>{t.metaKey||t.altKey||t.ctrlKey||(I=!0)},u=()=>{I=!1},ee=()=>{w===0&&(window.addEventListener("keydown",A,!0),window.addEventListener("pointerdown",u,!0),window.addEventListener("mousedown",u,!0),window.addEventListener("touchstart",u,!0)),w+=1},te=()=>{w=Math.max(0,w-1),w===0&&(window.removeEventListener("keydown",A,!0),window.removeEventListener("pointerdown",u,!0),window.removeEventListener("mousedown",u,!0),window.removeEventListener("touchstart",u,!0))},o=(c=new WeakSet,v=new WeakMap,k=new WeakMap,g=new WeakMap,C=class extends ${constructor(){super(),H(this,c),L(this,v,void 0),L(this,k,void 0),L(this,g,void 0),this._internals=null,this.disabled=!1,this.indeterminate=!1,this.checked=!1,this.required=!1,this.size="medium",this.label="",this.supportingText="",this.ariaLabel="",this.name="",this.value="on",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._form=null,this._formResetHandler=null,this._initialChecked=!1,this._customValidationMessage="",this._checkboxId="",this._showOuterFocusRing=!1,V(v,this,()=>{this.disabled||this.label?.trim()&&I&&d(c,this,x).call(this,!0)}),V(k,this,()=>{d(c,this,x).call(this,!1)}),V(g,this,()=>{d(c,this,x).call(this,!1)}),"attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),ee(),this._checkboxId=this.id||`scb-checkbox-${Math.random().toString(36).slice(2,11)}`,this._initialChecked=this.checked,d(c,this,z).call(this),this.addEventListener("focusin",m(v,this)),this.addEventListener("focusout",m(k,this)),this.addEventListener("pointerdown",m(g,this),!0),this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.checked=this._initialChecked,this.indeterminate=!1,this.__syncFormValue()},this._form.addEventListener("reset",this._formResetHandler,!0)),this.__syncFormValue()}disconnectedCallback(){super.disconnectedCallback(),te(),this.removeEventListener("focusin",m(v,this)),this.removeEventListener("focusout",m(k,this)),this.removeEventListener("pointerdown",m(g,this),!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-checkbox");e&&e.addEventListener("change",()=>{const i=e,r=!!i.checked,a=!!i.indeterminate;this.checked=r,this.indeterminate=a,this.dispatchEvent(new CustomEvent("change",{detail:{checked:r,indeterminate:a},bubbles:!0,composed:!0}))}),this.shadowRoot?.querySelector("label.wrap")?.addEventListener("click",i=>{if(!this.disabled&&!i.composedPath().some(r=>{const a=r;return a?.tagName?.toLowerCase?.()==="md-checkbox"||a?.classList?.contains("box-wrap")})){i.preventDefault();const r=this.shadowRoot.querySelector("md-checkbox");r&&(r.checked=!r.checked,r.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}),this.__syncInnerAria(),this.__syncValidity(),d(c,this,R).call(this)}updated(e){super.updated(e),e.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&d(c,this,x).call(this,!1)),(e.has("label")||e.has("supportingText")||e.has("ariaLabel"))&&this.__syncInnerAria(),e.has("label")&&d(c,this,z).call(this),(e.has("checked")||e.has("disabled")||e.has("value"))&&this.__syncFormValue(),(e.has("checked")||e.has("disabled")||e.has("required"))&&this.__syncValidity(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&d(c,this,R).call(this)}formDisabledCallback(e){this.disabled=e}__syncInnerAria(){const e=this.shadowRoot?.querySelector("md-checkbox")?.shadowRoot;if(!e)return;const i=e.querySelector('[role="checkbox"]')||e.querySelector('input[type="checkbox"]');if(!i)return;const r=!!this.label?.trim(),a=r?`${this._checkboxId}-label`:"",b=this.supportingText?`${this._checkboxId}-supporting-text`:"";r&&a?(i.setAttribute("aria-labelledby",a),i.removeAttribute("aria-label")):(i.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?i.setAttribute("aria-label",this.ariaLabel.trim()):i.removeAttribute("aria-label")),b?i.setAttribute("aria-describedby",b):i.removeAttribute("aria-describedby")}__getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!this.checked?"Markera det här fältet.":""}__syncValidity(){const e=this.shadowRoot?.querySelector("md-checkbox"),i=this.disabled?"":this.__getValidationMessage();this._internals&&(i?this._internals.setValidity({valueMissing:!0},i,e??void 0):this._internals.setValidity({})),this.toggleAttribute("aria-invalid",!!i)}checkValidity(){return!this.__getValidationMessage()}reportValidity(){return this.__syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=e,this.__syncValidity()}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this.__getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}__syncFormValue(){if(!this._internals)return;const e=this.disabled||!this.checked?null:this.value;this._internals.setFormValue(e)}render(){const e=this.supportingText?`${this._checkboxId}-supporting-text`:void 0,i=!!this.label?.trim(),r=i?p:this.ariaLabel||p;return f`
+    `}handleInput(t){const e=t.target;this.checked=e.checked,this.indeterminate=e.indeterminate}handleChange(t){N(this,t)}[G](){return!this.checked||this.indeterminate?null:this.value}[W](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked=t==="true"}[j](){return new Q(()=>this)}[J](){return this.input}};O(l);l.shadowRootOptions={...E.shadowRootOptions,delegatesFocus:!0};h([r({type:Boolean})],l.prototype,"checked",void 0);h([r({type:Boolean})],l.prototype,"indeterminate",void 0);h([r({type:Boolean})],l.prototype,"required",void 0);h([r()],l.prototype,"value",void 0);h([$()],l.prototype,"prevChecked",void 0);h([$()],l.prototype,"prevDisabled",void 0);h([$()],l.prototype,"prevIndeterminate",void 0);h([T("input")],l.prototype,"input",void 0);var Z=M`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
+`,S=class extends l{};S.styles=[Z];S=h([F("md-checkbox")],S);var c,v,k,g,C,I=!1,w=0,A=t=>{t.metaKey||t.altKey||t.ctrlKey||(I=!0)},m=()=>{I=!1},ee=()=>{w===0&&(window.addEventListener("keydown",A,!0),window.addEventListener("pointerdown",m,!0),window.addEventListener("mousedown",m,!0),window.addEventListener("touchstart",m,!0)),w+=1},te=()=>{w=Math.max(0,w-1),w===0&&(window.removeEventListener("keydown",A,!0),window.removeEventListener("pointerdown",m,!0),window.removeEventListener("mousedown",m,!0),window.removeEventListener("touchstart",m,!0))},o=(c=new WeakSet,v=new WeakMap,k=new WeakMap,g=new WeakMap,C=class extends E{constructor(){super(),P(this,c),L(this,v,void 0),L(this,k,void 0),L(this,g,void 0),this._internals=null,this.disabled=!1,this.indeterminate=!1,this.checked=!1,this.required=!1,this.size="medium",this.label="",this.supportingText="",this.ariaLabel="",this.name="",this.value="on",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._form=null,this._formResetHandler=null,this._initialChecked=!1,this._customValidationMessage="",this._checkboxId="",this._showOuterFocusRing=!1,V(v,this,()=>{this.disabled||this.label?.trim()&&I&&d(c,this,x).call(this,!0)}),V(k,this,()=>{d(c,this,x).call(this,!1)}),V(g,this,()=>{d(c,this,x).call(this,!1)}),"attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),ee(),this._checkboxId=this.id||`scb-checkbox-${Math.random().toString(36).slice(2,11)}`,this._initialChecked=this.checked,d(c,this,z).call(this),this.addEventListener("focusin",u(v,this)),this.addEventListener("focusout",u(k,this)),this.addEventListener("pointerdown",u(g,this),!0),this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.checked=this._initialChecked,this.indeterminate=!1,this.__syncFormValue()},this._form.addEventListener("reset",this._formResetHandler,!0)),this.__syncFormValue()}disconnectedCallback(){super.disconnectedCallback(),te(),this.removeEventListener("focusin",u(v,this)),this.removeEventListener("focusout",u(k,this)),this.removeEventListener("pointerdown",u(g,this),!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-checkbox");e&&e.addEventListener("change",()=>{const i=e,s=!!i.checked,a=!!i.indeterminate;this.checked=s,this.indeterminate=a,this.dispatchEvent(new CustomEvent("change",{detail:{checked:s,indeterminate:a},bubbles:!0,composed:!0}))}),this.shadowRoot?.querySelector("label.wrap")?.addEventListener("click",i=>{if(!this.disabled&&!i.composedPath().some(s=>{const a=s;return a?.tagName?.toLowerCase?.()==="md-checkbox"||a?.classList?.contains("box-wrap")})){i.preventDefault();const s=this.shadowRoot.querySelector("md-checkbox");s&&(s.checked=!s.checked,s.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}),this.__syncInnerAria(),this.__syncValidity(),d(c,this,R).call(this)}updated(e){super.updated(e),e.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&d(c,this,x).call(this,!1)),(e.has("label")||e.has("supportingText")||e.has("ariaLabel"))&&this.__syncInnerAria(),e.has("label")&&d(c,this,z).call(this),(e.has("checked")||e.has("disabled")||e.has("value"))&&this.__syncFormValue(),(e.has("checked")||e.has("disabled")||e.has("required"))&&this.__syncValidity(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&d(c,this,R).call(this)}formDisabledCallback(e){this.disabled=e}__syncInnerAria(){const e=this.shadowRoot?.querySelector("md-checkbox")?.shadowRoot;if(!e)return;const i=e.querySelector('[role="checkbox"]')||e.querySelector('input[type="checkbox"]');if(!i)return;const s=!!this.label?.trim(),a=s?`${this._checkboxId}-label`:"",b=this.supportingText?`${this._checkboxId}-supporting-text`:"";s&&a?(i.setAttribute("aria-labelledby",a),i.removeAttribute("aria-label")):(i.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?i.setAttribute("aria-label",this.ariaLabel.trim()):i.removeAttribute("aria-label")),b?i.setAttribute("aria-describedby",b):i.removeAttribute("aria-describedby")}__getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!this.checked?"Markera det här fältet.":""}__syncValidity(){const e=this.shadowRoot?.querySelector("md-checkbox"),i=this.disabled?"":this.__getValidationMessage();this._internals&&(i?this._internals.setValidity({valueMissing:!0},i,e??void 0):this._internals.setValidity({})),this.toggleAttribute("aria-invalid",!!i)}checkValidity(){return!this.__getValidationMessage()}reportValidity(){return this.__syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=e,this.__syncValidity()}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this.__getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}__syncFormValue(){if(!this._internals)return;const e=this.disabled||!this.checked?null:this.value;this._internals.setFormValue(e)}render(){const e=this.supportingText?`${this._checkboxId}-supporting-text`:void 0,i=!!this.label?.trim(),s=i?p:this.ariaLabel||p;return f`
       <label class="wrap">
         ${i?f`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:p}
         <div class="box-wrap">
@@ -33,7 +33,7 @@ import{_ as $,b as F,c as T,g as M,h as s,l as h,m as E,p as B,v as p,y as f}fro
             ?indeterminate=${this.indeterminate}
             ?checked=${this.checked}
             ?required=${this.required}
-            aria-label=${r}
+            aria-label=${s}
           ></md-checkbox>
         </div>
         ${i?f`<span class="lbl" id="${this._checkboxId}-label">${this.label}</span>`:p}
@@ -42,126 +42,4 @@ import{_ as $,b as F,c as T,g as M,h as s,l as h,m as E,p as B,v as p,y as f}fro
             </div>`:p}
       </label>
       <slot></slot>
-    `}},C.formAssociated=!0,C.styles=F`
-    :host {
-      display: inline-grid;
-      grid-template-columns: auto;
-      grid-template-rows: auto auto;
-      row-gap: 0;
-      font-family: var(--brand-font, 'Inter', sans-serif);
-
-      --scb-checkbox-text-font: var(--md-sys-typescale-body-medium-font);
-      --scb-checkbox-text-size: var(--md-sys-typescale-body-medium-size);
-      --scb-checkbox-text-line-height: var(--md-sys-typescale-body-medium-line-height);
-      --scb-checkbox-text-tracking: var(--md-sys-typescale-body-medium-tracking);
-      --scb-checkbox-text-weight: var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400));
-
-      margin-block-start: var(--scb-checkbox-spacing-block-start, 0);
-      margin-block-end: var(--scb-checkbox-spacing-block-end, 0);
-      margin-inline-start: var(--scb-checkbox-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-checkbox-spacing-inline-end, 0);
-    }
-
-    :host([size='small']) {
-      --scb-checkbox-text-font: var(--md-sys-typescale-body-small-font);
-      --scb-checkbox-text-size: var(--md-sys-typescale-body-small-size);
-      --scb-checkbox-text-line-height: var(--md-sys-typescale-body-small-line-height);
-      --scb-checkbox-text-tracking: var(--md-sys-typescale-body-small-tracking);
-      --scb-checkbox-text-weight: var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400));
-    }
-
-    :host([size='large']) {
-      --scb-checkbox-text-font: var(--md-sys-typescale-body-large-font);
-      --scb-checkbox-text-size: var(--md-sys-typescale-body-large-size);
-      --scb-checkbox-text-line-height: var(--md-sys-typescale-body-large-line-height);
-      --scb-checkbox-text-tracking: var(--md-sys-typescale-body-large-tracking);
-      --scb-checkbox-text-weight: var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400));
-    }
-
-    :host([orientation='horizontal']) {
-      margin-inline-end: var(--scb-checkbox-spacing-inline-end, var(--scb-checkbox-gap, var(--spacing-7, 24px)));
-    }
-
-    .wrap {
-      display: inline-grid;
-      grid-template-columns: auto 1fr;
-      align-items: center;
-      column-gap: var(--spacing-5, 16px);
-      row-gap: 0;
-      cursor: pointer;
-      position: relative;
-      overflow: visible;
-    }
-
-    .outer-focus-ring {
-      position: absolute;
-        inset:
-           calc(var(--spacing-2, 4px) * -1)   /* topp */
-           calc(var(--spacing-4, 12px) * -1)  /* höger */
-           calc(var(--spacing-2, 4px) * -1)   /* botten */
-           calc(var(--spacing-4, 12px) * -1); /* vänster */
-      pointer-events: none;
-      --md-focus-ring-shape-start-start: var(--radius-s, 8px);
-      --md-focus-ring-shape-start-end: var(--radius-s, 8px);
-      --md-focus-ring-shape-end-start: var(--radius-s, 8px);
-      --md-focus-ring-shape-end-end: var(--radius-s, px);
-    }
-
-    :host([data-has-label]) md-checkbox::part(focus-ring) {
-      display: none;
-    }
-
-    :host([disabled]) .wrap {
-      cursor: default;
-    }
-
-    .box-wrap {
-      height: var(--scb-checkbox-target, 40px);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      overflow: visible;
-    }
-
-    md-checkbox {
-      margin: 0;
-    }
-
-    .lbl {
-      color: var(--md-sys-color-on-surface);
-      font-family: var(--scb-checkbox-text-font, var(--brand-font));
-      font-size: var(--scb-checkbox-text-size);
-      line-height: var(--scb-checkbox-text-line-height);
-      font-weight: var(--scb-checkbox-text-weight);
-      letter-spacing: var(--scb-checkbox-text-tracking);
-    }
-
-    :host([disabled]) .lbl {
-      color: var(--n-60);
-    }
-
-    .supporting-text {
-      grid-column: 2;
-      grid-row: 2;
-      color: var(--md-sys-color-on-surface-variant);
-      font-family: var(--scb-checkbox-text-font, var(--brand-font));
-      font-size: var(--scb-checkbox-text-size);
-      line-height: var(--scb-checkbox-text-line-height, 20px);
-      font-weight: var(--scb-checkbox-text-weight);
-      letter-spacing: var(--scb-checkbox-text-tracking);
-      margin-bottom: var(--spacing-4, 8px);
-    }
-
-    :host([disabled]) .supporting-text {
-      color: var(--n-60);
-    }
-
-    @media (prefers-color-scheme: dark) {
-      .lbl {
-        color: var(--md-sys-color-on-surface);
-      }
-      .supporting-text {
-        color: var(--md-sys-color-on-surface-variant);
-      }
-    }
-  `,C);function x(t){this._showOuterFocusRing!==t&&(this._showOuterFocusRing=t,this.requestUpdate())}function z(){const t=!!this.label?.trim();this.toggleAttribute("data-has-label",t),t||d(c,this,x).call(this,!1)}function R(){const t=d(c,this,y).call(this,this.spacing),e=d(c,this,y).call(this,this.spacingTop)??t,i=d(c,this,y).call(this,this.spacingBottom)??t,r=d(c,this,y).call(this,this.spacingLeft),a=d(c,this,y).call(this,this.spacingRight);e?this.style.setProperty("--scb-checkbox-spacing-block-start",e):this.style.removeProperty("--scb-checkbox-spacing-block-start"),i?this.style.setProperty("--scb-checkbox-spacing-block-end",i):this.style.removeProperty("--scb-checkbox-spacing-block-end"),r?this.style.setProperty("--scb-checkbox-spacing-inline-start",r):this.style.removeProperty("--scb-checkbox-spacing-inline-start"),a?this.style.setProperty("--scb-checkbox-spacing-inline-end",a):this.style.removeProperty("--scb-checkbox-spacing-inline-end")}function y(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}n([s({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0);n([s({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);n([s({type:Boolean,reflect:!0})],o.prototype,"checked",void 0);n([s({type:Boolean,reflect:!0})],o.prototype,"required",void 0);n([s({type:String,reflect:!0})],o.prototype,"size",void 0);n([s({type:String})],o.prototype,"label",void 0);n([s({type:String,attribute:"supporting-text"})],o.prototype,"supportingText",void 0);n([s({type:String,reflect:!0,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);n([s({type:String})],o.prototype,"name",void 0);n([s({type:String})],o.prototype,"value",void 0);n([s({type:String,reflect:!0})],o.prototype,"spacing",void 0);n([s({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);n([s({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);n([s({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);n([s({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=n([M("scb-checkbox")],o);export{o as ScbCheckbox};
+    `}},C.formAssociated=!0,C.styles=M`:host{display:inline-grid;grid-template-columns:auto;grid-template-rows:auto auto;row-gap:0;font-family:var(--brand-font, 'Inter', sans-serif);--scb-checkbox-text-font:var(--md-sys-typescale-body-medium-font);--scb-checkbox-text-size:var(--md-sys-typescale-body-medium-size);--scb-checkbox-text-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-checkbox-text-tracking:var(--md-sys-typescale-body-medium-tracking);--scb-checkbox-text-weight:var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400));margin-block-start:var(--scb-checkbox-spacing-block-start, 0);margin-block-end:var(--scb-checkbox-spacing-block-end, 0);margin-inline-start:var(--scb-checkbox-spacing-inline-start, 0);margin-inline-end:var(--scb-checkbox-spacing-inline-end, 0)}:host([size='small']){--scb-checkbox-text-font:var(--md-sys-typescale-body-small-font);--scb-checkbox-text-size:var(--md-sys-typescale-body-small-size);--scb-checkbox-text-line-height:var(--md-sys-typescale-body-small-line-height);--scb-checkbox-text-tracking:var(--md-sys-typescale-body-small-tracking);--scb-checkbox-text-weight:var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400))}:host([size='large']){--scb-checkbox-text-font:var(--md-sys-typescale-body-large-font);--scb-checkbox-text-size:var(--md-sys-typescale-body-large-size);--scb-checkbox-text-line-height:var(--md-sys-typescale-body-large-line-height);--scb-checkbox-text-tracking:var(--md-sys-typescale-body-large-tracking);--scb-checkbox-text-weight:var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))}:host([orientation='horizontal']){margin-inline-end:var(--scb-checkbox-spacing-inline-end, var(--scb-checkbox-gap, var(--spacing-7, 24px)))}.wrap{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--spacing-5, 16px);row-gap:0;cursor:pointer;position:relative;overflow:visible}.outer-focus-ring{position:absolute;inset:calc(var(--spacing-2, 4px)*-1) calc(var(--spacing-4, 12px)*-1) calc(var(--spacing-2, 4px)*-1) calc(var(--spacing-4, 12px)*-1);pointer-events:none;--md-focus-ring-shape-start-start:var(--radius-s, 8px);--md-focus-ring-shape-start-end:var(--radius-s, 8px);--md-focus-ring-shape-end-start:var(--radius-s, 8px);--md-focus-ring-shape-end-end:var(--radius-s, px)}:host([data-has-label]) md-checkbox::part(focus-ring){display:none}:host([disabled]) .wrap{cursor:default}.box-wrap{height:var(--scb-checkbox-target, 40px);display:flex;align-items:center;justify-content:center;overflow:visible}md-checkbox{margin:0}.lbl{color:var(--md-sys-color-on-surface);font-family:var(--scb-checkbox-text-font, var(--brand-font));font-size:var(--scb-checkbox-text-size);line-height:var(--scb-checkbox-text-line-height);font-weight:var(--scb-checkbox-text-weight);letter-spacing:var(--scb-checkbox-text-tracking)}:host([disabled]) .lbl,:host([disabled]) .supporting-text{color:var(--n-60)}.supporting-text{grid-column:2;grid-row:2;color:var(--md-sys-color-on-surface-variant);font-family:var(--scb-checkbox-text-font, var(--brand-font));font-size:var(--scb-checkbox-text-size);line-height:var(--scb-checkbox-text-line-height, 20px);font-weight:var(--scb-checkbox-text-weight);letter-spacing:var(--scb-checkbox-text-tracking);margin-bottom:var(--spacing-4, 8px)}@media (prefers-color-scheme:dark){.lbl{color:var(--md-sys-color-on-surface)}.supporting-text{color:var(--md-sys-color-on-surface-variant)}}`,C);function x(t){this._showOuterFocusRing!==t&&(this._showOuterFocusRing=t,this.requestUpdate())}function z(){const t=!!this.label?.trim();this.toggleAttribute("data-has-label",t),t||d(c,this,x).call(this,!1)}function R(){const t=d(c,this,y).call(this,this.spacing),e=d(c,this,y).call(this,this.spacingTop)??t,i=d(c,this,y).call(this,this.spacingBottom)??t,s=d(c,this,y).call(this,this.spacingLeft),a=d(c,this,y).call(this,this.spacingRight);e?this.style.setProperty("--scb-checkbox-spacing-block-start",e):this.style.removeProperty("--scb-checkbox-spacing-block-start"),i?this.style.setProperty("--scb-checkbox-spacing-block-end",i):this.style.removeProperty("--scb-checkbox-spacing-block-end"),s?this.style.setProperty("--scb-checkbox-spacing-inline-start",s):this.style.removeProperty("--scb-checkbox-spacing-inline-start"),a?this.style.setProperty("--scb-checkbox-spacing-inline-end",a):this.style.removeProperty("--scb-checkbox-spacing-inline-end")}function y(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}n([r({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0);n([r({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);n([r({type:Boolean,reflect:!0})],o.prototype,"checked",void 0);n([r({type:Boolean,reflect:!0})],o.prototype,"required",void 0);n([r({type:String,reflect:!0})],o.prototype,"size",void 0);n([r({type:String})],o.prototype,"label",void 0);n([r({type:String,attribute:"supporting-text"})],o.prototype,"supportingText",void 0);n([r({type:String,reflect:!0,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);n([r({type:String})],o.prototype,"name",void 0);n([r({type:String})],o.prototype,"value",void 0);n([r({type:String,reflect:!0})],o.prototype,"spacing",void 0);n([r({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);n([r({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);n([r({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);n([r({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=n([F("scb-checkbox")],o);export{o as ScbCheckbox};

package/mvc/components/scb-chip/scb-chip.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/assist-chip.js","../../vendor/vendor.js","../../vendor/chip.js","../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../../vendor/delegate.js","../../vendor/ripple.js","../../vendor/shared-styles.js","../../vendor/elevation.js","../../vendor/filter-chip.js","../../vendor/redispatch-event.js","../../vendor/chip-set.js","../../vendor/icon.js"])))=>i.map(i=>d[i]);
-import{_ as v,b as f,g,h as s,y as o}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as i}from"../../vendor/decorate.js";import{n as _,t as u}from"../../vendor/assertClassBrand.js";import{t as p}from"../../vendor/preload-helper.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,c,d){try{customElements.get(a)||t(a,c,d)}catch(n){var l=String(n||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var h,m,e=(h=new WeakSet,m=class extends v{constructor(){super(),_(this,h),this.variant="assist",this.staticVariant="filled",this.label="",this.icon="",this.disabled=!1,this.elevated=!1,this.removable=!1,this.selected=!1,this.disableToggle=!1,this.href="",this.target="",this.name="",this.value="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.size="medium",this._internals=null,this.__loadedVariants=new Set,this.__chipSetLoaded=!1,this.__iconLoaded=!1,this._onFilterClick=t=>{if(this.disableToggle){const a=t.currentTarget;a&&(a.selected=this.selected),t.preventDefault();return}this._toggleSelected()},"attachInternals"in this&&(this._internals=this.attachInternals())}updated(t){super.updated(t),(t.has("variant")||t.has("icon"))&&this.__ensureDepsLoaded(),t.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.dispatchEvent(new CustomEvent("disabled-changed",{detail:{disabled:this.disabled},bubbles:!0,composed:!0}))),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:this.variant},bubbles:!0,composed:!0})),t.has("staticVariant")&&this.dispatchEvent(new CustomEvent("static-variant-changed",{detail:{staticVariant:this.staticVariant},bubbles:!0,composed:!0})),t.has("label")&&this.dispatchEvent(new CustomEvent("label-changed",{detail:{label:this.label},bubbles:!0,composed:!0})),t.has("elevated")&&this.dispatchEvent(new CustomEvent("elevated-changed",{detail:{elevated:this.elevated},bubbles:!0,composed:!0})),t.has("icon")&&this.dispatchEvent(new CustomEvent("icon-changed",{detail:{icon:this.icon},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:this.size},bubbles:!0,composed:!0})),(t.has("selected")||t.has("disabled")||t.has("variant")||t.has("value")||t.has("name"))&&this._updateFormValue(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&u(h,this,b).call(this)}firstUpdated(){this.__ensureDepsLoaded(),u(h,this,b).call(this),this._updateFormValue()}async __ensureDepsLoaded(){const t=this.variant==="assist"||this.variant==="filter"?this.variant:null;if(t&&!this.__loadedVariants.has(t)){switch(t){case"assist":await p(()=>import("../../vendor/assist-chip.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);break;case"filter":await p(()=>import("../../vendor/filter-chip.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9,10,12]),import.meta.url);break}this.__loadedVariants.add(t)}t&&!this._insideChipSet&&!this.__chipSetLoaded&&(await p(()=>import("../../vendor/chip-set.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8]),import.meta.url),this.__chipSetLoaded=!0),this.icon&&!this.__iconLoaded&&(await p(()=>import("../../vendor/icon.js").then(a=>a.t),__vite__mapDeps([14,4,1,6]),import.meta.url),this.__iconLoaded=!0)}get _insideChipSet(){return!!this.closest("md-chip-set")}render(){const t=this._renderChip();return this.variant==="static"||this._insideChipSet?t:o`<md-chip-set>${t}</md-chip-set>`}_renderChip(){const t=this.icon?o`<md-icon slot="icon">${this.icon}</md-icon>`:null;switch(this.variant){case"static":return o`
+import{h as v,m as f,p as s,v as o,y as _}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as d}from"../../vendor/preload-helper.js";import{t as i}from"../../vendor/decorate.js";import{n as g,t as u}from"../../vendor/assertClassBrand.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,c,p){try{customElements.get(a)||t(a,c,p)}catch(n){var l=String(n||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var h,m,e=(h=new WeakSet,m=class extends v{constructor(){super(),g(this,h),this.variant="assist",this.staticVariant="filled",this.label="",this.icon="",this.disabled=!1,this.elevated=!1,this.removable=!1,this.selected=!1,this.disableToggle=!1,this.href="",this.target="",this.name="",this.value="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.size="medium",this._internals=null,this.__loadedVariants=new Set,this.__chipSetLoaded=!1,this.__iconLoaded=!1,this._onFilterClick=t=>{if(this.disableToggle){const a=t.currentTarget;a&&(a.selected=this.selected),t.preventDefault();return}this._toggleSelected()},"attachInternals"in this&&(this._internals=this.attachInternals())}updated(t){super.updated(t),(t.has("variant")||t.has("icon"))&&this.__ensureDepsLoaded(),t.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.dispatchEvent(new CustomEvent("disabled-changed",{detail:{disabled:this.disabled},bubbles:!0,composed:!0}))),t.has("variant")&&this.dispatchEvent(new CustomEvent("variant-changed",{detail:{variant:this.variant},bubbles:!0,composed:!0})),t.has("staticVariant")&&this.dispatchEvent(new CustomEvent("static-variant-changed",{detail:{staticVariant:this.staticVariant},bubbles:!0,composed:!0})),t.has("label")&&this.dispatchEvent(new CustomEvent("label-changed",{detail:{label:this.label},bubbles:!0,composed:!0})),t.has("elevated")&&this.dispatchEvent(new CustomEvent("elevated-changed",{detail:{elevated:this.elevated},bubbles:!0,composed:!0})),t.has("icon")&&this.dispatchEvent(new CustomEvent("icon-changed",{detail:{icon:this.icon},bubbles:!0,composed:!0})),t.has("size")&&this.dispatchEvent(new CustomEvent("size-changed",{detail:{size:this.size},bubbles:!0,composed:!0})),(t.has("selected")||t.has("disabled")||t.has("variant")||t.has("value")||t.has("name"))&&this._updateFormValue(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&u(h,this,b).call(this)}firstUpdated(){this.__ensureDepsLoaded(),u(h,this,b).call(this),this._updateFormValue()}async __ensureDepsLoaded(){const t=this.variant==="assist"||this.variant==="filter"?this.variant:null;if(t&&!this.__loadedVariants.has(t)){switch(t){case"assist":await d(()=>import("../../vendor/assist-chip.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);break;case"filter":await d(()=>import("../../vendor/filter-chip.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9,10,12]),import.meta.url);break}this.__loadedVariants.add(t)}t&&!this._insideChipSet&&!this.__chipSetLoaded&&(await d(()=>import("../../vendor/chip-set.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8]),import.meta.url),this.__chipSetLoaded=!0),this.icon&&!this.__iconLoaded&&(await d(()=>import("../../vendor/icon.js").then(a=>a.t),__vite__mapDeps([14,4,1,6]),import.meta.url),this.__iconLoaded=!0)}get _insideChipSet(){return!!this.closest("md-chip-set")}render(){const t=this._renderChip();return this.variant==="static"||this._insideChipSet?t:o`<md-chip-set>${t}</md-chip-set>`}_renderChip(){const t=this.icon?o`<md-icon slot="icon">${this.icon}</md-icon>`:null;switch(this.variant){case"static":return o`
           <span class="static-chip" aria-disabled=${this.disabled?"true":"false"}>
             ${t}
             <slot>${this.label}</slot>
@@ -28,78 +28,4 @@ import{_ as v,b as f,g,h as s,y as o}from"../../vendor/vendor.js";import"../../v
           >
             ${t}
           </md-filter-chip>
-        `;default:return o``}}_toggleSelected(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("selected-changed",{detail:{selected:this.selected},bubbles:!0,composed:!0})),this._updateFormValue()}_onRemove(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{label:this.label},bubbles:!0,composed:!0}))}_forward(t){this.dispatchEvent(new CustomEvent(t.type,{detail:t.detail,bubbles:!0,composed:!0}))}_updateFormValue(){if(!this._internals)return;if(!(this.variant==="filter"&&this.selected&&!this.disabled&&this.name)){this._internals.setFormValue(null),this._internals.setValidity({});return}const t=this.value||this.label||"";this._internals.setFormValue(t,this.name),this._internals.setValidity({})}formDisabledCallback(t){this.disabled=t}mapSpacingToken(t){if(!t)return;const a=String(t).trim();if(a)return/^\d+$/.test(a)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(a,10)))})`:a}},m.formAssociated=!0,m.styles=f`
-    :host {
-      display: inline-block;
-      margin-block-start: var(--scb-chip-spacing-block-start, 0);
-      margin-block-end: var(--scb-chip-spacing-block-end, 0);
-      margin-inline-start: var(--scb-chip-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-chip-spacing-inline-end, 0);
-    }
-
-    /* Sätt samma färg på label för assist som är på filter */
-    :host md-assist-chip {
-      --_label-text-color: var(--md-sys-color-on-surface-variant);
-      --_hover-label-text-color: var(--md-sys-color-on-surface-variant);
-      --_focus-label-text-color: var(--md-sys-color-on-surface-variant);
-      --_pressed-label-text-color: var(--md-sys-color-on-surface-variant);
-    }
-
-    .static-chip {
-      --scb-static-chip-color: var(--md-sys-color-on-surface, #0F0865);
-      display: inline-flex;
-      align-items: center;
-      gap: var(--spacing-2, 4px);
-      box-sizing: border-box;
-      width: fit-content;
-      border-radius: 8px;
-      padding: 3px 11px;
-      color: var(--md-sys-color-on-surface);
-      font-family: var(--brand-font, var(--brand, "Inter"), sans-serif);
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 550;
-      line-height: 22px;
-      white-space: nowrap;
-    }
-
-    :host([static-variant='outlined']) .static-chip {
-      border: 1px solid var(--md-sys-color-outline);
-      background: transparent;
-    }
-
-    :host(:not([static-variant='outlined'])) .static-chip,
-    :host([static-variant='filled']) .static-chip {
-      border: none;
-      background: color-mix(in srgb, var(--scb-static-chip-color) 8%, transparent);
-    }
-
-    .static-chip md-icon {
-      font-size: 18px;
-    }
-
-    /* Storlekar: små/medium/stora chips via tokens.
-       Medium (default) är Material-standardvärdena. */
-    :host([size='small']) md-assist-chip,
-    :host([size='small']) md-filter-chip {
-      --md-assist-chip-label-text-size: var(--md-sys-typescale-label-small-size);
-      --md-filter-chip-label-text-size: var(--md-sys-typescale-label-small-size);
-    }
-
-    :host([size='medium']) md-assist-chip,
-    :host([size='medium']) md-filter-chip {
-      --md-assist-chip-label-text-size: var(--md-sys-typescale-label-medium-size);
-      --md-filter-chip-label-text-size: var(--md-sys-typescale-label-medium-size);
-    }
-
-    :host([size='large']) md-assist-chip,
-    :host([size='large']) md-filter-chip {
-      --md-assist-chip-label-text-size: var(--md-sys-typescale-body-large-size);
-      --md-filter-chip-label-text-size: var(--md-sys-typescale-body-large-size);
-    }
-
-/*     md-icon {
-      color: var(--md-sys-color-on-surface);
-      font-size: var(--md-sys-typescale-body-large-size);
-    } */
-  `,m);function b(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop),a=this.mapSpacingToken(this.spacingBottom),c=this.mapSpacingToken(this.spacingLeft),d=this.mapSpacingToken(this.spacingRight),l=t??r,n=a??r;l?this.style.setProperty("--scb-chip-spacing-block-start",l):this.style.removeProperty("--scb-chip-spacing-block-start"),n?this.style.setProperty("--scb-chip-spacing-block-end",n):this.style.removeProperty("--scb-chip-spacing-block-end"),c?this.style.setProperty("--scb-chip-spacing-inline-start",c):this.style.removeProperty("--scb-chip-spacing-inline-start"),d?this.style.setProperty("--scb-chip-spacing-inline-end",d):this.style.removeProperty("--scb-chip-spacing-inline-end")}i([s({type:String,reflect:!0})],e.prototype,"variant",void 0);i([s({type:String,reflect:!0,attribute:"static-variant"})],e.prototype,"staticVariant",void 0);i([s({type:String})],e.prototype,"label",void 0);i([s({type:String})],e.prototype,"icon",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"elevated",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"removable",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"selected",void 0);i([s({type:Boolean,reflect:!0,attribute:"disable-toggle"})],e.prototype,"disableToggle",void 0);i([s({type:String})],e.prototype,"href",void 0);i([s({type:String})],e.prototype,"target",void 0);i([s({type:String})],e.prototype,"name",void 0);i([s({type:String})],e.prototype,"value",void 0);i([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);i([s({type:String,reflect:!0,attribute:"spacing-top"})],e.prototype,"spacingTop",void 0);i([s({type:String,reflect:!0,attribute:"spacing-bottom"})],e.prototype,"spacingBottom",void 0);i([s({type:String,reflect:!0,attribute:"spacing-left"})],e.prototype,"spacingLeft",void 0);i([s({type:String,reflect:!0,attribute:"spacing-right"})],e.prototype,"spacingRight",void 0);i([s({type:String,reflect:!0})],e.prototype,"size",void 0);e=i([g("scb-chip")],e);
+        `;default:return o``}}_toggleSelected(){this.selected=!this.selected,this.dispatchEvent(new CustomEvent("selected-changed",{detail:{selected:this.selected},bubbles:!0,composed:!0})),this._updateFormValue()}_onRemove(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{label:this.label},bubbles:!0,composed:!0}))}_forward(t){this.dispatchEvent(new CustomEvent(t.type,{detail:t.detail,bubbles:!0,composed:!0}))}_updateFormValue(){if(!this._internals)return;if(!(this.variant==="filter"&&this.selected&&!this.disabled&&this.name)){this._internals.setFormValue(null),this._internals.setValidity({});return}const t=this.value||this.label||"";this._internals.setFormValue(t,this.name),this._internals.setValidity({})}formDisabledCallback(t){this.disabled=t}mapSpacingToken(t){if(!t)return;const a=String(t).trim();if(a)return/^\d+$/.test(a)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(a,10)))})`:a}},m.formAssociated=!0,m.styles=_`:host{display:inline-block;margin-block-start:var(--scb-chip-spacing-block-start, 0);margin-block-end:var(--scb-chip-spacing-block-end, 0);margin-inline-start:var(--scb-chip-spacing-inline-start, 0);margin-inline-end:var(--scb-chip-spacing-inline-end, 0)}:host md-assist-chip{--_label-text-color:var(--md-sys-color-on-surface-variant);--_hover-label-text-color:var(--md-sys-color-on-surface-variant);--_focus-label-text-color:var(--md-sys-color-on-surface-variant);--_pressed-label-text-color:var(--md-sys-color-on-surface-variant)}.static-chip{--scb-static-chip-color:var(--md-sys-color-on-surface, #0F0865);display:inline-flex;align-items:center;gap:var(--spacing-2, 4px);box-sizing:border-box;width:fit-content;border-radius:8px;padding:3px 11px;color:var(--md-sys-color-on-surface);font-family:var(--brand-font, var(--brand, "Inter"), sans-serif);font-size:14px;font-style:normal;font-weight:550;line-height:22px;white-space:nowrap}:host([static-variant='outlined']) .static-chip{border:1px solid var(--md-sys-color-outline);background:0 0}:host(:not([static-variant='outlined'])) .static-chip,:host([static-variant='filled']) .static-chip{border:0;background:color-mix(in srgb,var(--scb-static-chip-color) 8%,transparent)}.static-chip md-icon{font-size:18px}:host([size='small']) md-assist-chip,:host([size='small']) md-filter-chip{--md-assist-chip-label-text-size:var(--md-sys-typescale-label-small-size);--md-filter-chip-label-text-size:var(--md-sys-typescale-label-small-size)}:host([size='medium']) md-assist-chip,:host([size='medium']) md-filter-chip{--md-assist-chip-label-text-size:var(--md-sys-typescale-label-medium-size);--md-filter-chip-label-text-size:var(--md-sys-typescale-label-medium-size)}:host([size='large']) md-assist-chip,:host([size='large']) md-filter-chip{--md-assist-chip-label-text-size:var(--md-sys-typescale-body-large-size);--md-filter-chip-label-text-size:var(--md-sys-typescale-body-large-size)}`,m);function b(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop),a=this.mapSpacingToken(this.spacingBottom),c=this.mapSpacingToken(this.spacingLeft),p=this.mapSpacingToken(this.spacingRight),l=t??r,n=a??r;l?this.style.setProperty("--scb-chip-spacing-block-start",l):this.style.removeProperty("--scb-chip-spacing-block-start"),n?this.style.setProperty("--scb-chip-spacing-block-end",n):this.style.removeProperty("--scb-chip-spacing-block-end"),c?this.style.setProperty("--scb-chip-spacing-inline-start",c):this.style.removeProperty("--scb-chip-spacing-inline-start"),p?this.style.setProperty("--scb-chip-spacing-inline-end",p):this.style.removeProperty("--scb-chip-spacing-inline-end")}i([s({type:String,reflect:!0})],e.prototype,"variant",void 0);i([s({type:String,reflect:!0,attribute:"static-variant"})],e.prototype,"staticVariant",void 0);i([s({type:String})],e.prototype,"label",void 0);i([s({type:String})],e.prototype,"icon",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"elevated",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"removable",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"selected",void 0);i([s({type:Boolean,reflect:!0,attribute:"disable-toggle"})],e.prototype,"disableToggle",void 0);i([s({type:String})],e.prototype,"href",void 0);i([s({type:String})],e.prototype,"target",void 0);i([s({type:String})],e.prototype,"name",void 0);i([s({type:String})],e.prototype,"value",void 0);i([s({type:String,reflect:!0})],e.prototype,"spacing",void 0);i([s({type:String,reflect:!0,attribute:"spacing-top"})],e.prototype,"spacingTop",void 0);i([s({type:String,reflect:!0,attribute:"spacing-bottom"})],e.prototype,"spacingBottom",void 0);i([s({type:String,reflect:!0,attribute:"spacing-left"})],e.prototype,"spacingLeft",void 0);i([s({type:String,reflect:!0,attribute:"spacing-right"})],e.prototype,"spacingRight",void 0);i([s({type:String,reflect:!0})],e.prototype,"size",void 0);e=i([f("scb-chip")],e);export{e as ScbChip};

package/mvc/components/scb-collapse/scb-collapse.js

@@ -1,4 +1,4 @@
-import{_ as q,b as A,g as I,h as d,y as E}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as p}from"../../vendor/decorate.js";import{n as F,t as n}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import{n as l,r as f,t as r}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,a){try{customElements.get(i)||t(i,o,a)}catch(g){var h=String(g||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var s,b,m,y,v,u,_,x,H,c=(s=new WeakSet,b=new WeakMap,m=new WeakMap,y=new WeakMap,v=new WeakMap,u=new WeakMap,_=new WeakMap,x=new WeakMap,H=class extends q{constructor(...t){super(...t),F(this,s),f(this,b,void 0),f(this,m,void 0),f(this,y,void 0),f(this,v,void 0),f(this,u,void 0),f(this,_,void 0),f(this,x,void 0),this._contentId=`scb-collapse-content-${Math.random().toString(36).substr(2,9)}`,this.variant="elements",this.collapsedHeight=40,this.visibleElements=1,this.expanded=!1,this._elementCount=0,this.expandButtonLabel="Mer",this.collapseButtonLabel="Mindre",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.itemsGap=void 0,this._contentHeight=0,l(m,this,0),l(y,this,0),l(u,this,0),l(_,this,0)}get _regionLabel(){return`${this.expanded?this.collapseButtonLabel:this.expandButtonLabel} – ${this._contentId}`}toggle(){this.expanded=!this.expanded}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}willUpdate(t){t.has("expanded")&&this.variant==="height"&&n(s,this,P).call(this,!!t.get("expanded"),this.expanded),t.has("variant")&&(this._measureContent(!1),this._countElements(!1))}firstUpdated(){requestAnimationFrame(()=>{this._measureContent(),this._countElements(),n(s,this,S).call(this),n(s,this,w).call(this)});const t=this.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",()=>{requestAnimationFrame(()=>{this._measureContent(),this._countElements(),n(s,this,S).call(this),n(s,this,w).call(this)})}),n(s,this,M).call(this),n(s,this,S).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&n(s,this,M).call(this),t.has("itemsGap")&&(n(s,this,S).call(this),this._measureContent()),this.variant==="elements"&&!t.has("expanded")&&(t.has("variant")||t.has("visibleElements")||t.has("itemsGap"))&&(this._countElements(),n(s,this,w).call(this)),t.has("expanded")&&(n(s,this,S).call(this),this.variant==="height"?n(s,this,W).call(this):this.variant==="elements"&&n(s,this,O).call(this,!!t.get("expanded"),this.expanded),this.dispatchEvent(new CustomEvent("expandedchange",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_measureContent(t=!0){if(this.variant==="height"){const i=this.shadowRoot?.querySelector(".collapse-content"),o=this.shadowRoot?.querySelector("slot");if(i){const a=i.scrollHeight;a!==this._contentHeight&&(this._contentHeight=a,t&&this.requestUpdate())}else if(o){const a=o.assignedNodes({flatten:!0});let h=0;a.forEach(L=>{if(L.nodeType===Node.ELEMENT_NODE){const T=L;h+=T.offsetHeight||T.scrollHeight||0}});const g=h;g!==this._contentHeight&&(this._contentHeight=g,t&&this.requestUpdate())}}}_countElements(t=!0){if(this.variant==="elements"){const i=this.shadowRoot?.querySelector("slot");if(i){const o=i.assignedNodes({flatten:!0}).filter(a=>a.nodeType===Node.ELEMENT_NODE).length;o!==this._elementCount&&(this._elementCount=o,t&&this.requestUpdate())}}}render(){if(this.variant==="height"){const t=this.expanded?"none":`${this.collapsedHeight}px`,i=this._contentHeight>this.collapsedHeight;return E`
+import{h as q,m as A,p as d,v as E,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as p}from"../../vendor/decorate.js";import{n as F,t as n}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import{n as l,r as f,t as r}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,a){try{customElements.get(i)||t(i,o,a)}catch(g){var h=String(g||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var s,b,m,v,y,u,_,x,H,c=(s=new WeakSet,b=new WeakMap,m=new WeakMap,v=new WeakMap,y=new WeakMap,u=new WeakMap,_=new WeakMap,x=new WeakMap,H=class extends q{constructor(...t){super(...t),F(this,s),f(this,b,void 0),f(this,m,void 0),f(this,v,void 0),f(this,y,void 0),f(this,u,void 0),f(this,_,void 0),f(this,x,void 0),this._contentId=`scb-collapse-content-${Math.random().toString(36).substr(2,9)}`,this.variant="elements",this.collapsedHeight=40,this.visibleElements=1,this.expanded=!1,this._elementCount=0,this.expandButtonLabel="Mer",this.collapseButtonLabel="Mindre",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.itemsGap=void 0,this._contentHeight=0,l(m,this,0),l(v,this,0),l(u,this,0),l(_,this,0)}get _regionLabel(){return`${this.expanded?this.collapseButtonLabel:this.expandButtonLabel} – ${this._contentId}`}toggle(){this.expanded=!this.expanded}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}willUpdate(t){t.has("expanded")&&this.variant==="height"&&n(s,this,P).call(this,!!t.get("expanded"),this.expanded),t.has("variant")&&(this._measureContent(!1),this._countElements(!1))}firstUpdated(){requestAnimationFrame(()=>{this._measureContent(),this._countElements(),n(s,this,S).call(this),n(s,this,w).call(this)});const t=this.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",()=>{requestAnimationFrame(()=>{this._measureContent(),this._countElements(),n(s,this,S).call(this),n(s,this,w).call(this)})}),n(s,this,M).call(this),n(s,this,S).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&n(s,this,M).call(this),t.has("itemsGap")&&(n(s,this,S).call(this),this._measureContent()),this.variant==="elements"&&!t.has("expanded")&&(t.has("variant")||t.has("visibleElements")||t.has("itemsGap"))&&(this._countElements(),n(s,this,w).call(this)),t.has("expanded")&&(n(s,this,S).call(this),this.variant==="height"?n(s,this,W).call(this):this.variant==="elements"&&n(s,this,O).call(this,!!t.get("expanded"),this.expanded),this.dispatchEvent(new CustomEvent("expandedchange",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_measureContent(t=!0){if(this.variant==="height"){const i=this.shadowRoot?.querySelector(".collapse-content"),o=this.shadowRoot?.querySelector("slot");if(i){const a=i.scrollHeight;a!==this._contentHeight&&(this._contentHeight=a,t&&this.requestUpdate())}else if(o){const a=o.assignedNodes({flatten:!0});let h=0;a.forEach(L=>{if(L.nodeType===Node.ELEMENT_NODE){const T=L;h+=T.offsetHeight||T.scrollHeight||0}});const g=h;g!==this._contentHeight&&(this._contentHeight=g,t&&this.requestUpdate())}}}_countElements(t=!0){if(this.variant==="elements"){const i=this.shadowRoot?.querySelector("slot");if(i){const o=i.assignedNodes({flatten:!0}).filter(a=>a.nodeType===Node.ELEMENT_NODE).length;o!==this._elementCount&&(this._elementCount=o,t&&this.requestUpdate())}}}render(){if(this.variant==="height"){const t=this.expanded?"none":`${this.collapsedHeight}px`,i=this._contentHeight>this.collapsedHeight;return E`
         <div
           class="collapse-content collapse-content--height ${this.expanded?"expanded":""}"
           id="${this._contentId}"
@@ -42,46 +42,4 @@ import{_ as q,b as A,g as I,h as d,y as E}from"../../vendor/vendor.js";import"..
             >
             </scb-button>
         `:""}
-      `}}},H.styles=A`
-:host {
-  display: block;
-  box-sizing: border-box;
-  margin-block-start: var(--scb-collapse-spacing-block-start, 0);
-  margin-block-end: var(--scb-collapse-spacing-block-end, 0);
-  margin-inline-start: var(--scb-collapse-spacing-inline-start, 0);
-  margin-inline-end: var(--scb-collapse-spacing-inline-end, 0);
-}
-    .collapse-content {
-      overflow: hidden;
-      display: flow-root;
-      position: relative;
-      transition: max-height var(--motion-duration-medium) var(--motion-easing-standard);
-    }
-    .collapse-content--height,
-    .collapse-content--elements {
-      transition: height var(--motion-duration-medium) var(--motion-easing-standard);
-    }
-    .collapse-content.expanded {
-      max-height: none;
-      overflow: visible;
-    }
-    .collapse-content.animating {
-      overflow: hidden;
-    }
-    .collapse-gradient-overlay {
-      position: absolute;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      height: 48px;
-      pointer-events: none;
-      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, var(--md-sys-color-surface) 100%);
-      z-index: 1;
-    }
-    scb-button {
-      margin-top: 8px;
-    }
-    ::slotted(.scb-collapsed-hidden) {
-        display: none !important;
-    }
-  `,H);function M(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,i=this.mapSpacingToken(this.spacingBottom)??e,o=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-collapse-spacing-block-start",t):this.style.removeProperty("--scb-collapse-spacing-block-start"),i?this.style.setProperty("--scb-collapse-spacing-block-end",i):this.style.removeProperty("--scb-collapse-spacing-block-end"),o?this.style.setProperty("--scb-collapse-spacing-inline-start",o):this.style.removeProperty("--scb-collapse-spacing-inline-start"),a?this.style.setProperty("--scb-collapse-spacing-inline-end",a):this.style.removeProperty("--scb-collapse-spacing-inline-end")}function S(){const e=this.mapSpacingToken(this.itemsGap);e?this.style.setProperty("--scb-collapse-items-gap",e):this.style.removeProperty("--scb-collapse-items-gap");const t=this.shadowRoot?.querySelector("slot");t&&t.assignedNodes({flatten:!0}).filter(i=>i.nodeType===Node.ELEMENT_NODE).forEach((i,o)=>{const a=i;o===0||!e?a.style.removeProperty("margin-block-start"):a.style.setProperty("margin-block-start","var(--scb-collapse-items-gap)")})}function P(e,t){if(e===t){l(b,this,void 0);return}const i=this.shadowRoot?.querySelector(".collapse-content");if(!i){l(b,this,void 0);return}const o=i.getBoundingClientRect().height,a=Math.max(i.scrollHeight,this._contentHeight,o),h=t?a:Math.min(this.collapsedHeight,a);l(b,this,{startHeight:o,endHeight:h,expanded:t})}function B(e){r(m,this)&&(cancelAnimationFrame(r(m,this)),l(m,this,0)),r(y,this)&&(window.clearTimeout(r(y,this)),l(y,this,0));const t=e??this.shadowRoot?.querySelector(".collapse-content");t&&r(v,this)&&t.removeEventListener("transitionend",r(v,this)),l(v,this,void 0)}function $(e,t){n(s,this,B).call(this,e),e.classList.remove("animating"),e.style.removeProperty("height"),e.style.removeProperty("transition"),e.style.setProperty("max-height",t?"none":`${this.collapsedHeight}px`)}function W(){const e=this.shadowRoot?.querySelector(".collapse-content"),t=r(b,this);if(l(b,this,void 0),!e||!t)return;const i=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;if(n(s,this,B).call(this,e),i||Math.abs(t.startHeight-t.endHeight)<1){n(s,this,$).call(this,e,t.expanded);return}e.classList.add("animating"),e.style.transition="none",e.style.setProperty("max-height","none"),e.style.height=`${t.startHeight}px`,e.getBoundingClientRect(),l(v,this,o=>{o.target===e&&o.propertyName==="height"&&n(s,this,$).call(this,e,t.expanded)}),e.addEventListener("transitionend",r(v,this)),l(m,this,requestAnimationFrame(()=>{l(m,this,0),e.style.removeProperty("transition"),e.style.height=`${t.endHeight}px`})),l(y,this,window.setTimeout(()=>{n(s,this,$).call(this,e,t.expanded)},700))}function N(){const e=typeof this.visibleElements=="string"?parseInt(this.visibleElements,10):this.visibleElements;return Number.isFinite(e)?Math.max(0,Math.floor(e)):0}function C(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedNodes({flatten:!0}).filter(t=>t.nodeType===Node.ELEMENT_NODE):[]}function w(e=this.expanded){if(this.variant!=="elements")return;const t=n(s,this,N).call(this);n(s,this,C).call(this).forEach((i,o)=>{i.classList.toggle("scb-collapsed-hidden",!e&&o>=t)})}function G(e){const t=this.shadowRoot?.querySelector(".collapse-content");if(!t)return 0;const i=n(s,this,C).call(this),o=i.map(h=>h.classList.contains("scb-collapsed-hidden"));n(s,this,w).call(this,e);const a=t.scrollHeight;return i.forEach((h,g)=>{h.classList.toggle("scb-collapsed-hidden",o[g])}),a}function R(e){r(u,this)&&(cancelAnimationFrame(r(u,this)),l(u,this,0)),r(_,this)&&(window.clearTimeout(r(_,this)),l(_,this,0));const t=e??this.shadowRoot?.querySelector(".collapse-content");t&&r(x,this)&&t.removeEventListener("transitionend",r(x,this)),l(x,this,void 0)}function k(e,t){n(s,this,R).call(this,e),n(s,this,w).call(this,t),e.classList.remove("animating"),e.style.removeProperty("height"),e.style.removeProperty("transition")}function O(e,t){const i=this.shadowRoot?.querySelector(".collapse-content");if(!i||e===t){n(s,this,w).call(this,t);return}const o=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1,a=i.getBoundingClientRect().height,h=n(s,this,G).call(this,t);if(n(s,this,R).call(this,i),o||Math.abs(a-h)<1){n(s,this,k).call(this,i,t);return}i.classList.add("animating"),i.style.transition="none",i.style.height=`${a}px`,t&&n(s,this,w).call(this,!0),i.getBoundingClientRect(),l(x,this,g=>{g.target===i&&g.propertyName==="height"&&n(s,this,k).call(this,i,t)}),i.addEventListener("transitionend",r(x,this)),l(u,this,requestAnimationFrame(()=>{l(u,this,0),i.style.removeProperty("transition"),i.style.height=`${h}px`})),l(_,this,window.setTimeout(()=>{n(s,this,k).call(this,i,t)},700))}p([d({type:String})],c.prototype,"variant",void 0);p([d({type:Number,attribute:"collapsed-height",reflect:!0})],c.prototype,"collapsedHeight",void 0);p([d({type:Number,attribute:"visible-elements",reflect:!0})],c.prototype,"visibleElements",void 0);p([d({type:Boolean,reflect:!0})],c.prototype,"expanded",void 0);p([d({type:String,attribute:"expand-button-label",reflect:!0})],c.prototype,"expandButtonLabel",void 0);p([d({type:String,attribute:"collapse-button-label",reflect:!0})],c.prototype,"collapseButtonLabel",void 0);p([d({type:String,reflect:!0})],c.prototype,"spacing",void 0);p([d({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);p([d({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);p([d({type:String,attribute:"spacing-left",reflect:!0})],c.prototype,"spacingLeft",void 0);p([d({type:String,attribute:"spacing-right",reflect:!0})],c.prototype,"spacingRight",void 0);p([d({type:String,attribute:"items-gap",reflect:!0})],c.prototype,"itemsGap",void 0);c=p([I("scb-collapse")],c);
+      `}}},H.styles=I`:host{display:block;box-sizing:border-box;margin-block-start:var(--scb-collapse-spacing-block-start, 0);margin-block-end:var(--scb-collapse-spacing-block-end, 0);margin-inline-start:var(--scb-collapse-spacing-inline-start, 0);margin-inline-end:var(--scb-collapse-spacing-inline-end, 0)}.collapse-content{overflow:hidden;display:flow-root;position:relative;transition:max-height var(--motion-duration-medium) var(--motion-easing-standard)}.collapse-content--elements,.collapse-content--height{transition:height var(--motion-duration-medium) var(--motion-easing-standard)}.collapse-content.expanded{max-height:none;overflow:visible}.collapse-content.animating{overflow:hidden}.collapse-gradient-overlay{position:absolute;left:0;right:0;bottom:0;height:48px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--md-sys-color-surface) 100%);z-index:1}scb-button{margin-top:8px}::slotted(.scb-collapsed-hidden){display:none!important}`,H);function M(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,i=this.mapSpacingToken(this.spacingBottom)??e,o=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-collapse-spacing-block-start",t):this.style.removeProperty("--scb-collapse-spacing-block-start"),i?this.style.setProperty("--scb-collapse-spacing-block-end",i):this.style.removeProperty("--scb-collapse-spacing-block-end"),o?this.style.setProperty("--scb-collapse-spacing-inline-start",o):this.style.removeProperty("--scb-collapse-spacing-inline-start"),a?this.style.setProperty("--scb-collapse-spacing-inline-end",a):this.style.removeProperty("--scb-collapse-spacing-inline-end")}function S(){const e=this.mapSpacingToken(this.itemsGap);e?this.style.setProperty("--scb-collapse-items-gap",e):this.style.removeProperty("--scb-collapse-items-gap");const t=this.shadowRoot?.querySelector("slot");t&&t.assignedNodes({flatten:!0}).filter(i=>i.nodeType===Node.ELEMENT_NODE).forEach((i,o)=>{const a=i;o===0||!e?a.style.removeProperty("margin-block-start"):a.style.setProperty("margin-block-start","var(--scb-collapse-items-gap)")})}function P(e,t){if(e===t){l(b,this,void 0);return}const i=this.shadowRoot?.querySelector(".collapse-content");if(!i){l(b,this,void 0);return}const o=i.getBoundingClientRect().height,a=Math.max(i.scrollHeight,this._contentHeight,o),h=t?a:Math.min(this.collapsedHeight,a);l(b,this,{startHeight:o,endHeight:h,expanded:t})}function B(e){r(m,this)&&(cancelAnimationFrame(r(m,this)),l(m,this,0)),r(v,this)&&(window.clearTimeout(r(v,this)),l(v,this,0));const t=e??this.shadowRoot?.querySelector(".collapse-content");t&&r(y,this)&&t.removeEventListener("transitionend",r(y,this)),l(y,this,void 0)}function $(e,t){n(s,this,B).call(this,e),e.classList.remove("animating"),e.style.removeProperty("height"),e.style.removeProperty("transition"),e.style.setProperty("max-height",t?"none":`${this.collapsedHeight}px`)}function W(){const e=this.shadowRoot?.querySelector(".collapse-content"),t=r(b,this);if(l(b,this,void 0),!e||!t)return;const i=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;if(n(s,this,B).call(this,e),i||Math.abs(t.startHeight-t.endHeight)<1){n(s,this,$).call(this,e,t.expanded);return}e.classList.add("animating"),e.style.transition="none",e.style.setProperty("max-height","none"),e.style.height=`${t.startHeight}px`,e.getBoundingClientRect(),l(y,this,o=>{o.target===e&&o.propertyName==="height"&&n(s,this,$).call(this,e,t.expanded)}),e.addEventListener("transitionend",r(y,this)),l(m,this,requestAnimationFrame(()=>{l(m,this,0),e.style.removeProperty("transition"),e.style.height=`${t.endHeight}px`})),l(v,this,window.setTimeout(()=>{n(s,this,$).call(this,e,t.expanded)},700))}function N(){const e=typeof this.visibleElements=="string"?parseInt(this.visibleElements,10):this.visibleElements;return Number.isFinite(e)?Math.max(0,Math.floor(e)):0}function C(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedNodes({flatten:!0}).filter(t=>t.nodeType===Node.ELEMENT_NODE):[]}function w(e=this.expanded){if(this.variant!=="elements")return;const t=n(s,this,N).call(this);n(s,this,C).call(this).forEach((i,o)=>{i.classList.toggle("scb-collapsed-hidden",!e&&o>=t)})}function G(e){const t=this.shadowRoot?.querySelector(".collapse-content");if(!t)return 0;const i=n(s,this,C).call(this),o=i.map(h=>h.classList.contains("scb-collapsed-hidden"));n(s,this,w).call(this,e);const a=t.scrollHeight;return i.forEach((h,g)=>{h.classList.toggle("scb-collapsed-hidden",o[g])}),a}function R(e){r(u,this)&&(cancelAnimationFrame(r(u,this)),l(u,this,0)),r(_,this)&&(window.clearTimeout(r(_,this)),l(_,this,0));const t=e??this.shadowRoot?.querySelector(".collapse-content");t&&r(x,this)&&t.removeEventListener("transitionend",r(x,this)),l(x,this,void 0)}function k(e,t){n(s,this,R).call(this,e),n(s,this,w).call(this,t),e.classList.remove("animating"),e.style.removeProperty("height"),e.style.removeProperty("transition")}function O(e,t){const i=this.shadowRoot?.querySelector(".collapse-content");if(!i||e===t){n(s,this,w).call(this,t);return}const o=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1,a=i.getBoundingClientRect().height,h=n(s,this,G).call(this,t);if(n(s,this,R).call(this,i),o||Math.abs(a-h)<1){n(s,this,k).call(this,i,t);return}i.classList.add("animating"),i.style.transition="none",i.style.height=`${a}px`,t&&n(s,this,w).call(this,!0),i.getBoundingClientRect(),l(x,this,g=>{g.target===i&&g.propertyName==="height"&&n(s,this,k).call(this,i,t)}),i.addEventListener("transitionend",r(x,this)),l(u,this,requestAnimationFrame(()=>{l(u,this,0),i.style.removeProperty("transition"),i.style.height=`${h}px`})),l(_,this,window.setTimeout(()=>{n(s,this,k).call(this,i,t)},700))}p([d({type:String})],c.prototype,"variant",void 0);p([d({type:Number,attribute:"collapsed-height",reflect:!0})],c.prototype,"collapsedHeight",void 0);p([d({type:Number,attribute:"visible-elements",reflect:!0})],c.prototype,"visibleElements",void 0);p([d({type:Boolean,reflect:!0})],c.prototype,"expanded",void 0);p([d({type:String,attribute:"expand-button-label",reflect:!0})],c.prototype,"expandButtonLabel",void 0);p([d({type:String,attribute:"collapse-button-label",reflect:!0})],c.prototype,"collapseButtonLabel",void 0);p([d({type:String,reflect:!0})],c.prototype,"spacing",void 0);p([d({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);p([d({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);p([d({type:String,attribute:"spacing-left",reflect:!0})],c.prototype,"spacingLeft",void 0);p([d({type:String,attribute:"spacing-right",reflect:!0})],c.prototype,"spacingRight",void 0);p([d({type:String,attribute:"items-gap",reflect:!0})],c.prototype,"itemsGap",void 0);c=p([A("scb-collapse")],c);