@sbb-esta/lyne-elements 1.6.0 → 1.7.0

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

@@ -2,7 +2,6 @@ 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;

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

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

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

@@ -1,6 +1,5 @@
 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;

package/link/common.js

@@ -1,16 +1,16 @@
 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 { SbbIconNameMixin as h } from "../icon.js";
 import { hostAttributes as d, slotState 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)}`;
+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}@media (forced-colors: active){.sbb-action-base{text-decoration:underline}}.sbb-action-base{display:flex;align-items:center;word-break:break-word;width:100%;cursor:pointer;padding:var(--sbb-link-padding, 0);outline:none}: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:var(--sbb-link-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) => {
+const v = (i) => {
   let t = class extends p(i) {
     constructor() {
       super(...arguments), this.size = "s";
@@ -32,7 +32,7 @@ var y = Object.defineProperty, k = (i, t, o, n) => {
   return e && y(t, o, e), e;
 };
 const O = (i) => {
-  const o = class o extends h(v(i)) {
+  const o = class o extends v(h(i)) {
     constructor() {
       super(...arguments), this.iconPlacement = "start";
     }
@@ -49,7 +49,7 @@ const O = (i) => {
     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}`, j = (i) => {
-  const o = class o extends h(i) {
+  const o = class o extends v(i) {
   };
   o.styles = [a, z];
   let t = o;
@@ -58,5 +58,5 @@ const O = (i) => {
 export {
   O as SbbBlockLinkCommonElementMixin,
   j as SbbInlineLinkCommonElementMixin,
-  h as SbbLinkCommonElementMixin
+  v as SbbLinkCommonElementMixin
 };

package/link/link/link.d.ts

@@ -1,5 +1,4 @@
 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.

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

@@ -1,5 +1,4 @@
 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.

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

@@ -1,5 +1,4 @@
 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.

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

@@ -0,0 +1,27 @@
+import { PropertyValues, TemplateResult, LitElement } from 'lit';
+import { WithListChildren } from '../../core/mixins.js';
+import { SbbBlockLinkButtonElement, SbbBlockLinkElement, SbbBlockLinkStaticElement, SbbLinkSize } from '../../link.js';
+import { SbbTitleLevel } from '../../title.js';
+declare const SbbLinkListBaseElement_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 SbbLinkListBaseElement extends SbbLinkListBaseElement_base {
+    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;
+    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
+    protected render(): TemplateResult;
+}
+export {};
+//# sourceMappingURL=link-list-base.d.ts.map

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

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

package/link-list/common.d.ts

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

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

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

package/link-list/common.js

@@ -0,0 +1,59 @@
+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;
+};
+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`
+      <div class="sbb-link-list-wrapper">
+        <sbb-title
+          class="sbb-link-list-title"
+          level=${this.titleLevel || c}
+          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>
+    `;
+  }
+};
+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}`;
+export {
+  l as SbbLinkListBaseElement,
+  z as linkListBaseStyle
+};

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

@@ -0,0 +1,22 @@
+import { CSSResultGroup } from 'lit';
+import { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces.js';
+import { SbbLinkListBaseElement } from '../common.js';
+/**
+ * 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 SbbLinkListBaseElement {
+    static styles: CSSResultGroup;
+    /** 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;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-list': SbbLinkListElement;
+    }
+}
+//# sourceMappingURL=link-list.d.ts.map

package/link-list/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/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"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { CSSResultGroup } from 'lit';
+import { SbbLinkListBaseElement } from '../common.js';
+/**
+ * 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 SbbLinkListAnchorElement extends SbbLinkListBaseElement {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sbb-link-list-anchor': SbbLinkListAnchorElement;
+    }
+}
+//# sourceMappingURL=link-list-anchor.d.ts.map

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+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);
+export {
+  t as SbbLinkListAnchorElement
+};

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

@@ -1,39 +1,2 @@
-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;
-    protected willUpdate(changedProperties: PropertyValues<WithListChildren<this>>): void;
-    protected render(): TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sbb-link-list': SbbLinkListElement;
-    }
-}
-export {};
+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,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,qBAEa,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;cAE1D,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"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../src/elements/link-list/link-list.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/link-list/link-list.js

@@ -0,0 +1,27 @@
+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;
+};
+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);
+export {
+  t as SbbLinkListElement
+};

package/link-list.d.ts

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

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"}
+{"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"}

package/link-list.js

@@ -1,66 +1,3 @@
-import { css as b, LitElement as h, html as d, nothing as m } from "lit";
-import { property as r, customElement as w } from "lit/decorators.js";
-import { slotState as f } from "./core/decorators.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(...arguments), this.listChildLocalNames = [
-      "sbb-block-link",
-      "sbb-block-link-button",
-      "sbb-block-link-static"
-    ], this.titleLevel = "2", this.size = "s", this.orientation = "vertical";
-  }
-  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 || m}
-          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([
-  w("sbb-link-list"),
-  f()
-], i);
-export {
-  i as SbbLinkListElement
-};
+export * from "./link-list/link-list.js";
+export * from "./link-list/link-list-anchor.js";
+export * from "./link-list/common.js";

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

@@ -1,5 +1,4 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-
 /**
  * It displays a loading indicator.
  */

package/logo/logo.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 import { SbbProtectiveRoom } from '../core/interfaces.js';
-
 declare const SbbLogoElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbNegativeMixinType> & typeof LitElement;
 /**
  * It displays the SBB logo.

package/logo.js

@@ -1,7 +1,7 @@
 import { css as h, LitElement as g, html as n } from "lit";
 import { property as c, customElement as v } from "lit/decorators.js";
 import { SbbNegativeMixin as p } from "./core/mixins.js";
-const m = h`*,:before,:after{box-sizing:border-box}:host{--sbb-logo-panel-color: var(--sbb-color-red);--sbb-logo-panel-stroke-color: var(--sbb-color-red);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none;display:block;height:var(--sbb-logo-height)}@media (forced-colors: active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-panel-stroke-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-stroke-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
+const m = h`*,:before,:after{box-sizing:border-box}:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-red);--sbb-logo-panel-stroke-color: var(--sbb-color-red);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-width: 100%;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media (forced-colors: active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-panel-stroke-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-stroke-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
 var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (i, e, s, l) => {
   for (var o = l > 1 ? void 0 : l ? _(e, s) : e, r = i.length - 1, b; r >= 0; r--)
     (b = i[r]) && (o = (l ? b(e, s, o) : b(o)) || o);

package/map-container/map-container.d.ts

@@ -1,5 +1,4 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
-
 /**
  * It can be used as a container for maps.
  *

package/map-container.js

@@ -5,7 +5,7 @@ import { SbbLanguageController as _ } from "./core/controllers.js";
 import { i18nMapContainerButtonLabel as g } from "./core/i18n.js";
 import { AgnosticIntersectionObserver as w } from "./core/observers.js";
 import "./button/tertiary-button.js";
-const f = m`*,:before,:after{box-sizing:border-box}:host{--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );display:block}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)))}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
+const f = m`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-map-container-map-height-zero: 18.4375rem;--sbb-map-container-map-height-small: 20rem;--sbb-map-container-sidebar-width: 25rem;--sbb-map-container-sidebar-background-color: var(--sbb-color-white);--sbb-map-container-border-radius: var(--sbb-border-radius-4x);--sbb-map-container-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x) );--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) )}@media (min-width: 37.5rem){:host{--sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media (min-width: 80rem){:host{--sbb-map-container-sidebar-width: 30rem}}.sbb-map-container{display:grid;grid-template-rows:auto auto}@media (min-width: 52.5rem){.sbb-map-container{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));height:calc(100vh - var(--sbb-map-container-margin-start, var(--sbb-header-height)))}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host([data-scroll-up-button-visible]) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media (min-width: 52.5rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: var(--sbb-color-cloud);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-map-container__sidebar::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media (min-width: 52.5rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-color-cloud)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media (max-width: 52.4375rem){.sbb-map-container__map{height:var(--sbb-map-container-map-height)}}@media (min-width: 52.5rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
 var k = Object.defineProperty, y = Object.getOwnPropertyDescriptor, c = (r, t, i, b) => {
   for (var a = b > 1 ? void 0 : b ? y(t, i) : t, s = r.length - 1, e; s >= 0; s--)
     (e = r[s]) && (a = (b ? e(t, i, a) : e(a)) || a);

package/menu/common/menu-action-common.d.ts

@@ -1,7 +1,6 @@
 import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { AbstractConstructor, SbbDisabledMixinType } from '../../core/mixins.js';
 import { SbbIconNameMixinType } from '../../icon.js';
-
 export declare class SbbMenuActionCommonElementMixinType implements Partial<SbbDisabledMixinType>, Partial<SbbIconNameMixinType> {
     amount?: string;
     disabled: boolean;

package/menu/menu/menu.d.ts

@@ -2,7 +2,6 @@ import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
 import { SbbMenuButtonElement } from '../menu-button.js';
 import { SbbMenuLinkElement } from '../menu-link.js';
-
 declare const SbbMenuElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNamedSlotListMixinType<SbbMenuButtonElement | SbbMenuLinkElement>> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a contextual menu with one or more action element.

package/menu/menu-button/menu-button.d.ts

@@ -1,5 +1,4 @@
 import { SbbButtonBaseElement } from '../../core/base-elements.js';
-
 declare const SbbMenuButtonElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbButtonBaseElement;
 /**
  * It displays a button element that can be used in the `sbb-menu` component.

package/menu/menu-link/menu-link.d.ts

@@ -1,5 +1,4 @@
 import { SbbLinkBaseElement } from '../../core/base-elements.js';
-
 declare const SbbMenuLinkElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbMenuActionCommonElementMixinType> & typeof SbbLinkBaseElement;
 /**
  * It displays a link element that can be used in the `sbb-menu` component.

package/menu/menu.js

@@ -7,7 +7,7 @@ import { SbbConnectedAbortController as C } from "../core/controllers.js";
 import { SbbScrollHandler as L, isBreakpoint as d, findReferencedElement as O } from "../core/dom.js";
 import { SbbNamedSlotListMixin as N } from "../core/mixins.js";
 import { isEventOnElement as h, applyInertMechanism as m, removeInertMechanism as u, removeAriaOverlayTriggerAttributes as S, setAriaOverlayTriggerAttributes as B, getElementPosition as A } from "../core/overlay.js";
-const T = v`*,:before,:after{box-sizing:border-box}:host{--sbb-menu-position-x: 0;--sbb-menu-position-y: 0;--sbb-menu-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-menu-animation-easing: ease;--sbb-menu-transform: translateY(100%);--sbb-menu-max-width: 100%;--sbb-menu-min-width: 100%;--sbb-menu-inset: 0 auto auto 0;--sbb-menu-container-height: 100vh;--sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-menu-min-height: 3.03125rem;--sbb-menu-border-radius: var(--sbb-border-radius-4x);--sbb-menu-visibility: hidden;--sbb-menu-backdrop-color: transparent;display:contents}@supports (height: 100dvh){:host{--sbb-menu-container-height: 100dvh}}@media (min-width: 52.5rem){:host{--sbb-menu-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-menu-max-width: 20rem;--sbb-menu-min-width: 11.25rem}}:host(:is([data-state=opened],[data-state=opening])){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: var(--sbb-color-black-alpha-20)}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-menu-backdrop-color: transparent}}:host(:not([data-state=closed])){--sbb-menu-inset: 0}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}::slotted(sbb-divider){--sbb-divider-color: var(--sbb-color-iron);margin-block:var(--sbb-spacing-fixed-2x)}.sbb-menu__container{position:fixed;pointer-events:none;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index, var(--sbb-overlay-default-z-index))}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility);pointer-events:all;position:fixed;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility}.sbb-menu{display:none;opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;position:absolute;inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:unset;color:var(--sbb-color-white);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-color-black);padding:0;overflow:hidden}:host([data-state]:not([data-state=closed])) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:open;animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host([data-state][data-state=closing]) .sbb-menu{pointer-events:none;animation-name:close}@media (forced-colors: active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not([data-state=closed])) .sbb-menu{top:var(--sbb-menu-position-y);left:var(--sbb-menu-position-x);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);overflow:auto;outline:none}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button,.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-menu__content:after{content:"";display:block;height:var(--sbb-spacing-fixed-8x)}@media (min-width: 52.5rem){.sbb-menu__content{max-height:fit-content}:host(:not([data-state=closed])) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}.sbb-menu-list{list-style:none;margin:0;padding:0;font-size:inherit}@keyframes open{0%{opacity:0;transform:var(--sbb-menu-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-menu-transform)}}`;
+const T = v`*,:before,:after{box-sizing:border-box}:host{display:contents;--sbb-menu-position-x: 0;--sbb-menu-position-y: 0;--sbb-menu-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-menu-animation-easing: ease;--sbb-menu-transform: translateY(100%);--sbb-menu-max-width: 100%;--sbb-menu-min-width: 100%;--sbb-menu-inset: 0 auto auto 0;--sbb-menu-container-height: 100vh;--sbb-menu-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-menu-min-height: 3.03125rem;--sbb-menu-border-radius: var(--sbb-border-radius-4x);--sbb-menu-visibility: hidden;--sbb-menu-backdrop-color: transparent}@supports (height: 100dvh){:host{--sbb-menu-container-height: 100dvh}}@media (min-width: 52.5rem){:host{--sbb-menu-transform: translateY(var(--sbb-spacing-fixed-2x));--sbb-menu-max-width: 20rem;--sbb-menu-min-width: 11.25rem}}:host(:is([data-state=opened],[data-state=opening])){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: var(--sbb-color-black-alpha-20)}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-menu-backdrop-color: transparent}}:host(:not([data-state=closed])){--sbb-menu-inset: 0}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}::slotted(sbb-divider){--sbb-divider-color: var(--sbb-color-iron);margin-block:var(--sbb-spacing-fixed-2x)}.sbb-menu__container{position:fixed;pointer-events:none;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index, var(--sbb-overlay-default-z-index))}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility);pointer-events:all;position:fixed;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility}.sbb-menu{display:none;opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;position:absolute;inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:unset;color:var(--sbb-color-white);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-color-black);padding:0;overflow:hidden}:host([data-state]:not([data-state=closed])) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:open;animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host([data-state][data-state=closing]) .sbb-menu{pointer-events:none;animation-name:close}@media (forced-colors: active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not([data-state=closed])) .sbb-menu{top:var(--sbb-menu-position-y);left:var(--sbb-menu-position-x);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button,.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);overflow:auto;outline:none}.sbb-menu__content:after{content:"";display:block;height:var(--sbb-spacing-fixed-8x)}@media (min-width: 52.5rem){.sbb-menu__content{max-height:fit-content}:host(:not([data-state=closed])) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}.sbb-menu-list{list-style:none;margin:0;padding:0;font-size:inherit}@keyframes open{0%{opacity:0;transform:var(--sbb-menu-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--sbb-menu-transform)}}`;
 var M = Object.defineProperty, P = Object.getOwnPropertyDescriptor, b = (e, t, n, s) => {
   for (var i = s > 1 ? void 0 : s ? P(t, n) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = (s ? a(t, n, i) : a(i)) || i);

package/message/message.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
 import { SbbTitleLevel } from '../title.js';
-
 /**
  * It displays a complex message combining a title, an image, an action and some content.
  *

package/navigation/common/navigation-action-common.d.ts

@@ -2,7 +2,6 @@ import { SbbActionBaseElement } from '../../core/base-elements.js';
 import { AbstractConstructor } from '../../core/mixins.js';
 import { SbbNavigationMarkerElement } from '../navigation-marker.js';
 import { SbbNavigationSectionElement } from '../navigation-section.js';
-
 export type SbbNavigationActionSize = 's' | 'm' | 'l';
 export declare class SbbNavigationActionCommonElementMixinType {
     size?: SbbNavigationActionSize;

package/navigation/navigation/navigation.d.ts

@@ -1,6 +1,5 @@
 import { CSSResultGroup, TemplateResult } from 'lit';
 import { SbbOpenCloseBaseElement } from '../../core/base-elements.js';
-
 declare const SbbNavigationElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbUpdateSchedulerMixinType> & typeof SbbOpenCloseBaseElement;
 /**
  * It displays a navigation menu, wrapping one or more `sbb-navigation-*` components.