@sbb-esta/lyne-elements 0.0.0 → 0.52.0

package/lead-container.js

@@ -0,0 +1,32 @@
+import { css as t, LitElement as d, html as l } from "lit";
+import { customElement as c } from "lit/decorators.js";
+const m = t`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-lead-container-background-color: var(--sbb-color-white);--sbb-lead-container-image-ratio: 2 / 1;--sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);--sbb-lead-container-padding-block: var(--sbb-spacing-responsive-l);--sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-lead-container-border-radius: var(--sbb-border-radius-6x);--sbb-lead-container-image-border-radius: 0}@media (min-width: 80rem){:host{--sbb-lead-container-image-ratio: 21 / 9}}@media (min-width: 90rem){:host{--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius)}}.sbb-lead-container{padding-block-end:var(--sbb-spacing-responsive-l)}::slotted(sbb-image[slot=image]){--sbb-image-aspect-ratio: var(--sbb-lead-container-image-ratio);--sbb-image-border-radius: var(--sbb-lead-container-image-border-radius)}::slotted(:is(img[slot=image],picture[slot=image])){display:block;width:100%;object-fit:cover;aspect-ratio:var(--sbb-lead-container-image-ratio);border-radius:var(--sbb-lead-container-image-border-radius)}::slotted(:is(sbb-breadcrumb-group,sbb-block-link).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-alert,sbb-alert-group).sbb-lead-container-spacing){margin-block-end:var(--sbb-spacing-responsive-m)}::slotted(sbb-title.sbb-lead-container-spacing){margin-block-start:0}::slotted(.sbb-lead-container-lead-text){margin-block:0 var(--sbb-spacing-responsive-s)}@media (min-width: 90rem){.sbb-lead-container-image{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive));margin-inline:auto}}.sbb-lead-container-content-wrapper{display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%;background-color:var(--sbb-lead-container-background-color)}@media (min-width: 90rem){.sbb-lead-container-content-wrapper{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}@media (min-width: 64rem){.sbb-lead-container-content-wrapper{background-color:transparent}}.sbb-lead-container-content{z-index:1;border-radius:var(--sbb-lead-container-border-radius);padding-block:var(--sbb-lead-container-padding-block);background-color:var(--sbb-lead-container-background-color);grid-column:1/-1}@media (min-width: 52.5rem){.sbb-lead-container-content{grid-column:2/-2}}@media (min-width: 64rem){.sbb-lead-container-content{margin-block-start:calc(-1 * var(--sbb-lead-container-image-overlap));padding-inline:var(--sbb-lead-container-padding-inline);margin-inline:calc(-1 * var(--sbb-lead-container-padding-inline))}}@media (min-width: 80rem){.sbb-lead-container-content{grid-column:3/-3}}@media (min-width: 90rem){.sbb-lead-container-content{grid-column:4/-4}}`;
+var g = Object.defineProperty, p = Object.getOwnPropertyDescriptor, v = (o, a, i, r) => {
+  for (var e = r > 1 ? void 0 : r ? p(a, i) : a, n = o.length - 1, b; n >= 0; n--)
+    (b = o[n]) && (e = (r ? b(a, i, e) : b(e)) || e);
+  return r && e && g(a, i, e), e;
+};
+let s = class extends d {
+  render() {
+    return l`
+      <div class="sbb-lead-container">
+        <div class="sbb-lead-container-image">
+          <slot name="image"></slot>
+        </div>
+        <!-- Content wrapper needed because grid needs to be applied but container image should not be touched by grid. -->
+        <div class="sbb-lead-container-content-wrapper">
+          <div class="sbb-lead-container-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+};
+s.styles = m;
+s = v([
+  c("sbb-lead-container")
+], s);
+export {
+  s as SbbLeadContainerElement
+};

package/link/block-link/block-link.d.ts

@@ -0,0 +1,18 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+
+declare const SbbBlockLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-block-link`.
+ * @slot icon - Slot used to display the icon, if one is set.
+ */
+export declare class SbbBlockLinkElement extends SbbBlockLinkElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-block-link': SbbBlockLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=block-link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link/block-link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;;GAKG;AACH,qBACa,mBAAoB,SAAQ,wBAExC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

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

@@ -0,0 +1,18 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+declare const SbbBlockLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a link enhanced with the SBB Design, which will behave as a button.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-block-link-button`.
+ * @slot icon - Slot used to display the icon, if one is set.
+ */
+export declare class SbbBlockLinkButtonElement extends SbbBlockLinkButtonElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-block-link-button': SbbBlockLinkButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=block-link-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-button/block-link-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,8BAE9C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-button.d.ts","sourceRoot":"","sources":["../../../src/elements/link/block-link-button.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC"}

package/link/block-link-button.js

@@ -0,0 +1,19 @@
+import { customElement as i } from "lit/decorators.js";
+import { SbbButtonBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledTabIndexActionMixin as p } from "../core/mixins.js";
+import { SbbBlockLinkCommonElementMixin as f } from "./common.js";
+var c = Object.defineProperty, u = Object.getOwnPropertyDescriptor, v = (m, o, n, t) => {
+  for (var e = t > 1 ? void 0 : t ? u(o, n) : o, r = m.length - 1, b; r >= 0; r--)
+    (b = m[r]) && (e = (t ? b(o, n, e) : b(e)) || e);
+  return t && e && c(o, n, e), e;
+};
+let l = class extends f(
+  p(s)
+) {
+};
+l = v([
+  i("sbb-block-link-button")
+], l);
+export {
+  l as SbbBlockLinkButtonElement
+};

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

@@ -0,0 +1,18 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+
+declare const SbbBlockLinkStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbBlockLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+/**
+ * It displays a static link enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-block-link-static`.
+ * @slot icon - Slot used to display the icon, if one is set.
+ */
+export declare class SbbBlockLinkStaticElement extends SbbBlockLinkStaticElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-block-link-static': SbbBlockLinkStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=block-link-static.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-static.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/block-link-static/block-link-static.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBACa,yBAA0B,SAAQ,8BAE9C;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,uBAAuB,EAAE,yBAAyB,CAAC;KACpD;CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-static.d.ts","sourceRoot":"","sources":["../../../src/elements/link/block-link-static.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC"}

package/link/block-link-static.js

@@ -0,0 +1,19 @@
+import { customElement as n } from "lit/decorators.js";
+import { SbbActionBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledMixin as c } from "../core/mixins.js";
+import { SbbBlockLinkCommonElementMixin as p } from "./common.js";
+var f = Object.defineProperty, a = Object.getOwnPropertyDescriptor, v = (b, t, r, o) => {
+  for (var e = o > 1 ? void 0 : o ? a(t, r) : t, i = b.length - 1, m; i >= 0; i--)
+    (m = b[i]) && (e = (o ? m(t, r, e) : m(e)) || e);
+  return o && e && f(t, r, e), e;
+};
+let l = class extends p(
+  c(s)
+) {
+};
+l = v([
+  n("sbb-block-link-static")
+], l);
+export {
+  l as SbbBlockLinkStaticElement
+};

package/link/block-link.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link.d.ts","sourceRoot":"","sources":["../../../src/elements/link/block-link.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/link/block-link.js

@@ -0,0 +1,19 @@
+import { customElement as i } from "lit/decorators.js";
+import { SbbLinkBaseElement as s } from "../core/base-elements.js";
+import { SbbDisabledMixin as p } from "../core/mixins.js";
+import { SbbBlockLinkCommonElementMixin as f } from "./common.js";
+var c = Object.defineProperty, v = Object.getOwnPropertyDescriptor, _ = (n, r, m, o) => {
+  for (var e = o > 1 ? void 0 : o ? v(r, m) : r, b = n.length - 1, l; b >= 0; b--)
+    (l = n[b]) && (e = (o ? l(r, m, e) : l(e)) || e);
+  return o && e && c(r, m, e), e;
+};
+let t = class extends f(
+  p(s)
+) {
+};
+t = _([
+  i("sbb-block-link")
+], t);
+export {
+  t as SbbBlockLinkElement
+};

package/link/common/block-link-common.d.ts

@@ -0,0 +1,11 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { SbbIconPlacement } from '../../core/interfaces.js';
+import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbLinkCommonElementMixinType } from './link-common.js';
+
+export declare class SbbBlockLinkCommonElementMixinType extends SbbLinkCommonElementMixinType {
+    iconName?: string;
+    iconPlacement?: SbbIconPlacement;
+}
+export declare const SbbBlockLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbBlockLinkCommonElementMixinType> & T;
+//# sourceMappingURL=block-link-common.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/block-link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAKjG,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,6BAA6B;IACpF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,gBAAgB,CAAC;CACzC;AAGD,eAAO,MAAM,8BAA8B,oEAC7B,CAAC,KACZ,oBAAoB,kCAAkC,CAAC,GAAG,CAoB5D,CAAC"}

package/link/common/inline-link-common.d.ts

@@ -0,0 +1,8 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { AbstractConstructor } from '../../core/mixins.js';
+import { SbbLinkCommonElementMixinType } from './link-common.js';
+
+export declare class SbbInlineLinkCommonElementMixinType extends SbbLinkCommonElementMixinType {
+}
+export declare const SbbInlineLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbInlineLinkCommonElementMixinType> & T;
+//# sourceMappingURL=inline-link-common.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/inline-link-common.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAA6B,KAAK,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAKjG,MAAM,CAAC,OAAO,OAAO,mCAAoC,SAAQ,6BAA6B;CAAG;AAGjG,eAAO,MAAM,+BAA+B,oEAG9B,CAAC,KACZ,oBAAoB,mCAAmC,CAAC,GAAG,CAS7D,CAAC"}

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

@@ -0,0 +1,9 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+import { SbbNegativeMixinType, AbstractConstructor } from '../../core/mixins.js';
+
+export type SbbLinkSize = 'xs' | 's' | 'm';
+export declare class SbbLinkCommonElementMixinType extends SbbNegativeMixinType {
+    size?: SbbLinkSize;
+}
+export declare const SbbLinkCommonElementMixin: <T extends AbstractConstructor<SbbActionBaseElement>>(superClass: T) => AbstractConstructor<SbbLinkCommonElementMixinType> & T;
+//# sourceMappingURL=link-common.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-common.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/common/link-common.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,oBAAoB;IACtE,IAAI,CAAC,EAAE,WAAW,CAAC;CAC3B;AAGD,eAAO,MAAM,yBAAyB,oEACxB,CAAC,KACZ,oBAAoB,6BAA6B,CAAC,GAAG,CAwBvD,CAAC"}

package/link/common.d.ts

@@ -0,0 +1,4 @@
+export * from './common/block-link-common.js';
+export * from './common/inline-link-common.js';
+export * from './common/link-common.js';
+//# sourceMappingURL=common.d.ts.map

package/link/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../src/elements/link/common.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC"}

package/link/common.js

@@ -0,0 +1,62 @@
+import { property as c } from "lit/decorators.js";
+import { html as f } from "lit/static-html.js";
+import { SbbIconNameMixin as v } from "../icon.js";
+import { SbbSlotStateController as d } from "../core/controllers.js";
+import { hostAttributes as u } from "../core/decorators.js";
+import { SbbNegativeMixin as p } from "../core/mixins.js";
+import { css as b } from "lit";
+const a = b`*,:before,:after{box-sizing:border-box}:host{outline:none!important}@media (forced-colors: active){:host([role=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:var(--sbb-link-text-decoration, underline);-webkit-user-select:none;user-select:none;display:flex;align-items:center;word-break:break-word;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}:host([disabled]) .sbb-action-base{pointer-events:none;cursor:default}@media (forced-colors: active){:host([disabled]) .sbb-action-base{color:GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base,:host(:not([data-focus-origin=mouse],[data-focus-origin=touch])) .sbb-action-base:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) 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])) .sbb-action-base{color:var(--sbb-link-color-hover);text-decoration:underline}}:host(:is(:active,[data-active]):not([disabled])) .sbb-action-base{color:var(--sbb-link-color-active)}`;
+var m = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (i, t, o, n) => {
+  for (var e = n > 1 ? void 0 : n ? g(t, o) : t, s = i.length - 1, r; s >= 0; s--)
+    (r = i[s]) && (e = (n ? r(t, o, e) : r(e)) || e);
+  return n && e && m(t, o, e), e;
+};
+const h = (i) => {
+  let t = class extends p(i) {
+    constructor(...o) {
+      super(o), this.size = "s", new d(this);
+    }
+    renderTemplate() {
+      return f`<slot></slot>`;
+    }
+  };
+  return t.styles = a, l([
+    c({ reflect: !0 })
+  ], t.prototype, "size", 2), t = l([
+    u({ "data-sbb-link": "" })
+  ], t), t;
+}, x = b`:host{--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-link-color-normal: var(--sbb-color-white);--sbb-link-color-hover: var(--sbb-color-cloud);--sbb-link-color-active: var(--sbb-color-silver);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-font-size-text-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-body-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`;
+var y = Object.defineProperty, k = (i, t, o, n) => {
+  for (var e = void 0, s = i.length - 1, r; s >= 0; s--)
+    (r = i[s]) && (e = r(t, o, e) || e);
+  return e && y(t, o, e), e;
+};
+const j = (i) => {
+  const o = class o extends h(v(i)) {
+    constructor() {
+      super(...arguments), this.iconPlacement = "start";
+    }
+    renderTemplate() {
+      return f`
+        <span class="sbb-link__icon"> ${super.renderIconSlot()} </span>
+        <slot></slot>
+      `;
+    }
+  };
+  o.styles = [a, x];
+  let t = o;
+  return k([
+    c({ attribute: "icon-placement", reflect: !0 })
+  ], t.prototype, "iconPlacement"), t;
+}, z = b`:host{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit;--sbb-link-color-normal: inherit;--sbb-link-color-hover: var(--sbb-color-red125);--sbb-link-color-active: var(--sbb-color-red150);color:inherit;display:inline-block}:host([negative]){--sbb-link-color-hover: var(--sbb-color-graphite);--sbb-link-color-active: var(--sbb-color-metal);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-action-base{font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-size:inherit;text-align:inherit}`, C = (i) => {
+  const o = class o extends h(i) {
+  };
+  o.styles = [a, z];
+  let t = o;
+  return t;
+};
+export {
+  j as SbbBlockLinkCommonElementMixin,
+  C as SbbInlineLinkCommonElementMixin,
+  h as SbbLinkCommonElementMixin
+};

package/link/link/link.d.ts

@@ -0,0 +1,17 @@
+import { SbbLinkBaseElement } from '../../core/base-elements.js';
+
+declare const SbbLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbLinkBaseElement;
+/**
+ * It displays a link enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-link`.
+ */
+export declare class SbbLinkElement extends SbbLinkElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link': SbbLinkElement;
+    }
+}
+export {};
+//# sourceMappingURL=link.d.ts.map

package/link/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/elements/link/link/link.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;;AAIjE;;;;GAIG;AACH,qBACa,cAAe,SAAQ,mBAEnC;CAAG;AAEJ,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,17 @@
+import { SbbButtonBaseElement } from '../../core/base-elements.js';
+
+declare const SbbLinkButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbButtonBaseElement;
+/**
+ * It displays a link enhanced with the SBB Design, which will behave as a button.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-link-button`.
+ */
+export declare class SbbLinkButtonElement extends SbbLinkButtonElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-button': SbbLinkButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=link-button.d.ts.map

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

@@ -0,0 +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"}

package/link/link-button.d.ts

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

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

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

package/link/link-button.js

@@ -0,0 +1,19 @@
+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);
+export {
+  i as SbbLinkButtonElement
+};

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

@@ -0,0 +1,17 @@
+import { SbbActionBaseElement } from '../../core/base-elements.js';
+
+declare const SbbLinkStaticElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbInlineLinkCommonElementMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & typeof SbbActionBaseElement;
+/**
+ * It displays a static link enhanced with the SBB Design.
+ *
+ * @slot - Use the unnamed slot to add content to the `sbb-link-static`.
+ */
+export declare class SbbLinkStaticElement extends SbbLinkStaticElement_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-static': SbbLinkStaticElement;
+    }
+}
+export {};
+//# sourceMappingURL=link-static.d.ts.map

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

@@ -0,0 +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"}

package/link/link-static.d.ts

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

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

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

package/link/link-static.js

@@ -0,0 +1,19 @@
+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);
+export {
+  b as SbbLinkStaticElement
+};

package/link/link.d.ts

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

package/link/link.d.ts.map

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

package/link/link.js

@@ -0,0 +1,19 @@
+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);
+export {
+  b as SbbLinkElement
+};

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

@@ -0,0 +1,40 @@
+import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
+import { SbbHorizontalFrom, SbbOrientation } from '../core/interfaces.js';
+import { WithListChildren } from '../core/mixins.js';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../link.js';
+import { SbbTitleLevel } from '../title.js';
+
+declare const SbbLinkListElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNamedSlotListMixinType<SbbBlockLinkElement | SbbBlockLinkButtonElement | SbbBlockLinkStaticElement>> & typeof LitElement;
+/**
+ * It displays a list of `sbb-block-link`.
+ *
+ * @slot - Use the unnamed slot to add one or more `sbb-block-link`.
+ * @slot title - Use this slot to provide a title.
+ */
+export declare class SbbLinkListElement extends SbbLinkListElement_base {
+    static styles: CSSResultGroup;
+    protected readonly listChildLocalNames: string[];
+    /** The title text we want to show before the list. */
+    titleContent?: string;
+    /** The semantic level of the title, e.g. 2 = h2. */
+    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;
+    /** Selected breakpoint from which the list is rendered horizontally. */
+    horizontalFrom?: SbbHorizontalFrom;
+    /** The orientation in which the list will be shown vertical or horizontal. */
+    orientation: SbbOrientation;
+    constructor();
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-list': SbbLinkListElement;
+    }
+}
+export {};
+//# sourceMappingURL=link-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAIhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAA2C,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACnG,OAAO,KAAK,EACV,yBAAyB,EACzB,mBAAmB,EACnB,yBAAyB,EACzB,WAAW,EACZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,OAAO,aAAa,CAAC;;AAErB;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,uBAKvC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,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;IAE5D,wEAAwE;IAEjE,cAAc,CAAC,EAAE,iBAAiB,CAAC;IAE1C,8EAA8E;IAC1C,WAAW,EAAE,cAAc,CAAc;;cAO1D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAe3E,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}

package/link-list.d.ts

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

package/link-list.d.ts.map

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

package/link-list.js

@@ -0,0 +1,65 @@
+import { css as b, LitElement as h, html as d, nothing as w } from "lit";
+import { property as r, customElement as m } from "lit/decorators.js";
+import { SbbSlotStateController as f } from "./core/controllers.js";
+import { SbbNegativeMixin as c, SbbNamedSlotListMixin as x } from "./core/mixins.js";
+import "./title.js";
+const v = b`*,:before,:after{box-sizing:border-box}:host{--sbb-link-list-flex-flow: column nowrap;display:block}: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-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}.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 g = Object.defineProperty, k = Object.getOwnPropertyDescriptor, l = (t, e, s, n) => {
+  for (var o = n > 1 ? void 0 : n ? k(e, s) : e, a = t.length - 1, p; a >= 0; a--)
+    (p = t[a]) && (o = (n ? p(e, s, o) : p(o)) || o);
+  return n && o && g(e, s, o), o;
+};
+let i = class extends c(
+  x(h)
+) {
+  constructor() {
+    super(), this.listChildLocalNames = [
+      "sbb-block-link",
+      "sbb-block-link-button",
+      "sbb-block-link-static"
+    ], this.titleLevel = "2", this.size = "s", this.orientation = "vertical", new f(this);
+  }
+  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 d`
+      <div class="sbb-link-list-wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel || w}
+          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>
+    `;
+  }
+};
+i.styles = v;
+l([
+  r({ attribute: "title-content", reflect: !0 })
+], i.prototype, "titleContent", 2);
+l([
+  r({ attribute: "title-level" })
+], i.prototype, "titleLevel", 2);
+l([
+  r({ reflect: !0 })
+], i.prototype, "size", 2);
+l([
+  r({ attribute: "horizontal-from", reflect: !0 })
+], i.prototype, "horizontalFrom", 2);
+l([
+  r({ reflect: !0 })
+], i.prototype, "orientation", 2);
+i = l([
+  m("sbb-link-list")
+], i);
+export {
+  i as SbbLinkListElement
+};

package/link.d.ts

@@ -0,0 +1,8 @@
+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';
+//# sourceMappingURL=link.d.ts.map

package/link.d.ts.map

@@ -0,0 +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"}

package/link.js

@@ -0,0 +1,7 @@
+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";