scb-wc-test 0.1.93 → 0.1.95

package/mvc/vendor/vendor.js

@@ -61,4 +61,4 @@
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */const nt=Symbol.for(""),Nt=r=>{if(r?.r===nt)return r?._$litStatic$},Gt=(r,...t)=>({_$litStatic$:t.reduce((e,s,i)=>e+(n=>{if(n._$litStatic$!==void 0)return n._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${n}. Use 'unsafeStatic' to pass non-literal values, but
-            take care to ensure page security.`)})(s)+r[i+1],r[0]),r:nt}),Y=new Map,jt=r=>(t,...e)=>{const s=e.length;let i,n;const o=[],a=[];let h,l=0,d=!1;for(;l<s;){for(h=t[l];l<s&&(n=e[l],(i=Nt(n))!==void 0);)h+=i+t[++l],d=!0;l!==s&&a.push(n),o.push(h),l++}if(l===s&&o.push(t[s]),d){const c=o.join("$$lit$$");(t=Y.get(c))===void 0&&(o.raw=o,Y.set(c,t=o)),e=a}return r(t,...e)},Qt=jt(yt);export{u as E,Jt as _,Dt as a,qt as b,Wt as c,Gt as d,Zt as e,Ft as f,R as i,Tt as n,Vt as o,Bt as r,It as t,Qt as u,yt as x};
+            take care to ensure page security.`)})(s)+r[i+1],r[0]),r:nt}),Y=new Map,jt=r=>(t,...e)=>{const s=e.length;let i,n;const o=[],a=[];let h,l=0,d=!1;for(;l<s;){for(h=t[l];l<s&&(n=e[l],(i=Nt(n))!==void 0);)h+=i+t[++l],d=!0;l!==s&&a.push(n),o.push(h),l++}if(l===s&&o.push(t[s]),d){const c=o.join("$$lit$$");(t=Y.get(c))===void 0&&(o.raw=o,Y.set(c,t=o)),e=a}return r(t,...e)},Qt=jt(yt);export{u as E,Jt as _,Dt as a,Zt as b,Wt as c,Gt as d,qt as e,Ft as f,R as i,Tt as n,Vt as o,Bt as r,It as t,Qt as u,yt as x};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.93",
+    "version":  "0.1.95",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -316,5 +316,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "CE6220CA24800A44265F7E87FA735B3585C67B4697F2746B8C98AB9967E91E49"
+    "buildHash":  "B757576F758E9838EE0892469702B5E6590527CE770B3CE5D71D228F200BCCD7"
 }

package/scb-accordion/scb-accordion-item.d.ts

@@ -18,9 +18,7 @@ export declare class ScbAccordionItem extends LitElement {
     private static _uidSeq;
     private static _uid;
     private _unique;
-    private static _mdIconLoaded;
-    private static _mdRippleLoaded;
-    protected firstUpdated(): Promise<void>;
+    protected firstUpdated(): void;
     static styles: import('lit').CSSResult[];
     private _applyInertByOpen;
     private _onToggle;

package/scb-accordion/scb-accordion-item.js

@@ -1,16 +1,18 @@
-import { css as m, LitElement as v, nothing as p, html as l } from "lit";
-import { property as o, customElement as h } from "lit/decorators.js";
+import { css as v, LitElement as h, nothing as p, html as l } from "lit";
+import { property as o, customElement as m } from "lit/decorators.js";
 import "@material/web/focus/md-focus-ring.js";
-var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (t, i, s, r) => {
-  for (var n = r > 1 ? void 0 : r ? b(i, s) : i, c = t.length - 1, d; c >= 0; c--)
-    (d = t[c]) && (n = (r ? d(i, s, n) : d(n)) || n);
-  return r && n && u(i, s, n), n;
+import "@material/web/icon/icon.js";
+import "@material/web/ripple/ripple.js";
+var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (t, e, s, r) => {
+  for (var n = r > 1 ? void 0 : r ? b(e, s) : e, c = t.length - 1, d; c >= 0; c--)
+    (d = t[c]) && (n = (r ? d(e, s, n) : d(n)) || n);
+  return r && n && u(e, s, n), n;
 };
-let e = class extends v {
+let i = class extends h {
   constructor() {
-    super(...arguments), this.open = !1, this.title = "", this.content = "", this.overline = "", this.supportingText = "", this.leading = !1, this.leadingVariant = "", this.leadingIcon = "", this.imgHrefImage = "", this.avatarLabel = "", this.avatarAlt = "", this.avatarVariant = "icon", this.avatarSrc = "", this.density = 0, this._unique = e._uid(), this._onToggle = (t) => {
-      const i = t.currentTarget;
-      this.open = !!i.open;
+    super(...arguments), this.open = !1, this.title = "", this.content = "", this.overline = "", this.supportingText = "", this.leading = !1, this.leadingVariant = "", this.leadingIcon = "", this.imgHrefImage = "", this.avatarLabel = "", this.avatarAlt = "", this.avatarVariant = "icon", this.avatarSrc = "", this.density = 0, this._unique = i._uid(), this._onToggle = (t) => {
+      const e = t.currentTarget;
+      this.open = !!e.open;
       const s = this.closest("scb-accordion");
       this.open && s && !s.hasAttribute("detached") && s.querySelectorAll("scb-accordion-item").forEach((n) => {
         n !== this && n.setOpen(!1);
@@ -18,18 +20,18 @@ let e = class extends v {
     };
   }
   static _uid() {
-    var t, i;
-    return ((i = (t = globalThis.crypto) == null ? void 0 : t.randomUUID) == null ? void 0 : i.call(t)) ?? `${e._uidPrefix}-${++e._uidSeq}`;
+    var t, e;
+    return ((e = (t = globalThis.crypto) == null ? void 0 : t.randomUUID) == null ? void 0 : e.call(t)) ?? `${i._uidPrefix}-${++i._uidSeq}`;
   }
-  async firstUpdated() {
-    e._mdIconLoaded || (await import("@material/web/icon/icon.js"), e._mdIconLoaded = !0), e._mdRippleLoaded || (await import("@material/web/ripple/ripple.js"), e._mdRippleLoaded = !0), this._applyInertByOpen();
+  firstUpdated() {
+    this._applyInertByOpen();
   }
   _applyInertByOpen() {
-    const t = this.renderRoot.querySelector(".scb-accordion-bottom"), i = this.renderRoot.querySelector("details");
-    !t || !i || (i.open ? (t.removeAttribute("inert"), t.setAttribute("aria-hidden", "false")) : (t.setAttribute("inert", ""), t.setAttribute("aria-hidden", "true")));
+    const t = this.renderRoot.querySelector(".scb-accordion-bottom"), e = this.renderRoot.querySelector("details");
+    !t || !e || (e.open ? (t.removeAttribute("inert"), t.setAttribute("aria-hidden", "false")) : (t.setAttribute("inert", ""), t.setAttribute("aria-hidden", "true")));
   }
   _onKeyDown(t) {
-    const i = this.closest("scb-accordion"), r = Array.from((i == null ? void 0 : i.querySelectorAll("scb-accordion-item")) || []).map((d) => {
+    const e = this.closest("scb-accordion"), r = Array.from((e == null ? void 0 : e.querySelectorAll("scb-accordion-item")) || []).map((d) => {
       var g;
       return ((g = d.renderRoot.querySelector("details")) == null ? void 0 : g.querySelector(".scb-accordion-top")) || null;
     }).filter((d) => !!d), n = t.currentTarget, c = r.indexOf(n);
@@ -51,13 +53,13 @@ let e = class extends v {
   /** Programmatisk uppdatering som även speglar <details>. */
   setOpen(t) {
     this.open = !!t;
-    const i = this.renderRoot.querySelector("details");
-    i && (i.open = this.open), this._applyInertByOpen();
+    const e = this.renderRoot.querySelector("details");
+    e && (e.open = this.open), this._applyInertByOpen();
   }
   updated(t) {
     if (t.has("open")) {
-      const i = this.renderRoot.querySelector("details");
-      i && i.open !== this.open && (i.open = this.open), this._applyInertByOpen(), this.dispatchEvent(new CustomEvent("open-changed", {
+      const e = this.renderRoot.querySelector("details");
+      e && e.open !== this.open && (e.open = this.open), this._applyInertByOpen(), this.dispatchEvent(new CustomEvent("open-changed", {
         detail: { open: this.open, title: this.title },
         bubbles: !0,
         composed: !0
@@ -65,7 +67,7 @@ let e = class extends v {
     }
   }
   render() {
-    const t = `bottom-${this._unique}`, i = `header-${this._unique}`, s = this.leading ? this.leadingVariant === "image" && this.imgHrefImage ? l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />` : this.leadingVariant === "avatar" ? l`
+    const t = `bottom-${this._unique}`, e = `header-${this._unique}`, s = this.leading ? this.leadingVariant === "image" && this.imgHrefImage ? l`<img part="leading-image" class="img" src="${this.imgHrefImage}" alt="" />` : this.leadingVariant === "avatar" ? l`
               <scb-avatar
                 label=${this.avatarLabel}
                 alt=${this.avatarAlt}
@@ -78,7 +80,7 @@ let e = class extends v {
     return l`
       <details class="scb-accordion-item" ?open=${this.open} @toggle=${this._onToggle}>
         <summary
-          id=${i}
+          id=${e}
           class="scb-accordion-top"
           aria-controls=${t}
           @keydown=${this._onKeyDown}
@@ -96,23 +98,21 @@ let e = class extends v {
           <md-icon class="chevron">expand_more</md-icon>
         </summary>
 
-        <div id=${t} class="scb-accordion-bottom" role="region" aria-labelledby=${i}>
+        <div id=${t} class="scb-accordion-bottom" role="region" aria-labelledby=${e}>
           <div class="bottom-inner">
             <slot>${this.content}</slot>
           </div>
         </div>
       </details>
 
-      <md-focus-ring for=${i} inward></md-focus-ring>
+      <md-focus-ring for=${e} inward></md-focus-ring>
     `;
   }
 };
-e._uidPrefix = `uid-${Math.random().toString(36).slice(2)}`;
-e._uidSeq = 0;
-e._mdIconLoaded = !1;
-e._mdRippleLoaded = !1;
-e.styles = [
-  m`
+i._uidPrefix = `uid-${Math.random().toString(36).slice(2)}`;
+i._uidSeq = 0;
+i.styles = [
+  v`
       :host {
         display: block;
         position: relative;
@@ -246,49 +246,49 @@ e.styles = [
 ];
 a([
   o({ type: Boolean, reflect: !0 })
-], e.prototype, "open", 2);
+], i.prototype, "open", 2);
 a([
   o({ type: String, reflect: !0 })
-], e.prototype, "title", 2);
+], i.prototype, "title", 2);
 a([
   o({ type: String })
-], e.prototype, "content", 2);
+], i.prototype, "content", 2);
 a([
   o({ type: String, attribute: "overline" })
-], e.prototype, "overline", 2);
+], i.prototype, "overline", 2);
 a([
   o({ type: String, attribute: "supporting-text" })
-], e.prototype, "supportingText", 2);
+], i.prototype, "supportingText", 2);
 a([
   o({ type: Boolean })
-], e.prototype, "leading", 2);
+], i.prototype, "leading", 2);
 a([
   o({ type: String, attribute: "leading-variant", reflect: !0 })
-], e.prototype, "leadingVariant", 2);
+], i.prototype, "leadingVariant", 2);
 a([
   o({ type: String, attribute: "leading-icon" })
-], e.prototype, "leadingIcon", 2);
+], i.prototype, "leadingIcon", 2);
 a([
   o({ type: String, attribute: "img-href-image", reflect: !0 })
-], e.prototype, "imgHrefImage", 2);
+], i.prototype, "imgHrefImage", 2);
 a([
   o({ type: String, attribute: "avatar-label" })
-], e.prototype, "avatarLabel", 2);
+], i.prototype, "avatarLabel", 2);
 a([
   o({ type: String, attribute: "avatar-alt" })
-], e.prototype, "avatarAlt", 2);
+], i.prototype, "avatarAlt", 2);
 a([
   o({ type: String, attribute: "avatar-variant" })
-], e.prototype, "avatarVariant", 2);
+], i.prototype, "avatarVariant", 2);
 a([
   o({ type: String, attribute: "avatar-src" })
-], e.prototype, "avatarSrc", 2);
+], i.prototype, "avatarSrc", 2);
 a([
   o({ type: Number, reflect: !0 })
-], e.prototype, "density", 2);
-e = a([
-  h("scb-accordion-item")
-], e);
+], i.prototype, "density", 2);
+i = a([
+  m("scb-accordion-item")
+], i);
 export {
-  e as ScbAccordionItem
+  i as ScbAccordionItem
 };

package/scb-dialog/scb-dialog.d.ts

@@ -20,10 +20,7 @@ export declare class ScbDialog extends LitElement {
     formAction: string;
     formMethod: FormMethod;
     private __lastTriggerEl;
-    private __slotDeps;
     static styles: import('lit').CSSResult;
-    protected firstUpdated(): Promise<void>;
-    private __ensureSlottedDeps;
     private __getActionFromEvent;
     private __onDocumentClick;
     private __onDocumentKeydown;

package/scb-dialog/scb-dialog.js

@@ -1,19 +1,21 @@
-import { css as h, LitElement as u, nothing as p, html as d } from "lit";
-import { property as a, customElement as m } from "lit/decorators.js";
-var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, s = (t, e, r, c) => {
-  for (var n = c > 1 ? void 0 : c ? f(e, r) : e, o = t.length - 1, l; o >= 0; o--)
-    (l = t[o]) && (n = (c ? l(e, r, n) : l(n)) || n);
-  return c && n && b(e, r, n), n;
+import { css as h, LitElement as u, nothing as p, html as a } from "lit";
+import { property as s, customElement as m } from "lit/decorators.js";
+import "../scb-button/scb-button.js";
+import "../scb-icon-button/scb-icon-button.js";
+import "../scb-textfield/scb-textfield.js";
+import "../scb-checkbox/scb-checkbox.js";
+import "../scb-radio-button/scb-radio-button.js";
+import "../scb-switch/scb-switch.js";
+import "../scb-chip/scb-chip.js";
+import "@material/web/icon/icon.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (t, e, l, c) => {
+  for (var n = c > 1 ? void 0 : c ? f(e, l) : e, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (n = (c ? d(e, l, n) : d(n)) || n);
+  return c && n && b(e, l, n), n;
 };
 let i = class extends u {
   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": () => import("../scb-textfield/scb-textfield.js"),
-      "SCB-CHECKBOX": () => import("../scb-checkbox/scb-checkbox.js"),
-      "SCB-RADIO-BUTTON": () => import("../scb-radio-button/scb-radio-button.js"),
-      "SCB-SWITCH": () => import("../scb-switch/scb-switch.js"),
-      "SCB-CHIP": () => import("../scb-chip/scb-chip.js")
-    }, this.__onDocumentClick = (t) => {
+    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.__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));
@@ -28,10 +30,10 @@ let i = class extends u {
     }, this.__onDeny = () => {
       this.__fire("deny"), this.__setOpen(!1);
     }, this.__onReset = () => {
-      var e, r, c, n;
-      (r = (e = this.shadowRoot) == null ? void 0 : e.querySelector("form")) == null || r.reset(), (((n = (c = this.shadowRoot) == null ? void 0 : c.querySelector("slot")) == null ? void 0 : n.assignedElements({ flatten: !0 })) ?? []).forEach((o) => {
-        const l = o.tagName;
-        l === "SCB-TEXTFIELD" && (o.value = ""), l === "SCB-CHECKBOX" && (o.checked = !1), l === "SCB-RADIO-BUTTON" && (o.checked = !1), l === "SCB-SWITCH" && (o.selected = !1), l === "SCB-CHIP" && (o.selected = !1);
+      var e, l, c, n;
+      (l = (e = this.shadowRoot) == null ? void 0 : e.querySelector("form")) == null || l.reset(), (((n = (c = this.shadowRoot) == null ? void 0 : c.querySelector("slot")) == null ? void 0 : n.assignedElements({ flatten: !0 })) ?? []).forEach((r) => {
+        const d = r.tagName;
+        d === "SCB-TEXTFIELD" && (r.value = ""), d === "SCB-CHECKBOX" && (r.checked = !1), d === "SCB-RADIO-BUTTON" && (r.checked = !1), d === "SCB-SWITCH" && (r.selected = !1), d === "SCB-CHIP" && (r.selected = !1);
       }), this.__fire("reset");
     }, this.__onSubmit = () => {
       var t, e;
@@ -44,31 +46,10 @@ let i = class extends u {
         )
       ).filter((n) => !n.hasAttribute("disabled"));
       if (!e.length) return;
-      const r = e[0], c = e[e.length - 1];
-      t.shiftKey && document.activeElement === r ? (c.focus(), t.preventDefault()) : !t.shiftKey && document.activeElement === c && (r.focus(), t.preventDefault());
+      const l = e[0], c = e[e.length - 1];
+      t.shiftKey && document.activeElement === l ? (c.focus(), t.preventDefault()) : !t.shiftKey && document.activeElement === c && (l.focus(), t.preventDefault());
     };
   }
-  /* Första uppdatering: se till att knappar/ikoner finns och slottade deps laddas on-demand. */
-  async firstUpdated() {
-    await import("../scb-button/scb-button.js"), await import("../scb-icon-button/scb-icon-button.js"), this.icon && await import("@material/web/icon/icon.js"), await this.__ensureSlottedDeps();
-  }
-  /* Ladda underkomponenter som faktiskt används i slotten (prestanda: undvik onödiga imports). */
-  async __ensureSlottedDeps() {
-    var r;
-    const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector("slot");
-    if (!t) return;
-    const e = async (c) => {
-      const n = new Set(c.map((o) => o.tagName));
-      for (const o of n) {
-        const l = this.__slotDeps[o];
-        l && await l();
-      }
-    };
-    await e(t.assignedElements({ flatten: !0 })), t.addEventListener(
-      "slotchange",
-      async () => e(t.assignedElements({ flatten: !0 }))
-    );
-  }
   /*  Triggers + ESC + fokusåterställning 
      – aria-controls="dlg-id" eller data-dialog-toggle="dlg-id" växlar open-state
      – ESC stänger och skickar 'esc'-event
@@ -99,17 +80,16 @@ let i = class extends u {
      – lås/lås upp sid-scroll (inte i SB-läge)
   */
   updated(t) {
-    var e, r;
+    var e, l;
     if (t.has("open")) {
       const c = t.get("open");
       this.__updateTriggersExpanded(), this.open && !c ? this.updateComplete.then(() => {
-        var n, o, l;
-        (l = (o = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
+        var n, r, d;
+        (d = (r = (n = this.shadowRoot) == null ? void 0 : n.querySelector(
           'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
-        )) == null ? void 0 : o.focus) == null || l.call(o);
-      }) : !this.open && c && ((r = (e = this.__lastTriggerEl) == null ? void 0 : e.focus) == null || r.call(e)), this.__toggleScrollLock(this.open);
+        )) == null ? void 0 : r.focus) == null || d.call(r);
+      }) : !this.open && c && ((l = (e = this.__lastTriggerEl) == null ? void 0 : e.focus) == null || l.call(e)), this.__toggleScrollLock(this.open);
     }
-    t.has("icon") && this.icon && import("@material/web/icon/icon.js");
   }
   /* Håll aria-expanded i synk på alla triggers som pekar på dialogens id. */
   __updateTriggersExpanded() {
@@ -140,22 +120,22 @@ let i = class extends u {
   /* Header: ikon (om satt), titel + ev. stäng-ikon i form/floating. */
   renderHeader(t) {
     const e = this.variant === "form" || this.variant === "floating";
-    return d`
+    return a`
       <div class="header">
         <div class="title">
-          ${this.icon ? d`<md-icon class="dialog-icon">${this.icon}</md-icon>` : p}
+          ${this.icon ? a`<md-icon class="dialog-icon">${this.icon}</md-icon>` : p}
           <div class="label" id=${t}>${this.label}</div>
         </div>
-        ${e ? d`<scb-icon-button class="close" icon="close" @click=${this.__onCancel}></scb-icon-button>` : p}
+        ${e ? a`<scb-icon-button class="close" icon="close" @click=${this.__onCancel}></scb-icon-button>` : p}
       </div>
     `;
   }
   /* Content för varianter som inte använder form. Faller tillbaka till supportingText om slotten är tom. */
   renderContentDefault(t) {
     const e = this.__slotIsEmpty();
-    return d`
+    return a`
       <div class="content" id=${t}>
-        ${e && this.supportingText ? d`${this.supportingText}` : d`<slot></slot>`}
+        ${e && this.supportingText ? a`${this.supportingText}` : a`<slot></slot>`}
       </div>
     `;
   }
@@ -163,21 +143,21 @@ let i = class extends u {
   renderActions() {
     switch (this.variant) {
       case "alert":
-        return d`<div class="actions">
+        return a`<div class="actions">
           <scb-button variant="text" label=${this.okButton} @click=${this.__onOk}></scb-button>
         </div>`;
       case "confirm":
-        return d`<div class="actions">
+        return a`<div class="actions">
           <scb-button variant="text" label=${this.confirmButton} @click=${this.__onConfirm}></scb-button>
           <scb-button variant="text" label=${this.denyButton} @click=${this.__onDeny}></scb-button>
         </div>`;
       case "choose":
-        return d`<div class="actions">
+        return a`<div class="actions">
           <scb-button variant="text" label=${this.cancelButton} @click=${this.__onCancel}></scb-button>
           <scb-button variant="text" label=${this.okButton} @click=${this.__onOk}></scb-button>
         </div>`;
       case "form":
-        return d`<div class="actions">
+        return a`<div class="actions">
           <scb-button class="start" variant="text" label=${this.resetButton} @click=${this.__onReset}></scb-button>
           <scb-button variant="text" label=${this.cancelButton} @click=${this.__onCancel}></scb-button>
           <scb-button variant="text" label=${this.submitButton} @click=${this.__onSubmit}></scb-button>
@@ -185,7 +165,7 @@ let i = class extends u {
       case "floating":
         return p;
       default:
-        return d`<div class="actions">
+        return a`<div class="actions">
           <scb-button variant="text" label=${this.cancelButton} @click=${this.__onCancel}></scb-button>
           <scb-button variant="text" label=${this.okButton} @click=${this.__onOk}></scb-button>
         </div>`;
@@ -193,7 +173,7 @@ let i = class extends u {
   }
   /* Body skiljer på form-varianten (wrapper <form>) och övriga. */
   renderBody(t, e) {
-    return this.variant === "form" ? d`
+    return this.variant === "form" ? a`
         ${this.renderHeader(t)}
         <div class="content" id=${e}>
           <form id=${this.formId} action=${this.formAction} method=${this.formMethod || p}>
@@ -201,12 +181,12 @@ let i = class extends u {
           </form>
         </div>
         ${this.renderActions()}
-      ` : d`${this.renderHeader(t)} ${this.renderContentDefault(e)} ${this.renderActions()}`;
+      ` : a`${this.renderHeader(t)} ${this.renderContentDefault(e)} ${this.renderActions()}`;
   }
   /* Root render: role/aria-attribut sätts här för att para ihop titel och beskrivning. */
   render() {
     const t = "dlg-title", e = "dlg-desc";
-    return d`
+    return a`
       <div class="scrim" @click=${this.__onScrimClick} aria-hidden="true"></div>
       <div
         class="container"
@@ -335,58 +315,58 @@ i.styles = h`
       margin-block: var(--scb-choice-gap, 6px);
     }
   `;
-s([
-  a({ type: Boolean, reflect: !0 })
+o([
+  s({ type: Boolean, reflect: !0 })
 ], i.prototype, "open", 2);
-s([
-  a({ type: Boolean, attribute: !1 })
+o([
+  s({ type: Boolean, attribute: !1 })
 ], i.prototype, "inSb", 2);
-s([
-  a({ type: Boolean, attribute: "scrim-close" })
+o([
+  s({ type: Boolean, attribute: "scrim-close" })
 ], i.prototype, "scrimClose", 2);
-s([
-  a({ type: String })
+o([
+  s({ type: String })
 ], i.prototype, "variant", 2);
-s([
-  a({ type: String })
+o([
+  s({ type: String })
 ], i.prototype, "label", 2);
-s([
-  a({ type: String })
+o([
+  s({ type: String })
 ], i.prototype, "icon", 2);
-s([
-  a({ type: String, attribute: "supporting-text" })
+o([
+  s({ type: String, attribute: "supporting-text" })
 ], i.prototype, "supportingText", 2);
-s([
-  a({ type: String, attribute: "ok-button" })
+o([
+  s({ type: String, attribute: "ok-button" })
 ], i.prototype, "okButton", 2);
-s([
-  a({ type: String, attribute: "cancel-button" })
+o([
+  s({ type: String, attribute: "cancel-button" })
 ], i.prototype, "cancelButton", 2);
-s([
-  a({ type: String, attribute: "delete-button" })
+o([
+  s({ type: String, attribute: "delete-button" })
 ], i.prototype, "deleteButton", 2);
-s([
-  a({ type: String, attribute: "confirm-button" })
+o([
+  s({ type: String, attribute: "confirm-button" })
 ], i.prototype, "confirmButton", 2);
-s([
-  a({ type: String, attribute: "deny-button" })
+o([
+  s({ type: String, attribute: "deny-button" })
 ], i.prototype, "denyButton", 2);
-s([
-  a({ type: String, attribute: "reset-button" })
+o([
+  s({ type: String, attribute: "reset-button" })
 ], i.prototype, "resetButton", 2);
-s([
-  a({ type: String, attribute: "submit-button" })
+o([
+  s({ type: String, attribute: "submit-button" })
 ], i.prototype, "submitButton", 2);
-s([
-  a({ type: String, attribute: "form-id" })
+o([
+  s({ type: String, attribute: "form-id" })
 ], i.prototype, "formId", 2);
-s([
-  a({ type: String, attribute: "form-action" })
+o([
+  s({ type: String, attribute: "form-action" })
 ], i.prototype, "formAction", 2);
-s([
-  a({ type: String, attribute: "form-method" })
+o([
+  s({ type: String, attribute: "form-method" })
 ], i.prototype, "formMethod", 2);
-i = s([
+i = o([
   m("scb-dialog")
 ], i);
 export {