@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776736853 → 5.0.0-next-dev.1776760633

package/standard-theme.css

@@ -2234,6 +2234,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-text) - 1.25));
 }
 :is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
@@ -2248,7 +2249,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
     color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
   );
   --sbb-scrollbar-track-color: transparent;
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
 }
 :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
@@ -2289,13 +2289,13 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   padding-block-end: 0.34375rem;
 }
 :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
   --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
   --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
   --sbb-scrollbar-track-color: transparent;
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
 }
 :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
@@ -3139,94 +3139,85 @@ sup {
   }
 }
 
-.sbb-scrollbar,
+:is(.sbb-scrollbar,
 .sbb-scrollbar-negative,
 .sbb-scrollbar-thick,
 .sbb-scrollbar-thick-negative,
 .sbb-scrollbar-track-visible,
 .sbb-scrollbar-negative-track-visible,
 .sbb-scrollbar-thick-track-visible,
-.sbb-scrollbar-thick-negative-track-visible {
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-}
-.sbb-scrollbar::-webkit-scrollbar,
-.sbb-scrollbar-negative::-webkit-scrollbar,
-.sbb-scrollbar-thick::-webkit-scrollbar,
-.sbb-scrollbar-thick-negative::-webkit-scrollbar,
-.sbb-scrollbar-track-visible::-webkit-scrollbar,
-.sbb-scrollbar-negative-track-visible::-webkit-scrollbar,
-.sbb-scrollbar-thick-track-visible::-webkit-scrollbar,
-.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar {
+.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
   height: var(--sbb-scrollbar-width);
   background-color: var(--sbb-scrollbar-track-color, transparent);
 }
-.sbb-scrollbar::-webkit-scrollbar-corner,
-.sbb-scrollbar-negative::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick-negative::-webkit-scrollbar-corner,
-.sbb-scrollbar-track-visible::-webkit-scrollbar-corner,
-.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-corner {
+:is(.sbb-scrollbar,
+.sbb-scrollbar-negative,
+.sbb-scrollbar-thick,
+.sbb-scrollbar-thick-negative,
+.sbb-scrollbar-track-visible,
+.sbb-scrollbar-negative-track-visible,
+.sbb-scrollbar-thick-track-visible,
+.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner {
   background-color: var(--sbb-scrollbar-track-color, transparent);
 }
-.sbb-scrollbar::-webkit-scrollbar-thumb,
-.sbb-scrollbar-negative::-webkit-scrollbar-thumb,
-.sbb-scrollbar-thick::-webkit-scrollbar-thumb,
-.sbb-scrollbar-thick-negative::-webkit-scrollbar-thumb,
-.sbb-scrollbar-track-visible::-webkit-scrollbar-thumb,
-.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-thumb,
-.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-thumb,
-.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-thumb {
+:is(.sbb-scrollbar,
+.sbb-scrollbar-negative,
+.sbb-scrollbar-thick,
+.sbb-scrollbar-thick-negative,
+.sbb-scrollbar-track-visible,
+.sbb-scrollbar-negative-track-visible,
+.sbb-scrollbar-thick-track-visible,
+.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb {
   background-color: var(--sbb-scrollbar-color, currentcolor);
   border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
   border-radius: var(--sbb-border-radius-4x);
   background-clip: padding-box;
 }
-.sbb-scrollbar::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-negative::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-thick::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-thick-negative::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-track-visible::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-thumb:hover,
-.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-thumb:hover {
+:is(.sbb-scrollbar,
+.sbb-scrollbar-negative,
+.sbb-scrollbar-thick,
+.sbb-scrollbar-thick-negative,
+.sbb-scrollbar-track-visible,
+.sbb-scrollbar-negative-track-visible,
+.sbb-scrollbar-thick-track-visible,
+.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-thumb:hover {
   background-color: var(--sbb-scrollbar-color-hover, currentcolor);
   border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
 }
-.sbb-scrollbar::-webkit-scrollbar-button, .sbb-scrollbar::-webkit-scrollbar-corner,
-.sbb-scrollbar-negative::-webkit-scrollbar-button,
-.sbb-scrollbar-negative::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick::-webkit-scrollbar-button,
-.sbb-scrollbar-thick::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick-negative::-webkit-scrollbar-button,
-.sbb-scrollbar-thick-negative::-webkit-scrollbar-corner,
-.sbb-scrollbar-track-visible::-webkit-scrollbar-button,
-.sbb-scrollbar-track-visible::-webkit-scrollbar-corner,
-.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-button,
-.sbb-scrollbar-negative-track-visible::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-button,
-.sbb-scrollbar-thick-track-visible::-webkit-scrollbar-corner,
-.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-button,
-.sbb-scrollbar-thick-negative-track-visible::-webkit-scrollbar-corner {
+:is(.sbb-scrollbar,
+.sbb-scrollbar-negative,
+.sbb-scrollbar-thick,
+.sbb-scrollbar-thick-negative,
+.sbb-scrollbar-track-visible,
+.sbb-scrollbar-negative-track-visible,
+.sbb-scrollbar-thick-track-visible,
+.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-button, :is(.sbb-scrollbar,
+.sbb-scrollbar-negative,
+.sbb-scrollbar-thick,
+.sbb-scrollbar-thick-negative,
+.sbb-scrollbar-track-visible,
+.sbb-scrollbar-negative-track-visible,
+.sbb-scrollbar-thick-track-visible,
+.sbb-scrollbar-thick-negative-track-visible)::-webkit-scrollbar-corner {
   display: none;
 }
 @supports not selector(::-webkit-scrollbar) {
-  .sbb-scrollbar,
+  :is(.sbb-scrollbar,
   .sbb-scrollbar-negative,
   .sbb-scrollbar-thick,
   .sbb-scrollbar-thick-negative,
   .sbb-scrollbar-track-visible,
   .sbb-scrollbar-negative-track-visible,
   .sbb-scrollbar-thick-track-visible,
-  .sbb-scrollbar-thick-negative-track-visible {
+  .sbb-scrollbar-thick-negative-track-visible) {
     scrollbar-width: var(--sbb-scrollbar-width-firefox);
     scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
   }
 }
 
 .sbb-scrollbar {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
@@ -3244,6 +3235,7 @@ sup {
 }
 
 .sbb-scrollbar-negative {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
@@ -3253,6 +3245,7 @@ sup {
 }
 
 .sbb-scrollbar-thick {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.5rem;
   --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
   --sbb-scrollbar-width-firefox: auto;
@@ -3270,6 +3263,7 @@ sup {
 }
 
 .sbb-scrollbar-thick-negative {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.5rem;
   --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
   --sbb-scrollbar-width-firefox: auto;
@@ -3279,6 +3273,7 @@ sup {
 }
 
 .sbb-scrollbar-track-visible {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
@@ -3296,6 +3291,7 @@ sup {
 }
 
 .sbb-scrollbar-negative-track-visible {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
@@ -3305,6 +3301,7 @@ sup {
 }
 
 .sbb-scrollbar-thick-track-visible {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.5rem;
   --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
   --sbb-scrollbar-width-firefox: auto;
@@ -3322,6 +3319,7 @@ sup {
 }
 
 .sbb-scrollbar-thick-negative-track-visible {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.5rem;
   --sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);
   --sbb-scrollbar-width-firefox: auto;

package/{step-label.component-qdfunibJ.js → step-label.component-BXg13qOD.js}

@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
 import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, boxSizingStyles as o, removeAriaElements as s } from "./core.js";
 import { SbbIconNameMixin as c } from "./icon.pure.js";
 //#region src/elements/stepper/step-label/step-label.scss?inline
-var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-transform-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;transform:translate(-50%,var(--_sbb-step-label-transform-y));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}", u = 0, d = class extends c(r(n)) {
+var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-transform-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;transform:translate(-50%,var(--_sbb-step-label-transform-y));transition:transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);transform:translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,transform}", u = class extends c(r(n)) {
 	static {
 		this.elementName = "sbb-step-label";
 	}
@@ -46,7 +46,7 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
 		return !0;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.id ||= `sbb-step-label-${u++}`, this.slot ||= "step-label", this.internals.ariaSelected = "false", this.tabIndex = -1, this._assignStep();
+		super.connectedCallback(), this.slot ||= "step-label", this.internals.ariaSelected = "false", this.tabIndex = -1, this._assignStep();
 	}
 	select() {
 		this.tabIndex = 0, this.internals.ariaSelected = "true", this.internals.states.add("selected");
@@ -74,4 +74,4 @@ var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation
 	}
 };
 //#endregion
-export { d as t };
+export { u as t };

package/{step.component-aBAfTJyO.js → step.component-sQbJslHx.js}

@@ -2,7 +2,7 @@ import { html as e, unsafeCSS as t } from "lit";
 import { SbbElement as n, SbbPropertyWatcherController as r, appendAriaElements as i, boxSizingStyles as a, removeAriaElements as o } from "./core.js";
 import { ResizeController as s } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/stepper/step/step.scss?inline
-var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:contents;font-size:var(--sbb-text-font-size-m);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = 0, u = class extends n {
+var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-spacing-fixed-4x);--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:contents;font-size:var(--sbb-text-font-size-m);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(selected),[state--selected])){--sbb-step-opacity: 1;--sbb-step-display: block;--sbb-step-height: fit-content;--sbb-step-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-step-animation-delay: var(--sbb-step-animation-duration)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-step-position: absolute;--sbb-step-inset-block-start: 0}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{margin-inline-start:var(--sbb-step-margin-inline-start);opacity:0;height:0;transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) .sbb-step--wrapper{opacity:1;height:var(--sbb-stepper-content-height);transition:display var(--sbb-step-animation-duration) var(--sbb-animation-easing),height var(--sbb-stepper-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-step-animation-duration) var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);transition-behavior:allow-discrete}.sbb-step{position:var(--sbb-step-position, initial);width:100%;inset-block-start:var(--sbb-step-inset-block-start, unset);opacity:var(--sbb-step-opacity);display:var(--sbb-step-display, none);height:var(--sbb-step-height, 0);transition-property:display,opacity;transition-duration:var(--sbb-step-animation-duration);transition-delay:var(--sbb-step-animation-delay, 0);transition-timing-function:var(--sbb-animation-easing);transition-behavior:allow-discrete}@starting-style{.sbb-step{--sbb-step-opacity: 0}}", l = class extends n {
 	static {
 		this.elementName = "sbb-step";
 	}
@@ -64,7 +64,7 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 		this.matches(":is(:state(selected),[state--selected])") && this.dispatchEvent(new Event("resizechange", { bubbles: !0 }));
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.id ||= `sbb-step-${l++}`, this.slot ||= "step", this._assignLabel();
+		super.connectedCallback(), this.slot ||= "step", this._assignLabel();
 	}
 	firstUpdated(e) {
 		super.firstUpdated(e), this.updateComplete.then(() => {
@@ -88,4 +88,4 @@ var c = ":host{--sbb-step-opacity: 0;--sbb-step-margin-inline-start: var(--sbb-s
 	}
 };
 //#endregion
-export { u as t };
+export { l as t };

package/stepper/step/step.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../step.component-aBAfTJyO.js";
+import { t as e } from "../../step.component-sQbJslHx.js";
 export { e as SbbStepElement };

package/stepper/step-label/step-label.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../step-label.component-qdfunibJ.js";
+import { t as e } from "../../step-label.component-BXg13qOD.js";
 export { e as SbbStepLabelElement };

package/stepper.js

@@ -1,5 +1,5 @@
-import { t as e } from "./step-label.component-qdfunibJ.js";
-import { t } from "./step.component-aBAfTJyO.js";
+import { t as e } from "./step-label.component-BXg13qOD.js";
+import { t } from "./step.component-sQbJslHx.js";
 import { n, t as r } from "./stepper.component-8IXNrdx7.js";
 import "./stepper.pure.js";
 t.define(), e.define(), n.define();

package/stepper.pure.js

@@ -1,4 +1,4 @@
-import { t as e } from "./step-label.component-qdfunibJ.js";
-import { t } from "./step.component-aBAfTJyO.js";
+import { t as e } from "./step-label.component-BXg13qOD.js";
+import { t } from "./step.component-sQbJslHx.js";
 import { n, t as r } from "./stepper.component-8IXNrdx7.js";
 export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };

package/styles-swTeDfst.js

@@ -0,0 +1,5 @@
+import { unsafeCSS as e } from "lit";
+//#region src/elements/core/styles/box-sizing.scss?inline
+var t = "*,:before,:after{box-sizing:border-box}", n = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent}:host::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}:host::-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}:host::-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)))}:host::-webkit-scrollbar-button,:host::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){:host{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}", r = e(t), i = e(n);
+//#endregion
+export { i as n, r as t };

package/{tab.component-DGzqld4u.js → tab.component-D6hfhlZw.js}

@@ -1,10 +1,10 @@
 import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n } from "./core.js";
-import { ResizeController as r } from "@lit-labs/observers/resize-controller.js";
+import { SbbElement as n, hostScrollbarStyles as r } from "./core.js";
+import { ResizeController as i } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/tabs/tab/tab.scss?inline
-var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}", a = 0, o = class extends n {
+var a = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:not(:is(:state(active),[state--active]))){display:none!important}:host(:is(:state(active),[state--active])){display:block;opacity:1;transition-duration:var(--sbb-tab-group-animation-duration);transition-delay:var(--sbb-tab-group-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:opacity,height;transition-behavior:allow-discrete}@starting-style{:host(:is(:state(active),[state--active])){opacity:0}}", o = class extends n {
 	constructor() {
-		super(...arguments), this._tabContentResizeObserver = new r(this, {
+		super(...arguments), this._tabContentResizeObserver = new i(this, {
 			target: null,
 			skipInitial: !0,
 			callback: () => this._onTabContentElementResize()
@@ -17,7 +17,7 @@ var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:bl
 		this.role = "tabpanel";
 	}
 	static {
-		this.styles = t(i);
+		this.styles = [r, t(a)];
 	}
 	static {
 		this.events = { active: "active" };
@@ -29,7 +29,7 @@ var i = "@charset \"UTF-8\";:host:after,:host:before{content:\"\xA0\";display:bl
 		return this.closest("sbb-tab-group");
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.id ||= `sbb-tab-${a++}`, this.tabIndex = 0, this.classList.add("sbb-scrollbar");
+		super.connectedCallback(), this.tabIndex = 0, this.classList.add("sbb-scrollbar");
 	}
 	activate() {
 		this.internals.states.add("active"), this._tabContentResizeObserver.observe(this);

package/table/table-wrapper/table-wrapper.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../table-wrapper.component-C36NdMWS.js";
+import { t as e } from "../../table-wrapper.component-Dxb8kzV3.js";
 export { e as SbbTableWrapperElement };

package/{table-wrapper.component-C36NdMWS.js → table-wrapper.component-Dxb8kzV3.js}

@@ -1,18 +1,18 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
-import { SbbElement as o, SbbNegativeMixin as s, forceType as c } from "./core.js";
-import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
+import { SbbElement as o, SbbNegativeMixin as s, forceType as c, hostScrollbarStyles as l } from "./core.js";
+import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
 //#region src/elements/table/table-wrapper/table-wrapper.scss?inline
-var u = ":host{display:block;overflow:auto}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}::slotted(.sbb-table){width:100%}", d = (() => {
-	let d = s(o), f, p = [], m = [];
-	return class extends d {
+var d = ":host{display:block;overflow:auto;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:host(:focus-visible){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}::slotted(.sbb-table){width:100%}:host([negative]){--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", f = (() => {
+	let f = s(o), p, m = [], h = [];
+	return class extends f {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
-			f = [c(), a({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(f[Symbol.metadata] ?? null) : void 0;
+			p = [c(), a({
 				reflect: !0,
 				type: Boolean
-			})], e(this, null, f, {
+			})], e(this, null, p, {
 				kind: "accessor",
 				name: "focusable",
 				static: !1,
@@ -25,7 +25,7 @@ var u = ":host{display:block;overflow:auto}:host(:focus-visible){outline-offset:
 					}
 				},
 				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
+			}, m, h), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -39,9 +39,9 @@ var u = ":host{display:block;overflow:auto}:host(:focus-visible){outline-offset:
 			this.role = "section";
 		}
 		static {
-			this.styles = i(u);
+			this.styles = [l, i(d)];
 		}
-		#e = t(this, p, !1);
+		#e = t(this, m, !1);
 		get focusable() {
 			return this.#e;
 		}
@@ -49,7 +49,7 @@ var u = ":host{display:block;overflow:auto}:host(:focus-visible){outline-offset:
 			this.#e = e;
 		}
 		constructor() {
-			super(), t(this, m), this.addController(new l(this, {
+			super(), t(this, h), this.addController(new u(this, {
 				skipInitial: !0,
 				callback: () => this._checkHorizontalScrollbarOffset()
 			})), this.addEventListener?.("scroll", () => this._checkHorizontalScrollbarOffset(), { passive: !0 });
@@ -78,4 +78,4 @@ var u = ":host{display:block;overflow:auto}:host(:focus-visible){outline-offset:
 	};
 })();
 //#endregion
-export { d as t };
+export { f as t };

package/table.js

@@ -1,4 +1,4 @@
-import { t as e } from "./table-wrapper.component-C36NdMWS.js";
+import { t as e } from "./table-wrapper.component-Dxb8kzV3.js";
 import "./table.pure.js";
 //#region src/elements/table.ts
 e.define();

package/table.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./table-wrapper.component-C36NdMWS.js";
+import { t as e } from "./table-wrapper.component-Dxb8kzV3.js";
 export { e as SbbTableWrapperElement };

package/tabs/tab/tab.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../tab.component-DGzqld4u.js";
+import { t as e } from "../../tab.component-D6hfhlZw.js";
 export { e as SbbTabElement };

package/tabs.js

@@ -1,7 +1,7 @@
 import { t as e } from "./tab-group.component-B3uz-8FA.js";
 import { t } from "./tab-label.component-CH24fqmB.js";
 import { t as n } from "./tab-nav-bar.component-C6ZRnHq_.js";
-import { t as r } from "./tab.component-DGzqld4u.js";
+import { t as r } from "./tab.component-D6hfhlZw.js";
 import { n as i, t as a } from "./styles-DMLyYaea.js";
 import "./tabs.pure.js";
 r.define(), e.define(), t.define(), n.define();

package/tabs.pure.js

@@ -1,6 +1,6 @@
 import { t as e } from "./tab-group.component-B3uz-8FA.js";
 import { t } from "./tab-label.component-CH24fqmB.js";
 import { t as n } from "./tab-nav-bar.component-C6ZRnHq_.js";
-import { t as r } from "./tab.component-DGzqld4u.js";
+import { t as r } from "./tab.component-D6hfhlZw.js";
 import { n as i, t as a } from "./styles-DMLyYaea.js";
 export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };

package/tooltip/tooltip.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../tooltip.component-C5y6zCtF.js";
+import { t as e } from "../tooltip.component-Do4V1jGd.js";
 export { e as SbbTooltipElement };

package/{tooltip.component-C5y6zCtF.js → tooltip.component-Do4V1jGd.js}

@@ -3,21 +3,21 @@ import { html as n, isServer as r, unsafeCSS as i } from "lit";
 import { property as a } from "lit/decorators.js";
 import { SbbDisabledMixin as o, SbbEscapableOverlayController as s, SbbOpenCloseBaseElement as c, SbbOverlayPositionController as l, appendAriaElements as u, boxSizingStyles as d, idReference as f, isAndroid as p, isIOS as m, isZeroAnimationDuration as h, queueDomContentLoaded as g, readConfig as _, removeAriaElements as v, sbbOverlayOutsidePointerEventListener as y } from "./core.js";
 //#region src/elements/tooltip/tooltip.scss?inline
-var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = p || m, C = /* @__PURE__ */ new WeakMap(), w = 0, T = (() => {
-	let p = o(c), m = [], T, E = [], D = [], O, k, A;
+var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events, all);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);font-size:var(--sbb-tooltip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-tooltip-animation-name: open;display:block}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=\" start\"],[data-position$=\" end\"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}", x = 500, S = p || m, C = /* @__PURE__ */ new WeakMap(), w = (() => {
+	let p = o(c), m = [], w, T = [], E = [], D, O, k;
 	return class extends p {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(p[Symbol.metadata] ?? null) : void 0;
-			T = [f(), a()], O = [a({
+			w = [f(), a()], D = [a({
 				attribute: "open-delay",
 				type: Number
-			})], k = [a({
+			})], O = [a({
 				attribute: "close-delay",
 				type: Number
-			})], A = [a({
+			})], k = [a({
 				attribute: "long-press-close-delay",
 				type: Number
-			})], e(this, null, T, {
+			})], e(this, null, w, {
 				kind: "accessor",
 				name: "trigger",
 				static: !1,
@@ -30,7 +30,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, E, D), e(this, null, O, {
+			}, T, E), e(this, null, D, {
 				kind: "setter",
 				name: "openDelay",
 				static: !1,
@@ -42,7 +42,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, m), e(this, null, k, {
+			}, null, m), e(this, null, O, {
 				kind: "setter",
 				name: "closeDelay",
 				static: !1,
@@ -54,7 +54,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 					}
 				},
 				metadata: t
-			}, null, m), e(this, null, A, {
+			}, null, m), e(this, null, k, {
 				kind: "setter",
 				name: "longPressCloseDelay",
 				static: !1,
@@ -111,7 +111,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			return this._longPressCloseDelay ?? _().tooltip?.longPressCloseDelay ?? 1500;
 		}
 		constructor() {
-			super(), this.#e = (t(this, m), t(this, E, null)), this._openDelay = (t(this, D), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
+			super(), this.#e = (t(this, m), t(this, T, null)), this._openDelay = (t(this, E), null), this._closeDelay = null, this._triggerElement = null, this._escapableOverlayController = new s(this), this._overlayController = new l(this), this.addEventListener("mouseleave", (e) => {
 				(this.state === "opened" || this.state === "opening") && (!e.relatedTarget || !this._triggerElement?.contains(e.relatedTarget)) && this._delayedClose();
 			}, { passive: !0 }), this.addEventListener("overlayOutsidePointer", () => this.close(), { passive: !0 }), this.addEventListener("animationend", (e) => this._onTooltipAnimationEnd(e), { passive: !0 });
 		}
@@ -142,7 +142,7 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 			} else n && (C.delete(e), n._destroy?.());
 		}
 		connectedCallback() {
-			super.connectedCallback(), this.popover = "manual", this.id ||= `sbb-tooltip-${++w}`, this.state = "closed", y.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
+			super.connectedCallback(), this.popover = "manual", this.state = "closed", y.connect(this), this.hasUpdated && this.trigger && this._attach(this.trigger);
 		}
 		disconnectedCallback() {
 			super.disconnectedCallback(), y.disconnect(this), this._detach();
@@ -218,4 +218,4 @@ var b = ":host{--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spaci
 	};
 })();
 //#endregion
-export { T as t };
+export { w as t };

package/tooltip.js

@@ -1,4 +1,4 @@
-import { t as e } from "./tooltip.component-C5y6zCtF.js";
+import { t as e } from "./tooltip.component-Do4V1jGd.js";
 import "./tooltip.pure.js";
 //#region src/elements/tooltip.ts
 e.define();

package/tooltip.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./tooltip.component-C5y6zCtF.js";
+import { t as e } from "./tooltip.component-Do4V1jGd.js";
 export { e as SbbTooltipElement };

package/train/train-formation/train-formation.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../train-formation.component-5AASBGSX.js";
+import { t as e } from "../../train-formation.component-B8IFJ_7b.js";
 export { e as SbbTrainFormationElement };

package/{train-formation.component-5AASBGSX.js → train-formation.component-B8IFJ_7b.js}

@@ -4,7 +4,7 @@ import { property as a, state as o } from "lit/decorators.js";
 import { SbbElement as s, SbbLanguageController as c, SbbNamedSlotListMixin as l, boxSizingStyles as u, i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core.js";
 import { styleMap as m } from "lit/directives/style-map.js";
 //#region src/elements/train/train-formation/train-formation.scss?inline
-var h = ":host{display:block;--sbb-train-formation-sector-line-color: var(--sbb-color-cement);--sbb-train-formation-sector-line-color: light-dark( var(--sbb-color-cement), var(--sbb-color-smoke) );--sbb-train-formation-sector-line-width: var(--sbb-border-width-1x);--sbb-train-formation-blocked-passage-width: 1rem;--sbb-train-formation-text-color: var(--sbb-color-3);--sbb-train-formation-vertical-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-train-formation-sector-line-color: CanvasText}}.sbb-train-formation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-train-formation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-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-train-formation::-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-train-formation::-webkit-scrollbar-button,.sbb-train-formation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-train-formation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-train-formation{display:grid;grid-template:\"start sectors end\" auto \"start trains end\" auto/auto 1fr auto;position:relative;overflow-x:auto;row-gap:calc(var(--sbb-train-formation-show-sectors-gap, 0) * var(--sbb-train-formation-vertical-gap));padding-block-end:var(--sbb-train-formation-vertical-gap);color:var(--sbb-train-formation-text-color)}.sbb-train-formation:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-train-formation:before,.sbb-train-formation:after{content:\"\";display:block;width:var(--sbb-train-formation-padding-inline)}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-width);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-width);--_total-count: calc( var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count) );--_gap-sum: calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width: calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);flex:0 0 var(--_sector-width);text-align:center;overflow-x:clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);overflow:hidden;white-space:nowrap}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:\"\";position:absolute;inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:calc(.5 * var(--_sector-width))}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}", g = (() => {
+var h = ":host{display:block;--sbb-train-formation-sector-line-color: var(--sbb-color-cement);--sbb-train-formation-sector-line-color: light-dark( var(--sbb-color-cement), var(--sbb-color-smoke) );--sbb-train-formation-sector-line-width: var(--sbb-border-width-1x);--sbb-train-formation-blocked-passage-width: 1rem;--sbb-train-formation-text-color: var(--sbb-color-3);--sbb-train-formation-vertical-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-train-formation-sector-line-color: CanvasText}}.sbb-train-formation{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent}.sbb-train-formation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-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-train-formation::-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-train-formation::-webkit-scrollbar-button,.sbb-train-formation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-train-formation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-train-formation{display:grid;grid-template:\"start sectors end\" auto \"start trains end\" auto/auto 1fr auto;position:relative;overflow-x:auto;row-gap:calc(var(--sbb-train-formation-show-sectors-gap, 0) * var(--sbb-train-formation-vertical-gap));padding-block-end:var(--sbb-train-formation-vertical-gap);color:var(--sbb-train-formation-text-color)}.sbb-train-formation:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-train-formation:before,.sbb-train-formation:after{content:\"\";display:block;width:var(--sbb-train-formation-padding-inline)}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-width);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-width);--_total-count: calc( var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count) );--_gap-sum: calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width: calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);flex:0 0 var(--_sector-width);text-align:center;overflow-x:clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);overflow:hidden;white-space:nowrap}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:\"\";position:absolute;inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:calc(.5 * var(--_sector-width))}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}", g = (() => {
 	let g = l(s), _, v = [], y = [], b, x = [], S = [];
 	return class extends g {
 		static {

package/train.js

@@ -1,5 +1,5 @@
 import { t as e } from "./train-blocked-passage.component-EET0Kobk.js";
-import { t } from "./train-formation.component-5AASBGSX.js";
+import { t } from "./train-formation.component-B8IFJ_7b.js";
 import { t as n } from "./train-wagon.component-CLMLEf6I.js";
 import { t as r } from "./train.component-D_ysGCwu.js";
 import "./train.pure.js";