scb-wc-test 0.1.94 → 0.1.95

package/scb-switch/scb-switch.js

@@ -1,25 +1,23 @@
-import { LitElement as b, nothing as h, html as p, css as y } from "lit";
-import { property as l, customElement as v } from "lit/decorators.js";
-var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, f = (e) => {
-  throw TypeError(e);
-}, i = (e, t, s, n) => {
-  for (var r = n > 1 ? void 0 : n ? w(t, s) : t, c = e.length - 1, d; c >= 0; c--)
-    (d = e[c]) && (r = (n ? d(t, s, r) : d(r)) || r);
-  return n && r && g(t, s, r), r;
-}, u = (e, t, s) => t.has(e) || f("Cannot " + s), m = (e, t, s) => (u(e, t, "read from private field"), t.get(e)), _ = (e, t, s) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), x = (e, t, s, n) => (u(e, t, "write to private field"), t.set(e, s), s), o;
-let a = class extends b {
+import { css as d, LitElement as b, nothing as h, html as p } from "lit";
+import { property as r, customElement as f } from "lit/decorators.js";
+import "@material/web/switch/switch.js";
+var u = Object.defineProperty, m = Object.getOwnPropertyDescriptor, l = (e, t, a, n) => {
+  for (var i = n > 1 ? void 0 : n ? m(t, a) : t, o = e.length - 1, c; o >= 0; o--)
+    (c = e[o]) && (i = (n ? c(t, a, i) : c(i)) || i);
+  return n && i && u(t, a, i), i;
+};
+let s = class extends b {
   constructor() {
-    super(...arguments), this.label = "", this.ariaLabel = "", this.icons = !1, this.selected = !1, this.disabled = !1, this.fullWidth = !1, _(this, o, !1);
+    super(...arguments), this.label = "", this.ariaLabel = "", this.icons = !1, this.selected = !1, this.disabled = !1, this.fullWidth = !1;
   }
   updated() {
     this.toggleAttribute("aria-disabled", this.disabled);
   }
-  async firstUpdated() {
+  firstUpdated() {
     var t;
-    m(this, o) || (await import("@material/web/switch/switch.js"), x(this, o, !0));
     const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("md-switch");
-    e == null || e.addEventListener("change", (s) => {
-      this.selected = s.target.selected, this.dispatchEvent(new CustomEvent("change", {
+    e == null || e.addEventListener("change", (a) => {
+      this.selected = a.target.selected, this.dispatchEvent(new CustomEvent("change", {
         detail: { selected: this.selected },
         bubbles: !0,
         composed: !0
@@ -27,7 +25,7 @@ let a = class extends b {
     });
   }
   render() {
-    const e = this.label.trim().length > 0, t = e ? h : this.ariaLabel || h, s = p`
+    const e = this.label.trim().length > 0, t = e ? h : this.ariaLabel || h, a = p`
       <md-switch
         ?icons=${this.icons}
         ?selected=${this.selected}
@@ -38,13 +36,12 @@ let a = class extends b {
     return e ? p`
         <label class="switch-container" ?disabled=${this.disabled}>
           <span class="switch-label">${this.label}</span>
-          ${s}
+          ${a}
         </label>
-      ` : s;
+      ` : a;
   }
 };
-o = /* @__PURE__ */ new WeakMap();
-a.styles = y`
+s.styles = d`
     :host {
       display: block;
     }
@@ -85,27 +82,27 @@ a.styles = y`
       color: var(--scb-switch-label-color, inherit);
     }
   `;
-i([
-  l({ type: String })
-], a.prototype, "label", 2);
-i([
-  l({ type: String, reflect: !0, attribute: "aria-label" })
-], a.prototype, "ariaLabel", 2);
-i([
-  l({ type: Boolean, reflect: !0 })
-], a.prototype, "icons", 2);
-i([
-  l({ type: Boolean, reflect: !0 })
-], a.prototype, "selected", 2);
-i([
-  l({ type: Boolean, reflect: !0 })
-], a.prototype, "disabled", 2);
-i([
-  l({ type: Boolean, reflect: !0, attribute: "full-width" })
-], a.prototype, "fullWidth", 2);
-a = i([
-  v("scb-switch")
-], a);
+l([
+  r({ type: String })
+], s.prototype, "label", 2);
+l([
+  r({ type: String, reflect: !0, attribute: "aria-label" })
+], s.prototype, "ariaLabel", 2);
+l([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "icons", 2);
+l([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "selected", 2);
+l([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "disabled", 2);
+l([
+  r({ type: Boolean, reflect: !0, attribute: "full-width" })
+], s.prototype, "fullWidth", 2);
+s = l([
+  f("scb-switch")
+], s);
 export {
-  a as ScbSwitch
+  s as ScbSwitch
 };

package/scb-tabs/scb-primary-tab.d.ts

@@ -11,6 +11,5 @@ export declare class ScbPrimaryTab extends MdPrimaryTab {
     private _onActivate;
     protected updated(): void;
     static styles: import('lit').CSSResultOrNative[];
-    private ensureMdIconLoaded;
     private updateIconSlot;
 }

package/scb-tabs/scb-primary-tab.js

@@ -1,12 +1,13 @@
-import { MdPrimaryTab as d } from "@material/web/tabs/primary-tab.js";
-import { property as l, customElement as p } from "lit/decorators.js";
-import { css as u } from "lit";
-var h = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? b(e, r) : e, c = t.length - 1, a; c >= 0; c--)
-    (a = t[c]) && (o = (n ? a(e, r, o) : a(o)) || o);
-  return n && o && h(e, r, o), o;
+import { MdPrimaryTab as p } from "@material/web/tabs/primary-tab.js";
+import { property as a, customElement as u } from "lit/decorators.js";
+import { css as h } from "lit";
+import "@material/web/icon/icon.js";
+var d = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? b(e, r) : e, c = t.length - 1, l; c >= 0; c--)
+    (l = t[c]) && (i = (n ? l(e, r, i) : l(i)) || i);
+  return n && i && d(e, r, i), i;
 };
-let i = class extends d {
+let o = class extends p {
   constructor() {
     super(...arguments), this.iconOnly = !1, this.inlineIcon = !1, this._onActivate = () => {
       var e;
@@ -48,18 +49,13 @@ let i = class extends d {
       e && this.setAttribute("aria-label", e);
     }
   }
-  // Lazy import av md-icon – laddas EN gång globalt när det behövs
-  async ensureMdIconLoaded() {
-    const t = globalThis;
-    t.__mdIconLoaded || (await import("@material/web/icon/icon.js"), t.__mdIconLoaded = !0);
-  }
-  async updateIconSlot() {
+  updateIconSlot() {
     const t = this.querySelector('md-icon[slot="icon"]');
     if (!this._icon) {
       t == null || t.remove();
       return;
     }
-    if (await this.ensureMdIconLoaded(), t)
+    if (t)
       t.textContent = this._icon;
     else {
       const e = document.createElement("md-icon");
@@ -67,9 +63,9 @@ let i = class extends d {
     }
   }
 };
-i.styles = [
-  ...d.styles,
-  u`
+o.styles = [
+  ...p.styles,
+  h`
       /* Icon-only: dölj textslot */
       :host([icon-only]) slot:not([name='icon']) {
         display: none;
@@ -77,17 +73,17 @@ i.styles = [
     `
 ];
 s([
-  l({ type: String })
-], i.prototype, "icon", 1);
+  a({ type: String })
+], o.prototype, "icon", 1);
 s([
-  l({ type: Boolean, reflect: !0, attribute: "icon-only" })
-], i.prototype, "iconOnly", 2);
+  a({ type: Boolean, reflect: !0, attribute: "icon-only" })
+], o.prototype, "iconOnly", 2);
 s([
-  l({ type: Boolean, reflect: !0, attribute: "inline-icon" })
-], i.prototype, "inlineIcon", 2);
-i = s([
-  p("scb-primary-tab")
-], i);
+  a({ type: Boolean, reflect: !0, attribute: "inline-icon" })
+], o.prototype, "inlineIcon", 2);
+o = s([
+  u("scb-primary-tab")
+], o);
 export {
-  i as ScbPrimaryTab
+  o as ScbPrimaryTab
 };

package/scb-tabs/scb-secondary-tab.d.ts

@@ -11,6 +11,5 @@ export declare class ScbSecondaryTab extends MdSecondaryTab {
     protected updated(): void;
     private _onActivate;
     static styles: import('lit').CSSResultOrNative[];
-    private ensureMdIconLoaded;
     private updateIconSlot;
 }

package/scb-tabs/scb-secondary-tab.js

@@ -1,19 +1,20 @@
 import { MdSecondaryTab as l } from "@material/web/tabs/secondary-tab.js";
-import { property as d, customElement as h } from "lit/decorators.js";
-import { css as p } from "lit";
-var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (t, e, i, s) => {
-  for (var o = s > 1 ? void 0 : s ? b(e, i) : e, c = t.length - 1, r; c >= 0; c--)
-    (r = t[c]) && (o = (s ? r(e, i, o) : r(o)) || o);
-  return s && o && u(e, i, o), o;
+import { property as p, customElement as h } from "lit/decorators.js";
+import { css as u } from "lit";
+import "@material/web/icon/icon.js";
+var d = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (e, t, i, s) => {
+  for (var o = s > 1 ? void 0 : s ? b(t, i) : t, r = e.length - 1, c; r >= 0; r--)
+    (c = e[r]) && (o = (s ? c(t, i, o) : c(o)) || o);
+  return s && o && d(t, i, o), o;
 };
 let n = class extends l {
   constructor() {
     super(...arguments), this.iconOnly = !1, this._onActivate = () => {
-      var e;
-      const t = ((e = this.textContent) == null ? void 0 : e.trim()) ?? "";
+      var t;
+      const e = ((t = this.textContent) == null ? void 0 : t.trim()) ?? "";
       this.dispatchEvent(
         new CustomEvent("activate", {
-          detail: { label: t },
+          detail: { label: e },
           bubbles: !0,
           composed: !0
         })
@@ -27,19 +28,19 @@ let n = class extends l {
   get icon() {
     return this._icon;
   }
-  set icon(t) {
-    const e = this._icon;
-    e !== t && (this._icon = t, this.requestUpdate("icon", e), this.updateIconSlot());
+  set icon(e) {
+    const t = this._icon;
+    t !== e && (this._icon = e, this.requestUpdate("icon", t), this.updateIconSlot());
   }
   /*
-    Efter första render:
+    Efter första uppdatering:
     - Sätt fallback aria-label om iconOnly används utan egen label.
     - Fånga click och dispatcha ett 'activate'-event med detail.label.
   */
-  firstUpdated(t) {
-    var e;
-    if (super.firstUpdated(t), this.iconOnly && !this.hasAttribute("aria-label")) {
-      const i = ((e = this.textContent) == null ? void 0 : e.trim()) ?? "";
+  firstUpdated(e) {
+    var t;
+    if (super.firstUpdated(e), this.iconOnly && !this.hasAttribute("aria-label")) {
+      const i = ((t = this.textContent) == null ? void 0 : t.trim()) ?? "";
       i && this.setAttribute("aria-label", i);
     }
     this.addEventListener("click", this._onActivate), this._icon && this.updateIconSlot();
@@ -49,34 +50,29 @@ let n = class extends l {
     - Hanterar fallback aria-label för icon-only.
   */
   updated() {
-    var t;
+    var e;
     if (super.updated(), this.iconOnly && !this.hasAttribute("aria-label")) {
-      const e = ((t = this.textContent) == null ? void 0 : t.trim()) ?? "";
-      e && this.setAttribute("aria-label", e);
+      const t = ((e = this.textContent) == null ? void 0 : e.trim()) ?? "";
+      t && this.setAttribute("aria-label", t);
     }
   }
-  //  Lazy import av md-icon – laddas EN gång globalt 
-  async ensureMdIconLoaded() {
-    const t = globalThis;
-    t.__mdIconLoaded || (await import("@material/web/icon/icon.js"), t.__mdIconLoaded = !0);
-  }
-  async updateIconSlot() {
-    const t = this.querySelector('md-icon[slot="icon"]');
+  updateIconSlot() {
+    const e = this.querySelector('md-icon[slot="icon"]');
     if (!this._icon) {
-      t == null || t.remove();
+      e == null || e.remove();
       return;
     }
-    if (await this.ensureMdIconLoaded(), t)
-      t.textContent = this._icon;
+    if (e)
+      e.textContent = this._icon;
     else {
-      const e = document.createElement("md-icon");
-      e.setAttribute("slot", "icon"), e.textContent = this._icon, this.appendChild(e);
+      const t = document.createElement("md-icon");
+      t.setAttribute("slot", "icon"), t.textContent = this._icon, this.appendChild(t);
     }
   }
 };
 n.styles = [
   ...l.styles,
-  p`
+  u`
       /* Icon-only: göm all text utom slot="icon" */
       :host([icon-only]) slot:not([name='icon']) {
         display: none;
@@ -84,10 +80,10 @@ n.styles = [
     `
 ];
 a([
-  d({ type: String })
+  p({ type: String })
 ], n.prototype, "icon", 1);
 a([
-  d({ type: Boolean, reflect: !0, attribute: "icon-only" })
+  p({ type: Boolean, reflect: !0, attribute: "icon-only" })
 ], n.prototype, "iconOnly", 2);
 n = a([
   h("scb-secondary-tab")

package/scb-textfield/scb-textfield.d.ts

@@ -1,9 +1,4 @@
 import { LitElement, TemplateResult, PropertyValues } from 'lit';
-declare global {
-    interface Window {
-        __scb_md_icon_loaded?: boolean;
-    }
-}
 export declare class ScbTextField extends LitElement {
     type: 'number' | 'email' | 'password' | 'search' | 'tel' | 'text' | 'url' | 'textarea' | 'color' | 'date' | 'datetime-local' | 'file' | 'month' | 'time' | 'week';
     label: string;
@@ -36,7 +31,6 @@ export declare class ScbTextField extends LitElement {
      * Kallar på reportValidity på den inbyggda input/textarea och sätter felstatus till error-text.
      */
     reportValidity(): boolean;
-    private __ensureMdIconLoaded;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/scb-textfield/scb-textfield.js

@@ -1,16 +1,17 @@
-import { LitElement as h, html as d, css as p } from "lit";
+import { css as h, LitElement as p, html as d } from "lit";
 import { property as a, customElement as u } from "lit/decorators.js";
-var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (e, t, r, l) => {
-  for (var o = l > 1 ? void 0 : l ? m(t, r) : t, n = e.length - 1, c; n >= 0; n--)
-    (c = e[n]) && (o = (l ? c(t, r, o) : c(o)) || o);
-  return l && o && b(t, r, o), o;
+import "@material/web/icon/icon.js";
+var b = Object.defineProperty, m = Object.getOwnPropertyDescriptor, s = (t, e, r, l) => {
+  for (var o = l > 1 ? void 0 : l ? m(e, r) : e, n = t.length - 1, c; n >= 0; n--)
+    (c = t[n]) && (o = (l ? c(e, r, o) : c(o)) || o);
+  return l && o && b(e, r, o), o;
 };
-let i = class extends h {
+let i = class extends p {
   constructor() {
     super(...arguments), this.type = "text", this.label = "", this.supportingText = "", this.errorText = "", this.leadingIcon = "", this.name = "", this.pattern = "", this.value = "", this.underLabel = "", this.error = !1, this.disabled = !1, this.required = !1, this._form = null, this._formSubmitHandler = null, this._formResetHandler = null, this._initialValue = "", this._inputId = "";
   }
   render() {
-    const e = this.leadingIcon ? d`<md-icon class="scb-textfield-icon">${this.leadingIcon}</md-icon>` : null, t = this.error ? d`<md-icon class="scb-textfield-error-icon" aria-hidden="true">error</md-icon>` : null;
+    const t = this.leadingIcon ? d`<md-icon class="scb-textfield-icon">${this.leadingIcon}</md-icon>` : null, e = this.error ? d`<md-icon class="scb-textfield-error-icon" aria-hidden="true">error</md-icon>` : null;
     this.underLabel = this.error ? this.errorText || "Ogiltig inmatning." : this.supportingText, this.value = this.value || "";
     const r = this.underLabel ? `${this._inputId}-supporting-text` : void 0;
     return this.type === "textarea" ? d`
@@ -34,10 +35,10 @@ let i = class extends h {
       <label class="scb-textfield-label" for="${this._inputId}">${this.label}</label>
       <span
         class="scb-textfield-supporting-text"
-        id="${this.underLabel ? `${this._inputId}-supporting-text` : ""}"
-      >${this.underLabel}</span>
+        id="${this.underLabel ? `${this._inputId}-supporting-text` : ""}
+      ">${this.underLabel}</span>
       <div class="scb-textfield-wrapper">
-        ${e}
+        ${t}
         <input
           class="scb-textfield${this.error ? " has-error-icon" : ""}"
           .value=${this.value}
@@ -49,7 +50,7 @@ let i = class extends h {
           aria-invalid=${this.error ? "true" : "false"}
           aria-describedby=${r}
         />
-        ${t}
+        ${e}
       </div>
     `;
   }
@@ -57,12 +58,12 @@ let i = class extends h {
    Vi re-dispatchar inbyggda "input", "change" och "select" events med { bubbles: true, composed: true },
    så att konsumenter kan lyssna på events direkt från scb-text-field. Vi kör också ett customevent onValueChanged.
   */
-  firstUpdated(e) {
+  firstUpdated(t) {
     var r;
-    super.firstUpdated(e), this._initialValue = this.value, (this.leadingIcon || this.error) && this.__ensureMdIconLoaded();
-    const t = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".scb-textfield");
-    t && (t.addEventListener("input", (l) => {
-      const o = t;
+    super.firstUpdated(t), this._initialValue = this.value;
+    const e = (r = this.shadowRoot) == null ? void 0 : r.querySelector(".scb-textfield");
+    e && (e.addEventListener("input", (l) => {
+      const o = e;
       if (this.value = o.value, this.pattern) {
         const n = new RegExp(this.pattern);
         this.error = !n.test(this.value);
@@ -72,25 +73,25 @@ let i = class extends h {
         bubbles: !0,
         composed: !0
       }));
-    }), t.addEventListener("change", (l) => {
+    }), e.addEventListener("change", (l) => {
       this.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 }));
-    }), t.addEventListener("select", (l) => {
+    }), e.addEventListener("select", (l) => {
       this.dispatchEvent(new Event("select", { bubbles: !0, composed: !0 }));
     }));
   }
   /* Reagera på ändringar som kan kräva att md-icon laddas in (leadingIcon / error) */
-  updated(e) {
-    super.updated(e), (e.has("leadingIcon") || e.has("error")) && (this.leadingIcon && this.leadingIcon.trim() || this.error) && this.__ensureMdIconLoaded(), this.toggleAttribute("aria-disabled", this.disabled);
+  updated(t) {
+    super.updated(t), this.toggleAttribute("aria-disabled", this.disabled);
   }
   // Om scb-textfield är inuti ett formulär
   connectedCallback() {
-    super.connectedCallback(), this._inputId = this.id || `scb-textfield-${Math.random().toString(36).substr(2, 9)}`, this._formSubmitHandler = (e) => {
-      this.reportValidity() || (e.preventDefault(), e.stopPropagation());
+    super.connectedCallback(), this._inputId = this.id || `scb-textfield-${Math.random().toString(36).substr(2, 9)}`, this._formSubmitHandler = (t) => {
+      this.reportValidity() || (t.preventDefault(), t.stopPropagation());
     }, this._form = this.closest("form"), this._form && (this._form.addEventListener("submit", this._formSubmitHandler, !0), this._formResetHandler = () => {
-      var t;
+      var e;
       this.value = this._initialValue;
-      const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".scb-textfield");
-      e && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement) && (e.value = this._initialValue), this.error = !1;
+      const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".scb-textfield");
+      t && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement) && (t.value = this._initialValue), this.error = !1;
     }, this._form.addEventListener("reset", this._formResetHandler, !0));
   }
   disconnectedCallback() {
@@ -100,24 +101,18 @@ let i = class extends h {
    * Kallar på reportValidity på den inbyggda input/textarea och sätter felstatus till error-text.
    */
   reportValidity() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(".scb-textfield");
-    if (e && (e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement)) {
-      this.required && !e.value ? e.setCustomValidity(this.errorText || "Ogiltig inmatning.") : e.setCustomValidity("");
-      const r = e.reportValidity();
-      return this.error = !r, r || (this.errorText = this.errorText || e.validationMessage || "Ogiltig inmatning."), r;
+    var e;
+    const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector(".scb-textfield");
+    if (t && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement)) {
+      this.required && !t.value ? t.setCustomValidity(this.errorText || "Ogiltig inmatning.") : t.setCustomValidity("");
+      const r = t.reportValidity();
+      return this.error = !r, r || (this.errorText = this.errorText || t.validationMessage || "Ogiltig inmatning."), r;
     }
     return !0;
   }
-  /* 
-     Lazy-loader för md-icon
-  */
-  async __ensureMdIconLoaded() {
-    window.__scb_md_icon_loaded || (await import("@material/web/icon/icon.js"), window.__scb_md_icon_loaded = !0);
-  }
 };
 i.styles = [
-  p`
+  h`
       :host{
         --scb-textfield-number-max-width:280px;
         --scb-textfield-text-max-width:400px;
@@ -200,7 +195,7 @@ i.styles = [
         box-sizing: border-box;
       }
       md-icon + .scb-textfield {
-        padding-left: var(--spacing-10); /* Extra padding for search icon */
+        padding-left: var(--spacing-10); /* Extra padding för search icon */
       }
       .scb-textfield-icon {
         position: absolute;