@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

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-container/sidebar-container.component.js

@@ -1,77 +1,81 @@
-import { __esDecorate as _, __runInitializers as S } from "tslib";
-import { css as C, LitElement as y, isServer as d, html as g } from "lit";
-import { customElement as k } from "lit/decorators.js";
+import { __esDecorate as S, __runInitializers as g } from "tslib";
+import { css as C, LitElement as k, isServer as b, html as A } from "lit";
+import { customElement as E } from "lit/decorators.js";
 import { sidebarContainerCommonStyle as O } from "../common.js";
-const A = C`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);--sbb-sidebar-container-backdrop-opacity: 0;--sbb-sidebar-container__backdrop-visibility: hidden;--sbb-sidebar-container-backdrop-animation-duration: var( --sbb-sidebar-container-animation-duration )}@media (forced-colors: active){:host{--sbb-sidebar-container-backdrop-opacity: .5}}.sbb-sidebar-container-backdrop{position:absolute;inset:0;visibility:var(--sbb-sidebar-container__backdrop-visibility);opacity:var(--sbb-sidebar-container-backdrop-opacity);background-color:var(--sbb-color-black);z-index:3;transition-duration:var(--sbb-sidebar-container-backdrop-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:opacity,visibility}`, r = /* @__PURE__ */ new Set();
-let c;
-const E = 320;
-let D = (() => {
+const W = C`:host{display:block;overflow:hidden;--sbb-sidebar-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);--sbb-sidebar-container-backdrop-opacity: 0;--sbb-sidebar-container__backdrop-visibility: hidden;--sbb-sidebar-container-backdrop-animation-duration: var( --sbb-sidebar-container-animation-duration )}@media (forced-colors: active){:host{--sbb-sidebar-container-backdrop-opacity: .5}}.sbb-sidebar-container-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;visibility:var(--sbb-sidebar-container__backdrop-visibility);opacity:var(--sbb-sidebar-container-backdrop-opacity);background-color:var(--sbb-color-black);z-index:3;transition-duration:var(--sbb-sidebar-container-backdrop-animation-duration);transition-timing-function:var(--sbb-sidebar-container-animation-easing);transition-property:opacity,visibility}`, o = /* @__PURE__ */ new Set();
+let s;
+const w = 320;
+let L = (() => {
   var i;
-  let f = [k("sbb-sidebar-container")], b, l = [], a, m = y;
-  return i = class extends m {
+  let _ = [E("sbb-sidebar-container")], l, m = [], a, u = k;
+  return i = class extends u {
     constructor() {
       super(...arguments), this._forcedClosedSidebars = /* @__PURE__ */ new WeakSet();
     }
     /** The sidebar children. */
     get sidebars() {
-      return Array.from(this.querySelectorAll?.(":scope > sbb-sidebar") ?? []);
+      var t;
+      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, ":scope > sbb-sidebar")) ?? []);
     }
     /** The sidebar child with the `start` position. */
     get start() {
-      return this.querySelector?.(":scope > sbb-sidebar:not([position='end'])");
+      var t;
+      return (t = this.querySelector) == null ? void 0 : t.call(this, ":scope > sbb-sidebar:not([position='end'])");
     }
     /** The sidebar child with the `end` position. */
     get end() {
-      return this.querySelector?.(":scope > sbb-sidebar[position='end']");
+      var t;
+      return (t = this.querySelector) == null ? void 0 : t.call(this, ":scope > sbb-sidebar[position='end']");
     }
     connectedCallback() {
-      super.connectedCallback(), c ??= !d && new ResizeObserver(() => this._handleWidthChange()), !d && r.size === 0 && c.observe(document?.documentElement), r.add(this), this._handleWidthChange();
+      super.connectedCallback(), s ?? (s = !b && new ResizeObserver(() => this._handleWidthChange())), !b && o.size === 0 && s.observe(document == null ? void 0 : document.documentElement), o.add(this), this._handleWidthChange();
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), r.delete(this), r.size === 0 && c?.disconnect();
+      super.disconnectedCallback(), o.delete(this), o.size === 0 && (s == null || s.disconnect());
     }
     firstUpdated(t) {
       super.firstUpdated(t), this._handleWidthChange();
     }
     _handleWidthChange() {
-      Array.from(r).sort((t, s) => t.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_FOLLOWING).forEach((t) => t._calculateSpaceState());
+      Array.from(o).sort((t, r) => t.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_FOLLOWING).forEach((t) => t._calculateSpaceState());
     }
     /**
      * Closes and opens sidebars depending on available width
      * of the container and its parent container.
      */
     async _calculateSpaceState() {
-      if (d)
+      var n, v;
+      if (b)
         return;
-      const s = this.parentElement?.closest?.("sbb-sidebar-container")?.sidebars ?? [];
-      for (const e of s)
+      const t = (v = (n = this.parentElement) == null ? void 0 : n.closest) == null ? void 0 : v.call(n, "sbb-sidebar-container"), r = (t == null ? void 0 : t.sidebars) ?? [];
+      for (const e of r)
         await e.updateComplete.then(() => e.animationComplete);
-      const u = this.offsetWidth ?? 0;
-      if (u === 0)
+      const h = this.offsetWidth ?? 0;
+      if (h === 0)
         return;
-      const p = this.sidebars, h = s.some((e) => e.hasAttribute("data-mode-over-forced")) ?? !1, v = p.filter((e) => e.mode === "side").reduce((e, n) => e + (n.offsetWidth ?? 0), 0), o = u - v < E;
+      const p = this.sidebars, f = r.some((e) => e.hasAttribute("data-mode-over-forced")) ?? !1, y = p.filter((e) => e.mode === "side").reduce((e, c) => e + (c.offsetWidth ?? 0), 0), d = h - y < w;
       for (const e of p) {
-        const n = e.hasAttribute("data-mode-over-forced");
-        e.toggleAttribute("data-mode-over-forced", o), e.mode === "side" && ((o || h) && e.opened && !n ? (e.isOpen && !e.hasAttribute("data-skip-animation") && e.toggleAttribute("data-mode-over-forced-closing", !0), e.opened = !1, this._forcedClosedSidebars.add(e), e.hasAttribute("data-mode-over-forced-closing") && e.updateComplete.then(() => e.animationComplete).then(() => e.removeAttribute("data-mode-over-forced-closing"))) : (
+        const c = e.hasAttribute("data-mode-over-forced");
+        e.toggleAttribute("data-mode-over-forced", d), e.mode === "side" && ((d || f) && e.opened && !c ? (e.isOpen && !e.hasAttribute("data-skip-animation") && e.toggleAttribute("data-mode-over-forced-closing", !0), e.opened = !1, this._forcedClosedSidebars.add(e), e.hasAttribute("data-mode-over-forced-closing") && e.updateComplete.then(() => e.animationComplete).then(() => e.removeAttribute("data-mode-over-forced-closing"))) : (
           // We have to open the sidebar when the remaining width of the sidebar and the parent container
           // is above the minimum.
           // We only programmatically open the sidebar when the cause of closing was this logic.
-          !o && !h && this._forcedClosedSidebars.has(e) && (e.cedeFocus(), e.opened = !0, this._forcedClosedSidebars.delete(e))
+          !d && !f && this._forcedClosedSidebars.has(e) && (e.cedeFocus(), e.opened = !0, this._forcedClosedSidebars.delete(e))
         ));
       }
     }
     render() {
-      return g`<div
+      return A`<div
         class="sbb-sidebar-container-backdrop"
         @click=${() => this.sidebars.forEach((t) => t.close())}
       ></div>
       <slot @slotchange=${() => this._handleWidthChange()}></slot>`;
     }
   }, a = i, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-    _(null, b = { value: a }, f, { kind: "class", name: a.name, metadata: t }, null, l), a = b.value, t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), i.styles = [O, A], S(a, l), a;
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
+    S(null, l = { value: a }, _, { kind: "class", name: a.name, metadata: t }, null, m), a = l.value, t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), i.styles = [O, W], g(a, m), a;
 })();
 export {
-  D as SbbSidebarContainerElement
+  L as SbbSidebarContainerElement
 };

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,37 +1,39 @@
-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();
       h(this, r, c(this, m, "2"));
-      c(this, u), this.visualLevel ??= "5";
+      c(this, u), this.visualLevel ?? (this.visualLevel = "5");
     }
     /** 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/sidebar.js

@@ -1,4 +1,4 @@
-import { i as t, s as r, a as n } from "./icon-sidebar-button-common-CM-ueEhH.js";
+import { i as t, s as r, a as n } from "./icon-sidebar-button-common-DG8bnrBu.js";
 import { SbbIconSidebarElement as m } from "./sidebar/icon-sidebar/icon-sidebar.component.js";
 import { SbbIconSidebarButtonElement as a } from "./sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
 import { SbbIconSidebarContainerElement as l } from "./sidebar/icon-sidebar-container/icon-sidebar-container.component.js";

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