@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/sticky-bar.component-DBSVB1lE.js

@@ -1,138 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, SbbUpdateSchedulerMixin as o, isZeroAnimationDuration as s } from "./core.js";
-import { IntersectionController as c } from "@lit-labs/observers/intersection-controller.js";
-//#region src/elements/container/sticky-bar/sticky-bar.scss?inline
-var l = ":host{--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([size=m]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-background-color-1) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media(forced-colors:active){:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-3)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-1-negative)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-background-color-2-negative)}:host(:is(:is(:state(sticking),[state--sticking]):is(:is(:state(slide-vertically),[state--slide-vertically]),:is(:state(state-sticking),[state--state-sticking]),:is(:state(state-unsticking),[state--state-unsticking])),:is(:state(state-unsticky),[state--state-unsticky]))){--_sbb-sticky-bar-background-animation-duration: 0s}:host(:is(:state(sticking),[state--sticking]):is(:is(:state(slide-vertically),[state--slide-vertically]):not(:is(:state(state-unsticky),[state--state-unsticky]),:is(:state(state-unsticking),[state--state-unsticking])),:is(:state(state-sticking),[state--state-sticking]))){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host(:is(:state(sticking),[state--sticking]):is(:state(state-unsticking),[state--state-unsticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not(:is(:state(initialized),[state--initialized])),:is(:state(state-unsticky),[state--state-unsticky]))){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name, none);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:0s;animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:\"\";inset:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar__wrapper:before{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border, none)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:\"\";position:absolute;inset:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-100% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 100%,-100% 100%)}:host(:is(:state(sticking),[state--sticking]):not(:is(:state(state-unsticky),[state--state-unsticky]))) .sbb-sticky-bar:before{box-shadow:var(--sbb-box-shadow-level-11-soft)}:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not(:is(:state(expanded),[state--expanded]))) .sbb-sticky-bar{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host(:is(:state(expanded),[state--expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:\"\";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color, transparent);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}", u = (() => {
-	let u = o(a), d, f = [], p = [], m, h = [], g = [];
-	return class extends u {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [i({ reflect: !0 })], m = [i({ reflect: !0 })], e(this, null, d, {
-				kind: "accessor",
-				name: "color",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "color" in e,
-					get: (e) => e.color,
-					set: (e, t) => {
-						e.color = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, h, g), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-sticky-bar";
-		}
-		static {
-			this.styles = [r(l)];
-		}
-		static {
-			this.events = {
-				beforestick: "beforestick",
-				stick: "stick",
-				beforeunstick: "beforeunstick",
-				unstick: "unstick"
-			};
-		}
-		#e;
-		get color() {
-			return this.#e;
-		}
-		set color(e) {
-			this.#e = e;
-		}
-		#t;
-		get size() {
-			return this.#t;
-		}
-		set size(e) {
-			this.#t = e;
-		}
-		set _state(e) {
-			this._stateInternal && this.internals.states.delete(`state-${this._stateInternal}`), this._stateInternal = e, this._stateInternal && this.internals.states.add(`state-${this._stateInternal}`);
-		}
-		get _state() {
-			return this._stateInternal;
-		}
-		constructor() {
-			super(), this.#e = t(this, f, null), this.#t = (t(this, p), t(this, h, null)), this._stateInternal = t(this, g), this._observer = new c(this, {
-				target: null,
-				callback: (e) => this._detectStickyState(e[0])
-			}), this._state = "sticky";
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot ||= "sticky-bar", this.startUpdate();
-			let e = this.closest("sbb-container");
-			e && this.toggleState("expanded", e.expanded), this._intersector && this._observer.observe(this._intersector);
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), this.internals.states.delete("initialized");
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this._intersector || (this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector"), this._observer.observe(this._intersector)), this._observer.observe(this);
-		}
-		_isZeroAnimationDuration() {
-			return s(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
-		}
-		_detectStickyState(e) {
-			this.internals.states.add("initialized");
-			let t = !e.isIntersecting && e.boundingClientRect.top > 0, n = this._intersector?.getBoundingClientRect(), r = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
-			this.toggleState("slide-vertically", t && this._intersector && Math.abs(n.bottom - r.bottom) > 30), this.toggleState("sticking", t), this.completeUpdate();
-		}
-		stick() {
-			this._state !== "unsticky" || !this._dispatchBeforeStickEvent() || (this._state = "sticking", (!this.matches?.(":is(:state(sticking),[state--sticking])") || this._isZeroAnimationDuration()) && this._stickyCallback());
-		}
-		unstick() {
-			this._state !== "sticky" || !this._dispatchBeforeUnStickEvent() || (this._state = "unsticking", (!this.matches?.(":is(:state(sticking),[state--sticking])") || this._isZeroAnimationDuration()) && this._unstickyCallback());
-		}
-		_stickyCallback() {
-			this._state = "sticky", this.dispatchEvent(new Event("stick"));
-		}
-		_unstickyCallback() {
-			this.dispatchEvent(new Event("unstick")), this._state = "unsticky";
-		}
-		_onAnimationEnd(e) {
-			(this._state === "sticking" || this._state === "sticky") && e.animationName === "slide-in" ? this._stickyCallback() : this._state === "unsticking" && e.animationName === "slide-out" && this._unstickyCallback();
-		}
-		_dispatchBeforeStickEvent() {
-			return this.dispatchEvent(new Event("beforestick", { cancelable: !0 }));
-		}
-		_dispatchBeforeUnStickEvent() {
-			return this.dispatchEvent(new Event("beforeunstick", { cancelable: !0 }));
-		}
-		render() {
-			return n`
-      <div class="sbb-sticky-bar__wrapper" @animationend=${this._onAnimationEnd}>
-        <div class="sbb-sticky-bar">
-          <slot></slot>
-        </div>
-      </div>
-      <div class="sbb-sticky-bar__intersector"></div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { u as t };

package/styles-BwvY_TyZ.js

@@ -1,5 +0,0 @@
-import { unsafeCSS as e } from "lit";
-//#region src/elements/core/styles/features/scrollbar.scss?inline
-var t = ":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-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}: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{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}: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)}: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(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}: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(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-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-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){: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){scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}:is(.sbb-scrollbar-negative,.sbb-scrollbar-thick-negative,.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--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)}:is(.sbb-scrollbar-thick-negative,.sbb-scrollbar-thick,.sbb-scrollbar-thick-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto}:is(.sbb-scrollbar-track-visible,.sbb-scrollbar-thick-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4)}:is(.sbb-scrollbar-negative-track-visible,.sbb-scrollbar-thick-negative-track-visible){--sbb-scrollbar-track-color: var(--sbb-background-color-4-negative)}", n = "button{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit}", r = ":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)}}", i = "ul,ol{list-style:none;margin:0;padding:0;font-size:inherit}", a = ":host(:where([popover])),.sbb-popover-reset:where([popover]){margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent;color:inherit;pointer-events:none}", o = ".sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", s = e(n), c = e(r), l = e(i), u = e(o), d = e(a), f = e(t);
-//#endregion
-export { u as a, d as i, c as n, f as o, l as r, s as t };

package/styles-DGAxTLMz.js

@@ -1,5 +0,0 @@
-import { unsafeCSS as e } from "lit";
-//#region src/elements/tabs/common/tab-group-common.scss?inline
-var t = ":host{display:flex;flex-direction:column}:host(:not([size])){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-default)}:host([size=s]){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-s)}:host([size=l]){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-l)}:host([size=xl]){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-xl)}.sbb-tab-group,.sbb-tab-nav-bar{display:flex;flex-wrap:wrap}", n = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{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-tab-label-outline-border-radius-internal)}", r = e(t), i = e(n);
-//#endregion
-export { i as n, r as t };

package/tab-group.component-Dx0xldWI.js

@@ -1,204 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, unsafeCSS as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a, forceType as o, getNextElementIndex as s, isArrowKeyPressed as c, ɵstateController as l } from "./core.js";
-import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
-import { ref as d } from "lit/directives/ref.js";
-import { tabGroupCommonStyles as f } from "./tabs/common/styles.js";
-//#region src/elements/tabs/tab-group/tab-group.scss?inline
-var p = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}", m = class extends Event {
-	get activeIndex() {
-		return this._activeIndex;
-	}
-	get activeTabLabel() {
-		return this._activeTabLabel;
-	}
-	get activeTab() {
-		return this._activeTab;
-	}
-	get previousIndex() {
-		return this._previousIndex;
-	}
-	get previousTabLabel() {
-		return this._previousTabLabel;
-	}
-	get previousTab() {
-		return this._previousTab;
-	}
-	constructor({ activeIndex: e, activeTabLabel: t, activeTab: n, previousIndex: r, previousTabLabel: i, previousTab: a }) {
-		super("tabchange", {
-			bubbles: !0,
-			composed: !0
-		}), this._activeIndex = e, this._activeTabLabel = t, this._activeTab = n, this._previousIndex = r, this._previousTabLabel = i, this._previousTab = a;
-	}
-}, h = (() => {
-	let m = a, h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
-	return class extends m {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
-			h = [i({ reflect: !0 })], v = [o(), i({
-				attribute: "initial-selected-index",
-				type: Number
-			})], x = [o(), i({
-				attribute: "fixed-height",
-				type: Boolean,
-				reflect: !0
-			})], e(this, null, h, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, g, _), e(this, null, v, {
-				kind: "accessor",
-				name: "initialSelectedIndex",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "initialSelectedIndex" in e,
-					get: (e) => e.initialSelectedIndex,
-					set: (e, t) => {
-						e.initialSelectedIndex = t;
-					}
-				},
-				metadata: t
-			}, y, b), e(this, null, x, {
-				kind: "accessor",
-				name: "fixedHeight",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "fixedHeight" in e,
-					get: (e) => e.fixedHeight,
-					set: (e, t) => {
-						e.fixedHeight = t;
-					}
-				},
-				metadata: t
-			}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tab-group";
-		}
-		static {
-			this.styles = [f, r(p)];
-		}
-		static {
-			this.events = { tabchange: "tabchange" };
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		#t;
-		get initialSelectedIndex() {
-			return this.#t;
-		}
-		set initialSelectedIndex(e) {
-			this.#t = e;
-		}
-		#n;
-		get fixedHeight() {
-			return this.#n;
-		}
-		set fixedHeight(e) {
-			this.#n = e;
-		}
-		get labels() {
-			return Array.from(this.children ?? []).filter((e) => /^sbb-tab-label$/u.test(e.localName));
-		}
-		get tabs() {
-			return Array.from(this.children ?? []).filter((e) => /^sbb-tab$/u.test(e.localName));
-		}
-		constructor() {
-			super(), this._tabGroupResizeObserver = new u(this, {
-				target: null,
-				skipInitial: !0,
-				callback: () => this._onTabGroupElementResize()
-			}), this.#e = t(this, g, null), this.#t = (t(this, _), t(this, y, 0)), this.#n = (t(this, b), t(this, S, !1)), t(this, C), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this.labels.forEach((e) => e.linkToTab()), this._initSelection(), Promise.resolve().then(() => this.internals.states.add("initialized")), this._tabGroupResizeObserver.observe(this._tabGroupElement);
-		}
-		disableTab(e) {
-			this.labels[e] && (this.labels[e].disabled = !0);
-		}
-		enableTab(e) {
-			this.labels[e] && (this.labels[e].disabled = !1);
-		}
-		activateTab(e) {
-			this.labels[e]?.activate();
-		}
-		_enabledTabs() {
-			return this.labels.filter((e) => (customElements.upgrade(e), !e.disabled));
-		}
-		_onContentSlotChange() {
-			this._contentSlotChangeDebounceId && clearTimeout(this._contentSlotChangeDebounceId), this._contentSlotChangeDebounceId = setTimeout(() => {
-				this.labels.forEach((e) => e.linkToTab()), this.labels.find((e) => e.active)?.activate();
-			}, 150);
-		}
-		_onLabelSlotChange() {
-			this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
-		}
-		_ensureActiveTab() {
-			this.matches?.(":is(:state(initialized),[state--initialized])") && !this.labels.some((e) => e.active) && this._initSelection();
-		}
-		_initSelection() {
-			let e = this.labels[this.initialSelectedIndex];
-			if (e && (customElements.upgrade(e), this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !e.disabled)) {
-				e.activate();
-				return;
-			}
-			this._enabledTabs()[0]?.activate();
-		}
-		_onTabGroupElementResize() {
-			let e = this.labels;
-			e.forEach((t) => {
-				l(t)?.toggle("has-divider", t === e[0] || t.offsetLeft === e[0].offsetLeft);
-			}), this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
-		}
-		_handleKeyDown(e) {
-			let t = this._enabledTabs();
-			if (!(!t || e.target !== this && e.target.parentElement !== this) && c(e)) {
-				let n = s(e, t.findIndex((e) => e.active), t.length);
-				t[n]?.activate(), t[n]?.focus(), e.preventDefault();
-			}
-		}
-		setTabContentHeight(e) {
-			this.style.setProperty("--sbb-tab-content-height", `${e}px`);
-		}
-		render() {
-			return n`
-      <div
-        class="sbb-tab-group"
-        role="tablist"
-        ${d((e) => this._tabGroupElement = e)}
-      >
-        <slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
-      </div>
-      ${this.fixedHeight ? n`<slot @slotchange=${this._onContentSlotChange}></slot>` : n`
-            <div class="sbb-tab-group-content">
-              <slot @slotchange=${this._onContentSlotChange}></slot>
-            </div>
-          `}
-    `;
-		}
-	};
-})();
-//#endregion
-export { h as n, m as t };

package/tab-label.component-C5HCrNFB.js

@@ -1,158 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbDisabledMixin as i, SbbElement as a, SbbPropertyWatcherController as o, forceType as s, omitEmptyConverter as c } from "./core.js";
-import { html as l, unsafeStatic as u } from "lit/static-html.js";
-import { SbbIconNameMixin as d } from "./icon.pure.js";
-import { tabLabelCommonStyles as f } from "./tabs/common/styles.js";
-import { SbbTabChangeEvent as p } from "./tabs/tab-group/tab-group.component.js";
-//#region src/elements/tabs/tab-label/tab-label.scss?inline
-var m = ":host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", h = (() => {
-	let h = i(d(a)), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
-	return class extends h {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-			g = [r()], y = [s(), r({
-				reflect: !0,
-				type: Boolean
-			})], S = [s(), r({
-				reflect: !0,
-				converter: c
-			})], e(this, null, g, {
-				kind: "accessor",
-				name: "level",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "level" in e,
-					get: (e) => e.level,
-					set: (e, t) => {
-						e.level = t;
-					}
-				},
-				metadata: t
-			}, _, v), e(this, null, y, {
-				kind: "accessor",
-				name: "active",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "active" in e,
-					get: (e) => e.active,
-					set: (e, t) => {
-						e.active = t;
-					}
-				},
-				metadata: t
-			}, b, x), e(this, null, S, {
-				kind: "accessor",
-				name: "amount",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "amount" in e,
-					get: (e) => e.amount,
-					set: (e, t) => {
-						e.amount = t;
-					}
-				},
-				metadata: t
-			}, C, w), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tab-label";
-		}
-		static {
-			this.role = "tab";
-		}
-		static {
-			this.styles = [f, n(m)];
-		}
-		#e;
-		get level() {
-			return this.#e;
-		}
-		set level(e) {
-			this.#e = e;
-		}
-		#t;
-		get active() {
-			return this.#t;
-		}
-		set active(e) {
-			this.#t = e;
-		}
-		#n;
-		get amount() {
-			return this.#n;
-		}
-		set amount(e) {
-			this.#n = e;
-		}
-		get tab() {
-			return this.nextElementSibling?.localName === "sbb-tab" ? this.nextElementSibling : null;
-		}
-		get group() {
-			return this.closest("sbb-tab-group");
-		}
-		constructor() {
-			super(), this._selected = !1, this._previousSize = null, this.#e = t(this, _, "1"), this.#t = (t(this, v), t(this, b, !1)), this.#n = (t(this, x), t(this, C, "")), t(this, w), this.addEventListener("click", () => this.activate()), this.addController(new o(this, () => this.group, { size: (e) => {
-				this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size ?? null, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
-			} }));
-		}
-		connectedCallback() {
-			super.connectedCallback(), this.slot = "tab-bar", this.tabIndex = this.active ? 0 : -1;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("active") && (this.internals.ariaSelected = `${this.active}`, this.active && !this.disabled ? this.activate() : this.deactivate()), e.has("disabled") && this.disabled && (this.tabIndex = -1, this.active && (this.deactivate(), this.group?.activateTab(0)));
-		}
-		deactivate() {
-			this.active = !1, this.tab?.deactivate(), this._selected = !1, this.tabIndex = -1;
-		}
-		activate() {
-			if (this.disabled) return;
-			let e = this.group?.labels || [], t = e.find((e) => e._selected);
-			if (t !== this) {
-				t?.deactivate(), this.active = !0, this.tab?.activate(), this._selected = !0, this.tabIndex = 0, this.tab?.dispatchEvent(new Event("active", {
-					bubbles: !0,
-					composed: !0
-				}));
-				let n = {
-					activeIndex: e.findIndex((e) => e === this),
-					activeTabLabel: this,
-					activeTab: this.tab,
-					previousIndex: e.findIndex((e) => e === t),
-					previousTabLabel: t,
-					previousTab: t?.tab
-				};
-				this.group?.dispatchEvent(new p(n));
-			}
-		}
-		linkToTab() {
-			this.tab && (this.internals.ariaControlsElements = [this.tab]);
-		}
-		render() {
-			let e = `h${Number(this.level) < 7 ? this.level : "1"}`;
-			return l`
-        <${u(e)} class="sbb-tab-label">
-          <span class="sbb-tab-label__icon">
-            ${this.renderIconSlot()}
-          </span>
-          <span class="sbb-tab-label__text">
-            <slot></slot>
-          </span>
-          <p class="sbb-tab-label__amount">
-            <slot name="amount">${this.amount}</slot>
-          </p>
-        </${u(e)}>
-    `;
-		}
-	};
-})();
-//#endregion
-export { h as t };

package/tab-nav-bar.component-7j-RCq7p.js

@@ -1,77 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { unsafeCSS as n } from "lit";
-import { property as r } from "lit/decorators.js";
-import { SbbElement as i, SbbNamedSlotListMixin as a } from "./core.js";
-import { ResizeController as o } from "@lit-labs/observers/resize-controller.js";
-import { tabGroupCommonStyles as s, tabLabelCommonStyles as c } from "./tabs/common/styles.js";
-//#region src/elements/tabs/tab-nav-bar/tab-nav-bar.scss?inline
-var l = ":host{margin-block-end:var(--sbb-tab-group-content-gap)}", u = (() => {
-	let u = a(i), d, f = [], p = [];
-	return class extends u {
-		constructor() {
-			super(...arguments), this.listChildLocalNames = ["a"], this.#e = t(this, f, null), this._resizeController = (t(this, p), new o(this, {
-				target: null,
-				callback: () => this._onTabGroupElementResize()
-			})), this._listElement = null;
-		}
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [r({ reflect: !0 })], e(this, null, d, {
-				kind: "accessor",
-				name: "size",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "size" in e,
-					get: (e) => e.size,
-					set: (e, t) => {
-						e.size = t;
-					}
-				},
-				metadata: t
-			}, f, p), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-tab-nav-bar";
-		}
-		static {
-			this.styles = [
-				c,
-				s,
-				n(l)
-			];
-		}
-		static {
-			this.role = "navigation";
-		}
-		#e;
-		get size() {
-			return this.#e;
-		}
-		set size(e) {
-			this.#e = e;
-		}
-		_onTabGroupElementResize() {
-			this.listChildren.forEach((e) => {
-				e.assignedSlot?.parentElement?.toggleAttribute("data-has-divider", e === this.listChildren[0] || e.offsetLeft === this.listChildren[0].offsetLeft);
-			}), this.style.setProperty("--sbb-tab-group-width", `${this._listElement?.clientWidth}px`);
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this._updateWidthObserver(), this.shadowRoot?.addEventListener("slotchange", () => this._updateWidthObserver());
-		}
-		_updateWidthObserver() {
-			let e = this.shadowRoot?.querySelector(`.${this.localName}`);
-			e && this._listElement !== e ? (this._listElement && this._resizeController.unobserve(this._listElement), this._listElement = e, this._resizeController.observe(e)) : !e && this._listElement && (this._resizeController.unobserve(this._listElement), this._listElement = null);
-		}
-		render() {
-			return this.renderList();
-		}
-	};
-})();
-//#endregion
-export { u as t };

package/tab.component-C5xxMwwX.js

@@ -1,48 +0,0 @@
-import { html as e, unsafeCSS as t } from "lit";
-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 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 i(this, {
-			target: null,
-			skipInitial: !0,
-			callback: () => this._onTabContentElementResize()
-		});
-	}
-	static {
-		this.elementName = "sbb-tab";
-	}
-	static {
-		this.role = "tabpanel";
-	}
-	static {
-		this.styles = [r, t(a)];
-	}
-	static {
-		this.events = { active: "active" };
-	}
-	get label() {
-		return this.previousElementSibling?.localName === "sbb-tab-label" ? this.previousElementSibling : null;
-	}
-	get group() {
-		return this.closest("sbb-tab-group");
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.tabIndex = 0, this.classList.add("sbb-scrollbar");
-	}
-	activate() {
-		this.internals.states.add("active"), this._tabContentResizeObserver.observe(this);
-	}
-	deactivate() {
-		this._tabContentResizeObserver.unobserve(this), this.internals.states.delete("active");
-	}
-	_onTabContentElementResize() {
-		this.group?.setTabContentHeight(Math.floor(this.getBoundingClientRect().height));
-	}
-	render() {
-		return e`<slot></slot>`;
-	}
-};
-//#endregion
-export { o as t };

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

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