scb-wc-test 0.1.78 → 0.1.80

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

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-textfield/scb-textfield.js","../../vendor/preload-helper.js","../../vendor/vendor.js","../scb-checkbox/scb-checkbox.js","../../vendor/vendor-material.js","../scb-checkbox/scb-checkbox-group.js","../scb-radio-button/scb-radio-button.js","../scb-switch/scb-switch.js","../scb-chip/scb-chip.js","../scb-button/scb-button.js","../scb-icon-button/scb-icon-button.js","../scb-tooltip/scb-tooltip.js"])))=>i.map(i=>d[i]);
-import{_ as d}from"../../vendor/preload-helper.js";import{a as h,n,i as m,E as p,x as a,t as _}from"../../vendor/vendor.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(o,c,r){try{customElements.get(o)||e(o,c,r)}catch(u){var l=String(u||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(t,e,o,c)=>{for(var r=c>1?void 0:c?f(e,o):e,l=t.length-1,u;l>=0;l--)(u=t[l])&&(r=(c?u(e,o,r):u(r))||r);return c&&r&&b(e,o,r),r};let i=class extends m{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__slotDeps={"SCB-TEXTFIELD":()=>d(()=>import("../scb-textfield/scb-textfield.js"),__vite__mapDeps([0,1,2]),import.meta.url),"SCB-CHECKBOX":()=>d(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([3,2,4,5]),import.meta.url),"SCB-RADIO-BUTTON":()=>d(()=>import("../scb-radio-button/scb-radio-button.js"),__vite__mapDeps([6,2,4]),import.meta.url),"SCB-SWITCH":()=>d(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([7,1,2]),import.meta.url),"SCB-CHIP":()=>d(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([8,1,2]),import.meta.url)},this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{this.shadowRoot?.querySelector("form")?.reset(),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(e=>{const o=e.tagName;o==="SCB-TEXTFIELD"&&(e.value=""),o==="SCB-CHECKBOX"&&(e.checked=!1),o==="SCB-RADIO-BUTTON"&&(e.checked=!1),o==="SCB-SWITCH"&&(e.selected=!1),o==="SCB-CHIP"&&(e.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{this.shadowRoot?.querySelector("form")?.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const e=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(r=>!r.hasAttribute("disabled"));if(!e.length)return;const o=e[0],c=e[e.length-1];t.shiftKey&&document.activeElement===o?(c.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===c&&(o.focus(),t.preventDefault())}}async firstUpdated(){await d(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([9,1,2]),import.meta.url),await d(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([10,1,2,4,11,9]),import.meta.url),this.icon&&await d(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([4,2]),import.meta.url),await this.__ensureSlottedDeps()}async __ensureSlottedDeps(){const t=this.shadowRoot?.querySelector("slot");if(!t)return;const e=async o=>{const c=new Set(o.map(r=>r.tagName));for(const r of c){const l=this.__slotDeps[r];l&&await l()}};await e(t.assignedElements({flatten:!0})),t.addEventListener("slotchange",async()=>e(t.assignedElements({flatten:!0})))}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(t){if(t.has("open")){const e=t.get("open");this.__updateTriggersExpanded(),this.open&&!e?this.updateComplete.then(()=>{this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')?.focus?.()}):!this.open&&e&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}t.has("icon")&&this.icon&&d(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([4,2]),import.meta.url)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(t){if(this.inSb)return;const e=document.documentElement;e.style.overflow=t?"hidden":""}__setOpen(t){this.open=t,this.__fire(t?"open":"close")}__fire(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}__slotIsEmpty(){const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).length===0:!0}renderHeader(t){const e=this.variant==="form"||this.variant==="floating";return a`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-textfield/scb-textfield.js","../../vendor/preload-helper.js","../../vendor/vendor.js","../scb-checkbox/scb-checkbox.js","../../vendor/vendor-material.js","../scb-checkbox/scb-checkbox-group.js","../scb-radio-button/scb-radio-button.js","../scb-radio-button/scb-radio-group.js","../scb-switch/scb-switch.js","../scb-chip/scb-chip.js","../scb-button/scb-button.js","../scb-icon-button/scb-icon-button.js","../scb-tooltip/scb-tooltip.js"])))=>i.map(i=>d[i]);
+import{_ as d}from"../../vendor/preload-helper.js";import{a as h,n,i as m,E as p,x as a,t as _}from"../../vendor/vendor.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(o,c,r){try{customElements.get(o)||e(o,c,r)}catch(u){var l=String(u||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,s=(t,e,o,c)=>{for(var r=c>1?void 0:c?f(e,o):e,l=t.length-1,u;l>=0;l--)(u=t[l])&&(r=(c?u(e,o,r):u(r))||r);return c&&r&&b(e,o,r),r};let i=class extends m{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__slotDeps={"SCB-TEXTFIELD":()=>d(()=>import("../scb-textfield/scb-textfield.js"),__vite__mapDeps([0,1,2]),import.meta.url),"SCB-CHECKBOX":()=>d(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([3,2,4,5]),import.meta.url),"SCB-RADIO-BUTTON":()=>d(()=>import("../scb-radio-button/scb-radio-button.js"),__vite__mapDeps([6,2,4,7]),import.meta.url),"SCB-SWITCH":()=>d(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([8,1,2]),import.meta.url),"SCB-CHIP":()=>d(()=>import("../scb-chip/scb-chip.js"),__vite__mapDeps([9,1,2]),import.meta.url)},this.__onDocumentClick=t=>{this.__getActionFromEvent(t)==="toggle"&&(this.__setOpen(!this.open),t.stopPropagation())},this.__onDocumentKeydown=t=>{this.open&&t.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{this.shadowRoot?.querySelector("form")?.reset(),(this.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})??[]).forEach(e=>{const o=e.tagName;o==="SCB-TEXTFIELD"&&(e.value=""),o==="SCB-CHECKBOX"&&(e.checked=!1),o==="SCB-RADIO-BUTTON"&&(e.checked=!1),o==="SCB-SWITCH"&&(e.selected=!1),o==="SCB-CHIP"&&(e.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{this.shadowRoot?.querySelector("form")?.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=t=>{if(!this.open||t.key!=="Tab")return;const e=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(r=>!r.hasAttribute("disabled"));if(!e.length)return;const o=e[0],c=e[e.length-1];t.shiftKey&&document.activeElement===o?(c.focus(),t.preventDefault()):!t.shiftKey&&document.activeElement===c&&(o.focus(),t.preventDefault())}}async firstUpdated(){await d(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([10,1,2]),import.meta.url),await d(()=>import("../scb-icon-button/scb-icon-button.js"),__vite__mapDeps([11,1,2,4,12,10]),import.meta.url),this.icon&&await d(()=>import("../../vendor/vendor-material.js").then(t=>t.i),__vite__mapDeps([4,2]),import.meta.url),await this.__ensureSlottedDeps()}async __ensureSlottedDeps(){const t=this.shadowRoot?.querySelector("slot");if(!t)return;const e=async o=>{const c=new Set(o.map(r=>r.tagName));for(const r of c){const l=this.__slotDeps[r];l&&await l()}};await e(t.assignedElements({flatten:!0})),t.addEventListener("slotchange",async()=>e(t.assignedElements({flatten:!0})))}__getActionFromEvent(t){if(!this.id)return null;for(const e of t.composedPath())if(e instanceof Element){if(e.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=e,"toggle";if(e.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=e,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(t){if(t.has("open")){const e=t.get("open");this.__updateTriggersExpanded(),this.open&&!e?this.updateComplete.then(()=>{this.shadowRoot?.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')?.focus?.()}):!this.open&&e&&this.__lastTriggerEl?.focus?.(),this.__toggleScrollLock(this.open)}t.has("icon")&&this.icon&&d(()=>import("../../vendor/vendor-material.js").then(e=>e.i),__vite__mapDeps([4,2]),import.meta.url)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(t=>{t.hasAttribute("aria-controls")&&t.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(t){if(this.inSb)return;const e=document.documentElement;e.style.overflow=t?"hidden":""}__setOpen(t){this.open=t,this.__fire(t?"open":"close")}__fire(t,e){this.dispatchEvent(new CustomEvent(t,{detail:e,bubbles:!0,composed:!0}))}__slotIsEmpty(){const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).length===0:!0}renderHeader(t){const e=this.variant==="form"||this.variant==="floating";return a`
       <div class="header">
         <div class="title">
           ${this.icon?a`<md-icon class="dialog-icon">${this.icon}</md-icon>`:p}

package/mvc/components/scb-radio-button/scb-radio-button.js

@@ -1,4 +1,4 @@
-import{i as p,x as c,a as h,n as l,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.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(r,o,i){try{customElements.get(r)||t(r,o,i)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(e,t,r,o)=>{for(var i=o>1?void 0:o?b(t,r):t,n=e.length-1,d;n>=0;n--)(d=e[n])&&(i=(o?d(t,r,i):d(i))||i);return o&&i&&g(t,r,i),i};let a=class extends p{constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.label="",this.supportingText="",this._radioId="",this._onMdRadioChange=e=>{if(this.disabled)return;const t=e.target;t&&t.checked&&(this.checked=!0,this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-radio");e&&e.addEventListener("input",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled)}render(){const e=this.supportingText?`${this._radioId}-supporting-text`:void 0;return c`
+import{i as p,x as c,a as h,n as l,t as u}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"./scb-radio-group.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(r,o,i){try{customElements.get(r)||t(r,o,i)}catch(d){var n=String(d||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(e,t,r,o)=>{for(var i=o>1?void 0:o?b(t,r):t,n=e.length-1,d;n>=0;n--)(d=e[n])&&(i=(o?d(t,r,i):d(i))||i);return o&&i&&g(t,r,i),i};let a=class extends p{constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.label="",this.supportingText="",this._radioId="",this._onMdRadioChange=e=>{if(this.disabled)return;const t=e.target;t&&t.checked&&(this.checked=!0,this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-radio");e&&e.addEventListener("input",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled)}render(){const e=this.supportingText?`${this._radioId}-supporting-text`:void 0;return c`
       <label class="wrap">
         <div class="radio-wrap">
           <md-radio

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

@@ -1,85 +1,122 @@
-import{a as p,n as r,i as m,x as a,t as u}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/preload-helper.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(e,c,i){try{customElements.get(e)||o(e,c,i)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var h=Object.defineProperty,b=Object.getOwnPropertyDescriptor,n=(t,o,e,c)=>{for(var i=c>1?void 0:c?b(o,e):o,l=t.length-1,d;l>=0;l--)(d=t[l])&&(i=(c?d(o,e,i):d(i))||i);return c&&i&&h(o,e,i),i};let s=class extends m{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action")),this.open=!1}handleClose(){this.dispatchEvent(new CustomEvent("snackbar-close")),this.open=!1}updated(t){super.updated(t),t.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("snackbar-open")):this.dispatchEvent(new CustomEvent("snackbar-close"))),(t.has("open")||t.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer))}render(){const t=!!this.actionText,o=!!this.showClose;let e="snackbar";return!t&&!o&&(e+=" no-actions"),this.withLongerAction&&(e+=" longer-action"),a`
-            <div class="${e}" ?hidden=${!this.open}>
-                ${this.withLongerAction?a`
-                    <div class="message">${this.message}</div>
-                    <div class="actions">
-                        ${t?a`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
-                        ${o?a`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
-                    </div>
-                `:a`
-                    <span class="message">${this.message}</span>
-                    ${t?a`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
-                    ${o?a`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
-                `}
-
-            </div>
-        `}};s.styles=p`
-		:host {
-			position: relative;
-			display: block;
-            min-width: 312px;
-			max-width: 560px;
-		}
-		:host([fixed]) {
-			position: fixed;
-            z-index: 9999;
-            left: 50%;
-			bottom: 24px;
-            transform: translateX(-50%);
-		}
-		.snackbar {
-			background: var(--md-sys-color-inverse-surface);
-			color: var(--md-sys-color-inverse-on-surface);
-			border-radius: var(--md-sys-shape-corner-extra-small);
-			box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
-			display: flex;
-			align-items: center;
-			padding: 14px var(--spacing-5);
-			opacity: 0;
-			transition: opacity 0.3s, bottom 0.3s;
-			pointer-events: auto;
-            position: relative;
-		}
-        .snackbar.longer-action {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-        .snackbar .actions {
-            display: flex;
-            margin-top: 10px;
-            width: 100%;
-            justify-content: flex-end;
-
-        }
-        .message.no-actions {
-			margin-right: 0;
-		}
-		:host([open]) .snackbar {
-			opacity: 1;
-			pointer-events: auto;
-		}
-		.message {
-			flex: 1 1 auto;
-            margin-right: var(--spacing-2);
-            font-size: var(--md-sys-typescale-body-medium-size);
-            line-height: var(--md-sys-typescale-body-medium-line-height);
-            letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-		}
-        .snackbar scb-icon-button{
-            --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-hover-state-layer-color: var(--md-sys-color-surface-container);
-            --md-icon-button-focus-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-pressed-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
-        }
-        .snackbar scb-button{
-            --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-hover-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-hover-state-layer-color: var(--md-sys-color-surface-container);
-            --md-text-button-focus-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-pressed-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
-        }
-
-	`;n([r({type:String})],s.prototype,"message",2);n([r({type:Boolean,reflect:!0})],s.prototype,"open",2);n([r({type:String,attribute:"action-text"})],s.prototype,"actionText",2);n([r({type:Boolean,attribute:"show-close"})],s.prototype,"showClose",2);n([r({type:Boolean,reflect:!0})],s.prototype,"fixed",2);n([r({type:Boolean})],s.prototype,"fadeout",2);n([r({type:Boolean,attribute:"with-longer-action"})],s.prototype,"withLongerAction",2);s=n([u("scb-snackbar")],s);
+import{a as p,n as r,i as u,x as a,t as m}from"../../vendor/vendor.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-button/scb-button.js";import"../../vendor/preload-helper.js";import"../../vendor/vendor-material.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(t,c,i){try{customElements.get(t)||o(t,c,i)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b=Object.defineProperty,h=Object.getOwnPropertyDescriptor,n=(e,o,t,c)=>{for(var i=c>1?void 0:c?h(o,t):o,l=e.length-1,d;l>=0;l--)(d=e[l])&&(i=(c?d(o,t,i):d(i))||i);return c&&i&&b(o,t,i),i};let s=class extends u{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action",{bubbles:!0,composed:!0})),this.open=!1}handleClose(){this.open=!1}updated(e){super.updated(e),e.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("snackbar-open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("snackbar-close",{bubbles:!0,composed:!0}))),(e.has("open")||e.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer))}render(){const e=!!this.actionText,o=!!this.showClose;let t="snackbar";return!e&&!o&&(t+=" no-actions"),this.withLongerAction&&(t+=" longer-action"),a`
+      <div class="${t}" ?hidden=${!this.open}>
+        ${this.withLongerAction?a`
+              <div class="message">${this.message}</div>
+              <div class="actions">
+                ${e?a`
+                      <scb-button
+                        variant="text"
+                        label=${this.actionText}
+                        @click=${this.handleAction}
+                      ></scb-button>
+                    `:""}
+                ${o?a`
+                      <scb-icon-button
+                        icon="close"
+                        @click=${this.handleClose}
+                        aria-label="Stäng"
+                      ></scb-icon-button>
+                    `:""}
+              </div>
+            `:a`
+              <span class="message">${this.message}</span>
+              ${e?a`
+                    <scb-button
+                      variant="text"
+                      label=${this.actionText}
+                      @click=${this.handleAction}
+                    ></scb-button>
+                  `:""}
+              ${o?a`
+                    <scb-icon-button
+                      icon="close"
+                      @click=${this.handleClose}
+                      aria-label="Stäng"
+                    ></scb-icon-button>
+                  `:""}
+            `}
+      </div>
+    `}};s.styles=p`
+    :host {
+      position: relative;
+      display: block;
+      min-width: 312px;
+      max-width: 560px;
+    }
+    :host([fixed]) {
+      position: fixed;
+      z-index: 9999;
+      left: 50%;
+      bottom: 24px;
+      transform: translateX(-50%);
+    }
+    .snackbar {
+      background: var(--md-sys-color-inverse-surface);
+      color: var(--md-sys-color-inverse-on-surface);
+      border-radius: var(--md-sys-shape-corner-extra-small);
+      box-shadow:
+        0 4px 8px 3px rgba(0, 0, 0, 0.15),
+        0 1px 3px 0 rgba(0, 0, 0, 0.3);
+      display: flex;
+      align-items: center;
+      padding: 14px var(--spacing-5);
+      opacity: 0;
+      transition: opacity 0.3s, bottom 0.3s;
+      pointer-events: auto;
+      position: relative;
+    }
+    .snackbar.longer-action {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .snackbar .actions {
+      display: flex;
+      margin-top: 10px;
+      width: 100%;
+      justify-content: flex-end;
+    }
+    .message.no-actions {
+      margin-right: 0;
+    }
+    :host([open]) .snackbar {
+      opacity: 1;
+      pointer-events: auto;
+    }
+    .message {
+      flex: 1 1 auto;
+      margin-right: var(--spacing-2);
+      font-size: var(--md-sys-typescale-body-medium-size);
+      line-height: var(--md-sys-typescale-body-medium-line-height);
+      letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+    }
+    .snackbar scb-icon-button {
+      --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-icon-button-focus-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-icon-button-pressed-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+    .snackbar scb-button {
+      --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
+      --md-text-button-hover-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-text-button-focus-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-pressed-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+  `;n([r({type:String})],s.prototype,"message",2);n([r({type:Boolean,reflect:!0})],s.prototype,"open",2);n([r({type:String,attribute:"action-text"})],s.prototype,"actionText",2);n([r({type:Boolean,attribute:"show-close"})],s.prototype,"showClose",2);n([r({type:Boolean,reflect:!0})],s.prototype,"fixed",2);n([r({type:Boolean})],s.prototype,"fadeout",2);n([r({type:Boolean,attribute:"with-longer-action"})],s.prototype,"withLongerAction",2);s=n([m("scb-snackbar")],s);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.78",
+    "version":  "0.1.80",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -304,5 +304,5 @@
                                       },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "A4FB9C1F6864EA0D23E8F3197169FF57A872B7DAD82070EAF5A9A6227A255E3D"
+    "buildHash":  "004FE0A38192DE3DA698A1656F3FEAF00A27AA56AD89D2F315C7283CB54C4350"
 }

package/scb-radio-button/scb-radio-button.js

@@ -1,12 +1,13 @@
 import { LitElement as c, html as p, css as h } from "lit";
 import { property as s, customElement as u } from "lit/decorators.js";
 import "@material/web/radio/radio.js";
+import "./scb-radio-group.js";
 var g = Object.defineProperty, m = Object.getOwnPropertyDescriptor, r = (e, t, n, o) => {
-  for (var i = o > 1 ? void 0 : o ? m(t, n) : t, d = e.length - 1, l; d >= 0; d--)
-    (l = e[d]) && (i = (o ? l(t, n, i) : l(i)) || i);
-  return o && i && g(t, n, i), i;
+  for (var a = o > 1 ? void 0 : o ? m(t, n) : t, d = e.length - 1, l; d >= 0; d--)
+    (l = e[d]) && (a = (o ? l(t, n, a) : l(a)) || a);
+  return o && a && g(t, n, a), a;
 };
-let a = class extends c {
+let i = class extends c {
   constructor() {
     super(...arguments), this.disabled = !1, this.checked = !1, this.name = "", this.value = "", this.label = "", this.supportingText = "", this._radioId = "", this._onMdRadioChange = (e) => {
       if (this.disabled) return;
@@ -77,7 +78,7 @@ let a = class extends c {
     `;
   }
 };
-a.styles = h`
+i.styles = h`
     /* layout med inline-grid */
     :host {
       display: inline-grid;
@@ -146,25 +147,25 @@ a.styles = h`
   `;
 r([
   s({ type: Boolean, reflect: !0 })
-], a.prototype, "disabled", 2);
+], i.prototype, "disabled", 2);
 r([
   s({ type: Boolean, reflect: !0 })
-], a.prototype, "checked", 2);
+], i.prototype, "checked", 2);
 r([
   s({ type: String, reflect: !0 })
-], a.prototype, "name", 2);
+], i.prototype, "name", 2);
 r([
   s({ type: String, reflect: !0 })
-], a.prototype, "value", 2);
+], i.prototype, "value", 2);
 r([
   s({ type: String })
-], a.prototype, "label", 2);
+], i.prototype, "label", 2);
 r([
   s({ type: String, attribute: "supporting-text" })
-], a.prototype, "supportingText", 2);
-a = r([
+], i.prototype, "supportingText", 2);
+i = r([
   u("scb-radio-button")
-], a);
+], i);
 export {
-  a as ScbRadioButton
+  i as ScbRadioButton
 };

package/scb-snackbar/scb-snackbar.d.ts

@@ -11,6 +11,6 @@ export declare class ScbSnackbar extends LitElement {
     static styles: import('lit').CSSResult;
     private handleAction;
     private handleClose;
-    updated(changedProps: Map<string, any>): void;
+    updated(changedProps: Map<string, unknown>): void;
     render(): import('lit-html').TemplateResult<1>;
 }

package/scb-snackbar/scb-snackbar.js

@@ -1,141 +1,193 @@
-import { css as d, LitElement as m, html as a } from "lit";
-import { property as r, customElement as h } from "lit/decorators.js";
+import { css as d, LitElement as m, html as r } from "lit";
+import { property as a, customElement as u } from "lit/decorators.js";
 import "../scb-icon-button/scb-icon-button.js";
 import "../scb-button/scb-button.js";
-var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (t, o, i, c) => {
-  for (var n = c > 1 ? void 0 : c ? b(o, i) : o, l = t.length - 1, p; l >= 0; l--)
+var b = Object.defineProperty, h = Object.getOwnPropertyDescriptor, s = (t, o, i, c) => {
+  for (var n = c > 1 ? void 0 : c ? h(o, i) : o, l = t.length - 1, p; l >= 0; l--)
     (p = t[l]) && (n = (c ? p(o, i, n) : p(n)) || n);
-  return c && n && u(o, i, n), n;
+  return c && n && b(o, i, n), n;
 };
 let e = class extends m {
   constructor() {
     super(...arguments), this.message = "", this.open = !1, this.actionText = "", this.showClose = !1, this.fixed = !1, this.fadeout = !1, this.withLongerAction = !1;
   }
   handleAction() {
-    this.dispatchEvent(new CustomEvent("snackbar-action")), this.open = !1;
+    this.dispatchEvent(
+      new CustomEvent("snackbar-action", {
+        bubbles: !0,
+        composed: !0
+      })
+    ), this.open = !1;
   }
   handleClose() {
-    this.dispatchEvent(new CustomEvent("snackbar-close")), this.open = !1;
+    this.open = !1;
   }
   updated(t) {
-    super.updated(t), t.has("open") && (this.open ? this.dispatchEvent(new CustomEvent("snackbar-open")) : this.dispatchEvent(new CustomEvent("snackbar-close"))), (t.has("open") || t.has("fadeout")) && (this.open && this.fadeout ? (window.clearTimeout(this._fadeoutTimer), this._fadeoutTimer = window.setTimeout(() => {
+    super.updated(t), t.has("open") && (this.open ? this.dispatchEvent(
+      new CustomEvent("snackbar-open", {
+        bubbles: !0,
+        composed: !0
+      })
+    ) : this.dispatchEvent(
+      new CustomEvent("snackbar-close", {
+        bubbles: !0,
+        composed: !0
+      })
+    )), (t.has("open") || t.has("fadeout")) && (this.open && this.fadeout ? (window.clearTimeout(this._fadeoutTimer), this._fadeoutTimer = window.setTimeout(() => {
       this.open = !1;
     }, 5e3)) : window.clearTimeout(this._fadeoutTimer));
   }
   render() {
     const t = !!this.actionText, o = !!this.showClose;
     let i = "snackbar";
-    return !t && !o && (i += " no-actions"), this.withLongerAction && (i += " longer-action"), a`
-            <div class="${i}" ?hidden=${!this.open}>
-                ${this.withLongerAction ? a`
-                    <div class="message">${this.message}</div>
-                    <div class="actions">
-                        ${t ? a`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>` : ""}
-                        ${o ? a`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>` : ""}
-                    </div>
-                ` : a`
-                    <span class="message">${this.message}</span>
-                    ${t ? a`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>` : ""}
-                    ${o ? a`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>` : ""}
-                `}
-
-            </div>
-        `;
+    return !t && !o && (i += " no-actions"), this.withLongerAction && (i += " longer-action"), r`
+      <div class="${i}" ?hidden=${!this.open}>
+        ${this.withLongerAction ? r`
+              <div class="message">${this.message}</div>
+              <div class="actions">
+                ${t ? r`
+                      <scb-button
+                        variant="text"
+                        label=${this.actionText}
+                        @click=${this.handleAction}
+                      ></scb-button>
+                    ` : ""}
+                ${o ? r`
+                      <scb-icon-button
+                        icon="close"
+                        @click=${this.handleClose}
+                        aria-label="Stäng"
+                      ></scb-icon-button>
+                    ` : ""}
+              </div>
+            ` : r`
+              <span class="message">${this.message}</span>
+              ${t ? r`
+                    <scb-button
+                      variant="text"
+                      label=${this.actionText}
+                      @click=${this.handleAction}
+                    ></scb-button>
+                  ` : ""}
+              ${o ? r`
+                    <scb-icon-button
+                      icon="close"
+                      @click=${this.handleClose}
+                      aria-label="Stäng"
+                    ></scb-icon-button>
+                  ` : ""}
+            `}
+      </div>
+    `;
   }
 };
 e.styles = d`
-		:host {
-			position: relative;
-			display: block;
-            min-width: 312px;
-			max-width: 560px;
-		}
-		:host([fixed]) {
-			position: fixed;
-            z-index: 9999;
-            left: 50%;
-			bottom: 24px;
-            transform: translateX(-50%);
-		}
-		.snackbar {
-			background: var(--md-sys-color-inverse-surface);
-			color: var(--md-sys-color-inverse-on-surface);
-			border-radius: var(--md-sys-shape-corner-extra-small);
-			box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
-			display: flex;
-			align-items: center;
-			padding: 14px var(--spacing-5);
-			opacity: 0;
-			transition: opacity 0.3s, bottom 0.3s;
-			pointer-events: auto;
-            position: relative;
-		}
-        .snackbar.longer-action {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-        .snackbar .actions {
-            display: flex;
-            margin-top: 10px;
-            width: 100%;
-            justify-content: flex-end;
-
-        }
-        .message.no-actions {
-			margin-right: 0;
-		}
-		:host([open]) .snackbar {
-			opacity: 1;
-			pointer-events: auto;
-		}
-		.message {
-			flex: 1 1 auto;
-            margin-right: var(--spacing-2);
-            font-size: var(--md-sys-typescale-body-medium-size);
-            line-height: var(--md-sys-typescale-body-medium-line-height);
-            letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-		}
-        .snackbar scb-icon-button{
-            --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-hover-state-layer-color: var(--md-sys-color-surface-container);
-            --md-icon-button-focus-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-pressed-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
-        }
-        .snackbar scb-button{
-            --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-hover-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-hover-state-layer-color: var(--md-sys-color-surface-container);
-            --md-text-button-focus-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-pressed-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
-        }
-
-	`;
+    :host {
+      position: relative;
+      display: block;
+      min-width: 312px;
+      max-width: 560px;
+    }
+    :host([fixed]) {
+      position: fixed;
+      z-index: 9999;
+      left: 50%;
+      bottom: 24px;
+      transform: translateX(-50%);
+    }
+    .snackbar {
+      background: var(--md-sys-color-inverse-surface);
+      color: var(--md-sys-color-inverse-on-surface);
+      border-radius: var(--md-sys-shape-corner-extra-small);
+      box-shadow:
+        0 4px 8px 3px rgba(0, 0, 0, 0.15),
+        0 1px 3px 0 rgba(0, 0, 0, 0.3);
+      display: flex;
+      align-items: center;
+      padding: 14px var(--spacing-5);
+      opacity: 0;
+      transition: opacity 0.3s, bottom 0.3s;
+      pointer-events: auto;
+      position: relative;
+    }
+    .snackbar.longer-action {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .snackbar .actions {
+      display: flex;
+      margin-top: 10px;
+      width: 100%;
+      justify-content: flex-end;
+    }
+    .message.no-actions {
+      margin-right: 0;
+    }
+    :host([open]) .snackbar {
+      opacity: 1;
+      pointer-events: auto;
+    }
+    .message {
+      flex: 1 1 auto;
+      margin-right: var(--spacing-2);
+      font-size: var(--md-sys-typescale-body-medium-size);
+      line-height: var(--md-sys-typescale-body-medium-line-height);
+      letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+    }
+    .snackbar scb-icon-button {
+      --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-icon-button-focus-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-icon-button-pressed-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+    .snackbar scb-button {
+      --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
+      --md-text-button-hover-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-text-button-focus-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-pressed-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+  `;
 s([
-  r({ type: String })
+  a({ type: String })
 ], e.prototype, "message", 2);
 s([
-  r({ type: Boolean, reflect: !0 })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "open", 2);
 s([
-  r({ type: String, attribute: "action-text" })
+  a({ type: String, attribute: "action-text" })
 ], e.prototype, "actionText", 2);
 s([
-  r({ type: Boolean, attribute: "show-close" })
+  a({ type: Boolean, attribute: "show-close" })
 ], e.prototype, "showClose", 2);
 s([
-  r({ type: Boolean, reflect: !0 })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "fixed", 2);
 s([
-  r({ type: Boolean })
+  a({ type: Boolean })
 ], e.prototype, "fadeout", 2);
 s([
-  r({ type: Boolean, attribute: "with-longer-action" })
+  a({ type: Boolean, attribute: "with-longer-action" })
 ], e.prototype, "withLongerAction", 2);
 e = s([
-  h("scb-snackbar")
+  u("scb-snackbar")
 ], e);
 export {
   e as ScbSnackbar

package/scb-wc-test.bundle.js

@@ -3812,7 +3812,7 @@ var ScbWcTest=function(a){"use strict";var Es;function d(o,e,t,i){var r=argument
         color: var(--md-sys-color-on-surface);
       }
     }
-  `,Se([l({type:String,reflect:!0})],a.ScbChip.prototype,"variant",2),Se([l({type:String})],a.ScbChip.prototype,"label",2),Se([l({type:String})],a.ScbChip.prototype,"icon",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"disabled",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"elevated",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"removable",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"selected",2),Se([l({type:String})],a.ScbChip.prototype,"href",2),Se([l({type:String})],a.ScbChip.prototype,"target",2),a.ScbChip=Se([f("scb-chip")],a.ScbChip);const _d=Object.freeze(Object.defineProperty({__proto__:null,get ScbChip(){return a.ScbChip}},Symbol.toStringTag,{value:"Module"}));var xd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,V=(o,e,t,i)=>{for(var r=i>1?void 0:i?wd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xd(e,t,r),r};a.ScbDialog=class extends y{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__slotDeps={"SCB-TEXTFIELD":()=>Promise.resolve().then(()=>dp),"SCB-CHECKBOX":()=>Promise.resolve().then(()=>ns),"SCB-RADIO-BUTTON":()=>Promise.resolve().then(()=>Ph),"SCB-SWITCH":()=>Promise.resolve().then(()=>$s),"SCB-CHIP":()=>Promise.resolve().then(()=>_d)},this.__onDocumentClick=e=>{this.__getActionFromEvent(e)==="toggle"&&(this.__setOpen(!this.open),e.stopPropagation())},this.__onDocumentKeydown=e=>{this.open&&e.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{var t,i,r,s;(i=(t=this.shadowRoot)==null?void 0:t.querySelector("form"))==null||i.reset(),(((s=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:s.assignedElements({flatten:!0}))??[]).forEach(n=>{const h=n.tagName;h==="SCB-TEXTFIELD"&&(n.value=""),h==="SCB-CHECKBOX"&&(n.checked=!1),h==="SCB-RADIO-BUTTON"&&(n.checked=!1),h==="SCB-SWITCH"&&(n.selected=!1),h==="SCB-CHIP"&&(n.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{var e,t;(t=(e=this.shadowRoot)==null?void 0:e.querySelector("form"))==null||t.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=e=>{if(!this.open||e.key!=="Tab")return;const t=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(s=>!s.hasAttribute("disabled"));if(!t.length)return;const i=t[0],r=t[t.length-1];e.shiftKey&&document.activeElement===i?(r.focus(),e.preventDefault()):!e.shiftKey&&document.activeElement===r&&(i.focus(),e.preventDefault())}}async firstUpdated(){await Promise.resolve().then(()=>Tc),await Promise.resolve().then(()=>Qa),this.icon&&await Promise.resolve().then(()=>Y),await this.__ensureSlottedDeps()}async __ensureSlottedDeps(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return;const t=async r=>{const s=new Set(r.map(n=>n.tagName));for(const n of s){const h=this.__slotDeps[n];h&&await h()}};await t(e.assignedElements({flatten:!0})),e.addEventListener("slotchange",async()=>t(e.assignedElements({flatten:!0})))}__getActionFromEvent(e){if(!this.id)return null;for(const t of e.composedPath())if(t instanceof Element){if(t.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=t,"toggle";if(t.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=t,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(e){var t,i;if(e.has("open")){const r=e.get("open");this.__updateTriggersExpanded(),this.open&&!r?this.updateComplete.then(()=>{var s,n,h;(h=(n=(s=this.shadowRoot)==null?void 0:s.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'))==null?void 0:n.focus)==null||h.call(n)}):!this.open&&r&&((i=(t=this.__lastTriggerEl)==null?void 0:t.focus)==null||i.call(t)),this.__toggleScrollLock(this.open)}e.has("icon")&&this.icon&&Promise.resolve().then(()=>Y)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(e){if(this.inSb)return;const t=document.documentElement;t.style.overflow=e?"hidden":""}__setOpen(e){this.open=e,this.__fire(e?"open":"close")}__fire(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}__slotIsEmpty(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");return e?e.assignedElements({flatten:!0}).length===0:!0}renderHeader(e){const t=this.variant==="form"||this.variant==="floating";return c`
+  `,Se([l({type:String,reflect:!0})],a.ScbChip.prototype,"variant",2),Se([l({type:String})],a.ScbChip.prototype,"label",2),Se([l({type:String})],a.ScbChip.prototype,"icon",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"disabled",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"elevated",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"removable",2),Se([l({type:Boolean,reflect:!0})],a.ScbChip.prototype,"selected",2),Se([l({type:String})],a.ScbChip.prototype,"href",2),Se([l({type:String})],a.ScbChip.prototype,"target",2),a.ScbChip=Se([f("scb-chip")],a.ScbChip);const _d=Object.freeze(Object.defineProperty({__proto__:null,get ScbChip(){return a.ScbChip}},Symbol.toStringTag,{value:"Module"}));var xd=Object.defineProperty,wd=Object.getOwnPropertyDescriptor,V=(o,e,t,i)=>{for(var r=i>1?void 0:i?wd(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&xd(e,t,r),r};a.ScbDialog=class extends y{constructor(){super(...arguments),this.open=!1,this.inSb=!1,this.scrimClose=!0,this.variant="basic",this.label="",this.icon="",this.supportingText="",this.okButton="OK",this.cancelButton="Avbryt",this.deleteButton="Delete",this.confirmButton="Ta bort",this.denyButton="Avbryt",this.resetButton="Återställ",this.submitButton="Spara",this.formId="",this.formAction="",this.formMethod="",this.__lastTriggerEl=null,this.__slotDeps={"SCB-TEXTFIELD":()=>Promise.resolve().then(()=>dp),"SCB-CHECKBOX":()=>Promise.resolve().then(()=>ns),"SCB-RADIO-BUTTON":()=>Promise.resolve().then(()=>Rh),"SCB-SWITCH":()=>Promise.resolve().then(()=>$s),"SCB-CHIP":()=>Promise.resolve().then(()=>_d)},this.__onDocumentClick=e=>{this.__getActionFromEvent(e)==="toggle"&&(this.__setOpen(!this.open),e.stopPropagation())},this.__onDocumentKeydown=e=>{this.open&&e.key==="Escape"&&(this.__fire("esc"),this.__setOpen(!1))},this.__onScrimClick=()=>{this.scrimClose&&(this.__fire("scrim"),this.__setOpen(!1))},this.__onOk=()=>{this.__fire("ok"),this.__setOpen(!1)},this.__onCancel=()=>{this.__fire("cancel"),this.__setOpen(!1)},this.__onConfirm=()=>{this.__fire("confirm"),this.__setOpen(!1)},this.__onDeny=()=>{this.__fire("deny"),this.__setOpen(!1)},this.__onReset=()=>{var t,i,r,s;(i=(t=this.shadowRoot)==null?void 0:t.querySelector("form"))==null||i.reset(),(((s=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:s.assignedElements({flatten:!0}))??[]).forEach(n=>{const h=n.tagName;h==="SCB-TEXTFIELD"&&(n.value=""),h==="SCB-CHECKBOX"&&(n.checked=!1),h==="SCB-RADIO-BUTTON"&&(n.checked=!1),h==="SCB-SWITCH"&&(n.selected=!1),h==="SCB-CHIP"&&(n.selected=!1)}),this.__fire("reset")},this.__onSubmit=()=>{var e,t;(t=(e=this.shadowRoot)==null?void 0:e.querySelector("form"))==null||t.requestSubmit(),this.__fire("submit"),this.__setOpen(!1)},this.__onKeydownTrap=e=>{if(!this.open||e.key!=="Tab")return;const t=Array.from(this.shadowRoot.querySelectorAll('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])')).filter(s=>!s.hasAttribute("disabled"));if(!t.length)return;const i=t[0],r=t[t.length-1];e.shiftKey&&document.activeElement===i?(r.focus(),e.preventDefault()):!e.shiftKey&&document.activeElement===r&&(i.focus(),e.preventDefault())}}async firstUpdated(){await Promise.resolve().then(()=>Tc),await Promise.resolve().then(()=>Qa),this.icon&&await Promise.resolve().then(()=>Y),await this.__ensureSlottedDeps()}async __ensureSlottedDeps(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return;const t=async r=>{const s=new Set(r.map(n=>n.tagName));for(const n of s){const h=this.__slotDeps[n];h&&await h()}};await t(e.assignedElements({flatten:!0})),e.addEventListener("slotchange",async()=>t(e.assignedElements({flatten:!0})))}__getActionFromEvent(e){if(!this.id)return null;for(const t of e.composedPath())if(t instanceof Element){if(t.getAttribute("data-dialog-toggle")===this.id)return this.__lastTriggerEl=t,"toggle";if(t.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=t,"toggle"}return null}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.addEventListener("keydown",this.__onKeydownTrap)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.removeEventListener("keydown",this.__onKeydownTrap),super.disconnectedCallback()}updated(e){var t,i;if(e.has("open")){const r=e.get("open");this.__updateTriggersExpanded(),this.open&&!r?this.updateComplete.then(()=>{var s,n,h;(h=(n=(s=this.shadowRoot)==null?void 0:s.querySelector('button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'))==null?void 0:n.focus)==null||h.call(n)}):!this.open&&r&&((i=(t=this.__lastTriggerEl)==null?void 0:t.focus)==null||i.call(t)),this.__toggleScrollLock(this.open)}e.has("icon")&&this.icon&&Promise.resolve().then(()=>Y)}__updateTriggersExpanded(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-dialog-toggle="${this.id}"]`).forEach(e=>{e.hasAttribute("aria-controls")&&e.setAttribute("aria-expanded",String(this.open))})}__toggleScrollLock(e){if(this.inSb)return;const t=document.documentElement;t.style.overflow=e?"hidden":""}__setOpen(e){this.open=e,this.__fire(e?"open":"close")}__fire(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}__slotIsEmpty(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("slot");return e?e.assignedElements({flatten:!0}).length===0:!0}renderHeader(e){const t=this.variant==="form"||this.variant==="floating";return c`
       <div class="header">
         <div class="title">
           ${this.icon?c`<md-icon class="dialog-icon">${this.icon}</md-icon>`:u}
@@ -6071,7 +6071,34 @@ var ScbWcTest=function(a){"use strict";var Es;function d(o,e,t,i){var r=argument
         50% { margin-left: 30%; width: 60%; }
         100% { margin-left: 100%; width: 40%; }
       }
-    `],ci([l({type:String})],a.ScbProgressIndicator.prototype,"id",2),ci([l({type:String,reflect:!0})],a.ScbProgressIndicator.prototype,"type",2),ci([l({type:Number,reflect:!0})],a.ScbProgressIndicator.prototype,"progress",2),ci([l({type:Boolean,attribute:"is-static"})],a.ScbProgressIndicator.prototype,"isStatic",2),a.ScbProgressIndicator=ci([f("scb-progress-indicator")],a.ScbProgressIndicator);var Th=Object.defineProperty,Oh=Object.getOwnPropertyDescriptor,ut=(o,e,t,i)=>{for(var r=i>1?void 0:i?Oh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Th(e,t,r),r};a.ScbRadioButton=class extends y{constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.label="",this.supportingText="",this._radioId="",this._onMdRadioChange=e=>{if(this.disabled)return;const t=e.target;t&&t.checked&&(this.checked=!0,this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("md-radio");e&&e.addEventListener("input",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled)}render(){const e=this.supportingText?`${this._radioId}-supporting-text`:void 0;return c`
+    `],ci([l({type:String})],a.ScbProgressIndicator.prototype,"id",2),ci([l({type:String,reflect:!0})],a.ScbProgressIndicator.prototype,"type",2),ci([l({type:Number,reflect:!0})],a.ScbProgressIndicator.prototype,"progress",2),ci([l({type:Boolean,attribute:"is-static"})],a.ScbProgressIndicator.prototype,"isStatic",2),a.ScbProgressIndicator=ci([f("scb-progress-indicator")],a.ScbProgressIndicator);var Th=Object.defineProperty,Oh=Object.getOwnPropertyDescriptor,xs=o=>{throw TypeError(o)},Tt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Oh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Th(e,t,r),r},Ph=(o,e,t)=>e.has(o)||xs("Cannot "+t),di=(o,e,t)=>(Ph(o,e,"read from private field"),t?t.call(o):e.get(o)),ws=(o,e,t)=>e.has(o)?xs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),hi,ur;a.ScbRadioGroup=class extends y{constructor(){super(...arguments),this.name="",this.orientation="vertical",this.disabled=!1,this.ariaLabel=null,this.spacing="item",ws(this,hi,()=>{var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-radio-button");for(const r of t)this.name&&r.setAttribute("name",this.name),this.disabled?r.setAttribute("disabled",""):r.removeAttribute("disabled"),this.orientation==="horizontal"?r.setAttribute("orientation","horizontal"):r.removeAttribute("orientation"),this.spacing==="group"?r.style.setProperty("--scb-radio-gap","0"):r.style.removeProperty("--scb-radio-gap")}),ws(this,ur,e=>{var r,s;const t=e.composedPath().find(n=>{var h;return((h=n==null?void 0:n.tagName)==null?void 0:h.toLowerCase())==="scb-radio-button"}),i=(t==null?void 0:t.value)??((r=t==null?void 0:t.getAttribute)==null?void 0:r.call(t,"value"))??((s=e.target)==null?void 0:s.value)??"";this.dispatchEvent(new CustomEvent("scb-change",{detail:{value:String(i??""),originalIsTrusted:(e==null?void 0:e.isTrusted)===!0},bubbles:!0,composed:!0}))})}render(){const e=this.orientation==="horizontal"?"row":"column";return c`
+      <div
+        class="g"
+        role="radiogroup"
+        aria-disabled=${String(this.disabled)}
+        aria-label=${this.ariaLabel??""}
+        style=${`--_dir:${e}`}
+      >
+        <slot @slotchange=${di(this,hi)}></slot>
+      </div>
+    `}firstUpdated(){di(this,hi).call(this),this.addEventListener("change",di(this,ur))}disconnectedCallback(){this.removeEventListener("change",di(this,ur)),super.disconnectedCallback()}updated(e){(e.has("name")||e.has("disabled")||e.has("orientation"))&&di(this,hi).call(this)}},hi=new WeakMap,ur=new WeakMap,a.ScbRadioGroup.styles=b`
+    :host { display: block; }
+
+    .g {
+      display: flex;
+      flex-direction: var(--_dir, column);
+      gap: 0; /* default: inget extra gap */
+      align-items: flex-start;
+    }
+
+    /* Om gruppen ska äga spacing: använder gap och nollar radios egen syskonmarginal */
+    :host([spacing="group"]) .g {
+      gap: var(--scb-radio-gap, 12px);
+    }
+    :host([spacing="group"]) ::slotted(scb-radio-button) {
+      --scb-radio-gap: 0;
+    }
+  `,Tt([l({type:String})],a.ScbRadioGroup.prototype,"name",2),Tt([l({type:String,reflect:!0})],a.ScbRadioGroup.prototype,"orientation",2),Tt([l({type:Boolean,reflect:!0})],a.ScbRadioGroup.prototype,"disabled",2),Tt([l({type:String,attribute:"aria-label"})],a.ScbRadioGroup.prototype,"ariaLabel",2),Tt([l({type:String,reflect:!0})],a.ScbRadioGroup.prototype,"spacing",2),a.ScbRadioGroup=Tt([f("scb-radio-group")],a.ScbRadioGroup);var Lh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,ut=(o,e,t,i)=>{for(var r=i>1?void 0:i?Dh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Lh(e,t,r),r};a.ScbRadioButton=class extends y{constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.label="",this.supportingText="",this._radioId="",this._onMdRadioChange=e=>{if(this.disabled)return;const t=e.target;t&&t.checked&&(this.checked=!0,this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.value},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){var t;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("md-radio");e&&e.addEventListener("input",()=>{this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.toggleAttribute("aria-disabled",this.disabled)}render(){const e=this.supportingText?`${this._radioId}-supporting-text`:void 0;return c`
       <label class="wrap">
         <div class="radio-wrap">
           <md-radio
@@ -6159,34 +6186,7 @@ var ScbWcTest=function(a){"use strict";var Es;function d(o,e,t,i){var r=argument
       .lbl { color: var(--md-sys-color-on-surface); }
       .supporting-text { color: var(--md-sys-color-on-surface-variant); }
     }
-  `,ut([l({type:Boolean,reflect:!0})],a.ScbRadioButton.prototype,"disabled",2),ut([l({type:Boolean,reflect:!0})],a.ScbRadioButton.prototype,"checked",2),ut([l({type:String,reflect:!0})],a.ScbRadioButton.prototype,"name",2),ut([l({type:String,reflect:!0})],a.ScbRadioButton.prototype,"value",2),ut([l({type:String})],a.ScbRadioButton.prototype,"label",2),ut([l({type:String,attribute:"supporting-text"})],a.ScbRadioButton.prototype,"supportingText",2),a.ScbRadioButton=ut([f("scb-radio-button")],a.ScbRadioButton);const Ph=Object.freeze(Object.defineProperty({__proto__:null,get ScbRadioButton(){return a.ScbRadioButton}},Symbol.toStringTag,{value:"Module"}));var Lh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,xs=o=>{throw TypeError(o)},Tt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Dh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Lh(e,t,r),r},Rh=(o,e,t)=>e.has(o)||xs("Cannot "+t),di=(o,e,t)=>(Rh(o,e,"read from private field"),t?t.call(o):e.get(o)),ws=(o,e,t)=>e.has(o)?xs("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,t),hi,ur;a.ScbRadioGroup=class extends y{constructor(){super(...arguments),this.name="",this.orientation="vertical",this.disabled=!1,this.ariaLabel=null,this.spacing="item",ws(this,hi,()=>{var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:!0}).filter(r=>r.tagName.toLowerCase()==="scb-radio-button");for(const r of t)this.name&&r.setAttribute("name",this.name),this.disabled?r.setAttribute("disabled",""):r.removeAttribute("disabled"),this.orientation==="horizontal"?r.setAttribute("orientation","horizontal"):r.removeAttribute("orientation"),this.spacing==="group"?r.style.setProperty("--scb-radio-gap","0"):r.style.removeProperty("--scb-radio-gap")}),ws(this,ur,e=>{var r,s;const t=e.composedPath().find(n=>{var h;return((h=n==null?void 0:n.tagName)==null?void 0:h.toLowerCase())==="scb-radio-button"}),i=(t==null?void 0:t.value)??((r=t==null?void 0:t.getAttribute)==null?void 0:r.call(t,"value"))??((s=e.target)==null?void 0:s.value)??"";this.dispatchEvent(new CustomEvent("scb-change",{detail:{value:String(i??""),originalIsTrusted:(e==null?void 0:e.isTrusted)===!0},bubbles:!0,composed:!0}))})}render(){const e=this.orientation==="horizontal"?"row":"column";return c`
-      <div
-        class="g"
-        role="radiogroup"
-        aria-disabled=${String(this.disabled)}
-        aria-label=${this.ariaLabel??""}
-        style=${`--_dir:${e}`}
-      >
-        <slot @slotchange=${di(this,hi)}></slot>
-      </div>
-    `}firstUpdated(){di(this,hi).call(this),this.addEventListener("change",di(this,ur))}disconnectedCallback(){this.removeEventListener("change",di(this,ur)),super.disconnectedCallback()}updated(e){(e.has("name")||e.has("disabled")||e.has("orientation"))&&di(this,hi).call(this)}},hi=new WeakMap,ur=new WeakMap,a.ScbRadioGroup.styles=b`
-    :host { display: block; }
-
-    .g {
-      display: flex;
-      flex-direction: var(--_dir, column);
-      gap: 0; /* default: inget extra gap */
-      align-items: flex-start;
-    }
-
-    /* Om gruppen ska äga spacing: använder gap och nollar radios egen syskonmarginal */
-    :host([spacing="group"]) .g {
-      gap: var(--scb-radio-gap, 12px);
-    }
-    :host([spacing="group"]) ::slotted(scb-radio-button) {
-      --scb-radio-gap: 0;
-    }
-  `,Tt([l({type:String})],a.ScbRadioGroup.prototype,"name",2),Tt([l({type:String,reflect:!0})],a.ScbRadioGroup.prototype,"orientation",2),Tt([l({type:Boolean,reflect:!0})],a.ScbRadioGroup.prototype,"disabled",2),Tt([l({type:String,attribute:"aria-label"})],a.ScbRadioGroup.prototype,"ariaLabel",2),Tt([l({type:String,reflect:!0})],a.ScbRadioGroup.prototype,"spacing",2),a.ScbRadioGroup=Tt([f("scb-radio-group")],a.ScbRadioGroup);var Bh=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,Ot=(o,e,t,i)=>{for(var r=i>1?void 0:i?Mh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Bh(e,t,r),r};a.ScbSegmentedItem=class extends y{constructor(){super(...arguments),this.label="",this.value="",this.selected=!1,this.icon="",this.disabled=!1}render(){var n;const e=this.parentElement,t=(n=e==null?void 0:e.hasAttribute)==null?void 0:n.call(e,"disabled"),i=this.disabled||t,r=!!this.icon,s=!!this.label;return c`
+  `,ut([l({type:Boolean,reflect:!0})],a.ScbRadioButton.prototype,"disabled",2),ut([l({type:Boolean,reflect:!0})],a.ScbRadioButton.prototype,"checked",2),ut([l({type:String,reflect:!0})],a.ScbRadioButton.prototype,"name",2),ut([l({type:String,reflect:!0})],a.ScbRadioButton.prototype,"value",2),ut([l({type:String})],a.ScbRadioButton.prototype,"label",2),ut([l({type:String,attribute:"supporting-text"})],a.ScbRadioButton.prototype,"supportingText",2),a.ScbRadioButton=ut([f("scb-radio-button")],a.ScbRadioButton);const Rh=Object.freeze(Object.defineProperty({__proto__:null,get ScbRadioButton(){return a.ScbRadioButton}},Symbol.toStringTag,{value:"Module"}));var Bh=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,Ot=(o,e,t,i)=>{for(var r=i>1?void 0:i?Mh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Bh(e,t,r),r};a.ScbSegmentedItem=class extends y{constructor(){super(...arguments),this.label="",this.value="",this.selected=!1,this.icon="",this.disabled=!1}render(){var n;const e=this.parentElement,t=(n=e==null?void 0:e.hasAttribute)==null?void 0:n.call(e,"disabled"),i=this.disabled||t,r=!!this.icon,s=!!this.label;return c`
       <div class="segmented-item${r||this.selected?" has-icon":""}${s?"":" no-label"}"  aria-disabled="${i?"true":"false"}">
         <md-ripple ?disabled="${i}"></md-ripple>
         ${this.selected?r&&s?c`<md-icon>check</md-icon>`:r?c`<md-icon>check</md-icon><md-icon>${this.icon}</md-icon>`:c`<md-icon>check</md-icon>`:r?c`<md-icon>${this.icon}</md-icon>`:""}
@@ -6287,91 +6287,128 @@ var ScbWcTest=function(a){"use strict";var Es;function d(o,e,t,i){var r=argument
     ::slotted([role="button"]:first-child .segmented-item) {
       border-left: 1px solid var(--md-sys-color-outline);
     }
-  `,pi([l({type:String,reflect:!0})],a.ScbSegmentedButton.prototype,"variant",2),pi([l({type:String,reflect:!0})],a.ScbSegmentedButton.prototype,"value",2),pi([l({type:Array})],a.ScbSegmentedButton.prototype,"values",2),pi([l({type:Boolean,reflect:!0})],a.ScbSegmentedButton.prototype,"disabled",2),a.ScbSegmentedButton=pi([f("scb-segmented-button")],a.ScbSegmentedButton);var Nh=Object.defineProperty,qh=Object.getOwnPropertyDescriptor,Ge=(o,e,t,i)=>{for(var r=i>1?void 0:i?qh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Nh(e,t,r),r};a.ScbSnackbar=class extends y{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action")),this.open=!1}handleClose(){this.dispatchEvent(new CustomEvent("snackbar-close")),this.open=!1}updated(e){super.updated(e),e.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("snackbar-open")):this.dispatchEvent(new CustomEvent("snackbar-close"))),(e.has("open")||e.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer))}render(){const e=!!this.actionText,t=!!this.showClose;let i="snackbar";return!e&&!t&&(i+=" no-actions"),this.withLongerAction&&(i+=" longer-action"),c`
-            <div class="${i}" ?hidden=${!this.open}>
-                ${this.withLongerAction?c`
-                    <div class="message">${this.message}</div>
-                    <div class="actions">
-                        ${e?c`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
-                        ${t?c`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
-                    </div>
-                `:c`
-                    <span class="message">${this.message}</span>
-                    ${e?c`<scb-button variant="text" label=${this.actionText} @click=${this.handleAction}></scb-button>`:""}
-                    ${t?c`<scb-icon-button icon="close" @click=${this.handleClose} aria-label="Stäng"></scb-icon-button>`:""}
-                `}
-
-            </div>
-        `}},a.ScbSnackbar.styles=b`
-		:host {
-			position: relative;
-			display: block;
-            min-width: 312px;
-			max-width: 560px;
-		}
-		:host([fixed]) {
-			position: fixed;
-            z-index: 9999;
-            left: 50%;
-			bottom: 24px;
-            transform: translateX(-50%);
-		}
-		.snackbar {
-			background: var(--md-sys-color-inverse-surface);
-			color: var(--md-sys-color-inverse-on-surface);
-			border-radius: var(--md-sys-shape-corner-extra-small);
-			box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30);
-			display: flex;
-			align-items: center;
-			padding: 14px var(--spacing-5);
-			opacity: 0;
-			transition: opacity 0.3s, bottom 0.3s;
-			pointer-events: auto;
-            position: relative;
-		}
-        .snackbar.longer-action {
-            flex-direction: column;
-            align-items: flex-start;
-        }
-        .snackbar .actions {
-            display: flex;
-            margin-top: 10px;
-            width: 100%;
-            justify-content: flex-end;
-
-        }
-        .message.no-actions {
-			margin-right: 0;
-		}
-		:host([open]) .snackbar {
-			opacity: 1;
-			pointer-events: auto;
-		}
-		.message {
-			flex: 1 1 auto;
-            margin-right: var(--spacing-2);
-            font-size: var(--md-sys-typescale-body-medium-size);
-            line-height: var(--md-sys-typescale-body-medium-line-height);
-            letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-		}
-        .snackbar scb-icon-button{
-            --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-hover-state-layer-color: var(--md-sys-color-surface-container);
-            --md-icon-button-focus-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-icon-button-pressed-icon-color: var(--md-sys-color-inverse-on-surface);
-            --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
-        }
-        .snackbar scb-button{
-            --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-hover-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-hover-state-layer-color: var(--md-sys-color-surface-container);
-            --md-text-button-focus-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-text-button-pressed-label-text-color: var(--md-sys-color-inverse-primary);
-            --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
-        }
-
-	`,Ge([l({type:String})],a.ScbSnackbar.prototype,"message",2),Ge([l({type:Boolean,reflect:!0})],a.ScbSnackbar.prototype,"open",2),Ge([l({type:String,attribute:"action-text"})],a.ScbSnackbar.prototype,"actionText",2),Ge([l({type:Boolean,attribute:"show-close"})],a.ScbSnackbar.prototype,"showClose",2),Ge([l({type:Boolean,reflect:!0})],a.ScbSnackbar.prototype,"fixed",2),Ge([l({type:Boolean})],a.ScbSnackbar.prototype,"fadeout",2),Ge([l({type:Boolean,attribute:"with-longer-action"})],a.ScbSnackbar.prototype,"withLongerAction",2),a.ScbSnackbar=Ge([f("scb-snackbar")],a.ScbSnackbar);var Vh=Object.defineProperty,Uh=Object.getOwnPropertyDescriptor,vr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Uh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Vh(e,t,r),r};a.ScbStatusPill=class extends y{constructor(){super(...arguments),this.status="",this.label="",this.showIcon=!1}render(){return c`
+  `,pi([l({type:String,reflect:!0})],a.ScbSegmentedButton.prototype,"variant",2),pi([l({type:String,reflect:!0})],a.ScbSegmentedButton.prototype,"value",2),pi([l({type:Array})],a.ScbSegmentedButton.prototype,"values",2),pi([l({type:Boolean,reflect:!0})],a.ScbSegmentedButton.prototype,"disabled",2),a.ScbSegmentedButton=pi([f("scb-segmented-button")],a.ScbSegmentedButton);var Nh=Object.defineProperty,qh=Object.getOwnPropertyDescriptor,Ge=(o,e,t,i)=>{for(var r=i>1?void 0:i?qh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Nh(e,t,r),r};a.ScbSnackbar=class extends y{constructor(){super(...arguments),this.message="",this.open=!1,this.actionText="",this.showClose=!1,this.fixed=!1,this.fadeout=!1,this.withLongerAction=!1}handleAction(){this.dispatchEvent(new CustomEvent("snackbar-action",{bubbles:!0,composed:!0})),this.open=!1}handleClose(){this.open=!1}updated(e){super.updated(e),e.has("open")&&(this.open?this.dispatchEvent(new CustomEvent("snackbar-open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("snackbar-close",{bubbles:!0,composed:!0}))),(e.has("open")||e.has("fadeout"))&&(this.open&&this.fadeout?(window.clearTimeout(this._fadeoutTimer),this._fadeoutTimer=window.setTimeout(()=>{this.open=!1},5e3)):window.clearTimeout(this._fadeoutTimer))}render(){const e=!!this.actionText,t=!!this.showClose;let i="snackbar";return!e&&!t&&(i+=" no-actions"),this.withLongerAction&&(i+=" longer-action"),c`
+      <div class="${i}" ?hidden=${!this.open}>
+        ${this.withLongerAction?c`
+              <div class="message">${this.message}</div>
+              <div class="actions">
+                ${e?c`
+                      <scb-button
+                        variant="text"
+                        label=${this.actionText}
+                        @click=${this.handleAction}
+                      ></scb-button>
+                    `:""}
+                ${t?c`
+                      <scb-icon-button
+                        icon="close"
+                        @click=${this.handleClose}
+                        aria-label="Stäng"
+                      ></scb-icon-button>
+                    `:""}
+              </div>
+            `:c`
+              <span class="message">${this.message}</span>
+              ${e?c`
+                    <scb-button
+                      variant="text"
+                      label=${this.actionText}
+                      @click=${this.handleAction}
+                    ></scb-button>
+                  `:""}
+              ${t?c`
+                    <scb-icon-button
+                      icon="close"
+                      @click=${this.handleClose}
+                      aria-label="Stäng"
+                    ></scb-icon-button>
+                  `:""}
+            `}
+      </div>
+    `}},a.ScbSnackbar.styles=b`
+    :host {
+      position: relative;
+      display: block;
+      min-width: 312px;
+      max-width: 560px;
+    }
+    :host([fixed]) {
+      position: fixed;
+      z-index: 9999;
+      left: 50%;
+      bottom: 24px;
+      transform: translateX(-50%);
+    }
+    .snackbar {
+      background: var(--md-sys-color-inverse-surface);
+      color: var(--md-sys-color-inverse-on-surface);
+      border-radius: var(--md-sys-shape-corner-extra-small);
+      box-shadow:
+        0 4px 8px 3px rgba(0, 0, 0, 0.15),
+        0 1px 3px 0 rgba(0, 0, 0, 0.3);
+      display: flex;
+      align-items: center;
+      padding: 14px var(--spacing-5);
+      opacity: 0;
+      transition: opacity 0.3s, bottom 0.3s;
+      pointer-events: auto;
+      position: relative;
+    }
+    .snackbar.longer-action {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+    .snackbar .actions {
+      display: flex;
+      margin-top: 10px;
+      width: 100%;
+      justify-content: flex-end;
+    }
+    .message.no-actions {
+      margin-right: 0;
+    }
+    :host([open]) .snackbar {
+      opacity: 1;
+      pointer-events: auto;
+    }
+    .message {
+      flex: 1 1 auto;
+      margin-right: var(--spacing-2);
+      font-size: var(--md-sys-typescale-body-medium-size);
+      line-height: var(--md-sys-typescale-body-medium-line-height);
+      letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+    }
+    .snackbar scb-icon-button {
+      --md-icon-button-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-icon-color: var(--md-sys-color-inverse-on-surface);
+      --md-icon-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-icon-button-focus-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-icon-button-pressed-icon-color: var(
+        --md-sys-color-inverse-on-surface
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+    .snackbar scb-button {
+      --md-text-button-label-text-color: var(--md-sys-color-inverse-primary);
+      --md-text-button-hover-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-hover-state-layer-color: var(
+        --md-sys-color-surface-container
+      );
+      --md-text-button-focus-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-text-button-pressed-label-text-color: var(
+        --md-sys-color-inverse-primary
+      );
+      --md-focus-ring-color: var(--md-sys-color-inverse-on-surface);
+    }
+  `,Ge([l({type:String})],a.ScbSnackbar.prototype,"message",2),Ge([l({type:Boolean,reflect:!0})],a.ScbSnackbar.prototype,"open",2),Ge([l({type:String,attribute:"action-text"})],a.ScbSnackbar.prototype,"actionText",2),Ge([l({type:Boolean,attribute:"show-close"})],a.ScbSnackbar.prototype,"showClose",2),Ge([l({type:Boolean,reflect:!0})],a.ScbSnackbar.prototype,"fixed",2),Ge([l({type:Boolean})],a.ScbSnackbar.prototype,"fadeout",2),Ge([l({type:Boolean,attribute:"with-longer-action"})],a.ScbSnackbar.prototype,"withLongerAction",2),a.ScbSnackbar=Ge([f("scb-snackbar")],a.ScbSnackbar);var Vh=Object.defineProperty,Uh=Object.getOwnPropertyDescriptor,vr=(o,e,t,i)=>{for(var r=i>1?void 0:i?Uh(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Vh(e,t,r),r};a.ScbStatusPill=class extends y{constructor(){super(...arguments),this.status="",this.label="",this.showIcon=!1}render(){return c`
     ${this.showIcon?this.status==="success"?c`<md-icon>check_circle</md-icon>`:this.status==="warning"?c`<md-icon>warning</md-icon>`:this.status==="error"?c`<md-icon>error</md-icon>`:"":""}
     <span class="label">${this.label}</span>
     `}},a.ScbStatusPill.styles=b`