@sbb-esta/lyne-elements 5.0.0-next → 5.0.0-next.2

package/chip-label.component-BLbhqUAp.js

@@ -0,0 +1,77 @@
+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 } from "./core.js";
+//#region src/elements/chip-label/chip-label.scss?inline
+var o = ":host{display:inline-flex;align-items:center;justify-content:center;height:var(--sbb-chip-label-fixed-height, calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size) + var(--sbb-chip-label-padding-block) * 2));background-color:var(--sbb-chip-label-background-color);padding-inline:var(--sbb-chip-label-padding-inline);border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-chip-label-color);font-size:var(--sbb-chip-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}@media(forced-colors:active){:host{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}:host([color=charcoal]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-background-color-2-inverted)}:host([color=white]){--sbb-chip-label-color: var(--sbb-color-granite);--sbb-chip-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-cloud));--sbb-chip-label-background-color: var(--sbb-background-color-1)}:host([color=granite]){--sbb-chip-label-color: var(--sbb-color-2-inverted);--sbb-chip-label-background-color: var(--sbb-color-granite);--sbb-chip-label-background-color: light-dark(var(--sbb-color-granite), var(--sbb-color-storm))}:host([size=xxxs]){--sbb-chip-label-fixed-height: 1rem}:host([size=xs]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-3x);--sbb-chip-label-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-chip-label-padding-block: var(--sbb-spacing-fixed-1x);--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-4x);--sbb-chip-label-font-size: var(--sbb-text-font-size-s)}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;line-height:calc(var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size));line-height:round(down,var(--sbb-typo-line-height-text) * var(--sbb-chip-label-font-size),2px)}", s = (() => {
+	let s = a, c, l = [], u = [], d, f = [], p = [];
+	return class extends s {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+			c = [i({ reflect: !0 })], d = [i({ reflect: !0 })], e(this, null, c, {
+				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
+			}, l, u), 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), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-chip-label";
+		}
+		static {
+			this.styles = [r(o)];
+		}
+		#e = t(this, l, "xxs");
+		get size() {
+			return this.#e;
+		}
+		set size(e) {
+			this.#e = e;
+		}
+		#t = (t(this, u), t(this, f, "milk"));
+		get color() {
+			return this.#t;
+		}
+		set color(e) {
+			this.#t = e;
+		}
+		render() {
+			return n`
+      <span class="sbb-chip__text-wrapper">
+        <slot></slot>
+      </span>
+    `;
+		}
+		constructor() {
+			super(...arguments), t(this, p);
+		}
+	};
+})();
+//#endregion
+export { s as t };

package/chip-label.js

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

package/chip-label.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./chip-label.component-CUJTTb1-.js";
+import { t as e } from "./chip-label.component-BLbhqUAp.js";
 export { e as SbbChipLabelElement };

package/{chip.component-34R1PNPV.js → chip.component-gcvF3pEX.js}

@@ -1,18 +1,18 @@
 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 { SbbDisabledMixin as a, SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbReadonlyMixin as l, SbbScreenReaderOnlyElement as u, boxSizingStyles as d, i18nChipDelete as f } from "./core.js";
-import { SbbMiniButtonElement as p } from "./button.pure.js";
+import { SbbDisabledMixin as a, SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbReadonlyMixin as l, i18nChipDelete as u, screenReaderOnlyStyles as d } from "./core.js";
+import { SbbMiniButtonElement as f } from "./button.pure.js";
 //#region src/elements/chip/chip/chip.scss?inline
-var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-flex;align-items:stretch;background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height)}:host(:focus){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-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}", h = (() => {
-	let h = c(a(l(o))), g, _ = [], v = [];
-	return class extends h {
+var p = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-flex;align-items:stretch;background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);height:var(--sbb-chip-height)}:host(:focus){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-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}:host([negative]){--sbb-chip-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-chip-background-color: var(--sbb-background-color-3-negative);--sbb-chip-color: var(--sbb-color-4-negative);--sbb-chip-color-hover: var(--sbb-color-2-negative);--sbb-chip-background-color-active: var(--sbb-background-color-1-negative);--sbb-chip-background-color-hover: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-inline-end:none;border-radius:var(--sbb-chip-border-radius) 0 0 var(--sbb-chip-border-radius);display:flex;align-items:center;padding-inline:var(--sbb-chip-label-padding-inline);outline:none;overflow:hidden}:host(:is([disabled],[readonly])) .sbb-chip__label-wrapper{border:var(--sbb-chip-border);border-radius:var(--sbb-chip-border-radius)}.sbb-chip__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;font-size:var(--sbb-chip-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-mini-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-mini-button-color-text: var(--sbb-chip-color);--sbb-mini-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-mini-button-color-hover-background: var(--sbb-chip-background-color-hover);--sbb-icon-svg-width: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--sbb-icon-svg-height: calc(var(--sbb-size-icon-ui-small) - var(--sbb-border-width-1x) * 2);--_sbb-mini-button-image-size: ;border:var(--sbb-chip-border);border-radius:0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0}:host(:is([disabled],[readonly])) .sbb-chip__delete{display:none}@media(any-hover:hover){:host(:not([disabled])) .sbb-chip__delete:hover{--sbb-mini-button-color-text: var(--sbb-chip-color-hover)}}", m = (() => {
+	let m = c(a(l(o))), h, g = [], _ = [];
+	return class extends m {
 		constructor() {
-			super(...arguments), this.#e = t(this, _, null), this._language = (t(this, v), new s(this));
+			super(...arguments), this.#e = t(this, g, null), this._language = (t(this, _), new s(this));
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(h[Symbol.metadata] ?? null) : void 0;
-			g = [i()], e(this, null, g, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+			h = [i()], e(this, null, h, {
 				kind: "accessor",
 				name: "value",
 				static: !1,
@@ -25,7 +25,7 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
 					}
 				},
 				metadata: t
-			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+			}, g, _), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -36,13 +36,13 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
 			this.elementName = "sbb-chip";
 		}
 		static {
-			this.elementDependencies = [p, u];
+			this.elementDependencies = [f];
 		}
 		static {
 			this.role = "option";
 		}
 		static {
-			this.styles = [d, r(m)];
+			this.styles = [d, r(p)];
 		}
 		static {
 			this.events = { requestdelete: "requestdelete" };
@@ -83,10 +83,10 @@ var m = ":host{--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chi
         @click=${this._handleDeleteButtonClick}
       >
       </sbb-mini-button>
-      <sbb-screen-reader-only>, ${f[this._language.current]}</sbb-screen-reader-only>
+      <span class="sbb-screen-reader-only">, ${u[this._language.current]}</span>
     `;
 		}
 	};
 })();
 //#endregion
-export { h as t };
+export { m as t };

package/chip.js

@@ -1,5 +1,5 @@
-import { n as e, t } from "./chip-group.component-DPzfaV_H.js";
-import { t as n } from "./chip.component-34R1PNPV.js";
+import { n as e, t } from "./chip-group.component-BMpczIZH.js";
+import { t as n } from "./chip.component-gcvF3pEX.js";
 import "./chip.pure.js";
 n.define(), t.define();
 //#endregion

package/chip.pure.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "./chip-group.component-DPzfaV_H.js";
-import { t as n } from "./chip.component-34R1PNPV.js";
+import { n as e, t } from "./chip-group.component-BMpczIZH.js";
+import { t as n } from "./chip.component-gcvF3pEX.js";
 export { n as SbbChipElement, t as SbbChipGroupElement, e as SbbChipInputTokenEndEvent };

package/clock/clock.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../clock.component-DHb5YwM4.js";
+import { t as e } from "../clock.component-Cqrl999I.js";
 export { e as SbbClockElement };

package/{clock.component-DHb5YwM4.js → clock.component-Cqrl999I.js}

@@ -1,23 +1,23 @@
 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, boxSizingStyles as s } from "./core.js";
-import { ref as c } from "lit/directives/ref.js";
+import { SbbElement as o } from "./core.js";
+import { ref as s } from "lit/directives/ref.js";
 //#region src/elements/clock/assets/sbb_clock_face.svg?raw
-var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><g class=\"face\"><circle fill=\"var(--sbb-clock-background-color)\" cx=\"52.5\" cy=\"52.5\" r=\"52.5\"/><path d=\"M50.75 4h3.5v12h-3.5zM50.75 89h3.5v12h-3.5zM75.233 9.623l3.03 1.75-6 10.392-3.03-1.75zM32.734 83.233l3.03 1.75-6 10.392-3.03-1.75zM93.628 26.732l1.75 3.031-10.392 6-1.75-3.03zM20.017 69.234l1.75 3.031-10.392 6-1.75-3.03zM101 50.75v3.5H89v-3.5zM16 50.75v3.5H4v-3.5zM95.379 75.232l-1.75 3.031-10.392-6 1.75-3.03zM21.766 32.734l-1.75 3.031-10.392-6 1.75-3.03zM78.267 93.63l-3.03 1.75-6-10.393 3.03-1.75zM35.766 20.015l-3.03 1.75-6-10.392 3.03-1.75z\"/><g><path d=\"M56.873 4.19l1.392.147-.366 3.48-1.392-.145zM47.101 97.177l1.393.146-.366 3.481-1.392-.146zM61.896 4.914l1.37.29-.728 3.424-1.37-.29zM42.458 96.366l1.37.29-.728 3.424-1.37-.291zM66.825 6.157l1.332.432-1.082 3.33-1.331-.434zM37.931 95.085l1.332.432-1.082 3.33-1.331-.433zM71.584 7.906l1.28.569-1.424 3.197-1.28-.57zM33.56 93.32l1.278.569-1.423 3.197-1.28-.57zM80.44 12.852l1.133.823-2.058 2.831-1.132-.823zM25.481 88.494l1.133.822-2.057 2.832-1.133-.823zM84.43 15.986l1.04.937-2.342 2.6-1.04-.936zM21.87 85.469l1.04.936-2.341 2.601-1.04-.937zM88.072 19.522l.937 1.04-2.6 2.343-.937-1.04zM18.593 82.088l.937 1.04-2.601 2.342-.937-1.04zM91.328 23.425l.823 1.133-2.832 2.057-.823-1.132zM15.684 78.385l.823 1.132-2.832 2.058-.822-1.133zM96.52 32.128l.57 1.279-3.198 1.423-.57-1.278zM11.109 70.161l.569 1.279-3.197 1.423-.57-1.279zM98.407 36.85l.433 1.332-3.33 1.081-.432-1.331zM9.483 65.74l.432 1.33-3.329 1.082-.432-1.331zM99.795 41.726l.291 1.37-3.423.727-.29-1.37zM8.34 61.17l.292 1.37-3.424.728-.29-1.37zM100.66 46.73l.146 1.393-3.48.366-.147-1.392zM7.674 56.506l.146 1.392-3.48.366-.147-1.392zM100.811 56.873l-.146 1.392-3.48-.365.145-1.393zM7.821 47.101l-.146 1.392-3.48-.365.145-1.393zM100.09 61.895l-.291 1.369-3.424-.728.291-1.369zM8.631 42.46l-.291 1.37-3.423-.728.29-1.37zM98.84 66.827l-.432 1.331-3.329-1.081.433-1.332zM9.918 37.93l-.433 1.331-3.329-1.082.433-1.331zM97.098 71.585l-.569 1.28-3.197-1.424.57-1.28zM11.677 33.558l-.57 1.28-3.197-1.424.57-1.279zM92.149 80.439l-.823 1.133-2.832-2.058.823-1.132zM16.506 25.482l-.823 1.133-2.831-2.057.823-1.133zM89.017 84.431l-.937 1.04-2.6-2.341.936-1.04zM19.528 21.869l-.936 1.04-2.601-2.342.936-1.04zM85.48 88.076l-1.041.936-2.342-2.6 1.04-.937zM22.91 18.59l-1.04.937-2.341-2.601 1.04-.937zM81.574 91.328l-1.133.823-2.057-2.831 1.132-.823zM26.617 15.684l-1.133.823-2.057-2.832 1.132-.823zM72.873 96.524l-1.279.57-1.423-3.198 1.278-.57zM34.838 11.105l-1.279.57-1.423-3.198 1.279-.57zM68.151 98.405l-1.331.432-1.082-3.329 1.332-.432zM39.259 9.485l-1.332.433-1.081-3.33 1.331-.432zM63.272 99.799l-1.369.29-.728-3.422 1.37-.291zM43.83 8.337l-1.369.291-.727-3.423 1.37-.291zM58.27 100.662l-1.393.146-.366-3.48 1.393-.147zM48.494 7.672l-1.392.147-.366-3.481 1.392-.147z\"/></g></g></svg>\n", u = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path id=\"mod_clock_svg_hours\" d=\"M55.7 64.5h-6.4l.6-44h5.2z\"/></svg>\n", d = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M55.1,64.5h-5.2l0.8-58h3.6L55.1,64.5z\"/></svg>\n", f = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M57.8,21.3c0-2.9-2.4-5.2-5.2-5.2s-5.3,2.3-5.3,5.2c0,2.7,2,4.8,4.5,5.2V69h1.5V26.5C55.8,26.2,57.8,24,57.8,21.3z\"/></svg>\n", p = ":host{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;contain:content}.sbb-clock__face,.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds{position:absolute;inset:0;transform-origin:center center;transform:rotate(0);transform-style:preserve-3d;backface-visibility:hidden}.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__face{fill:var(--sbb-clock-face-color)}.sbb-clock__hand-minutes{transition:transform var(--sbb-disable-animation-duration, .2s) cubic-bezier(.4,2.08,.55,.44)}@supports not (aspect-ratio: 1/1){.sbb-clock__hand-minutes{transform-origin:50% 49.625%}}.sbb-clock__hand-hours{animation-name:rotate;animation-duration:43200s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\")}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}.sbb-clock__hand-minutes--no-transition{transition:none}.sbb-clock__hand-seconds{animation-name:hand-seconds-animation;animation-duration:60s;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:infinite;fill:var(--sbb-clock-seconds-hand-color)}.sbb-clock__hand-seconds--initial-minute{animation-name:hand-seconds-animation-initial-minute;animation-duration:var(--sbb-clock-seconds-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}:host(:not(:is(:state(initialized),[state--initialized]))) :is(.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds){display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes hand-hours-animation-initial-hour{0%{transform:rotate(var(--sbb-clock-hours-animation-start-angle, 0deg))}to{transform:rotate(360deg)}}@keyframes hand-seconds-animation{0%{transform:rotate(0)}97.5%,to{transform:rotate(360deg)}}@keyframes hand-seconds-animation-initial-minute{0%{transform:rotate(var(--sbb-clock-seconds-animation-start-angle, 0deg))}97.5%,to{transform:rotate(360deg)}}", m = 12, h = 60, g = 60, _ = 50, v = 360, y = 30, b = 6, x = 360 / 58.5, S = 60, C = 3600, w = C / 2, T = {
+var c = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><g class=\"face\"><circle fill=\"var(--sbb-clock-background-color)\" cx=\"52.5\" cy=\"52.5\" r=\"52.5\"/><path d=\"M50.75 4h3.5v12h-3.5zM50.75 89h3.5v12h-3.5zM75.233 9.623l3.03 1.75-6 10.392-3.03-1.75zM32.734 83.233l3.03 1.75-6 10.392-3.03-1.75zM93.628 26.732l1.75 3.031-10.392 6-1.75-3.03zM20.017 69.234l1.75 3.031-10.392 6-1.75-3.03zM101 50.75v3.5H89v-3.5zM16 50.75v3.5H4v-3.5zM95.379 75.232l-1.75 3.031-10.392-6 1.75-3.03zM21.766 32.734l-1.75 3.031-10.392-6 1.75-3.03zM78.267 93.63l-3.03 1.75-6-10.393 3.03-1.75zM35.766 20.015l-3.03 1.75-6-10.392 3.03-1.75z\"/><g><path d=\"M56.873 4.19l1.392.147-.366 3.48-1.392-.145zM47.101 97.177l1.393.146-.366 3.481-1.392-.146zM61.896 4.914l1.37.29-.728 3.424-1.37-.29zM42.458 96.366l1.37.29-.728 3.424-1.37-.291zM66.825 6.157l1.332.432-1.082 3.33-1.331-.434zM37.931 95.085l1.332.432-1.082 3.33-1.331-.433zM71.584 7.906l1.28.569-1.424 3.197-1.28-.57zM33.56 93.32l1.278.569-1.423 3.197-1.28-.57zM80.44 12.852l1.133.823-2.058 2.831-1.132-.823zM25.481 88.494l1.133.822-2.057 2.832-1.133-.823zM84.43 15.986l1.04.937-2.342 2.6-1.04-.936zM21.87 85.469l1.04.936-2.341 2.601-1.04-.937zM88.072 19.522l.937 1.04-2.6 2.343-.937-1.04zM18.593 82.088l.937 1.04-2.601 2.342-.937-1.04zM91.328 23.425l.823 1.133-2.832 2.057-.823-1.132zM15.684 78.385l.823 1.132-2.832 2.058-.822-1.133zM96.52 32.128l.57 1.279-3.198 1.423-.57-1.278zM11.109 70.161l.569 1.279-3.197 1.423-.57-1.279zM98.407 36.85l.433 1.332-3.33 1.081-.432-1.331zM9.483 65.74l.432 1.33-3.329 1.082-.432-1.331zM99.795 41.726l.291 1.37-3.423.727-.29-1.37zM8.34 61.17l.292 1.37-3.424.728-.29-1.37zM100.66 46.73l.146 1.393-3.48.366-.147-1.392zM7.674 56.506l.146 1.392-3.48.366-.147-1.392zM100.811 56.873l-.146 1.392-3.48-.365.145-1.393zM7.821 47.101l-.146 1.392-3.48-.365.145-1.393zM100.09 61.895l-.291 1.369-3.424-.728.291-1.369zM8.631 42.46l-.291 1.37-3.423-.728.29-1.37zM98.84 66.827l-.432 1.331-3.329-1.081.433-1.332zM9.918 37.93l-.433 1.331-3.329-1.082.433-1.331zM97.098 71.585l-.569 1.28-3.197-1.424.57-1.28zM11.677 33.558l-.57 1.28-3.197-1.424.57-1.279zM92.149 80.439l-.823 1.133-2.832-2.058.823-1.132zM16.506 25.482l-.823 1.133-2.831-2.057.823-1.133zM89.017 84.431l-.937 1.04-2.6-2.341.936-1.04zM19.528 21.869l-.936 1.04-2.601-2.342.936-1.04zM85.48 88.076l-1.041.936-2.342-2.6 1.04-.937zM22.91 18.59l-1.04.937-2.341-2.601 1.04-.937zM81.574 91.328l-1.133.823-2.057-2.831 1.132-.823zM26.617 15.684l-1.133.823-2.057-2.832 1.132-.823zM72.873 96.524l-1.279.57-1.423-3.198 1.278-.57zM34.838 11.105l-1.279.57-1.423-3.198 1.279-.57zM68.151 98.405l-1.331.432-1.082-3.329 1.332-.432zM39.259 9.485l-1.332.433-1.081-3.33 1.331-.432zM63.272 99.799l-1.369.29-.728-3.422 1.37-.291zM43.83 8.337l-1.369.291-.727-3.423 1.37-.291zM58.27 100.662l-1.393.146-.366-3.48 1.393-.147zM48.494 7.672l-1.392.147-.366-3.481 1.392-.147z\"/></g></g></svg>\n", l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path id=\"mod_clock_svg_hours\" d=\"M55.7 64.5h-6.4l.6-44h5.2z\"/></svg>\n", u = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M55.1,64.5h-5.2l0.8-58h3.6L55.1,64.5z\"/></svg>\n", d = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 105 105\"><path d=\"M57.8,21.3c0-2.9-2.4-5.2-5.2-5.2s-5.3,2.3-5.3,5.2c0,2.7,2,4.8,4.5,5.2V69h1.5V26.5C55.8,26.2,57.8,24,57.8,21.3z\"/></svg>\n", f = ":host{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;contain:content}.sbb-clock__face,.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds{position:absolute;inset:0;transform-origin:center center;transform:rotate(0);transform-style:preserve-3d;backface-visibility:hidden}.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__face{fill:var(--sbb-clock-face-color)}.sbb-clock__hand-minutes{transition:transform var(--sbb-disable-animation-duration, .2s) cubic-bezier(.4,2.08,.55,.44)}@supports not (aspect-ratio: 1/1){.sbb-clock__hand-minutes{transform-origin:50% 49.625%}}.sbb-clock__hand-hours{animation-name:rotate;animation-duration:43200s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\")}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}.sbb-clock__hand-minutes--no-transition{transition:none}.sbb-clock__hand-seconds{animation-name:hand-seconds-animation;animation-duration:60s;animation-timing-function:linear;animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:infinite;fill:var(--sbb-clock-seconds-hand-color)}.sbb-clock__hand-seconds--initial-minute{animation-name:hand-seconds-animation-initial-minute;animation-duration:var(--sbb-clock-seconds-animation-duration, 0s);animation-play-state:var(--sbb-clock-animation-play-state, \"paused\");animation-iteration-count:1}:host(:not(:is(:state(initialized),[state--initialized]))) :is(.sbb-clock__hand-hours,.sbb-clock__hand-minutes,.sbb-clock__hand-seconds){display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes hand-hours-animation-initial-hour{0%{transform:rotate(var(--sbb-clock-hours-animation-start-angle, 0deg))}to{transform:rotate(360deg)}}@keyframes hand-seconds-animation{0%{transform:rotate(0)}97.5%,to{transform:rotate(360deg)}}@keyframes hand-seconds-animation-initial-minute{0%{transform:rotate(var(--sbb-clock-seconds-animation-start-angle, 0deg))}97.5%,to{transform:rotate(360deg)}}", p = 12, m = 60, h = 60, g = 50, _ = 360, v = 30, y = 6, b = 360 / 58.5, x = 60, S = 3600, C = S / 2, w = {
 	once: !0,
 	passive: !0
-}, E = (() => {
-	let E = o, D, O = [], k = [];
-	return class extends E {
+}, T = (() => {
+	let T = o, E, D = [], O = [];
+	return class extends T {
 		constructor() {
-			super(...arguments), this.#e = t(this, O, null), this._state = (t(this, k), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
+			super(...arguments), this.#e = t(this, D, null), this._state = (t(this, O), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
 				this.now || (document.visibilityState === "hidden" ? await this._stopClock() : await this._startClock());
 			};
 		}
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(E[Symbol.metadata] ?? null) : void 0;
-			D = [a()], e(this, null, D, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(T[Symbol.metadata] ?? null) : void 0;
+			E = [a()], e(this, null, E, {
 				kind: "accessor",
 				name: "now",
 				static: !1,
@@ -30,7 +30,7 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 					}
 				},
 				metadata: t
-			}, O, k), t && Object.defineProperty(this, Symbol.metadata, {
+			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -41,7 +41,7 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this.elementName = "sbb-clock";
 		}
 		static {
-			this.styles = [s, i(p)];
+			this.styles = [i(f)];
 		}
 		#e;
 		get now() {
@@ -51,7 +51,7 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this.#e = e;
 		}
 		connectedCallback() {
-			super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), w * 1e3);
+			super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), C * 1e3);
 		}
 		willUpdate(e) {
 			super.willUpdate(e), !r && e.has("now") && this._startOrConfigureClock();
@@ -66,9 +66,9 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this.now ? (await this._stopClock(), this._resetSecondsHandAnimation(), this._setHandsStartingPosition()) : await this._startClock();
 		}
 		async _startClock() {
-			this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, T), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, T), await new Promise((e) => setTimeout(() => {
+			this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, w), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, w), await new Promise((e) => setTimeout(() => {
 				this._setHandsStartingPosition(), this.style?.setProperty("--sbb-clock-animation-play-state", "running"), this._state = "running", e();
-			}, _));
+			}, g));
 		}
 		async _stopClock() {
 			clearInterval(this._handMovement), this._removeSecondsAnimationStyles(), this._removeHoursAnimationStyles(), this._clockHandHours?.removeEventListener("animationend", this._moveHoursHandFn), this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._clockHandMinutes?.classList.add("sbb-clock__hand-minutes--no-transition"), this.style?.setProperty("--sbb-clock-animation-play-state", "paused"), this._state = "paused";
@@ -78,8 +78,8 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 		}
 		_setHandsStartingPosition() {
 			this._assignCurrentTime();
-			let e = g - this._seconds, t = h - this._minutes, n = m - this._hours, r = 0, i = 0;
-			e > 0 && (r += e, i = 1), t > 0 && (r += (t - i) * S, i = 1), n > 0 && (r += (n - i) * C), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * y + this._minutes / 2)}deg`), this.style?.setProperty("--sbb-clock-hours-animation-duration", `${r}s`), this.style?.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * x)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${e}s`), this._setMinutesHand(), this._clockHandSeconds?.classList.add("sbb-clock__hand-seconds--initial-minute"), this._clockHandHours?.classList.add("sbb-clock__hand-hours--initial-hour"), this.internals.states.add("initialized");
+			let e = h - this._seconds, t = m - this._minutes, n = p - this._hours, r = 0, i = 0;
+			e > 0 && (r += e, i = 1), t > 0 && (r += (t - i) * x, i = 1), n > 0 && (r += (n - i) * S), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * v + this._minutes / 2)}deg`), this.style?.setProperty("--sbb-clock-hours-animation-duration", `${r}s`), this.style?.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * b)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${e}s`), this._setMinutesHand(), this._clockHandSeconds?.classList.add("sbb-clock__hand-seconds--initial-minute"), this._clockHandHours?.classList.add("sbb-clock__hand-hours--initial-hour"), this.internals.states.add("initialized");
 		}
 		_assignCurrentTime() {
 			let e = this.now ? null : /* @__PURE__ */ new Date(), [t, n, r] = e ? [
@@ -90,15 +90,15 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 			this._hours = t % 12, this._minutes = n, this._seconds = r;
 		}
 		_setMinutesHand() {
-			this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * b)}deg)`);
+			this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * y)}deg)`);
 		}
 		_moveHoursHand() {
 			this._removeHoursAnimationStyles();
-			let e = Math.ceil(this._hours * y + this._minutes / 2);
-			e >= v && (e -= v), this._clockHandHours?.style.setProperty("transform", `rotateZ(${e}deg)`);
+			let e = Math.ceil(this._hours * v + this._minutes / 2);
+			e >= _ && (e -= _), this._clockHandHours?.style.setProperty("transform", `rotateZ(${e}deg)`);
 		}
 		_moveMinutesHand() {
-			this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), g * 1e3);
+			this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), h * 1e3);
 		}
 		_addMinutesAndSetHands() {
 			this._minutes++, this._setMinutesHand();
@@ -117,25 +117,25 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 		}
 		render() {
 			return n`
-      <span class="sbb-clock__face" .innerHTML=${l}></span>
+      <span class="sbb-clock__face" .innerHTML=${c}></span>
       <span
         class="sbb-clock__hand-hours"
-        .innerHTML=${u}
-        ${c((e) => {
+        .innerHTML=${l}
+        ${s((e) => {
 				this._clockHandHours = e;
 			})}
       ></span>
       <span
         class="sbb-clock__hand-minutes sbb-clock__hand-minutes--no-transition"
-        .innerHTML=${d}
-        ${c((e) => {
+        .innerHTML=${u}
+        ${s((e) => {
 				this._clockHandMinutes = e;
 			})}
       ></span>
       <span
         class="sbb-clock__hand-seconds"
-        .innerHTML=${f}
-        ${c((e) => {
+        .innerHTML=${d}
+        ${s((e) => {
 				this._clockHandSeconds = e;
 			})}
       ></span>
@@ -144,4 +144,4 @@ var l = "<svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\
 	};
 })();
 //#endregion
-export { E as t };
+export { T as t };

package/clock.js

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

package/clock.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./clock.component-DHb5YwM4.js";
+import { t as e } from "./clock.component-Cqrl999I.js";
 export { e as SbbClockElement };

package/{compact-paginator.component-DEEhXiMm.js → compact-paginator.component-sRHapku-.js}

@@ -1,18 +1,18 @@
 import { html as e, unsafeCSS as t } from "lit";
-import { SbbElement as n, SbbScreenReaderOnlyElement as r, boxSizingStyles as i, i18nPage as a, i18nPaginatorOf as o } from "./core.js";
-import { SbbDividerElement as s } from "./divider.pure.js";
-import { styleMap as c } from "lit/directives/style-map.js";
-import { SbbPaginatorCommonElementMixin as l } from "./paginator/common/paginator-common.js";
+import { SbbElement as n, i18nPage as r, i18nPaginatorOf as i } from "./core.js";
+import { SbbDividerElement as a } from "./divider.pure.js";
+import { styleMap as o } from "lit/directives/style-map.js";
+import { SbbPaginatorCommonElementMixin as s } from "./paginator/common/paginator-common.js";
 //#region src/elements/paginator/compact-paginator/compact-paginator.scss?inline
-var u = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-compact-paginator-height)}:host([size=s]){--sbb-compact-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-compact-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-compact-paginator-color: var(--sbb-color-5)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-compact-paginator-color)}.sbb-compact-paginator__divider{height:1rem}", d = class extends l(n) {
+var c = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content:var(--sbb-paginator-compact-justify-content, start);min-height:var(--sbb-compact-paginator-height)}:host([size=s]){--sbb-compact-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-compact-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-compact-paginator-color: var(--sbb-color-5)}:host([pager-position=end]){--sbb-paginator-compact-justify-content: end}.sbb-paginator__pages{font-size:var(--sbb-compact-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:flex;align-items:center;justify-content:center;gap:var(--sbb-compact-paginator-pages-gap);color:var(--sbb-compact-paginator-color)}.sbb-compact-paginator__divider{height:1rem}", l = class extends s(n) {
 	static {
 		this.elementName = "sbb-compact-paginator";
 	}
 	static {
-		this.elementDependencies = [s, r];
+		this.elementDependencies = [a];
 	}
 	static {
-		this.styles = [i, t(u)];
+		this.styles = [t(c)];
 	}
 	static {
 		this.events = { page: "page" };
@@ -23,14 +23,14 @@ var u = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content
         >${this.pageIndex + 1}<sbb-divider
           orientation="vertical"
           class="sbb-compact-paginator__divider"
-          style=${c({ "--sbb-divider-color": "currentcolor" })}
+          style=${o({ "--sbb-divider-color": "currentcolor" })}
           ?negative=${this.negative}
         ></sbb-divider
         >${this.numberOfPages()}</span
       >
-      <sbb-screen-reader-only>
-        ${`${this.accessibilityPageLabel ? this.accessibilityPageLabel : a[this.language.current]} ${this.pageIndex + 1} ${o[this.language.current]} ${this.numberOfPages()}`}
-      </sbb-screen-reader-only>
+      <span class="sbb-screen-reader-only">
+        ${`${this.accessibilityPageLabel ? this.accessibilityPageLabel : r[this.language.current]} ${this.pageIndex + 1} ${i[this.language.current]} ${this.numberOfPages()}`}
+      </span>
     `;
 	}
 	renderPaginator() {
@@ -40,4 +40,4 @@ var u = ":host{display:flex;gap:var(--sbb-compact-paginator-gap);justify-content
 	}
 };
 //#endregion
-export { d as t };
+export { l as t };

package/container/container/container.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../container.component-CJL8qqFp.js";
+import { t as e } from "../../container.component-sQtiqWxT.js";
 export { e as SbbContainerElement };

package/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sticky-bar.component-B_cdkr-V.js";
+import { t as e } from "../../sticky-bar.component-CmB6U3iY.js";
 export { e as SbbStickyBarElement };

package/{container.component-CJL8qqFp.js → container.component-sQtiqWxT.js}

@@ -1,21 +1,21 @@
 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, boxSizingStyles as o, forceType as s, ɵstateController as c } from "./core.js";
+import { SbbElement as a, forceType as o, ɵstateController as s } from "./core.js";
 //#region src/elements/container/container/container.scss?inline
-var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=white])){--sbb-container-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-container-background-color: var(--sbb-background-color-3)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-1-negative)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-background-color-1-negative)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-background-color-2-negative)}:host(:is(:state(slotted-image),[state--slotted-image])){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]){position:relative}@media(min-width:90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-container{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container{position:relative}:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;inset:0;height:100%;width:100%}", u = (() => {
-	let u = a, d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
-	return class extends u {
+var c = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=white])){--sbb-container-background-color: var(--sbb-background-color-1)}:host([color=milk]){--sbb-container-background-color: var(--sbb-background-color-3)}:host([color=midnight]),:host([color=charcoal]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-container-color: var(--sbb-color-1-negative)}:host([color=midnight]){--sbb-container-background-color: var(--sbb-background-color-1-negative)}:host([color=charcoal]){--sbb-container-background-color: var(--sbb-background-color-2-negative)}:host(:is(:state(slotted-image),[state--slotted-image])){--sbb-container-background-color: transparent;--sbb-container-padding: var(--sbb-spacing-responsive-xxl)}:host([background-expanded]:not([expanded])){background-color:var(--sbb-container-background-color)}:host(:is(:state(slotted-image),[state--slotted-image])[background-expanded]){position:relative}@media(min-width:90rem){:host(:not([expanded],[background-expanded])){--sbb-container-background-border-radius: var(--sbb-border-radius-4x)}}.sbb-container{color:var(--sbb-container-color);background-color:var(--sbb-container-background-color);padding:var(--sbb-container-padding)}.sbb-container:after,.sbb-container:before{content:\"\xA0\";display:block;visibility:hidden;height:0;overflow:hidden}:host([color=transparent]) .sbb-container{background-color:transparent}:host(:not([expanded])) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-layout-base-offset-responsive));margin-inline:auto;width:100%}@media(min-width:90rem){:host(:not([expanded])) .sbb-container{max-width:var(--sbb-spacing-max-width, calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive)))}}:host([expanded]) .sbb-container{padding-inline:var(--sbb-page-spacing-padding, var(--sbb-spacing-responsive-xxs))}:host(:is(:state(slotted-image),[state--slotted-image]):not([background-expanded])) .sbb-container{position:relative}:host(:is(:state(slotted-image),[state--slotted-image])) .sbb-container__content{position:relative}::slotted([slot=image]){position:absolute;inset:0;height:100%;width:100%}", l = (() => {
+	let l = a, u, d = [], f = [], p, m = [], h = [], g, _ = [], v = [];
+	return class extends l {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			d = [s(), i({
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			u = [o(), i({
 				type: Boolean,
 				reflect: !0
-			})], m = [s(), i({
+			})], p = [o(), i({
 				type: Boolean,
 				reflect: !0,
 				attribute: "background-expanded"
-			})], _ = [i({ reflect: !0 })], e(this, null, d, {
+			})], g = [i({ reflect: !0 })], e(this, null, u, {
 				kind: "accessor",
 				name: "expanded",
 				static: !1,
@@ -28,7 +28,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 					}
 				},
 				metadata: t
-			}, f, p), e(this, null, m, {
+			}, d, f), e(this, null, p, {
 				kind: "accessor",
 				name: "backgroundExpanded",
 				static: !1,
@@ -41,7 +41,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 					}
 				},
 				metadata: t
-			}, h, g), e(this, null, _, {
+			}, m, h), e(this, null, g, {
 				kind: "accessor",
 				name: "color",
 				static: !1,
@@ -54,7 +54,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 					}
 				},
 				metadata: t
-			}, v, y), t && Object.defineProperty(this, Symbol.metadata, {
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -65,23 +65,23 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 			this.elementName = "sbb-container";
 		}
 		static {
-			this.styles = [o, r(l)];
+			this.styles = [r(c)];
 		}
-		#e = t(this, f, !1);
+		#e = t(this, d, !1);
 		get expanded() {
 			return this.#e;
 		}
 		set expanded(e) {
 			this.#e = e;
 		}
-		#t = (t(this, p), t(this, h, !1));
+		#t = (t(this, f), t(this, m, !1));
 		get backgroundExpanded() {
 			return this.#t;
 		}
 		set backgroundExpanded(e) {
 			this.#t = e;
 		}
-		#n = (t(this, g), t(this, v, "white"));
+		#n = (t(this, h), t(this, _, "white"));
 		get color() {
 			return this.#n;
 		}
@@ -91,7 +91,7 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
 		willUpdate(e) {
 			if (super.willUpdate(e), e.has("expanded")) {
 				let e = this.querySelector?.("sbb-sticky-bar");
-				c(e)?.toggle("expanded", this.expanded);
+				s(e)?.toggle("expanded", this.expanded);
 			}
 		}
 		render() {
@@ -106,9 +106,9 @@ var l = "@charset \"UTF-8\";:host{display:block}:host(:is(:not([color]),[color=w
     `;
 		}
 		constructor() {
-			super(...arguments), t(this, y);
+			super(...arguments), t(this, v);
 		}
 	};
 })();
 //#endregion
-export { u as t };
+export { l as t };

package/container.js

@@ -1,5 +1,5 @@
-import { t as e } from "./container.component-CJL8qqFp.js";
-import { t } from "./sticky-bar.component-B_cdkr-V.js";
+import { t as e } from "./container.component-sQtiqWxT.js";
+import { t } from "./sticky-bar.component-CmB6U3iY.js";
 import "./container.pure.js";
 e.define(), t.define();
 //#endregion

package/container.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./container.component-CJL8qqFp.js";
-import { t } from "./sticky-bar.component-B_cdkr-V.js";
+import { t as e } from "./container.component-sQtiqWxT.js";
+import { t } from "./sticky-bar.component-CmB6U3iY.js";
 export { e as SbbContainerElement, t as SbbStickyBarElement };

package/core/base-elements/action-base-element.js

@@ -1,4 +1,4 @@
-import { SbbElement as e } from "./element.js";
+import { t as e } from "../../element-C7t5_1gu.js";
 import { html as t } from "lit";
 //#region src/elements/core/base-elements/action-base-element.ts
 var n = class extends e {