@sbb-esta/lyne-elements 2.10.1 → 3.0.0-next.0

package/sidebar/icon-sidebar/icon-sidebar.component.js

@@ -1,29 +1,28 @@
-var m = (t) => {
+var u = (t) => {
   throw TypeError(t);
 };
-var h = (t, e, r) => e.has(t) || m("Cannot " + r);
-var f = (t, e, r) => (h(t, e, "read from private field"), r ? r.call(t) : e.get(t)), _ = (t, e, r) => e.has(t) ? m("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), p = (t, e, r, s) => (h(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
-import { __esDecorate as v, __runInitializers as c } from "tslib";
-import { css as g, LitElement as k, html as y } from "lit";
+var f = (t, e, r) => e.has(t) || u("Cannot " + r);
+var h = (t, e, r) => (f(t, e, "read from private field"), r ? r.call(t) : e.get(t)), p = (t, e, r) => e.has(t) ? u("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), _ = (t, e, r, s) => (f(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
+import { __esDecorate as x, __runInitializers as c } from "tslib";
+import { css as v, LitElement as k, html as y } from "lit";
 import { customElement as S, property as z } from "lit/decorators.js";
-const w = g`*,:before,:after{box-sizing:border-box}:host{display:flex;flex-direction:column;flex-shrink:0;width:var(--sbb-size-element-m);overflow-y:auto;background-color:var(--sbb-color-white);margin-block-start:var(--sbb-spacing-fixed-3x);padding-block-start:var(--sbb-spacing-fixed-1x);border-start-end-radius:var(--sbb-icon-sidebar-border-radius);border-start-start-radius:0;--sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x)}:host([color=milk]){background-color:var(--sbb-color-milk)}`;
-let L = (() => {
+import { SbbElementInternalsMixin as w } from "../../core/mixins.js";
+const E = v`*,:before,:after{box-sizing:border-box}:host{display:flex;flex-direction:column;flex-shrink:0;width:var(--sbb-size-element-m);overflow-y:auto;background-color:var(--sbb-color-white);margin-block-start:var(--sbb-spacing-fixed-3x);padding-block-start:var(--sbb-spacing-fixed-1x);border-start-end-radius:var(--sbb-icon-sidebar-border-radius);border-start-start-radius:0;--sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x)}:host([color=milk]){background-color:var(--sbb-color-milk)}`;
+let M = (() => {
   var l, a;
-  let t = [S("sbb-icon-sidebar")], e, r = [], s, n = k, b, d = [], u = [];
+  let t = [S("sbb-icon-sidebar")], e, r = [], s, n = w(k), b, d = [], m = [];
   return a = class extends n {
     constructor() {
-      super();
-      _(this, l, c(this, d, "white"));
-      c(this, u);
-      const o = this.attachInternals();
-      o.role = "navigation";
+      super(...arguments);
+      p(this, l, c(this, d, "white"));
+      c(this, m);
     }
     /** Background color of the icon sidebar. Either `white` or `milk`. **/
     get color() {
-      return f(this, l);
+      return h(this, l);
     }
     set color(o) {
-      p(this, l, o);
+      _(this, l, o);
     }
     /** Returns the SbbIconSidebarContainerElement where this icon-sidebar is contained. */
     get container() {
@@ -37,11 +36,11 @@ let L = (() => {
     }
   }, l = new WeakMap(), s = a, (() => {
     const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    b = [z({ reflect: !0 })], v(a, null, b, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, x) => {
-      i.color = x;
-    } }, metadata: o }, d, u), v(null, e = { value: s }, t, { kind: "class", name: s.name, metadata: o }, null, r), s = e.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), a.styles = w, c(s, r), s;
+    b = [z({ reflect: !0 })], x(a, null, b, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (i) => "color" in i, get: (i) => i.color, set: (i, g) => {
+      i.color = g;
+    } }, metadata: o }, d, m), x(null, e = { value: s }, t, { kind: "class", name: s.name, metadata: o }, null, r), s = e.value, o && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), a.role = "navigation", a.styles = E, c(s, r), s;
 })();
 export {
-  L as SbbIconSidebarElement
+  M as SbbIconSidebarElement
 };

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts

@@ -5,6 +5,7 @@ declare const SbbIconSidebarButtonElement_base: import('../../core/mixins.js').A
  * Button to be placed inside `sbb-icon-sidebar`.
  *
  * @slot icon - Slot used to display the icon.
+ * @overrideType value - string
  */
 export declare class SbbIconSidebarButtonElement extends SbbIconSidebarButtonElement_base {
     static styles: CSSResultGroup;

package/sidebar/icon-sidebar-button/icon-sidebar-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;GAIG;AACH,qBAEM,2BAA4B,SAAQ,gCAAsC;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}
+{"version":3,"file":"icon-sidebar-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/icon-sidebar-button/icon-sidebar-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAInE;;;;;GAKG;AACH,qBAEM,2BAA4B,SAAQ,gCAAsC;IAC9E,OAAuB,MAAM,EAAE,cAAc,CAAgC;cAE1D,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}

package/sidebar/sidebar/sidebar.component.js

@@ -13,7 +13,7 @@ import { SbbEscapableOverlayController as J } from "../../core/controllers.js";
 import { forceType as w, handleDistinctChange as K } from "../../core/decorators.js";
 import { isZeroAnimationDuration as Q } from "../../core/dom.js";
 import { SbbAnimationCompleteMixin as X } from "../../core/mixins.js";
-const Y = P`*,:before,:after{box-sizing:border-box}:host{display:block;width:20rem;--sbb-link-text-decoration: none;--sbb-sidebar-background-color: var(--sbb-color-white);--sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);--sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);--sbb-sidebar-scrollbar-placeholder-width: var(--sbb-spacing-fixed-3x);--sbb-sidebar-border-radius: var(--sbb-border-radius-8x);--sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);--sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);--sbb-sidebar__margin: 0;--sbb-sidebar__margin-block-start: var(--sbb-sidebar-margin);--sbb-sidebar__translate-x: -100%;--sbb-sidebar__z-index: 2;--sbb-sidebar__padding-inline-end: var(--sbb-sidebar-padding);--sbb-sidebar__padding-block-start: var(--sbb-sidebar-padding);--sbb-sidebar__border-radius-start: var(--sbb-sidebar-border-radius);--sbb-sidebar__border-radius-end: 0;--sbb-sidebar__close-button-size: var(--sbb-size-element-xs)}@supports (scrollbar-gutter: stable){:host{--sbb-sidebar__padding-inline-end: calc( var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width) )}}:host([color=milk]){--sbb-sidebar-background-color: var(--sbb-color-milk)}:host(:is([mode=over],[data-mode-over-forced]:not([data-mode-over-forced-closing]))){--sbb-sidebar__margin: var(--sbb-sidebar-margin);--sbb-sidebar__border-radius-end: var(--sbb-sidebar-border-radius);--sbb-sidebar__z-index: 3}:host(:is(:dir(rtl),[position=end])){--sbb-sidebar__translate-x: 100%}:host(:dir(rtl)[position=end]){--sbb-sidebar__translate-x: -100%}.sbb-sidebar{width:inherit;max-width:calc(100% - 2 * var(--sbb-sidebar__margin));background-color:var(--sbb-sidebar-background-color);display:flex;flex-direction:column;position:absolute;overflow:hidden;inset-block:0;z-index:var(--sbb-sidebar__z-index);border-start-start-radius:var(--sbb-sidebar__border-radius-start);border-start-end-radius:var(--sbb-sidebar__border-radius-start);border-end-start-radius:var(--sbb-sidebar__border-radius-end);border-end-end-radius:var(--sbb-sidebar__border-radius-end);margin:var(--sbb-sidebar__margin);margin-block-start:var(--sbb-sidebar__margin-block-start);transition-duration:var(--sbb-sidebar-container-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:width,translate;translate:none}:host([position=end]) .sbb-sidebar{inset-inline-end:0}:host([data-state=closed]) .sbb-sidebar{visibility:hidden}:host(:is([data-state=closing],[data-state=closed])) .sbb-sidebar{translate:var(--sbb-sidebar__translate-x) 0}.sbb-sidebar-title-section{display:flex;width:100%;gap:var(--sbb-sidebar-title-gap);background-color:var(--sbb-sidebar-background-color);padding-inline:var(--sbb-sidebar-padding);transition:box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);box-shadow:none}:host([data-scrolled]) .sbb-sidebar-title-section{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-soft-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-soft-1-color)}.sbb-sidebar-content-section{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sidebar-content-section::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-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-sidebar-content-section::-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-sidebar-content-section::-webkit-scrollbar-button,.sbb-sidebar-content-section::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sidebar-content-section{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sidebar-content-section{padding-block-start:var(--sbb-sidebar__padding-block-start);padding-inline:var(--sbb-sidebar-padding) var(--sbb-sidebar__padding-inline-end);overflow-y:auto;flex-grow:1;outline-color:var(--sbb-focus-outline-color)}@supports (scrollbar-gutter: stable){.sbb-sidebar-content-section{scrollbar-gutter:stable}}::slotted(sbb-sidebar-title){flex-grow:1;padding-block:var(--sbb-sidebar-title-padding-block)}::slotted(sbb-sidebar-close-button){order:1;margin-inline-end:calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));margin-block:var(--sbb-sidebar-title-padding-block);inset-inline-end:var(--sbb-sidebar-padding)}`;
+const Y = P`*,:before,:after{box-sizing:border-box}:host{display:block;width:20rem;--sbb-link-text-decoration-line: none;--sbb-sidebar-background-color: var(--sbb-color-white);--sbb-sidebar-title-padding-block: var(--sbb-spacing-fixed-3x);--sbb-sidebar-padding: var(--sbb-spacing-responsive-xs);--sbb-sidebar-scrollbar-placeholder-width: var(--sbb-spacing-fixed-3x);--sbb-sidebar-border-radius: var(--sbb-border-radius-8x);--sbb-sidebar-margin: var(--sbb-spacing-fixed-3x);--sbb-sidebar-title-gap: var(--sbb-spacing-fixed-2x);--sbb-sidebar__margin: 0;--sbb-sidebar__margin-block-start: var(--sbb-sidebar-margin);--sbb-sidebar__translate-x: -100%;--sbb-sidebar__z-index: 2;--sbb-sidebar__padding-inline-end: var(--sbb-sidebar-padding);--sbb-sidebar__padding-block-start: var(--sbb-sidebar-padding);--sbb-sidebar__border-radius-start: var(--sbb-sidebar-border-radius);--sbb-sidebar__border-radius-end: 0;--sbb-sidebar__close-button-size: var(--sbb-size-element-xs)}@supports (scrollbar-gutter: stable) and (not (-webkit-touch-callout: none)){:host{--sbb-sidebar__padding-inline-end: calc( var(--sbb-sidebar-padding) - var(--sbb-sidebar-scrollbar-placeholder-width) )}}:host([color=milk]){--sbb-sidebar-background-color: var(--sbb-color-milk)}:host(:is([mode=over],[data-mode-over-forced]:not([data-mode-over-forced-closing]))){--sbb-sidebar__margin: var(--sbb-sidebar-margin);--sbb-sidebar__border-radius-end: var(--sbb-sidebar-border-radius);--sbb-sidebar__z-index: 3}:host(:is(:dir(rtl),[position=end])){--sbb-sidebar__translate-x: 100%}:host(:dir(rtl)[position=end]){--sbb-sidebar__translate-x: -100%}.sbb-sidebar{width:inherit;max-width:calc(100% - 2 * var(--sbb-sidebar__margin));background-color:var(--sbb-sidebar-background-color);display:flex;flex-direction:column;position:absolute;overflow:hidden;inset-block:0;z-index:var(--sbb-sidebar__z-index);border-start-start-radius:var(--sbb-sidebar__border-radius-start);border-start-end-radius:var(--sbb-sidebar__border-radius-start);border-end-start-radius:var(--sbb-sidebar__border-radius-end);border-end-end-radius:var(--sbb-sidebar__border-radius-end);margin:var(--sbb-sidebar__margin);margin-block-start:var(--sbb-sidebar__margin-block-start);transition-duration:var(--sbb-sidebar-container-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:width,translate;translate:none}:host([position=end]) .sbb-sidebar{inset-inline-end:0}:host([data-state=closed]) .sbb-sidebar{visibility:hidden}:host(:is([data-state=closing],[data-state=closed])) .sbb-sidebar{translate:var(--sbb-sidebar__translate-x) 0}.sbb-sidebar-title-section{display:flex;width:100%;gap:var(--sbb-sidebar-title-gap);background-color:var(--sbb-sidebar-background-color);padding-inline:var(--sbb-sidebar-padding);transition:box-shadow var(--sbb-animation-easing) var(--sbb-sidebar-container-animation-duration);box-shadow:none}:host([data-scrolled]) .sbb-sidebar-title-section{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-soft-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-soft-1-color)}.sbb-sidebar-content-section{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-sidebar-content-section::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-sidebar-content-section::-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-sidebar-content-section::-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-sidebar-content-section::-webkit-scrollbar-button,.sbb-sidebar-content-section::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-sidebar-content-section{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-sidebar-content-section{padding-block-start:var(--sbb-sidebar__padding-block-start);padding-inline:var(--sbb-sidebar-padding) var(--sbb-sidebar__padding-inline-end);overflow-y:auto;flex-grow:1;outline-color:var(--sbb-focus-outline-color)}@supports (scrollbar-gutter: stable){.sbb-sidebar-content-section{scrollbar-gutter:stable}}::slotted(sbb-sidebar-title){flex-grow:1;padding-block:var(--sbb-sidebar-title-padding-block)}::slotted(sbb-sidebar-close-button){order:1;margin-inline-end:calc(-1 * (var(--sbb-sidebar-padding) - var(--sbb-sidebar-title-padding-block)));margin-block:var(--sbb-sidebar-title-padding-block);inset-inline-end:var(--sbb-sidebar-padding)}`;
 let ue = (() => {
   var c, h, u, p, _, o;
   let i = [q("sbb-sidebar")], a, r = [], b, k = X(H), x = [], O, y = [], C = [], S, z = [], E = [], A, F = [], T = [], D, I = [], W = [], V, U = [], M = [], Z;

package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts

@@ -5,12 +5,14 @@ import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
  *
  * @slot - Use the unnamed slot to add content to the sidebar-close-button. Not intended to be used in this context.
  * @slot icon - Slot used to display the icon, if one is set. Not intended to be used in this context.
+ * @overrideType value - string
  */
 export declare class SbbSidebarCloseButtonElement extends SbbSecondaryButtonElement {
     static styles: CSSResultGroup;
     private _language?;
     private _languageController;
     constructor();
+    connectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected renderTemplate(): TemplateResult;
 }

package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-close-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-close-button/sidebar-close-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAO7E;;;;;GAKG;AACH,qBAGM,4BAA6B,SAAQ,yBAAyB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,mBAAmB,CAAmC;;cAQ3C,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAezD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}
+{"version":3,"file":"sidebar-close-button.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-close-button/sidebar-close-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAM7E;;;;;;GAMG;AACH,qBAEM,4BAA6B,SAAQ,yBAAyB;IAClE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,OAAO,CAAC,mBAAmB,CAAmC;;IAQ9C,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAezD,cAAc,IAAI,cAAc;CAGpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}

package/sidebar/sidebar-close-button/sidebar-close-button.component.js

@@ -1,18 +1,20 @@
-import { __esDecorate as u, __runInitializers as c } from "tslib";
+import { __esDecorate as c, __runInitializers as u } from "tslib";
 import { customElement as b } from "lit/decorators.js";
 import { SbbSecondaryButtonElement as i } from "../../button/secondary-button.js";
 import { SbbLanguageController as m } from "../../core/controllers.js";
-import { hostAttributes as g } from "../../core/decorators.js";
 import { i18nCloseSidebar as o } from "../../core/i18n.js";
-import { css as h } from "lit";
-const d = h`*,:before,:after{box-sizing:border-box}:host{display:block;height:fit-content}`;
-let v = (() => {
+import { css as g } from "lit";
+const h = g`*,:before,:after{box-sizing:border-box}:host{display:block;height:fit-content}`;
+let C = (() => {
   var e;
-  let n = [b("sbb-sidebar-close-button"), g({ slot: "title-section" })], r, l = [], t, s = i;
+  let n = [b("sbb-sidebar-close-button")], l, r = [], t, s = i;
   return e = class extends s {
     constructor() {
       super(), this._languageController = new m(this), this.iconName = "cross-small", this.size = "s";
     }
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "title-section");
+    }
     willUpdate(a) {
       super.willUpdate(a), this._language !== this._languageController.current && ((!this.hasAttribute("aria-label") || this._language && this.getAttribute("aria-label") === o[this._language]) && this.setAttribute("aria-label", o[this._languageController.current]), this._language = this._languageController.current);
     }
@@ -21,9 +23,9 @@ let v = (() => {
     }
   }, t = e, (() => {
     const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
-    u(null, r = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, l), t = r.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), e.styles = [i.styles, d], c(t, l), t;
+    c(null, l = { value: t }, n, { kind: "class", name: t.name, metadata: a }, null, r), t = l.value, a && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
+  })(), e.styles = [i.styles, h], u(t, r), t;
 })();
 export {
-  v as SbbSidebarCloseButtonElement
+  C as SbbSidebarCloseButtonElement
 };

package/sidebar/sidebar-title/sidebar-title.component.d.ts

@@ -8,6 +8,7 @@ export declare class SbbSidebarTitleElement extends SbbTitleBase {
     /** Title level */
     accessor level: SbbTitleLevel;
     constructor();
+    connectedCallback(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/sidebar/sidebar-title/sidebar-title.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-title.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-title/sidebar-title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIlE;;GAEG;AACH,qBAGM,sBAAuB,SAAQ,YAAY;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,kBAAkB;IAClB,SAAsD,KAAK,EAAE,aAAa,CAAO;;CAMlF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"sidebar-title.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/sidebar/sidebar-title/sidebar-title.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAIlE;;GAEG;AACH,qBAEM,sBAAuB,SAAQ,YAAY;IAC/C,OAAuB,MAAM,EAAE,cAAc,CAAgC;IAE7E,kBAAkB;IAClB,SAAsD,KAAK,EAAE,aAAa,CAAO;;IAOjE,iBAAiB,IAAI,IAAI;CAI1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}

package/sidebar/sidebar-title/sidebar-title.component.js

@@ -1,17 +1,16 @@
-var _ = (e) => {
+var d = (e) => {
   throw TypeError(e);
 };
-var v = (e, t, s) => t.has(e) || _("Cannot " + s);
-var d = (e, t, s) => (v(e, t, "read from private field"), s ? s.call(e) : t.get(e)), h = (e, t, s) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), p = (e, t, s, l) => (v(e, t, "write to private field"), l ? l.call(e, s) : t.set(e, s), s);
+var _ = (e, t, l) => t.has(e) || d("Cannot " + l);
+var v = (e, t, l) => (_(e, t, "read from private field"), l ? l.call(e) : t.get(e)), h = (e, t, l) => t.has(e) ? d("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, l), p = (e, t, l, s) => (_(e, t, "write to private field"), s ? s.call(e, l) : t.set(e, l), l);
 import { __esDecorate as f, __runInitializers as c } from "tslib";
-import { customElement as S, property as z } from "lit/decorators.js";
-import { hostAttributes as k } from "../../core/decorators.js";
+import { customElement as k, property as S } from "lit/decorators.js";
 import { SbbTitleBase as y } from "../../title.js";
-import { css as x } from "lit";
-const D = x`:host{display:block}.sbb-title{display:flex;-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - var(--sbb-title-font-size) * var(--sbb-title-line-height)));min-height:var(--sbb-sidebar__close-button-size);margin-block:0!important}`;
-let B = (() => {
+import { css as z } from "lit";
+const x = z`:host{display:block}.sbb-title{display:flex;-webkit-hyphens:auto;hyphens:auto;padding-block-start:calc(.5 * (var(--sbb-sidebar__close-button-size) - var(--sbb-title-font-size) * var(--sbb-title-line-height)));min-height:var(--sbb-sidebar__close-button-size);margin-block:0!important}`;
+let C = (() => {
   var r, a;
-  let e = [S("sbb-sidebar-title"), k({ slot: "title-section" })], t, s = [], l, n = y, b, m = [], u = [];
+  let e = [k("sbb-sidebar-title")], t, l = [], s, n = y, b, m = [], u = [];
   return a = class extends n {
     constructor() {
       super();
@@ -20,18 +19,21 @@ let B = (() => {
     }
     /** Title level */
     get level() {
-      return d(this, r);
+      return v(this, r);
     }
     set level(i) {
       p(this, r, i);
     }
-  }, r = new WeakMap(), l = a, (() => {
+    connectedCallback() {
+      super.connectedCallback(), this.slot || (this.slot = "title-section");
+    }
+  }, r = new WeakMap(), s = a, (() => {
     const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-    b = [z({ reflect: !0 })], f(a, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (o) => "level" in o, get: (o) => o.level, set: (o, g) => {
+    b = [S({ reflect: !0 })], f(a, null, b, { kind: "accessor", name: "level", static: !1, private: !1, access: { has: (o) => "level" in o, get: (o) => o.level, set: (o, g) => {
       o.level = g;
-    } }, metadata: i }, m, u), f(null, t = { value: l }, e, { kind: "class", name: l.name, metadata: i }, null, s), l = t.value, i && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
-  })(), a.styles = [y.styles, D], c(l, s), l;
+    } }, metadata: i }, m, u), f(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: i }, null, l), s = t.value, i && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), a.styles = [y.styles, x], c(s, l), s;
 })();
 export {
-  B as SbbSidebarTitleElement
+  C as SbbSidebarTitleElement
 };

package/slider/slider.component.d.ts

@@ -1,14 +1,16 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
-declare const SbbSliderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType<string>> & typeof LitElement;
+declare const SbbSliderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbReadonlyMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../core/mixins.js').SbbElementInternalsConstructor;
 /**
  * It displays an input knob that can be moved in a range.
  *
  * @slot prefix - Use this slot to render an icon on the left side of the input.
  * @slot suffix - Use this slot to render an icon on the right side of the input.
  * @event {CustomEvent<void>} didChange - Deprecated. used for React. Will probably be removed once React 19 is available.
+ * @overrideType value - string | null
  */
 export declare class SbbSliderElement extends SbbSliderElement_base {
+    static readonly role = "slider";
     static styles: CSSResultGroup;
     static readonly events: {
         readonly didChange: "didChange";
@@ -19,6 +21,7 @@ export declare class SbbSliderElement extends SbbSliderElement_base {
      */
     set value(value: string | null);
     get value(): string;
+    private _value;
     /** Numeric value for the inner HTMLInputElement. */
     set valueAsNumber(value: number | null);
     get valueAsNumber(): number | null;
@@ -30,11 +33,6 @@ export declare class SbbSliderElement extends SbbSliderElement_base {
     set max(value: string);
     get max(): string;
     private _max;
-    /**
-     * Readonly state for the inner HTMLInputElement.
-     * Since the input range does not allow this attribute, it will be merged with the `disabled` one.
-     */
-    accessor readonly: boolean;
     /** Name of the icon at component's start, which will be forward to the nested `sbb-icon`. */
     accessor startIcon: string;
     /** Name of the icon at component's end, which will be forward to the nested `sbb-icon`. */
@@ -44,11 +42,6 @@ export declare class SbbSliderElement extends SbbSliderElement_base {
      * @default 'range'
      */
     get type(): string;
-    /**
-     * The ratio between the absolute value and the validity interval.
-     * E.g. given `min=0`, `max=100` and `value=50`, then `_valueFraction=0.5`
-     */
-    private accessor _valueFraction;
     /**
      * @deprecated only used for React. Will probably be removed once React 19 is available.
      */
@@ -56,7 +49,6 @@ export declare class SbbSliderElement extends SbbSliderElement_base {
     /** Reference to the inner HTMLInputElement with type='range'. */
     private _rangeInput;
     constructor();
-    connectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     /**
      * The reset value is the attribute value (the setup value). If not present, calculates the default.
@@ -67,18 +59,17 @@ export declare class SbbSliderElement extends SbbSliderElement_base {
      * @internal
      */
     formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
-    protected updateFormValue(): void;
     /**
      *  If no value is provided, default is the middle point between min and max
      *  (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value)
      */
-    private _getDefaultValue;
+    private _defaultValue;
     private _isValidNumber;
     /**
      * Restrains the value between the min and max
      */
     private _boundBetweenMinMax;
-    private _calculateValueFraction;
+    private _valueFraction;
     private _handleKeydown;
     /** Emits the change event. */
     private _emitChange;

package/slider/slider.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.component.d.ts","sourceRoot":"","sources":["../../../src/elements/slider/slider.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAOhD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,YAAY,CAAC;;AAEpB;;;;;;GAMG;AACH,qBAKM,gBAAiB,SAAQ,qBAAoD;IACjF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAQ7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,oDAAoD;IACpD,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAE5C;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAe;IAE3B,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAiB;IAE7B;;;OAGG;IACH,SAEgB,QAAQ,EAAE,OAAO,CAAS;IAE1C,6FAA6F;IAC7F,SAEgB,SAAS,EAAE,MAAM,CAAM;IAEvC,2FAA2F;IAC3F,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC;;;OAGG;IACH,IAAoB,IAAI,IAAI,MAAM,CAEjC;IAED;;;OAGG;IACM,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAK;IAE7C;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,iEAAiE;IACjE,OAAO,CAAC,WAAW,CAAoB;;IASvB,iBAAiB,IAAI,IAAI;cAQtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;OAEG;IACI,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAIY,eAAe,IAAI,IAAI;IAI1C;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,uBAAuB;YASjB,cAAc;IAgC5B,8BAA8B;IAC9B,OAAO,CAAC,WAAW;cAKA,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"slider.component.d.ts","sourceRoot":"","sources":["../../../src/elements/slider/slider.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAMhD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAKtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,YAAY,CAAC;;AAEpB;;;;;;;GAOG;AACH,qBAKM,gBAAiB,SAAQ,qBAE9B;IACC,gBAAgC,IAAI,YAAY;IAChD,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAOpC;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAuB;IAErC,oDAAoD;IACpD,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAE5C;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAW3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAe;IAE3B,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAW3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAiB;IAE7B,6FAA6F;IAC7F,SAEgB,SAAS,EAAE,MAAM,CAAM;IAEvC,2FAA2F;IAC3F,SAEgB,OAAO,EAAE,MAAM,CAAM;IAErC;;;OAGG;IACH,IAAoB,IAAI,IAAI,MAAM,CAEjC;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,iEAAiE;IACjE,OAAO,CAAC,WAAW,CAAoB;;cAOpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS5E;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;OAEG;IACI,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAIP;;;OAGG;IACH,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,cAAc;YASR,cAAc;IAgC5B,8BAA8B;IAC9B,OAAO,CAAC,WAAW;cAKA,MAAM,IAAI,cAAc;CAgC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}