@sbb-esta/lyne-elements 1.12.1 → 1.14.0

package/link/link-button/link-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link-button/link-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link-button/link-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/link/link-button.js

@@ -1,19 +1,17 @@
-import { customElement as l } from "lit/decorators.js";
-import { SbbButtonBaseElement as s } from "../core/base-elements.js";
-import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
-import { SbbInlineLinkCommonElementMixin as f } from "./common.js";
-var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, _ = (m, t, o, n) => {
-  for (var e = n > 1 ? void 0 : n ? v(t, o) : t, r = m.length - 1, b; r >= 0; r--)
-    (b = m[r]) && (e = (n ? b(t, o, e) : b(e)) || e);
-  return n && e && u(t, o, e), e;
-};
-let i = class extends f(
-  p(s)
-) {
-};
-i = _([
-  l("sbb-link-button")
-], i);
+import { __esDecorate as r, __runInitializers as m } from "tslib";
+import { customElement as s } from "lit/decorators.js";
+import { SbbButtonBaseElement as b } from "../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as c } from "../core/mixins.js";
+import { SbbInlineLinkCommonElementMixin as u } from "./common.js";
+let x = (() => {
+  var e;
+  let o = [s("sbb-link-button")], l, n = [], t, i = u(c(b));
+  return e = class extends i {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
+    r(null, l = { value: t }, o, { kind: "class", name: t.name, metadata: a }, null, n), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, n);
+  })(), t;
+})();
 export {
-  i as SbbLinkButtonElement
+  x as SbbLinkButtonElement
 };

package/link/link-static/link-static.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link-static/link-static.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}
+{"version":3,"file":"link-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link-static/link-static.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,oBAAqB,SAAQ,yBAElC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/link/link-static.js

@@ -1,19 +1,17 @@
-import { customElement as l } from "lit/decorators.js";
-import { SbbActionBaseElement as s } from "../core/base-elements.js";
-import { SbbDisabledMixin as p } from "../core/mixins.js";
-import { SbbInlineLinkCommonElementMixin as f } from "./common.js";
-var c = Object.defineProperty, a = Object.getOwnPropertyDescriptor, v = (o, t, i, r) => {
-  for (var e = r > 1 ? void 0 : r ? a(t, i) : t, n = o.length - 1, m; n >= 0; n--)
-    (m = o[n]) && (e = (r ? m(t, i, e) : m(e)) || e);
-  return r && e && c(t, i, e), e;
-};
-let b = class extends f(
-  p(s)
-) {
-};
-b = v([
-  l("sbb-link-static")
-], b);
+import { __esDecorate as s, __runInitializers as m } from "tslib";
+import { customElement as o } from "lit/decorators.js";
+import { SbbActionBaseElement as c } from "../core/base-elements.js";
+import { SbbDisabledMixin as b } from "../core/mixins.js";
+import { SbbInlineLinkCommonElementMixin as u } from "./common.js";
+let y = (() => {
+  var e;
+  let n = [o("sbb-link-static")], l, i = [], t, r = u(b(c));
+  return e = class extends r {
+  }, t = e, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    s(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, i), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), m(t, i);
+  })(), t;
+})();
 export {
-  b as SbbLinkStaticElement
+  y as SbbLinkStaticElement
 };

package/link/link.js

@@ -1,19 +1,17 @@
-import { customElement as l } from "lit/decorators.js";
-import { SbbLinkBaseElement as s } from "../core/base-elements.js";
-import { SbbDisabledMixin as p } from "../core/mixins.js";
-import { SbbInlineLinkCommonElementMixin as f } from "./common.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (t, r, m, n) => {
-  for (var e = n > 1 ? void 0 : n ? _(r, m) : r, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (e = (n ? o(r, m, e) : o(e)) || e);
-  return n && e && v(r, m, e), e;
-};
-let b = class extends f(
-  p(s)
-) {
-};
-b = a([
-  l("sbb-link")
-], b);
+import { __esDecorate as m, __runInitializers as s } from "tslib";
+import { customElement as o } from "lit/decorators.js";
+import { SbbLinkBaseElement as b } from "../core/base-elements.js";
+import { SbbDisabledMixin as c } from "../core/mixins.js";
+import { SbbInlineLinkCommonElementMixin as u } from "./common.js";
+let y = (() => {
+  var t;
+  let n = [o("sbb-link")], l, i = [], e, r = u(c(b));
+  return t = class extends r {
+  }, e = t, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
+    m(null, l = { value: e }, n, { kind: "class", name: e.name, metadata: a }, null, i), e = l.value, a && Object.defineProperty(e, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a }), s(e, i);
+  })(), e;
+})();
 export {
-  b as SbbLinkElement
+  y as SbbLinkElement
 };

package/link-list/common/link-list-base.d.ts

@@ -12,14 +12,14 @@ declare const SbbLinkListBaseElement_base: import('../../core/mixins.js').Abstra
 export declare class SbbLinkListBaseElement extends SbbLinkListBaseElement_base {
     protected readonly listChildLocalNames: string[];
     /** The title text we want to show before the list. */
-    titleContent?: string;
+    accessor titleContent: string;
     /** The semantic level of the title, e.g. 2 = h2. */
-    titleLevel: SbbTitleLevel;
+    accessor titleLevel: SbbTitleLevel;
     /**
      * Text size of the nested sbb-block-link instances.
      * This will overwrite the size attribute of nested sbb-block-link instances.
      */
-    size: SbbLinkSize;
+    accessor size: SbbLinkSize;
     protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
     protected render(): TemplateResult;
 }

package/link-list/common/link-list-base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list-base.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/common/link-list-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,gBAAgB,CAAC;;AAExB;;;;;GAKG;AACH,qBACa,sBAAuB,SAAQ,2BAK3C;IACC,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACU,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtF,oDAAoD;IACL,UAAU,EAAE,aAAa,CAAO;IAE/E;;;OAGG;IACiC,IAAI,EAAE,WAAW,CAAO;cAEzC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C"}
+{"version":3,"file":"link-list-base.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/common/link-list-base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,gBAAgB,CAAC;;AAExB;;;;;GAKG;AACH,qBAEM,sBAAuB,SAAQ,2BAKpC;IACC,mBAA4B,mBAAmB,WAI7C;IAEF,sDAAsD;IACtD,SAEgB,YAAY,EAAE,MAAM,CAAM;IAE1C,oDAAoD;IACpD,SAAwD,UAAU,EAAE,aAAa,CAAO;IAExF;;;OAGG;IACH,SAA6C,IAAI,EAAE,WAAW,CAAO;cAElD,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C"}

package/link-list/common.js

@@ -1,34 +1,64 @@
-import { LitElement as p, html as v, nothing as c, css as f } from "lit";
-import { property as a } from "lit/decorators.js";
-import { slotState as m } from "../core/decorators.js";
-import { SbbNegativeMixin as h, SbbNamedSlotListMixin as d } from "../core/mixins.js";
-import "../title.js";
-var u = Object.defineProperty, k = Object.getOwnPropertyDescriptor, n = (t, e, r, s) => {
-  for (var i = s > 1 ? void 0 : s ? k(e, r) : e, o = t.length - 1, b; o >= 0; o--)
-    (b = t[o]) && (i = (s ? b(e, r, i) : b(i)) || i);
-  return s && i && u(e, r, i), i;
+var w = (e) => {
+  throw TypeError(e);
 };
-let l = class extends h(
-  d(p)
-) {
-  constructor() {
-    super(...arguments), this.listChildLocalNames = [
-      "sbb-block-link",
-      "sbb-block-link-button",
-      "sbb-block-link-static"
-    ], this.titleLevel = "2", this.size = "s";
-  }
-  willUpdate(t) {
-    if (super.willUpdate(t), t.has("size") || t.has("negative") || t.has("listChildren"))
-      for (const e of this.listChildren)
-        e.negative = this.negative, e.size = this.size;
-  }
-  render() {
-    return v`
+var I = (e, s, l) => s.has(e) || w("Cannot " + l);
+var d = (e, s, l) => (I(e, s, "read from private field"), l ? l.call(e) : s.get(e)), _ = (e, s, l) => s.has(e) ? w("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), r = (e, s, l, a) => (I(e, s, "write to private field"), a ? a.call(e, l) : s.set(e, l), l);
+import { __esDecorate as u, __runInitializers as o } from "tslib";
+import { LitElement as E, html as $, nothing as B, css as D } from "lit";
+import { property as v } from "lit/decorators.js";
+import { slotState as N, forceType as j, omitEmptyConverter as M } from "../core/decorators.js";
+import { SbbNegativeMixin as O, SbbNamedSlotListMixin as T } from "../core/mixins.js";
+import "../title.js";
+let Q = (() => {
+  var c, b, m, n;
+  let e = [N()], s, l = [], a, p = O(T(E)), f, k = [], z = [], L, g = [], C = [], x, y = [], S = [];
+  return n = class extends p {
+    constructor() {
+      super(...arguments);
+      _(this, c);
+      _(this, b);
+      _(this, m);
+      this.listChildLocalNames = [
+        "sbb-block-link",
+        "sbb-block-link-button",
+        "sbb-block-link-static"
+      ], r(this, c, o(this, k, "")), r(this, b, (o(this, z), o(this, g, "2"))), r(this, m, (o(this, C), o(this, y, "s"))), o(this, S);
+    }
+    /** The title text we want to show before the list. */
+    get titleContent() {
+      return d(this, c);
+    }
+    set titleContent(i) {
+      r(this, c, i);
+    }
+    /** The semantic level of the title, e.g. 2 = h2. */
+    get titleLevel() {
+      return d(this, b);
+    }
+    set titleLevel(i) {
+      r(this, b, i);
+    }
+    /**
+     * Text size of the nested sbb-block-link instances.
+     * This will overwrite the size attribute of nested sbb-block-link instances.
+     */
+    get size() {
+      return d(this, m);
+    }
+    set size(i) {
+      r(this, m, i);
+    }
+    willUpdate(i) {
+      if (super.willUpdate(i), i.has("size") || i.has("negative") || i.has("listChildren"))
+        for (const t of this.listChildren)
+          t.negative = this.negative, t.size = this.size;
+    }
+    render() {
+      return $`
       <div class="sbb-link-list-wrapper">
         <sbb-title
           class="sbb-link-list-title"
-          level=${this.titleLevel || c}
+          level=${this.titleLevel || B}
           visual-level="5"
           ?negative=${this.negative}
           id="sbb-link-list-title-id"
@@ -38,22 +68,20 @@ let l = class extends h(
         ${this.renderList({ ariaLabelledby: "sbb-link-list-title-id" })}
       </div>
     `;
-  }
-};
-n([
-  a({ attribute: "title-content", reflect: !0 })
-], l.prototype, "titleContent", 2);
-n([
-  a({ attribute: "title-level" })
-], l.prototype, "titleLevel", 2);
-n([
-  a({ reflect: !0 })
-], l.prototype, "size", 2);
-l = n([
-  m()
-], l);
-const z = f`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-link-list-wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-3x)}.sbb-link-list-title{margin:0}:host(:not([data-slot-names~=title],[title-content])) .sbb-link-list-title{display:none}`;
+    }
+  }, c = new WeakMap(), b = new WeakMap(), m = new WeakMap(), a = n, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
+    f = [j(), v({ attribute: "title-content", reflect: !0, converter: M })], L = [v({ attribute: "title-level" })], x = [v({ reflect: !0 })], u(n, null, f, { kind: "accessor", name: "titleContent", static: !1, private: !1, access: { has: (t) => "titleContent" in t, get: (t) => t.titleContent, set: (t, h) => {
+      t.titleContent = h;
+    } }, metadata: i }, k, z), u(n, null, L, { kind: "accessor", name: "titleLevel", static: !1, private: !1, access: { has: (t) => "titleLevel" in t, get: (t) => t.titleLevel, set: (t, h) => {
+      t.titleLevel = h;
+    } }, metadata: i }, g, C), u(n, null, x, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (t) => "size" in t, get: (t) => t.size, set: (t, h) => {
+      t.size = h;
+    } }, metadata: i }, y, S), u(null, s = { value: a }, e, { kind: "class", name: a.name, metadata: i }, null, l), a = s.value, i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i }), o(a, l);
+  })(), a;
+})();
+const R = D`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-link-list-wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-3x)}.sbb-link-list-title{margin:0}:host(:not([data-slot-names~=title],[title-content])) .sbb-link-list-title{display:none}`;
 export {
-  l as SbbLinkListBaseElement,
-  z as linkListBaseStyle
+  Q as SbbLinkListBaseElement,
+  R as linkListBaseStyle
 };

package/link-list/link-list/link-list.d.ts

@@ -10,9 +10,9 @@ import { SbbLinkListBaseElement } from '../common.js';
 export declare class SbbLinkListElement extends SbbLinkListBaseElement {
     static styles: CSSResultGroup;
     /** Selected breakpoint from which the list is rendered horizontally. */
-    horizontalFrom?: SbbHorizontalFrom;
+    accessor horizontalFrom: SbbHorizontalFrom | null;
     /** The orientation in which the list will be shown vertical or horizontal. */
-    orientation: SbbOrientation;
+    accessor orientation: SbbOrientation;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/link-list/link-list/link-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAIzE;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,sBAAsB;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAA8B;IAE3E,wEAAwE;IAEjE,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,8EAA8E;IAC1C,WAAW,EAAE,cAAc,CAAc;CAC9E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAIzE;;;;;GAKG;AACH,qBAEM,kBAAmB,SAAQ,sBAAsB;IACrD,OAAuB,MAAM,EAAE,cAAc,CAA8B;IAE3E,wEAAwE;IACxE,SACgB,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEhE,8EAA8E;IAC9E,SAA6C,WAAW,EAAE,cAAc,CAAc;CACvF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/link-list/link-list-anchor/link-list-anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list-anchor/link-list-anchor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAIzE;;;;;GAKG;AACH,qBACa,wBAAyB,SAAQ,sBAAsB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA8B;CAC5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}
+{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list-anchor/link-list-anchor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAqB,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAIzE;;;;;GAKG;AACH,qBAEM,wBAAyB,SAAQ,sBAAsB;IAC3D,OAAuB,MAAM,EAAE,cAAc,CAA8B;CAC5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF"}

package/link-list/link-list-anchor.js

@@ -1,18 +1,17 @@
-import { customElement as a } from "lit/decorators.js";
-import { linkListBaseStyle as n, SbbLinkListBaseElement as c } from "./common.js";
-import { css as d } from "lit";
-const v = d`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
-var h = Object.defineProperty, k = Object.getOwnPropertyDescriptor, m = (e, r, s, l) => {
-  for (var o = l > 1 ? void 0 : l ? k(r, s) : r, i = e.length - 1, b; i >= 0; i--)
-    (b = e[i]) && (o = (l ? b(r, s, o) : b(o)) || o);
-  return l && o && h(r, s, o), o;
-};
-let t = class extends c {
-};
-t.styles = [n, v];
-t = m([
-  a("sbb-link-list-anchor")
-], t);
+import { __esDecorate as i, __runInitializers as b } from "tslib";
+import { customElement as n } from "lit/decorators.js";
+import { linkListBaseStyle as c, SbbLinkListBaseElement as d } from "./common.js";
+import { css as v } from "lit";
+const k = v`:host{--sbb-link-list-anchor-border-color: var(--sbb-color-cloud)}:host([negative]){--sbb-link-list-anchor-border-color: var(--sbb-color-granite)}::slotted([data-link]){--sbb-link-text-decoration: none;--sbb-link-hover-text-decoration: none;--sbb-link-padding: var(--sbb-spacing-fixed-1x) 0 var(--sbb-spacing-fixed-1x) var(--sbb-spacing-fixed-4x);--sbb-link-color-hover: var(--sbb-color-charcoal);--sbb-link-color-active: var(--sbb-color-granite);border-inline-start:var(--sbb-border-width-1x) solid var(--sbb-link-list-anchor-border-color)}:host([negative]) ::slotted([data-link]){--sbb-link-color-normal: var(--sbb-color-smoke);--sbb-link-color-hover: var(--sbb-color-milk);--sbb-link-color-active: var(--sbb-color-smoke)}::slotted([data-link]:is(:active,[data-active]):not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled])){--sbb-link-list-anchor-border-color: var(--sbb-color-milk)}.sbb-link-list-anchor{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-flow:column}.sbb-link-list-anchor>li{margin-inline-start:var(--sbb-spacing-fixed-4x)}`;
+let p = (() => {
+  var t;
+  let s = [n("sbb-link-list-anchor")], a, r = [], o, e = d;
+  return t = class extends e {
+  }, o = t, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    i(null, a = { value: o }, s, { kind: "class", name: o.name, metadata: l }, null, r), o = a.value, l && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), t.styles = [c, k], b(o, r), o;
+})();
 export {
-  t as SbbLinkListAnchorElement
+  p as SbbLinkListAnchorElement
 };

package/link-list/link-list.js

@@ -1,27 +1,46 @@
-import { property as p, customElement as h } from "lit/decorators.js";
-import { linkListBaseStyle as w, SbbLinkListBaseElement as d } from "./common.js";
-import { css as b } from "lit";
-const m = b`:host{--sbb-link-list-flex-flow: column nowrap}:host([orientation=horizontal]){--sbb-link-list-flex-flow: row wrap}:host([orientation=horizontal]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-link-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);flex-flow:var(--sbb-link-list-flex-flow)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=micro]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=medium]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=wide]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}`;
-var f = Object.defineProperty, c = Object.getOwnPropertyDescriptor, a = (s, o, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? c(o, e) : o, l = s.length - 1, n; l >= 0; l--)
-    (n = s[l]) && (i = (r ? n(o, e, i) : n(i)) || i);
-  return r && i && f(o, e, i), i;
+var k = (t) => {
+  throw TypeError(t);
 };
-let t = class extends d {
-  constructor() {
-    super(...arguments), this.orientation = "vertical";
-  }
-};
-t.styles = [w, m];
-a([
-  p({ attribute: "horizontal-from", reflect: !0 })
-], t.prototype, "horizontalFrom", 2);
-a([
-  p({ reflect: !0 })
-], t.prototype, "orientation", 2);
-t = a([
-  h("sbb-link-list")
-], t);
+var _ = (t, i, o) => i.has(t) || k("Cannot " + o);
+var p = (t, i, o) => (_(t, i, "read from private field"), o ? o.call(t) : i.get(t)), c = (t, i, o) => i.has(t) ? k("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, o), d = (t, i, o, r) => (_(t, i, "write to private field"), r ? r.call(t, o) : i.set(t, o), o);
+import { __esDecorate as b, __runInitializers as h } from "tslib";
+import { customElement as F, property as y } from "lit/decorators.js";
+import { linkListBaseStyle as S, SbbLinkListBaseElement as L } from "./common.js";
+import { css as E } from "lit";
+const I = E`:host{--sbb-link-list-flex-flow: column nowrap}:host([orientation=horizontal]){--sbb-link-list-flex-flow: row wrap}:host([orientation=horizontal]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-link-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-8x);flex-flow:var(--sbb-link-list-flex-flow)}@media (min-width: 0rem){:host([orientation=vertical][horizontal-from=zero]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=zero]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 22.5rem){:host([orientation=vertical][horizontal-from=micro]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=micro]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 37.5rem){:host([orientation=vertical][horizontal-from=small]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=small]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 52.5rem){:host([orientation=vertical][horizontal-from=medium]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=medium]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 64rem){:host([orientation=vertical][horizontal-from=large]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=large]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 80rem){:host([orientation=vertical][horizontal-from=wide]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=wide]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (min-width: 90rem){:host([orientation=vertical][horizontal-from=ultra]){--sbb-link-list-flex-flow: row wrap}:host([orientation=vertical][horizontal-from=ultra]) .sbb-link-list-title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}`;
+let q = (() => {
+  var n, s, a;
+  let t = [F("sbb-link-list")], i, o = [], r, w = L, f, x = [], u = [], g, z = [], v = [];
+  return a = class extends w {
+    constructor() {
+      super(...arguments);
+      c(this, n, h(this, x, null));
+      c(this, s, (h(this, u), h(this, z, "vertical")));
+      h(this, v);
+    }
+    /** Selected breakpoint from which the list is rendered horizontally. */
+    get horizontalFrom() {
+      return p(this, n);
+    }
+    set horizontalFrom(l) {
+      d(this, n, l);
+    }
+    /** The orientation in which the list will be shown vertical or horizontal. */
+    get orientation() {
+      return p(this, s);
+    }
+    set orientation(l) {
+      d(this, s, l);
+    }
+  }, n = new WeakMap(), s = new WeakMap(), r = a, (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
+    f = [y({ attribute: "horizontal-from", reflect: !0 })], g = [y({ reflect: !0 })], b(a, null, f, { kind: "accessor", name: "horizontalFrom", static: !1, private: !1, access: { has: (e) => "horizontalFrom" in e, get: (e) => e.horizontalFrom, set: (e, m) => {
+      e.horizontalFrom = m;
+    } }, metadata: l }, x, u), b(a, null, g, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (e) => "orientation" in e, get: (e) => e.orientation, set: (e, m) => {
+      e.orientation = m;
+    } }, metadata: l }, z, v), b(null, i = { value: r }, t, { kind: "class", name: r.name, metadata: l }, null, o), r = i.value, l && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), a.styles = [S, I], h(r, o), r;
+})();
 export {
-  t as SbbLinkListElement
+  q as SbbLinkListElement
 };

package/loading-indicator/loading-indicator.d.ts

@@ -5,11 +5,11 @@ import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 export declare class SbbLoadingIndicatorElement extends LitElement {
     static styles: CSSResultGroup;
     /** Variant of the loading indicator; `circle` is meant to be used inline, while `window` as overlay. */
-    variant?: 'window' | 'circle';
+    accessor variant: 'window' | 'circle';
     /** Size variant, either s or m. */
-    size: 's' | 'l';
+    accessor size: 's' | 'l';
     /** Color variant. */
-    color: 'default' | 'smoke' | 'white';
+    accessor color: 'default' | 'smoke' | 'white';
     protected render(): TemplateResult;
 }
 declare global {

package/loading-indicator/loading-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../src/elements/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD;;GAEG;AACH,qBAKa,0BAA2B,SAAQ,UAAU;IACxD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wGAAwG;IACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAElE,mCAAmC;IACC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAE1D,qBAAqB;IACe,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAElE,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}
+{"version":3,"file":"loading-indicator.d.ts","sourceRoot":"","sources":["../../../src/elements/loading-indicator/loading-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD;;GAEG;AACH,qBAMM,0BAA2B,SAAQ,UAAU;IACjD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,wGAAwG;IACxG,SAA6C,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAErF,mCAAmC;IACnC,SAA6C,IAAI,EAAE,GAAG,GAAG,GAAG,CAAO;IAEnE,qBAAqB;IACrB,SAA6C,KAAK,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAa;cAE3E,MAAM,IAAI,cAAc;CAmB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/loading-indicator.js

@@ -1,21 +1,53 @@
-import { css as c, LitElement as g, html as b, nothing as m } from "lit";
-import { property as s, customElement as h } from "lit/decorators.js";
-import { hostAttributes as w } from "./core/decorators.js";
-const p = c`*,:before,:after{box-sizing:border-box}:host{--sbb-loading-indicator-color: var(--sbb-color-red);display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([variant=circle]){--sbb-loading-indicator-height: var(--sbb-size-icon-ui-small);--sbb-loading-indicator-width: var(--sbb-size-icon-ui-small);--sbb-loading-indicator-padding: var(--sbb-border-width-2x);--sbb-loading-indicator-duration: var(--sbb-disable-animation-zero-time, 1.5s);--sbb-loading-indicator-background-color: var(--sbb-color-white);--sbb-loading-indicator-circle-background: conic-gradient( from 90deg, var(--sbb-loading-indicator-background-color), var(--sbb-loading-indicator-color) );--sbb-loading-indicator-circle-animated-width: .1875em;--sbb-loading-indicator-circle-animated-height: .1875em;--sbb-loading-indicator-circle-animated-border-radius: 50%}:host([color=white][variant=circle]){--sbb-loading-indicator-background-color: var(--sbb-color-iron)}:host([variant=circle]) .sbb-loading-indicator{display:inline-flex;height:auto;width:auto;padding-inline:var(--sbb-loading-indicator-padding);padding-block:var(--sbb-loading-indicator-padding);vertical-align:middle;line-height:1}:host([variant=circle]) .sbb-loading-indicator__animated-element{width:1.25em;height:1.25em;display:inline-block;color:transparent;position:relative;margin:0 auto;overflow:hidden;border-radius:50%;background:var(--sbb-loading-indicator-circle-background);-webkit-mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-background-color));mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-background-color));animation:rotation var(--sbb-loading-indicator-duration) infinite linear}:host([variant=circle]) .sbb-loading-indicator__animated-element:after{content:"";width:var(--sbb-loading-indicator-circle-animated-width);height:var(--sbb-loading-indicator-circle-animated-height);background:var(--sbb-loading-indicator-color);border-radius:var(--sbb-loading-indicator-circle-animated-border-radius);position:absolute;top:50%;right:0;transform:translateY(-50%);overflow:hidden;margin:auto}@media (forced-colors: active){:host([variant=circle]) .sbb-loading-indicator__animated-element:after{--sbb-loading-indicator-color: CanvasText;--sbb-loading-indicator-circle-animated-width: 50%;--sbb-loading-indicator-circle-animated-height: 100%;--sbb-loading-indicator-circle-animated-border-radius: 0}}@media (forced-colors: active){:host([variant=circle]) .sbb-loading-indicator__animated-element{--sbb-loading-indicator-circle-background: transparent}}@media (forced-colors: active){:host([color=white][variant=circle]) .sbb-loading-indicator__animated-element:after{--sbb-loading-indicator-color: var(--sbb-color-white)}}:host([variant=window]){--sbb-loading-indicator-height: sbb.px-to-rem-build(32);--sbb-loading-indicator-width: sbb.px-to-rem-build(55);--sbb-loading-indicator-padding: 0;--sbb-loading-indicator-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) )}:host([variant=window][size=s]){--sbb-loading-indicator-window-height: 1.66666625rem;--sbb-loading-indicator-window-padding-block-start: .66666625rem;--sbb-loading-indicator-window-element-width: 3.46666625rem;--sbb-loading-indicator-window-element-height: .333333125rem;--sbb-loading-indicator-window-element-perspective: 6rem;--sbb-loading-indicator-window-element-animation-name: loading-container-small;--sbb-loading-indicator-window-last-span-width: .533333125rem;--sbb-loading-indicator-window-last-span-height: .333333125rem;--sbb-loading-indicator-window-last-span-margin: .2rem;--sbb-loading-indicator-window-last-span-transform: translate3d( -.1rem, 0, 0 )}:host([variant=window][size=l]){--sbb-loading-indicator-window-height: 3rem;--sbb-loading-indicator-window-padding-block-start: 1.2rem;--sbb-loading-indicator-window-element-width: 5.79980625rem;--sbb-loading-indicator-window-element-height: .599609375rem;--sbb-loading-indicator-window-element-perspective: 8rem;--sbb-loading-indicator-window-element-animation-name: loading-container-large;--sbb-loading-indicator-window-last-span-width: 1rem;--sbb-loading-indicator-window-last-span-height: .599609375rem;--sbb-loading-indicator-window-last-span-margin: .2rem}:host([variant=window]) span{display:inline-block}:host([variant=window]) .sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);padding-block-start:var(--sbb-loading-indicator-window-padding-block-start)}:host([variant=window]) .sbb-loading-indicator__animated-element{margin:0 auto;transform-origin:center;transform:translate3d(-3em,0,0);backface-visibility:hidden;transform-style:preserve-3d;width:var(--sbb-loading-indicator-window-element-width);height:var(--sbb-loading-indicator-window-element-height);perspective:var(--sbb-loading-indicator-window-element-perspective)}:host([variant=window]) .sbb-loading-indicator__animated-element>span{position:relative;transform:rotateY(50deg) translateZ(1em);transform-origin:right;backface-visibility:hidden}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation-name:var(--sbb-loading-indicator-window-element-animation-name);animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--sbb-loading-indicator-duration)}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid rgba(0,0,0,0);width:var(--sbb-loading-indicator-window-last-span-width);height:var(--sbb-loading-indicator-window-last-span-height);margin-right:var(--sbb-loading-indicator-window-last-span-margin);transform:var(--sbb-loading-indicator-window-last-span-transform)}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:last-child{margin-right:0}@keyframes loading-container-small{0%{transform:translate(.73333em)}to{transform:translate(0)}}@keyframes loading-container-large{0%{transform:translate(1.2em)}to{transform:translate(0)}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}`;
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, t = (l, n, r, o) => {
-  for (var i = o > 1 ? void 0 : o ? f(n, r) : n, e = l.length - 1, d; e >= 0; e--)
-    (d = l[e]) && (i = (o ? d(n, r, i) : d(i)) || i);
-  return o && i && v(n, r, i), i;
+var E = (i) => {
+  throw TypeError(i);
 };
-let a = class extends g {
-  constructor() {
-    super(...arguments), this.size = "s", this.color = "default";
-  }
-  render() {
-    return b`
+var D = (i, n, t) => n.has(i) || E("Cannot " + t);
+var g = (i, n, t) => (D(i, n, "read from private field"), t ? t.call(i) : n.get(i)), m = (i, n, t) => n.has(i) ? E("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(i) : n.set(i, t), h = (i, n, t, r) => (D(i, n, "write to private field"), r ? r.call(i, t) : n.set(i, t), t);
+import { __esDecorate as w, __runInitializers as d } from "tslib";
+import { css as L, html as j, nothing as O, LitElement as T } from "lit";
+import { customElement as Y, property as p } from "lit/decorators.js";
+import { hostAttributes as A } from "./core/decorators.js";
+const C = L`*,:before,:after{box-sizing:border-box}:host{--sbb-loading-indicator-color: var(--sbb-color-red);display:inline-block;line-height:0}:host([color=smoke]){--sbb-loading-indicator-color: var(--sbb-color-smoke)}:host([color=white]){--sbb-loading-indicator-color: var(--sbb-color-white)}:host([variant=circle]){--sbb-loading-indicator-padding: var(--sbb-border-width-2x);--sbb-loading-indicator-duration: var(--sbb-disable-animation-zero-time, 1.5s);--sbb-loading-indicator-background-color: var(--sbb-color-white);--sbb-loading-indicator-circle-background: conic-gradient( from 90deg, var(--sbb-loading-indicator-background-color), var(--sbb-loading-indicator-color) );--sbb-loading-indicator-circle-animated-width: .1875em;--sbb-loading-indicator-circle-animated-height: .1875em;--sbb-loading-indicator-circle-animated-border-radius: 50%}:host([color=white][variant=circle]){--sbb-loading-indicator-background-color: var(--sbb-color-iron)}:host([variant=circle]) .sbb-loading-indicator{display:inline-flex;height:auto;width:auto;padding-inline:var(--sbb-loading-indicator-padding);padding-block:var(--sbb-loading-indicator-padding);vertical-align:middle;line-height:1}:host([variant=circle]) .sbb-loading-indicator__animated-element{width:1.25em;height:1.25em;display:inline-block;color:transparent;position:relative;margin:0 auto;overflow:hidden;border-radius:50%;background:var(--sbb-loading-indicator-circle-background);-webkit-mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-background-color));mask:radial-gradient(circle .4375em,rgba(0,0,0,0) 98%,var(--sbb-loading-indicator-background-color));animation:rotation var(--sbb-loading-indicator-duration) infinite linear}:host([variant=circle]) .sbb-loading-indicator__animated-element:after{content:"";width:var(--sbb-loading-indicator-circle-animated-width);height:var(--sbb-loading-indicator-circle-animated-height);background:var(--sbb-loading-indicator-color);border-radius:var(--sbb-loading-indicator-circle-animated-border-radius);position:absolute;top:50%;right:0;transform:translateY(-50%);overflow:hidden;margin:auto}@media (forced-colors: active){:host([variant=circle]) .sbb-loading-indicator__animated-element:after{--sbb-loading-indicator-color: CanvasText;--sbb-loading-indicator-circle-animated-width: 50%;--sbb-loading-indicator-circle-animated-height: 100%;--sbb-loading-indicator-circle-animated-border-radius: 0}}@media (forced-colors: active){:host([variant=circle]) .sbb-loading-indicator__animated-element{--sbb-loading-indicator-circle-background: transparent}}@media (forced-colors: active){:host([color=white][variant=circle]) .sbb-loading-indicator__animated-element:after{--sbb-loading-indicator-color: var(--sbb-color-white)}}:host([variant=window]){--sbb-loading-indicator-padding: 0;--sbb-loading-indicator-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) )}:host([variant=window][size=s]){--sbb-loading-indicator-window-height: 1.66666625rem;--sbb-loading-indicator-window-padding-block-start: .66666625rem;--sbb-loading-indicator-window-element-width: 3.46666625rem;--sbb-loading-indicator-window-element-height: .333333125rem;--sbb-loading-indicator-window-element-perspective: 6rem;--sbb-loading-indicator-window-element-animation-name: loading-container-small;--sbb-loading-indicator-window-last-span-width: .533333125rem;--sbb-loading-indicator-window-last-span-height: .333333125rem;--sbb-loading-indicator-window-last-span-margin: .2rem;--sbb-loading-indicator-window-last-span-transform: translate3d( -.1rem, 0, 0 )}:host([variant=window][size=l]){--sbb-loading-indicator-window-height: 3rem;--sbb-loading-indicator-window-padding-block-start: 1.2rem;--sbb-loading-indicator-window-element-width: 5.79980625rem;--sbb-loading-indicator-window-element-height: .599609375rem;--sbb-loading-indicator-window-element-perspective: 8rem;--sbb-loading-indicator-window-element-animation-name: loading-container-large;--sbb-loading-indicator-window-last-span-width: 1rem;--sbb-loading-indicator-window-last-span-height: .599609375rem;--sbb-loading-indicator-window-last-span-margin: .2rem}:host([variant=window]) span{display:inline-block}:host([variant=window]) .sbb-loading-indicator{display:flex;height:var(--sbb-loading-indicator-window-height);padding-block-start:var(--sbb-loading-indicator-window-padding-block-start)}:host([variant=window]) .sbb-loading-indicator__animated-element{margin:0 auto;transform-origin:center;transform:translate3d(-2em,0,0);backface-visibility:hidden;transform-style:preserve-3d;width:var(--sbb-loading-indicator-window-element-width);height:var(--sbb-loading-indicator-window-element-height);perspective:var(--sbb-loading-indicator-window-element-perspective)}:host([variant=window]) .sbb-loading-indicator__animated-element>span{position:relative;transform:rotateY(50deg) translateZ(1em);transform-origin:right;backface-visibility:hidden}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span{position:relative;display:flex;animation-name:var(--sbb-loading-indicator-window-element-animation-name);animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--sbb-loading-indicator-duration)}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span{background:var(--sbb-loading-indicator-color);backface-visibility:hidden;outline:var(--sbb-border-width-1x) solid rgba(0,0,0,0);width:var(--sbb-loading-indicator-window-last-span-width);height:var(--sbb-loading-indicator-window-last-span-height);margin-right:var(--sbb-loading-indicator-window-last-span-margin);transform:var(--sbb-loading-indicator-window-last-span-transform)}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(1){animation:loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(2){animation:loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(3){animation:loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(4){animation:loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:nth-child(5){animation:loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite}:host([variant=window]) .sbb-loading-indicator__animated-element>span>span>span:last-child{margin-right:0}@keyframes loading-container-small{0%{transform:translate(.73333em)}to{transform:translate(0)}}@keyframes loading-container-large{0%{transform:translate(1.2em)}to{transform:translate(0)}}@keyframes loading-rectangle1{0%{opacity:.5}to{opacity:0}}@keyframes loading-rectangle2{0%{opacity:1}to{opacity:.5}}@keyframes loading-rectangle3{0%{opacity:.5}to{opacity:1}}@keyframes loading-rectangle4{0%{opacity:.25}to{opacity:.5}}@keyframes loading-rectangle5{0%{opacity:0}to{opacity:.25}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}`;
+let G = (() => {
+  var s, l, c, e;
+  let i = [Y("sbb-loading-indicator"), A({
+    role: "progressbar",
+    "aria-busy": "true"
+  })], n, t = [], r, v = T, u, f = [], _ = [], k, y = [], z = [], x, I = [], S = [];
+  return e = class extends v {
+    constructor() {
+      super(...arguments);
+      m(this, s, d(this, f, "window"));
+      m(this, l, (d(this, _), d(this, y, "s")));
+      m(this, c, (d(this, z), d(this, I, "default")));
+      d(this, S);
+    }
+    /** Variant of the loading indicator; `circle` is meant to be used inline, while `window` as overlay. */
+    get variant() {
+      return g(this, s);
+    }
+    set variant(o) {
+      h(this, s, o);
+    }
+    /** Size variant, either s or m. */
+    get size() {
+      return g(this, l);
+    }
+    set size(o) {
+      h(this, l, o);
+    }
+    /** Color variant. */
+    get color() {
+      return g(this, c);
+    }
+    set color(o) {
+      h(this, c, o);
+    }
+    render() {
+      return j`
       <span class="sbb-loading-indicator">
         <span class="sbb-loading-indicator__animated-element">
-          ${this.variant === "window" ? b`<span>
+          ${this.variant === "window" ? j`<span>
                 <span>
                   <span></span>
                   <span></span>
@@ -23,29 +55,22 @@ let a = class extends g {
                   <span></span>
                   <span></span>
                 </span>
-              </span>` : m}
+              </span>` : O}
         </span>
       </span>
     `;
-  }
-};
-a.styles = p;
-t([
-  s({ reflect: !0 })
-], a.prototype, "variant", 2);
-t([
-  s({ reflect: !0 })
-], a.prototype, "size", 2);
-t([
-  s({ reflect: !0 })
-], a.prototype, "color", 2);
-a = t([
-  h("sbb-loading-indicator"),
-  w({
-    role: "progressbar",
-    "aria-busy": "true"
-  })
-], a);
+    }
+  }, s = new WeakMap(), l = new WeakMap(), c = new WeakMap(), r = e, (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    u = [p({ reflect: !0 })], k = [p({ reflect: !0 })], x = [p({ reflect: !0 })], w(e, null, u, { kind: "accessor", name: "variant", static: !1, private: !1, access: { has: (a) => "variant" in a, get: (a) => a.variant, set: (a, b) => {
+      a.variant = b;
+    } }, metadata: o }, f, _), w(e, null, k, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, b) => {
+      a.size = b;
+    } }, metadata: o }, y, z), w(e, null, x, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (a) => "color" in a, get: (a) => a.color, set: (a, b) => {
+      a.color = b;
+    } }, metadata: o }, I, S), w(null, n = { value: r }, i, { kind: "class", name: r.name, metadata: o }, null, t), r = n.value, o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), e.styles = C, d(r, t), r;
+})();
 export {
-  a as SbbLoadingIndicatorElement
+  G as SbbLoadingIndicatorElement
 };

package/logo/logo.d.ts

@@ -9,9 +9,9 @@ declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstruct
 export declare class SbbLogoElement extends SbbLogoElement_base {
     static styles: CSSResultGroup;
     /** Visual protective room around logo. */
-    protectiveRoom?: SbbProtectiveRoom;
+    accessor protectiveRoom: SbbProtectiveRoom;
     /** Accessibility label which will be forwarded to the SVG logo. */
-    accessibilityLabel: string;
+    accessor accessibilityLabel: string;
     protected render(): TemplateResult;
 }
 declare global {