@sbb-esta/lyne-elements 2.6.0 → 2.7.0

package/link/link-static/link-static.js

@@ -0,0 +1,17 @@
+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 {
+  y as SbbLinkStaticElement
+};

package/link/link-static.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './link-static/link-static.js';
 //# sourceMappingURL=link-static.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-static.d.ts","sourceRoot":"","sources":["../../../src/elements/link/link-static.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"link-static.d.ts","sourceRoot":"","sources":["../../../src/elements/link/link-static.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8BAA8B,CAAC"}

package/link/link-static.js

@@ -1,17 +1,4 @@
-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;
-})();
+import { SbbLinkStaticElement as b } from "./link-static/link-static.js";
 export {
-  y as SbbLinkStaticElement
+  b as SbbLinkStaticElement
 };

package/link/link.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './link/link.js';
 //# sourceMappingURL=link.d.ts.map

package/link/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/elements/link/link.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/elements/link/link.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,gBAAgB,CAAC"}

package/link/link.js

@@ -1,17 +1,4 @@
-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;
-})();
+import { SbbLinkElement as m } from "./link/link.js";
 export {
-  y as SbbLinkElement
+  m as SbbLinkElement
 };

package/link-common-DZrQ-32d.js

@@ -0,0 +1,46 @@
+var f = (e) => {
+  throw TypeError(e);
+};
+var h = (e, t, o) => t.has(e) || f("Cannot " + o);
+var x = (e, t, o) => (h(e, t, "read from private field"), o ? o.call(e) : t.get(e)), p = (e, t, o) => t.has(e) ? f("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, o), k = (e, t, o, r) => (h(e, t, "write to private field"), r ? r.call(e, o) : t.set(e, o), o);
+import { __esDecorate as _, __runInitializers as b } from "tslib";
+import { property as y } from "lit/decorators.js";
+import { html as S } from "lit/static-html.js";
+import { hostAttributes as g, slotState as T } from "./core/decorators.js";
+import { isLean as w } from "./core/dom.js";
+import { SbbNegativeMixin as E } from "./core/mixins.js";
+import { css as L } from "lit";
+const B = L`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([data-button]){--sbb-link-color-normal: ButtonText;--sbb-link-color-hover: ButtonText;--sbb-link-color-active: ButtonText}}.sbb-action-base{color:var(--sbb-link-color-normal);text-decoration-line:var(--sbb-link-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color);text-decoration-thickness:.0625rem;text-underline-offset:.3125em;-webkit-user-select:none;user-select:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host(:is([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:GrayText}}:host(:focus-visible) .sbb-action-base,.sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}@media (any-hover: hover){:host(:hover:not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration-line:var(--sbb-link-hover-text-decoration, underline);text-decoration-color:var(--sbb-link-text-decoration-color-hover)}}:host(:is(:active,[data-active]):not([disabled],:disabled,[disabled-interactive])) .sbb-action-base{color:var(--sbb-link-color-active)}`, P = (e) => (() => {
+  var n, s;
+  let o = [g({ "data-sbb-link": "" }), T()], r, c = [], i, d = E(e), u, m = [], v = [];
+  return s = class extends d {
+    constructor() {
+      super(...arguments);
+      p(this, n, b(this, m, w() ? "xs" : "s"));
+      b(this, v);
+    }
+    /**
+     * Text size, the link should get in the non-button variation.
+     * With inline variant, the text size adapts to where it is used.
+     * @default 's' / 'xs' (lean)
+     */
+    get size() {
+      return x(this, n);
+    }
+    set size(a) {
+      k(this, n, a);
+    }
+    renderTemplate() {
+      return S`<slot></slot>`;
+    }
+  }, n = new WeakMap(), i = s, (() => {
+    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+    u = [y({ reflect: !0 })], _(s, null, u, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (l) => "size" in l, get: (l) => l.size, set: (l, z) => {
+      l.size = z;
+    } }, metadata: a }, m, v), _(null, r = { value: i }, o, { kind: "class", name: i.name, metadata: a }, null, c), i = r.value, a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), s.styles = B, b(i, c), i;
+})();
+export {
+  P as S,
+  B as s
+};

package/link-list/common/link-list-base.js

@@ -0,0 +1,87 @@
+var I = (e) => {
+  throw TypeError(e);
+};
+var w = (e, s, l) => s.has(e) || I("Cannot " + l);
+var _ = (e, s, l) => (w(e, s, "read from private field"), l ? l.call(e) : s.get(e)), u = (e, s, l) => s.has(e) ? I("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), r = (e, s, l, a) => (w(e, s, "write to private field"), a ? a.call(e, l) : s.set(e, l), l);
+import { __esDecorate as v, __runInitializers as o } from "tslib";
+import { LitElement as E, nothing as $, html as D } from "lit";
+import { property as d } from "lit/decorators.js";
+import { slotState as N, forceType as j, omitEmptyConverter as M } from "../../core/decorators.js";
+import { isLean as O } from "../../core/dom.js";
+import { SbbNegativeMixin as T, SbbNamedSlotListMixin as U } from "../../core/mixins.js";
+import "../../title.js";
+let R = (() => {
+  var c, b, m, n;
+  let e = [N()], s, l = [], a, f = T(U(E)), p, z = [], L = [], k, g = [], C = [], y, S = [], x = [];
+  return n = class extends f {
+    constructor() {
+      super(...arguments);
+      u(this, c);
+      u(this, b);
+      u(this, m);
+      this.listChildLocalNames = [
+        "sbb-block-link",
+        "sbb-block-link-button",
+        "sbb-block-link-static"
+      ], r(this, c, o(this, z, "")), r(this, b, (o(this, L), o(this, g, "2"))), r(this, m, (o(this, C), o(this, S, O() ? "xs" : "s"))), o(this, x);
+    }
+    /** The title text we want to show before the list. */
+    get titleContent() {
+      return _(this, c);
+    }
+    set titleContent(i) {
+      r(this, c, i);
+    }
+    /** The semantic level of the title, e.g. 2 = h2. */
+    get titleLevel() {
+      return _(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.
+     * @default 's' / 'xs' (lean)
+     */
+    get size() {
+      return _(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 D`
+      <div class="sbb-link-list-wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel || $}
+          visual-level="5"
+          ?negative=${this.negative}
+          id="sbb-link-list-title-id"
+        >
+          <slot name="title">${this.titleContent}</slot>
+        </sbb-title>
+        ${this.renderList({ ariaLabelledby: "sbb-link-list-title-id" })}
+      </div>
+    `;
+    }
+  }, c = new WeakMap(), b = new WeakMap(), m = new WeakMap(), a = n, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+    p = [j(), d({ attribute: "title-content", reflect: !0, converter: M })], k = [d({ attribute: "title-level" })], y = [d({ reflect: !0 })], v(n, null, p, { 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 }, z, L), v(n, null, k, { 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), v(n, null, y, { 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 }, S, x), v(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;
+})();
+export {
+  R as SbbLinkListBaseElement
+};

package/link-list/common.d.ts

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './common/link-list-base.js';
 //# sourceMappingURL=common.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/common.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/common.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4BAA4B,CAAC;AAE3C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC"}

package/link-list/common.js

@@ -1,89 +1,6 @@
-var w = (e) => {
-  throw TypeError(e);
-};
-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, nothing as $, html 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 { isLean as O } from "../core/dom.js";
-import { SbbNegativeMixin as T, SbbNamedSlotListMixin as U } from "../core/mixins.js";
-import "../title.js";
-let V = (() => {
-  var c, b, m, n;
-  let e = [N()], s, l = [], a, p = T(U(E)), f, k = [], z = [], L, g = [], x = [], C, 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, x), o(this, y, O() ? "xs" : "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.
-     * @default 's' / 'xs' (lean)
-     */
-    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 B`
-      <div class="sbb-link-list-wrapper">
-        <sbb-title
-          class="sbb-link-list-title"
-          level=${this.titleLevel || $}
-          visual-level="5"
-          ?negative=${this.negative}
-          id="sbb-link-list-title-id"
-        >
-          <slot name="title">${this.titleContent}</slot>
-        </sbb-title>
-        ${this.renderList({ ariaLabelledby: "sbb-link-list-title-id" })}
-      </div>
-    `;
-    }
-  }, 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" })], C = [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, x), u(n, null, C, { 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 W = 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}`;
+import { SbbLinkListBaseElement as s } from "./common/link-list-base.js";
+import { l } from "../link-list-base-BdOBGhxe.js";
 export {
-  V as SbbLinkListBaseElement,
-  W as linkListBaseStyle
+  s as SbbLinkListBaseElement,
+  l as linkListBaseStyle
 };

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

@@ -0,0 +1,46 @@
+var k = (t) => {
+  throw TypeError(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 { SbbLinkListBaseElement as S, linkListBaseStyle 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 = S, 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 = [L, I], h(r, o), r;
+})();
+export {
+  q as SbbLinkListElement
+};

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

@@ -0,0 +1,17 @@
+import { __esDecorate as i, __runInitializers as b } from "tslib";
+import { customElement as n } from "lit/decorators.js";
+import { SbbLinkListBaseElement as c, linkListBaseStyle 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],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],: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 l;
+  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = c;
+  return l = class extends s {
+  }, o = l, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    i(null, a = { value: o }, r, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = [d, k], b(o, e), o;
+})();
+export {
+  p as SbbLinkListAnchorElement
+};

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './link-list-anchor/link-list-anchor.js';
 //# sourceMappingURL=link-list-anchor.d.ts.map

package/link-list/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.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list-anchor.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,wCAAwC,CAAC"}

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

@@ -1,17 +1,4 @@
-import { __esDecorate as i, __runInitializers as b } from "tslib";
-import { customElement as n } from "lit/decorators.js";
-import { SbbLinkListBaseElement as c, linkListBaseStyle 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],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-iron)}:host([negative]) ::slotted([data-link]:is(:active,[data-active]):not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-silver)}::slotted([data-link]:hover:not([disabled],:disabled)){--sbb-link-list-anchor-border-color: var(--sbb-color-charcoal)}:host([negative]) ::slotted([data-link]:hover:not([disabled],: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 l;
-  let r = [n("sbb-link-list-anchor")], a, e = [], o, s = c;
-  return l = class extends s {
-  }, o = l, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    i(null, a = { value: o }, r, { kind: "class", name: o.name, metadata: t }, null, e), o = a.value, t && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), l.styles = [d, k], b(o, e), o;
-})();
+import { SbbLinkListAnchorElement as o } from "./link-list-anchor/link-list-anchor.js";
 export {
-  p as SbbLinkListAnchorElement
+  o as SbbLinkListAnchorElement
 };

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

@@ -1,2 +1,5 @@
+/**
+ * @entrypoint
+ */
 export * from './link-list/link-list.js';
 //# sourceMappingURL=link-list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0BAA0B,CAAC"}

package/link-list/link-list.js

@@ -1,46 +1,4 @@
-var k = (t) => {
-  throw TypeError(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 { SbbLinkListBaseElement as S, linkListBaseStyle 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 = S, 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 = [L, I], h(r, o), r;
-})();
+import { SbbLinkListElement as b } from "./link-list/link-list.js";
 export {
-  q as SbbLinkListElement
+  b as SbbLinkListElement
 };

package/link-list-base-BdOBGhxe.js

@@ -0,0 +1,5 @@
+import { css as t } from "lit";
+const s = t`*,: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 {
+  s as l
+};

package/link-list.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './link-list/link-list.js';
 export * from './link-list/link-list-anchor.js';
 export * from './link-list/common.js';

package/link-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../src/elements/link-list.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../src/elements/link-list.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC"}

package/link-list.js

@@ -1,3 +1,10 @@
-export * from "./link-list/link-list.js";
-export * from "./link-list/link-list-anchor.js";
-export * from "./link-list/common.js";
+import { SbbLinkListElement as o } from "./link-list/link-list/link-list.js";
+import { SbbLinkListAnchorElement as i } from "./link-list/link-list-anchor/link-list-anchor.js";
+import { SbbLinkListBaseElement as m } from "./link-list/common/link-list-base.js";
+import { l as L } from "./link-list-base-BdOBGhxe.js";
+export {
+  i as SbbLinkListAnchorElement,
+  m as SbbLinkListBaseElement,
+  o as SbbLinkListElement,
+  L as linkListBaseStyle
+};

package/link.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @entrypoint
+ */
 export * from './link/block-link.js';
 export * from './link/block-link-button.js';
 export * from './link/block-link-static.js';

package/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/elements/link.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/elements/link.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/link.js

@@ -1,7 +1,20 @@
-export * from "./link/block-link.js";
-export * from "./link/block-link-button.js";
-export * from "./link/block-link-static.js";
-export * from "./link/link.js";
-export * from "./link/link-button.js";
-export * from "./link/link-static.js";
-export * from "./link/common.js";
+import { SbbBlockLinkElement as n } from "./link/block-link/block-link.js";
+import { SbbBlockLinkButtonElement as m } from "./link/block-link-button/block-link-button.js";
+import { SbbBlockLinkStaticElement as i } from "./link/block-link-static/block-link-static.js";
+import { SbbLinkElement as l } from "./link/link/link.js";
+import { SbbLinkButtonElement as x } from "./link/link-button/link-button.js";
+import { SbbLinkStaticElement as f } from "./link/link-static/link-static.js";
+import { SbbBlockLinkCommonElementMixin as E } from "./link/common/block-link-common.js";
+import { SbbInlineLinkCommonElementMixin as c } from "./link/common/inline-link-common.js";
+import { S as a } from "./link-common-DZrQ-32d.js";
+export {
+  m as SbbBlockLinkButtonElement,
+  E as SbbBlockLinkCommonElementMixin,
+  n as SbbBlockLinkElement,
+  i as SbbBlockLinkStaticElement,
+  c as SbbInlineLinkCommonElementMixin,
+  x as SbbLinkButtonElement,
+  a as SbbLinkCommonElementMixin,
+  l as SbbLinkElement,
+  f as SbbLinkStaticElement
+};