@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773393164

package/menu.component-BdqUbvww.js

@@ -1,252 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i } from "lit";
-import { property as a } from "lit/decorators.js";
-import { SbbOpenCloseBaseElement as o } from "./core/base-elements.js";
-import { idReference as s } from "./core/decorators.js";
-import { SbbScrollHandler as c, isZeroAnimationDuration as l } from "./core/dom.js";
-import { forwardEvent as u } from "./core/eventing.js";
-import { ɵstateController as d } from "./core/mixins.js";
-import { boxSizingStyles as f } from "./core/styles.js";
-import { SbbDarkModeController as p, SbbEscapableOverlayController as m, SbbInertController as h, SbbLanguageController as g, SbbMediaMatcherController as _, SbbMediaQueryBreakpointSmallAndBelow as v } from "./core/controllers.js";
-import "./divider.js";
-import { ref as y } from "lit/directives/ref.js";
-import { getElementPosition as b, getElementPositionHorizontal as x, isEventOnElement as S, removeAriaOverlayTriggerAttributes as C, setAriaOverlayTriggerAttributes as w } from "./core/overlay.js";
-import { SbbFocusTrapController as T, getNextElementIndex as E, interactivityChecker as D, isArrowKeyOrPageKeysPressed as O } from "./core/a11y.js";
-import { i18nGoBack as k } from "./core/i18n/i18n.js";
-import { SbbMenuButtonElement as A } from "./menu/menu-button/menu-button.component.js";
-//#region src/elements/menu/menu/menu.scss?lit&inline
-var j = n`:host{--sbb-menu-position-x:0;--sbb-menu-position-y:0;--sbb-menu-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-6x));--sbb-menu-animation-easing:ease;--sbb-menu-transform-y:100%;--sbb-menu-transform-x:0%;--sbb-menu-max-width:100%;--sbb-menu-min-width:100%;--sbb-menu-inset:0 auto auto 0;--sbb-menu-container-height:100dvh;--sbb-menu-max-height:calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-menu-min-height:3.03125rem;--sbb-menu-border-radius:var(--sbb-border-radius-4x);--sbb-menu-visibility:hidden;--sbb-menu-backdrop-color:transparent;--sbb-menu-color:var(--sbb-color-2-inverted);--sbb-menu-background-color:var(--sbb-background-color-1-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--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-white) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color:transparent;display:contents}@media (width>=64rem){:host{--sbb-menu-transform-y:var(--sbb-spacing-fixed-2x);--sbb-menu-max-width:20rem;--sbb-menu-min-width:11.25rem;--sbb-menu-back-button-display:none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility:visible;--sbb-menu-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media (width>=64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color:transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display:none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-menu-inset:0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color:var(--sbb-focus-outline-color-default);--sbb-scrollbar-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover:color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media (width<=63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration:0s}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x:-100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name:open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name:close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){padding-inline:var(--sbb-spacing-fixed-5x);display:block}sbb-divider,::slotted(sbb-divider){--sbb-divider-color:var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display,block)}.sbb-menu__container{pointer-events:none;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index,var(--sbb-overlay-default-z-index));position:fixed}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility);pointer-events:all;inset:var(--sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility;position:fixed}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;color:var(--sbb-menu-color);border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);translate:var(--sbb-menu-transform-x) 0;transition:translate var(--sbb-menu-animation-duration);border:none;padding:0;display:none;position:absolute;inset-block-start:unset;inset-block-end:0;inset-inline-start:0;inset-inline-end:unset;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name,open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing);display:block}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name,close)}@media (forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (width>=64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;border-radius:var(--sbb-menu-border-radius);max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y);left:var(--sbb-menu-position-x);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width:var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color,transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color,currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover,currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button{display:none}.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color,currentcolor) var(--sbb-scrollbar-track-color,transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);outline:none;overflow:auto}.sbb-menu__content:after{content:"";height:var(--sbb-spacing-fixed-8x);display:block}@media (width>=64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:0 var(--sbb-menu-transform-y)}}@keyframes open-sideways{0%{translate:100%}to{translate:0}}@keyframes close-sideways{0%{translate:0}to{translate:100%}}`;
-//#endregion
-//#region src/elements/menu/menu/menu.component.ts
-A.define();
-var M = 8, N = -4, P = [
-	"A",
-	"BUTTON",
-	"SBB-BUTTON",
-	"SBB-BUTTON-LINK",
-	"SBB-LINK",
-	"SBB-BLOCK-LINK",
-	"SBB-LINK-BUTTON",
-	"SBB-BLOCK-LINK-BUTTON",
-	"SBB-MENU-BUTTON",
-	"SBB-MENU-LINK"
-], F = 0, I = (() => {
-	let n = o, A, I = [], L = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			A = [s(), a()], e(this, null, A, {
-				kind: "accessor",
-				name: "trigger",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "trigger" in e,
-					get: (e) => e.trigger,
-					set: (e, t) => {
-						e.trigger = t;
-					}
-				},
-				metadata: t
-			}, I, L), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-menu";
-		}
-		static {
-			this.styles = [f, j];
-		}
-		static {
-			this.role = "menu";
-		}
-		#e;
-		get trigger() {
-			return this.#e;
-		}
-		set trigger(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, I, null), this._menu = t(this, L), this._triggerElement = null, this._isPointerDownEventOnMenu = !1, this._escapableOverlayController = new m(this), this._focusTrapController = new T(this), this._scrollHandler = new c(), this._inertController = new h(this), this._mobileBreakpoint = v, this._mediaMatcher = new _(this, { [this._mobileBreakpoint]: (e) => {
-				e && (this.state === "opening" || this.state === "opened") ? this._scrollHandler.disableScroll() : this._scrollHandler.enableScroll();
-			} }), this._darkModeController = new p(this, () => this._syncNegative()), this._language = new g(this), this._nestedMenu = null, this._pointerDownListener = (e) => {
-				let t = e.target.closest("sbb-menu");
-				this._isPointerDownEventOnMenu = S(this._menu, e) || this._nestedMenus().some((e) => t === e);
-			}, this._closeOnBackdropClick = (e) => {
-				let t = e.target;
-				!this._isPointerDownEventOnMenu && !S(this._menu, e) && !this._nestedMenus().some((e) => e === t) && this.closeAll();
-			}, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
-		}
-		firstUpdated(e) {
-			super.firstUpdated(e), this._configureTrigger();
-		}
-		escapeStrategy() {
-			this.closeAll();
-		}
-		open() {
-			if (!(this.state === "closing" || this.state === "opened" || !this._menu || !this.dispatchBeforeOpenEvent())) {
-				if (this._isNested()) {
-					let e = this._parentMenu();
-					e.internals.states.add("nested-child"), e._nestedMenu !== this && e._nestedMenu?.close(), e._nestedMenu = this;
-				}
-				this.showPopover?.(), this.state = "opening", this._setMenuPosition(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._isMobile() && this._scrollHandler.disableScroll(), this._isZeroAnimationDuration() && this._handleOpening();
-			}
-		}
-		close() {
-			this._close();
-		}
-		closeAll() {
-			this._mainMenu()._close(!0);
-		}
-		_close(e = !1) {
-			if (!(this.state === "opening" && !this._isNested() || !this.dispatchBeforeCloseEvent())) {
-				if (this._nestedMenu?._close(e), this._isNested()) {
-					let t = this._parentMenu();
-					e ? (this.internals.states.add("close-all"), t.internals.states.add("skip-animation")) : (this.internals.states.delete("close-all"), t.internals.states.delete("skip-animation")), t.internals.states.delete("nested-child"), t._nestedMenu = null;
-				}
-				this.state = "closing", this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing();
-			}
-		}
-		_isZeroAnimationDuration() {
-			return l(this, "--sbb-menu-animation-duration");
-		}
-		_handleOpening() {
-			this.state = "opened", this._isNested() ? this._updateNestedInert() : this._inertController.activate(), this._escapableOverlayController.connect(), this._focusTrapController.focusInitialElement(), this._focusTrapController.enabled = !0, this._attachWindowEvents(), this.dispatchOpenEvent();
-		}
-		_handleClosing() {
-			this.state = "closed", this.internals.states.delete("skip-animation"), this.internals.states.delete("close-all"), this.hidePopover?.(), this._menu?.firstElementChild?.scrollTo(0, 0), this._isNested() ? this._updateNestedInert() : this._inertController.deactivate(), this._triggerElement?.focus({ preventScroll: ["sbb-header-button", "sbb-header-link"].includes(this._triggerElement.localName) }), this._escapableOverlayController.disconnect(), this.dispatchCloseEvent(), this._windowEventsController?.abort(), this._focusTrapController.enabled = !1, this._scrollHandler.enableScroll();
-		}
-		_handleKeyDown(e) {
-			if (!O(e)) return;
-			e.preventDefault();
-			let t = Array.from(this.querySelectorAll("sbb-menu-button, sbb-menu-link")).concat(this.shadowRoot.querySelector("sbb-menu-button")).filter((e) => (!e.disabled || e.disabledInteractive) && D.isVisible(e)), n = t.findIndex((t) => t === e.target), r;
-			switch (e.key) {
-				case "ArrowUp":
-				case "ArrowDown":
-					r = E(e, n, t.length);
-					break;
-				case "ArrowLeft":
-					this._isNested() && this.close();
-					break;
-				case "ArrowRight":
-					e.target.matches(":is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])") && e.target.click();
-					break;
-				case "PageUp":
-				case "Home":
-					r = 0;
-					break;
-				case "End":
-				case "PageDown":
-					r = t.length - 1;
-					break;
-			}
-			r !== void 0 && t[r].focus();
-		}
-		createRenderRoot() {
-			let e = super.createRenderRoot();
-			return this.shadowRoot?.addEventListener("slotchange", () => this._syncNegative(), { capture: !0 }), e;
-		}
-		connectedCallback() {
-			this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-menu-${F++}`, this.hasUpdated && this._configureTrigger();
-		}
-		disconnectedCallback() {
-			super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._windowEventsController?.abort(), this._scrollHandler.enableScroll();
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), !i && (!e || e === "trigger") && this.hasUpdated && this._configureTrigger();
-		}
-		_configureTrigger() {
-			this.trigger !== this._triggerElement && (this._triggerAbortController?.abort(), C(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (w(this._triggerElement, "menu", this.id, this.state), this._triggerAbortController = new AbortController(), this._triggerElement.addEventListener("click", () => this.open(), { signal: this._triggerAbortController.signal }), this.toggleState("nested", ["sbb-menu-button", "sbb-menu-link"].includes(this._triggerElement.localName)), d(this._triggerElement).add("sbb-menu-trigger")));
-		}
-		_attachWindowEvents() {
-			this._windowEventsController = new AbortController(), document.addEventListener("scroll", () => this._setMenuPosition(), {
-				passive: !0,
-				signal: this._windowEventsController.signal,
-				capture: !0
-			}), window.addEventListener("resize", () => this._setMenuPosition(), {
-				passive: !0,
-				signal: this._windowEventsController.signal
-			}), this._isNested() || (window.addEventListener("pointerdown", this._pointerDownListener, { signal: this._windowEventsController.signal }), window.addEventListener("pointerup", this._closeOnBackdropClick, { signal: this._windowEventsController.signal }));
-		}
-		_interactiveElementClick(e) {
-			let t = e.target;
-			P.includes(t.nodeName) && !t.hasAttribute("disabled") && !t.matches(":is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])") && t.id !== "sbb-menu__back-button" && this.closeAll();
-		}
-		_nestedMenus() {
-			let e = [], t = this._nestedMenu;
-			for (; t;) e.push(t), t = t._nestedMenu;
-			return e;
-		}
-		_parentMenu() {
-			return this._triggerElement?.closest("sbb-menu") ?? null;
-		}
-		_mainMenu() {
-			return this._isNested() ? this._parentMenu()?._mainMenu() ?? this : this;
-		}
-		_isNested() {
-			return !!this._parentMenu();
-		}
-		_updateNestedInert() {
-			this._inertController.restoreAllExempted(), this._mainMenu()._nestedMenus().forEach((e) => this._inertController.exempt(e));
-		}
-		_handleMouseOver(e) {
-			let t = e.target, n = this._isMobile();
-			!n && this._nestedMenu && !t.classList.contains("sbb-menu__content") && t.getAttribute("aria-expanded") !== "true" && this._nestedMenu.close(), t.matches(":is(:state(sbb-menu-trigger),[state--sbb-menu-trigger])") && !n && t.click();
-		}
-		_onMenuAnimationEnd(e) {
-			(e.animationName === "open" || e.animationName === "open-sideways") && this.state === "opening" ? this._handleOpening() : (e.animationName === "close" || e.animationName === "close-sideways") && this.state === "closing" && this._handleClosing();
-		}
-		_setMenuPosition() {
-			if (this._isMobile() || !this._menu || !this._triggerElement || this.state === "closing") return;
-			let e = this._isNested() ? x(this.shadowRoot.querySelector(".sbb-menu__content"), this._triggerElement, this.shadowRoot.querySelector(".sbb-menu__container"), {
-				horizontalOffset: M,
-				verticalOffset: N,
-				contentSelector: ".sbb-menu__content"
-			}) : b(this.shadowRoot.querySelector(".sbb-menu__content"), this._triggerElement, this.shadowRoot.querySelector(".sbb-menu__container"), { verticalOffset: M });
-			this.style.setProperty("--sbb-menu-position-x", `${e.left}px`), this.style.setProperty("--sbb-menu-position-y", `${e.top}px`), this.style.setProperty("--sbb-menu-max-height", e.maxHeight);
-		}
-		_syncNegative() {
-			this.querySelectorAll(":is(:state(sbb-link),[state--sbb-link]), :is(:state(sbb-button),[state--sbb-button])")?.forEach((e) => {
-				customElements.upgrade(e), e.negative = !this._darkModeController.matches();
-			});
-		}
-		_isMobile() {
-			return this._mediaMatcher.matches(this._mobileBreakpoint) ?? !0;
-		}
-		render() {
-			return r`
-      <div class="sbb-menu__container">
-        <div
-          @animationend=${this._onMenuAnimationEnd}
-          @mouseover=${(e) => this._handleMouseOver(e)}
-          class="sbb-menu"
-          ${y((e) => this._menu = e)}
-        >
-          <div
-            @click=${(e) => this._interactiveElementClick(e)}
-            @scroll=${(e) => u(e, document)}
-            class="sbb-menu__content"
-          >
-            <slot></slot>
-            <sbb-divider></sbb-divider>
-            <sbb-menu-button
-              id="sbb-menu__back-button"
-              @click=${() => this.close()}
-              icon-name="chevron-small-left-small"
-            >
-              ${k[this._language.current]}
-            </sbb-menu-button>
-          </div>
-        </div>
-      </div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { I as t };

package/message.component-DbmXg6DI.js

@@ -1,27 +0,0 @@
-import { css as e, html as t } from "lit";
-import { SbbElement as n } from "./core/base-elements.js";
-import { boxSizingStyles as r } from "./core/styles.js";
-//#region src/elements/message/message.scss?lit&inline
-var i = e`:host{text-align:center;display:block}::slotted(sbb-title[slot=title]){margin:0}::slotted([slot=image]){width:100%;display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important}::slotted([slot=subtitle]){color:var(--sbb-message-subtitle-color);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);margin:0}::slotted([slot=legend]){--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);color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-cement));margin-block:var(--sbb-message-legend-margin-block);padding:0}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`, a = class extends n {
-	static {
-		this.elementName = "sbb-message";
-	}
-	static {
-		this.styles = [r, i];
-	}
-	_configureTitle(e) {
-		let t = e.target.assignedElements().find((e) => e.localName === "sbb-title");
-		t && (customElements.upgrade(t), t.visualLevel = "5");
-	}
-	render() {
-		return t`
-      <slot name="image"></slot>
-      <slot name="title" @slotchange=${this._configureTitle}></slot>
-      <slot name="subtitle"></slot>
-      <slot name="legend"></slot>
-      <slot name="action"></slot>
-    `;
-	}
-};
-//#endregion
-export { a as t };

package/mini-button-group.component-D5Dph1Z7.js

@@ -1,89 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { isLean as s } from "./core/dom.js";
-import { SbbNamedSlotListMixin as c, SbbNegativeMixin as l } from "./core/mixins.js";
-import { boxSizingStyles as u } from "./core/styles.js";
-//#region src/elements/button/mini-button-group/mini-button-group.scss?lit&inline
-var d = n`:host{display:block}:host([negative]){--sbb-mini-button-group-background:var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color:var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height:var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height:var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height:var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height:var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width:var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{font-size:inherit;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding:0;padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width));flex-wrap:nowrap;margin:0;list-style:none;display:flex}`, f = (() => {
-	let n = l(c(a)), f, p = [], m = [], h, g = [], _ = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [o(), i({ attribute: "accessibility-label" })], h = [i({ reflect: !0 })], e(this, null, f, {
-				kind: "accessor",
-				name: "accessibilityLabel",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "accessibilityLabel" in e,
-					get: (e) => e.accessibilityLabel,
-					set: (e, t) => {
-						e.accessibilityLabel = t;
-					}
-				},
-				metadata: t
-			}, p, m), 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, _), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-button-group";
-		}
-		static {
-			this.styles = [u, d];
-		}
-		#e;
-		get accessibilityLabel() {
-			return this.#e;
-		}
-		set accessibilityLabel(e) {
-			this.#e = e;
-		}
-		#t;
-		get size() {
-			return this.#t;
-		}
-		set size(e) {
-			this.#t = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("negative") && this._proxyNegative();
-		}
-		_proxyNegative() {
-			this.querySelectorAll?.("sbb-divider, sbb-mini-button, sbb-mini-button-link").forEach((e) => e.negative = this.negative);
-		}
-		render() {
-			return r`
-      ${this.renderList({ ariaLabel: this.accessibilityLabel }, { localNameVisualOnly: ["sbb-divider"] })}
-    `;
-		}
-		constructor() {
-			super(...arguments), this.listChildLocalNames = [
-				"sbb-mini-button",
-				"sbb-mini-button-link",
-				"sbb-divider"
-			], this.#e = t(this, p, ""), this.#t = (t(this, m), t(this, g, s() ? "s" : "m")), t(this, _);
-		}
-	};
-})();
-//#endregion
-export { f as t };

package/mini-button-link.component-BYK_EUud.js

@@ -1,31 +0,0 @@
-import { css as e } from "lit";
-import { SbbLinkBaseElement as t } from "./core/base-elements.js";
-import { SbbDisabledInteractiveMixin as n, SbbDisabledMixin as r, SbbNegativeMixin as i } from "./core/mixins.js";
-import { boxSizingStyles as a } from "./core/styles.js";
-import { html as o } from "lit/static-html.js";
-import { SbbIconNameMixin as s } from "./icon.js";
-import { miniButtonLabelStyle as c, miniButtonStyle as l } from "./button/common.js";
-//#region src/elements/button/mini-button-link/mini-button-link.scss?lit&inline
-var u = e`@media (forced-colors:active){:host{--sbb-mini-button-color:LinkText!important}}`, d = class extends i(s(n(r(t)))) {
-	static {
-		this.elementName = "sbb-mini-button-link";
-	}
-	static {
-		this.styles = [
-			a,
-			l,
-			c,
-			u
-		];
-	}
-	renderTemplate() {
-		return o`
-      ${super.renderIconSlot()}
-      <span class="sbb-mini-button__label">
-        <slot></slot>
-      </span>
-    `;
-	}
-};
-//#endregion
-export { d as t };

package/mini-calendar-day.component-cAawa9Gr.js

@@ -1,106 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbButtonBaseElement as a } from "./core/base-elements.js";
-import { forceType as o, omitEmptyConverter as s } from "./core/decorators.js";
-import { readConfig as c } from "./core/config/config.js";
-import { defaultDateAdapter as l } from "./core/datetime/native-date-adapter.js";
-import "./core/datetime/date-adapter.js";
-//#region src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.scss?lit&inline
-var u = n`:host{--sbb-mini-calendar-day-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);border-radius:var(--sbb-border-radius-infinity);color:var(--lightningcss-light,var(--sbb-color-storm))var(--lightningcss-dark,var(--sbb-color-smoke));background-color:currentColor;margin:.0625rem;display:block}@media (any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}: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);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid}:host([marker=target]){background:radial-gradient(circle, currentcolor 0%, currentcolor 25%, var(--sbb-color-1-inverted) 25%, var(--sbb-color-1-inverted) 50%, currentcolor 50%, currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";background-image:linear-gradient(-45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%), linear-gradient(45deg, transparent 45%, var(--sbb-color-1-inverted) 45%, var(--sbb-color-1-inverted) 55%, transparent 55%);position:absolute;inset:0}`, d = (() => {
-	let n = a, d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			d = [o(), i()], m = [o(), i({
-				reflect: !0,
-				converter: s
-			})], _ = [o(), i({
-				reflect: !0,
-				converter: s
-			})], e(this, null, d, {
-				kind: "accessor",
-				name: "date",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "date" in e,
-					get: (e) => e.date,
-					set: (e, t) => {
-						e.date = t;
-					}
-				},
-				metadata: t
-			}, f, p), e(this, null, m, {
-				kind: "accessor",
-				name: "marker",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "marker" in e,
-					get: (e) => e.marker,
-					set: (e, t) => {
-						e.marker = t;
-					}
-				},
-				metadata: t
-			}, h, g), e(this, null, _, {
-				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
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-calendar-day";
-		}
-		static {
-			this.styles = u;
-		}
-		#e;
-		get date() {
-			return this.#e;
-		}
-		set date(e) {
-			this.#e = e;
-		}
-		#t;
-		get marker() {
-			return this.#t;
-		}
-		set marker(e) {
-			this.#t = e;
-		}
-		#n;
-		get color() {
-			return this.#n;
-		}
-		set color(e) {
-			this.#n = e;
-		}
-		willUpdate(e) {
-			super.willUpdate(e), e.has("date") && this.date && (this.internals.ariaLabel = this._dateAdapter.getAccessibilityFormatDate(this.date));
-		}
-		renderTemplate() {
-			return r``;
-		}
-		constructor() {
-			super(...arguments), this._dateAdapter = c().datetime?.dateAdapter ?? l, this.#e = t(this, f, ""), this.#t = (t(this, p), t(this, h, "")), this.#n = (t(this, g), t(this, v, "")), t(this, y);
-		}
-	};
-})();
-//#endregion
-export { d as t };

package/mini-calendar-month.component-DiYSVb-Y.js

@@ -1,74 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r } from "lit";
-import { property as i } from "lit/decorators.js";
-import { SbbElement as a } from "./core/base-elements.js";
-import { forceType as o } from "./core/decorators.js";
-import { boxSizingStyles as s } from "./core/styles.js";
-import { SbbPropertyWatcherController as c } from "./core/controllers.js";
-import { readConfig as l } from "./core/config/config.js";
-import { defaultDateAdapter as u } from "./core/datetime/native-date-adapter.js";
-import "./core/datetime/date-adapter.js";
-//#region src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.scss?lit&inline
-var d = n`:host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year:visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow:row;--sbb-mini-calendar-month-height:3rem;--sbb-mini-calendar-month-grid-template-rows:none;--sbb-mini-calendar-month-grid-template-columns:repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow:column;--sbb-mini-calendar-month-height:auto;--sbb-mini-calendar-month-grid-template-rows:repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns:none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows);display:grid}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-mini-calendar-month-label-color)}.sbb-mini-calendar-month-label-year{visibility:var(--sbb-mini-calendar-month-visibilty-year)}`, f = (() => {
-	let n = a, f, p = [], m = [];
-	return class extends n {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			f = [o(), i()], e(this, null, f, {
-				kind: "accessor",
-				name: "date",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "date" in e,
-					get: (e) => e.date,
-					set: (e, t) => {
-						e.date = t;
-					}
-				},
-				metadata: t
-			}, p, m), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-mini-calendar-month";
-		}
-		static {
-			this.styles = [s, d];
-		}
-		#e;
-		get date() {
-			return this.#e;
-		}
-		set date(e) {
-			this.#e = e;
-		}
-		constructor() {
-			super(), this.#e = t(this, p, ""), this._dateAdapter = (t(this, m), l().datetime?.dateAdapter ?? u), this._monthNames = this._dateAdapter.getMonthNames("short"), this._monthLabel = null, this._yearLabel = null, this._previousOrientation = null, this.addController(new c(this, () => this.closest("sbb-mini-calendar"), { orientation: (e) => {
-				this._previousOrientation && this.internals.states.delete(`orientation-${this._previousOrientation}`), this._previousOrientation = e.orientation, this._previousOrientation && this.internals.states.add(`orientation-${this._previousOrientation}`);
-			} }));
-		}
-		willUpdate(e) {
-			if (super.willUpdate(e), e.has("date") && this.date) {
-				if (!this.date.match(/^\d{4}-(0[1-9]|1[0-2])$/)) return;
-				let e = this.date.split("-"), t = this._dateAdapter.createDate(+e[0], +e[1], 1), n = this._dateAdapter.getFirstWeekOffset(t);
-				this.style?.setProperty("--sbb-mini-calendar-month-offset", `${n + 1}`), this._monthLabel = `${this._monthNames[e[1] - 1]}.`, this._yearLabel = String(this._dateAdapter.getYear(t));
-			}
-		}
-		render() {
-			return r`
-      <div class="sbb-mini-calendar-month-label-year">${this._yearLabel}</div>
-      <div class="sbb-mini-calendar-month-wrapper">
-        <slot></slot>
-      </div>
-      <div class="sbb-mini-calendar-month-label-month">${this._monthLabel}</div>
-    `;
-		}
-	};
-})();
-//#endregion
-export { f as t };