@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648103 → 4.7.0-dev.1773648656

package/header.pure.js

@@ -1,12 +1,6 @@
-import { SbbHeaderActionCommonElementMixin as o } from "./header/common/header-action-common.js";
-import { SbbHeaderButtonElement as m } from "./header/header-button/header-button.component.js";
-import { SbbHeaderEnvironmentElement as b } from "./header/header-environment/header-environment.component.js";
-import { SbbHeaderLinkElement as E } from "./header/header-link/header-link.component.js";
-import { SbbHeaderElement as d } from "./header/header/header.component.js";
-export {
-  o as SbbHeaderActionCommonElementMixin,
-  m as SbbHeaderButtonElement,
-  d as SbbHeaderElement,
-  b as SbbHeaderEnvironmentElement,
-  E as SbbHeaderLinkElement
-};
+import { t as e } from "./header-action-common-C2YPvOxq.js";
+import { SbbHeaderButtonElement as t } from "./header/header-button/header-button.component.js";
+import { t as n } from "./header-environment.component-KqUmsOPQ.js";
+import { SbbHeaderLinkElement as r } from "./header/header-link/header-link.component.js";
+import { t as i } from "./header.component-BssLZ6b7.js";
+export { e as SbbHeaderActionCommonElementMixin, t as SbbHeaderButtonElement, i as SbbHeaderElement, n as SbbHeaderEnvironmentElement, r as SbbHeaderLinkElement };

package/icon/icon-base.js

@@ -1,105 +1,2 @@
-var I = (s) => {
-  throw TypeError(s);
-};
-var w = (s, a, i) => a.has(s) || I("Cannot " + i);
-var h = (s, a, i) => (w(s, a, "read from private field"), i ? i.call(s) : a.get(s)), g = (s, a, i) => a.has(s) ? I("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(s) : a.set(s, i), u = (s, a, i, l) => (w(s, a, "write to private field"), l ? l.call(s, i) : a.set(s, i), i);
-import { __esDecorate as v, __runInitializers as r } from "tslib";
-import { css as j, html as N } from "lit";
-import { state as k, property as E } from "lit/decorators.js";
-import { unsafeHTML as O } from "lit/directives/unsafe-html.js";
-import { until as T } from "lit/directives/until.js";
-import { SbbElement as C } from "../core/base-elements.js";
-import { forceType as D } from "../core/decorators.js";
-import { boxSizingStyles as H } from "../core/styles.js";
-import { getSvgContent as L } from "./icon-request.js";
-const M = j`:host{display:inline-block;line-height:0;-webkit-tap-highlight-color:transparent}:host(:is(:state(empty),[state--empty])){--sbb-icon-default-dimension: 0}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-extra-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-extra-small)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-small]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-small)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-medium]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-medium)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-large]){--sbb-icon-default-dimension: var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width, var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height, var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentcolor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentcolor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentcolor}`, x = "default";
-let W = (() => {
-  var c, m, p, n;
-  let s = C, a, i = [], l = [], d, f = [], _ = [], b, y = [], z = [];
-  return n = class extends s {
-    constructor() {
-      super();
-      g(this, c, r(this, i, x));
-      g(this, m, (r(this, l), r(this, f, null)));
-      g(this, p, (r(this, _), r(this, y, !1)));
-      r(this, z), this.internals.states.add("empty");
-    }
-    get _svgNamespace() {
-      return h(this, c);
-    }
-    set _svgNamespace(e) {
-      u(this, c, e);
-    }
-    /**
-     * The icon svg content rendered on the page: <svg>...</svg>.
-     */
-    get _svgIcon() {
-      return h(this, m);
-    }
-    set _svgIcon(e) {
-      u(this, m, e);
-    }
-    /**
-     * When set to `true`, SVG content that is HTTP fetched will not be checked
-     * if the response SVG content has any `<script>` elements, or any attributes
-     * that start with `on`, such as `onclick`.
-     * @default false
-     */
-    get noSanitize() {
-      return h(this, p);
-    }
-    set noSanitize(e) {
-      u(this, p, e);
-    }
-    async loadSvgIcon(e) {
-      if (!e)
-        return;
-      const [t, o] = this._splitIconName(e);
-      this._svgNamespace && this.internals.states.delete(`namespace-${this._svgNamespace}`), this._svgNamespace = t, this._svgNamespace && this.internals.states.add(`namespace-${this._svgNamespace}`);
-      const S = this.fetchSvgIcon(this._svgNamespace, o);
-      this._svgIcon = S.then(($) => O($));
-      try {
-        this.toggleState("empty", !await S);
-      } catch {
-        this.internals.states.add("empty");
-      }
-    }
-    async fetchSvgIcon(e, t) {
-      return await L(e, t, !this.noSanitize);
-    }
-    _splitIconName(e) {
-      if (!e)
-        return ["", ""];
-      const t = e.split(":");
-      switch (t.length) {
-        case 1:
-          return [x, t[0]];
-        case 2:
-          return t;
-        default:
-          throw Error(`Invalid icon name: "${e}"`);
-      }
-    }
-    render() {
-      return N`<span class="sbb-icon-inner"
-      >${T(
-        this._svgIcon,
-        // To reserve space, we need an empty svg to apply dimension to.
-        N`<svg width="0" height="0"></svg>`
-      )}</span
-    >`;
-    }
-  }, c = new WeakMap(), m = new WeakMap(), p = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    a = [k()], d = [k()], b = [D(), E({ attribute: "no-sanitize", type: Boolean })], v(n, null, a, { kind: "accessor", name: "_svgNamespace", static: !1, private: !1, access: { has: (t) => "_svgNamespace" in t, get: (t) => t._svgNamespace, set: (t, o) => {
-      t._svgNamespace = o;
-    } }, metadata: e }, i, l), v(n, null, d, { kind: "accessor", name: "_svgIcon", static: !1, private: !1, access: { has: (t) => "_svgIcon" in t, get: (t) => t._svgIcon, set: (t, o) => {
-      t._svgIcon = o;
-    } }, metadata: e }, f, _), v(n, null, b, { kind: "accessor", name: "noSanitize", static: !1, private: !1, access: { has: (t) => "noSanitize" in t, get: (t) => t.noSanitize, set: (t, o) => {
-      t.noSanitize = o;
-    } }, metadata: e }, y, z), e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), n.styles = [H, M], n.role = "img", n;
-})();
-export {
-  W as SbbIconBase
-};
+import { t as e } from "../icon-base-BYJzaEDb.js";
+export { e as SbbIconBase };

package/icon/icon-name-mixin.js

@@ -1,55 +1,64 @@
-var l = (e) => {
-  throw TypeError(e);
-};
-var u = (e, t, a) => t.has(e) || l("Cannot " + a);
-var N = (e, t, a) => (u(e, t, "read from private field"), a ? a.call(e) : t.get(e)), b = (e, t, a) => t.has(e) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), d = (e, t, a, i) => (u(e, t, "write to private field"), i ? i.call(e, a) : t.set(e, a), a);
-import { __esDecorate as y, __runInitializers as p } from "tslib";
-import { nothing as h, html as _ } from "lit";
-import { property as I } from "lit/decorators.js";
-import { forceType as S, omitEmptyConverter as g } from "../core/decorators.js";
+import "../icon-base-BYJzaEDb.js";
 import "./icon.component.js";
-const k = (e) => (() => {
-  var c, r;
-  let a = e, i, m = [], s = [];
-  return r = class extends a {
-    constructor() {
-      super(...arguments);
-      b(this, c, p(this, m, ""));
-      p(this, s);
-    }
-    /**
-     * The icon name we want to use, choose from the small icon variants
-     * from the ui-icons category from here
-     * https://icons.app.sbb.ch.
-     */
-    get iconName() {
-      return N(this, c);
-    }
-    set iconName(n) {
-      d(this, c, n);
-    }
-    renderIconSlot(n) {
-      const o = this._renderIconName();
-      return _`
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { html as n, nothing as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { forceType as a, omitEmptyConverter as o } from "../core/decorators.js";
+//#region src/elements/icon/icon-name-mixin.ts
+var s = (s) => (() => {
+	let c = s, l, u = [], d = [];
+	return class extends c {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [a(), i({
+				attribute: "icon-name",
+				converter: o
+			})], e(this, null, l, {
+				kind: "accessor",
+				name: "iconName",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "iconName" in e,
+					get: (e) => e.iconName,
+					set: (e, t) => {
+						e.iconName = t;
+					}
+				},
+				metadata: t
+			}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		#e = t(this, u, "");
+		get iconName() {
+			return this.#e;
+		}
+		set iconName(e) {
+			this.#e = e;
+		}
+		renderIconSlot(e) {
+			let t = this._renderIconName();
+			return n`
         <slot name="icon">
-          ${o ? _`<sbb-icon name=${o} class=${n || h}></sbb-icon>` : h}
+          ${t ? n`<sbb-icon name=${t} class=${e || r}></sbb-icon>` : r}
         </slot>
       `;
-    }
-    renderIconName() {
-      return this.iconName;
-    }
-    _renderIconName() {
-      const n = this.renderIconName();
-      return this.toggleState("has-icon-name", !!n), n;
-    }
-  }, c = new WeakMap(), (() => {
-    const n = typeof Symbol == "function" && Symbol.metadata ? Object.create(a[Symbol.metadata] ?? null) : void 0;
-    i = [S(), I({ attribute: "icon-name", converter: g })], y(r, null, i, { kind: "accessor", name: "iconName", static: !1, private: !1, access: { has: (o) => "iconName" in o, get: (o) => o.iconName, set: (o, f) => {
-      o.iconName = f;
-    } }, metadata: n }, m, s), n && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: n });
-  })(), r;
+		}
+		renderIconName() {
+			return this.iconName;
+		}
+		_renderIconName() {
+			let e = this.renderIconName();
+			return this.toggleState("has-icon-name", !!e), e;
+		}
+		constructor() {
+			super(...arguments), t(this, d);
+		}
+	};
 })();
-export {
-  k as SbbIconNameMixin
-};
+//#endregion
+export { s as SbbIconNameMixin };

package/icon/icon-request.js

@@ -1,30 +1,24 @@
-import { isServer as p } from "lit";
-import { readConfig as l } from "../core/config.js";
-import { validateContent as u } from "./icon-validate.js";
-const i = "https://icons.app.sbb.ch/", d = (/* @__PURE__ */ new Map()).set("default", `${i}icons/`).set("picto", `${i}picto/`), a = /* @__PURE__ */ new Map(), $ = (e, n, f) => {
-  const s = l().icon ?? {}, c = s.namespaces?.get(e) ?? d.get(e);
-  if (c == null)
-    throw Error(`Unable to find the namespace "${e}". Please register your custom namespace.`);
-  const o = `${c}${n}.svg`;
-  let r = a.get(o);
-  if (!r)
-    if (typeof fetch < "u" && !p)
-      r = (s.interceptor ?? ((t) => t.request()))({
-        namespace: e,
-        name: n,
-        url: o,
-        request: () => fetch(o).then(async (t) => {
-          if (!t.ok)
-            throw new Error(`Failed to load icon ${e}:${n}`);
-          return u(await t.text(), f);
-        }).catch((t) => {
-          throw Error(t);
-        })
-      }), a.set(o, r);
-    else
-      return Promise.resolve("");
-  return r;
-};
-export {
-  $ as getSvgContent
+import { validateContent as e } from "./icon-validate.js";
+import { isServer as t } from "lit";
+import { readConfig as n } from "../core/config.js";
+//#region src/elements/icon/icon-request.ts
+var r = "https://icons.app.sbb.ch/", i = (/* @__PURE__ */ new Map()).set("default", `${r}icons/`).set("picto", `${r}picto/`), a = /* @__PURE__ */ new Map(), o = (r, o, s) => {
+	let c = n().icon ?? {}, l = c.namespaces?.get(r) ?? i.get(r);
+	if (l == null) throw Error(`Unable to find the namespace "${r}". Please register your custom namespace.`);
+	let u = `${l}${o}.svg`, d = a.get(u);
+	if (!d) if (typeof fetch < "u" && !t) d = (c.interceptor ?? ((e) => e.request()))({
+		namespace: r,
+		name: o,
+		url: u,
+		request: () => fetch(u).then(async (t) => {
+			if (!t.ok) throw Error(`Failed to load icon ${r}:${o}`);
+			return e(await t.text(), s);
+		}).catch((e) => {
+			throw Error(e);
+		})
+	}), a.set(u, d);
+	else return Promise.resolve("");
+	return d;
 };
+//#endregion
+export { o as getSvgContent };

package/icon/icon-validate.js

@@ -1,26 +1,20 @@
-const a = (e) => typeof e == "string", s = (e) => {
-  if (e.nodeType === 1) {
-    if (e.nodeName.toLowerCase() === "script")
-      return !1;
-    for (let t = 0; t < e.attributes.length; t++) {
-      const o = e.attributes[t].name;
-      if (a(o) && o.toLowerCase().indexOf("on") === 0)
-        return !1;
-    }
-    for (let t = 0; t < e.childNodes.length; t++)
-      if (!s(e.childNodes[t]))
-        return !1;
-  }
-  return !0;
-}, d = (e, t = !0, o = !1) => {
-  const i = document.createElement("div");
-  i.innerHTML = e;
-  for (let r = i.childNodes.length - 1; r >= 0; r--)
-    i.childNodes[r].nodeName.toLowerCase() !== "svg" && i.removeChild(i.childNodes[r]);
-  const n = i.firstElementChild;
-  return n && n.nodeName.toLowerCase() === "svg" && (o && !n.classList.contains("color-immutable") && n.classList.add("color-immutable"), !t || s(n)) ? i.innerHTML : "";
-};
-export {
-  s as isValid,
-  d as validateContent
+//#region src/elements/icon/icon-validate.ts
+var e = (e) => typeof e == "string", t = (n) => {
+	if (n.nodeType === 1) {
+		if (n.nodeName.toLowerCase() === "script") return !1;
+		for (let t = 0; t < n.attributes.length; t++) {
+			let r = n.attributes[t].name;
+			if (e(r) && r.toLowerCase().indexOf("on") === 0) return !1;
+		}
+		for (let e = 0; e < n.childNodes.length; e++) if (!t(n.childNodes[e])) return !1;
+	}
+	return !0;
+}, n = (e, n = !0, r = !1) => {
+	let i = document.createElement("div");
+	i.innerHTML = e;
+	for (let e = i.childNodes.length - 1; e >= 0; e--) i.childNodes[e].nodeName.toLowerCase() !== "svg" && i.removeChild(i.childNodes[e]);
+	let a = i.firstElementChild;
+	return a && a.nodeName.toLowerCase() === "svg" && (r && !a.classList.contains("color-immutable") && a.classList.add("color-immutable"), !n || t(a)) ? i.innerHTML : "";
 };
+//#endregion
+export { t as isValid, n as validateContent };

package/icon/icon.component.js

@@ -1,77 +1,89 @@
-var d = (t) => {
-  throw TypeError(t);
-};
-var y = (t, i, r) => i.has(t) || d("Cannot " + r);
-var m = (t, i, r) => (y(t, i, "read from private field"), r ? r.call(t) : i.get(t)), u = (t, i, r) => i.has(t) ? d("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, r), p = (t, i, r, n) => (y(t, i, "write to private field"), n ? n.call(t, r) : i.set(t, r), r);
-import { __esDecorate as f, __runInitializers as c } from "tslib";
-import { html as C } from "lit";
-import { property as A, state as v } from "lit/decorators.js";
-import { forceType as S, omitEmptyConverter as k } from "../core/decorators.js";
-import { SbbIconBase as I } from "./icon-base.js";
-let D = (() => {
-  var o, b, s;
-  let t = I, i, r = [], n = [], _, g = [], h = [];
-  return s = class extends t {
-    constructor() {
-      super(...arguments);
-      u(this, o, c(this, r, ""));
-      u(this, b, (c(this, n), c(this, g, !1)));
-      c(this, h);
-    }
-    /**
-     * We need to additionally observe the svgicon attribute
-     * for sbb-angular compatibility.
-     * @internal
-     */
-    static get observedAttributes() {
-      return super.observedAttributes.concat("svgicon");
-    }
-    /**
-     * The provided name consisting of the namespace and the name of the icon.
-     * If the namespace is missing, the default namespace "sbb" will be used.
-     * E.g. `name` (will use "sbb" as namespace) or `namespace:name`.
-     */
-    get name() {
-      return m(this, o);
-    }
-    set name(e) {
-      p(this, o, e);
-    }
-    /**
-     * The sbb-angular library has a sbb-icon component as well. In order to provide
-     * compatibility with it (as some icons are used internally inside the other sbb-angular
-     * components) we need to check whether the attribute svgicon is used.
-     */
-    get _sbbAngularCompatibility() {
-      return m(this, b);
-    }
-    set _sbbAngularCompatibility(e) {
-      p(this, b, e);
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.internals.ariaHidden = "true";
-    }
-    async fetchSvgIcon(e, a) {
-      return this.internals.ariaLabel = `Icon ${a.replace(/-/g, " ")}`, super.fetchSvgIcon(e, a);
-    }
-    willUpdate(e) {
-      super.willUpdate(e), e.has("name") && this.name && this.loadSvgIcon(this.name);
-    }
-    attributeChangedCallback(e, a, l) {
-      e === "svgicon" ? this._sbbAngularCompatibility = !!l : super.attributeChangedCallback(e, a, l);
-    }
-    render() {
-      return this._sbbAngularCompatibility ? C`<slot></slot>` : super.render();
-    }
-  }, o = new WeakMap(), b = new WeakMap(), (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
-    i = [S(), A({ reflect: !0, converter: k })], _ = [v()], f(s, null, i, { kind: "accessor", name: "name", static: !1, private: !1, access: { has: (a) => "name" in a, get: (a) => a.name, set: (a, l) => {
-      a.name = l;
-    } }, metadata: e }, r, n), f(s, null, _, { kind: "accessor", name: "_sbbAngularCompatibility", static: !1, private: !1, access: { has: (a) => "_sbbAngularCompatibility" in a, get: (a) => a._sbbAngularCompatibility, set: (a, l) => {
-      a._sbbAngularCompatibility = l;
-    } }, metadata: e }, g, h), e && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), s.elementName = "sbb-icon", s;
+import { t as e } from "../icon-base-BYJzaEDb.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { html as r } from "lit";
+import { property as i, state as a } from "lit/decorators.js";
+import { forceType as o, omitEmptyConverter as s } from "../core/decorators.js";
+//#region src/elements/icon/icon.component.ts
+var c = (() => {
+	let c = e, l, u = [], d = [], f, p = [], m = [];
+	return class extends c {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
+			l = [o(), i({
+				reflect: !0,
+				converter: s
+			})], f = [a()], t(this, null, l, {
+				kind: "accessor",
+				name: "name",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "name" in e,
+					get: (e) => e.name,
+					set: (e, t) => {
+						e.name = t;
+					}
+				},
+				metadata: e
+			}, u, d), t(this, null, f, {
+				kind: "accessor",
+				name: "_sbbAngularCompatibility",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_sbbAngularCompatibility" in e,
+					get: (e) => e._sbbAngularCompatibility,
+					set: (e, t) => {
+						e._sbbAngularCompatibility = t;
+					}
+				},
+				metadata: e
+			}, p, m), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.elementName = "sbb-icon";
+		}
+		static get observedAttributes() {
+			return super.observedAttributes.concat("svgicon");
+		}
+		#e = n(this, u, "");
+		get name() {
+			return this.#e;
+		}
+		set name(e) {
+			this.#e = e;
+		}
+		#t = (n(this, d), n(this, p, !1));
+		get _sbbAngularCompatibility() {
+			return this.#t;
+		}
+		set _sbbAngularCompatibility(e) {
+			this.#t = e;
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.internals.ariaHidden = "true";
+		}
+		async fetchSvgIcon(e, t) {
+			return this.internals.ariaLabel = `Icon ${t.replace(/-/g, " ")}`, super.fetchSvgIcon(e, t);
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("name") && this.name && this.loadSvgIcon(this.name);
+		}
+		attributeChangedCallback(e, t, n) {
+			e === "svgicon" ? this._sbbAngularCompatibility = !!n : super.attributeChangedCallback(e, t, n);
+		}
+		render() {
+			return this._sbbAngularCompatibility ? r`<slot></slot>` : super.render();
+		}
+		constructor() {
+			super(...arguments), n(this, m);
+		}
+	};
 })();
-export {
-  D as SbbIconElement
-};
+//#endregion
+export { c as SbbIconElement };

package/icon-base-BYJzaEDb.js

@@ -0,0 +1,127 @@
+import { getSvgContent as e } from "./icon/icon-request.js";
+import { __esDecorate as t, __runInitializers as n } from "tslib";
+import { css as r, html as i } from "lit";
+import { property as a, state as o } from "lit/decorators.js";
+import { SbbElement as s } from "./core/base-elements.js";
+import { forceType as c } from "./core/decorators.js";
+import { boxSizingStyles as l } from "./core/styles.js";
+import { until as u } from "lit/directives/until.js";
+import { unsafeHTML as d } from "lit/directives/unsafe-html.js";
+//#region src/elements/icon/icon.scss?lit&inline
+var f = r`:host{-webkit-tap-highlight-color:transparent;line-height:0;display:inline-block}:host(:is(:state(empty),[state--empty])){--sbb-icon-default-dimension:0}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-extra-small]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-extra-small)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-small]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-small)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-medium]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-medium)}:host(:is(:state(empty),[state--empty]):is(:state(namespace-default),[state--namespace-default])[name$=-large]){--sbb-icon-default-dimension:var(--sbb-size-icon-ui-large)}svg{width:var(--sbb-icon-svg-width,var(--sbb-icon-default-dimension));height:var(--sbb-icon-svg-height,var(--sbb-icon-default-dimension));stroke:var(--sbb-icon-svg-stroke-color);stroke-width:var(--sbb-icon-svg-stroke-width)}svg:not(.color-immutable) [fill]:not([fill=none]){fill:currentColor}svg:not(.color-immutable) [stroke]:not([stroke=none]){stroke:currentColor}svg:not(.color-immutable)>:where(path,polygon,polyline):where(:not([stroke]):not([fill])),svg:not(.color-immutable) :where(:not([stroke]):not([fill])) :where(path,polygon,polyline):where(:not([stroke]):not([fill])){fill:currentColor}`, p = "default", m = (() => {
+	let r = s, m, h = [], g = [], _, v = [], y = [], b, x = [], S = [];
+	return class extends r {
+		static {
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+			m = [o()], _ = [o()], b = [c(), a({
+				attribute: "no-sanitize",
+				type: Boolean
+			})], t(this, null, m, {
+				kind: "accessor",
+				name: "_svgNamespace",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_svgNamespace" in e,
+					get: (e) => e._svgNamespace,
+					set: (e, t) => {
+						e._svgNamespace = t;
+					}
+				},
+				metadata: e
+			}, h, g), t(this, null, _, {
+				kind: "accessor",
+				name: "_svgIcon",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_svgIcon" in e,
+					get: (e) => e._svgIcon,
+					set: (e, t) => {
+						e._svgIcon = t;
+					}
+				},
+				metadata: e
+			}, v, y), t(this, null, b, {
+				kind: "accessor",
+				name: "noSanitize",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "noSanitize" in e,
+					get: (e) => e.noSanitize,
+					set: (e, t) => {
+						e.noSanitize = t;
+					}
+				},
+				metadata: e
+			}, x, S), e && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: e
+			});
+		}
+		static {
+			this.styles = [l, f];
+		}
+		static {
+			this.role = "img";
+		}
+		#e = n(this, h, p);
+		get _svgNamespace() {
+			return this.#e;
+		}
+		set _svgNamespace(e) {
+			this.#e = e;
+		}
+		#t = (n(this, g), n(this, v, null));
+		get _svgIcon() {
+			return this.#t;
+		}
+		set _svgIcon(e) {
+			this.#t = e;
+		}
+		#n = (n(this, y), n(this, x, !1));
+		get noSanitize() {
+			return this.#n;
+		}
+		set noSanitize(e) {
+			this.#n = e;
+		}
+		constructor() {
+			super(), n(this, S), this.internals.states.add("empty");
+		}
+		async loadSvgIcon(e) {
+			if (!e) return;
+			let [t, n] = this._splitIconName(e);
+			this._svgNamespace && this.internals.states.delete(`namespace-${this._svgNamespace}`), this._svgNamespace = t, this._svgNamespace && this.internals.states.add(`namespace-${this._svgNamespace}`);
+			let r = this.fetchSvgIcon(this._svgNamespace, n);
+			this._svgIcon = r.then((e) => d(e));
+			try {
+				this.toggleState("empty", !await r);
+			} catch {
+				this.internals.states.add("empty");
+			}
+		}
+		async fetchSvgIcon(t, n) {
+			return await e(t, n, !this.noSanitize);
+		}
+		_splitIconName(e) {
+			if (!e) return ["", ""];
+			let t = e.split(":");
+			switch (t.length) {
+				case 1: return [p, t[0]];
+				case 2: return t;
+				default: throw Error(`Invalid icon name: "${e}"`);
+			}
+		}
+		render() {
+			return i`<span class="sbb-icon-inner"
+      >${u(this._svgIcon, i`<svg width="0" height="0"></svg>`)}</span
+    >`;
+		}
+	};
+})();
+//#endregion
+export { m as t };