@sbb-esta/lyne-elements-dev 4.7.0-dev.1773148895 → 4.7.0-dev.1773157346

package/chip/chip.js

@@ -1,4 +1,7 @@
-import { SbbChipElement as m } from "./chip/chip.component.js";
+import { SbbChipElement as e } from "./chip/chip.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/chip/chip.js' has been deprecated.
+Use either '@sbb-esta/elements/chip.js' or '@sbb-esta/elements/chip.pure.js' instead.`);
 export {
-  m as SbbChipElement
+  e as SbbChipElement
 };

package/chip-label/chip-label.component.js

@@ -1,39 +1,40 @@
-var k = (e) => {
+var u = (e) => {
   throw TypeError(e);
 };
-var y = (e, s, l) => s.has(e) || k("Cannot " + l);
-var p = (e, s, l) => (y(e, s, "read from private field"), l ? l.call(e) : s.get(e)), d = (e, s, l) => s.has(e) ? k("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, l), h = (e, s, l, t) => (y(e, s, "write to private field"), t ? t.call(e, l) : s.set(e, l), l);
-import { __esDecorate as g, __runInitializers as c } from "tslib";
-import { css as S, LitElement as E, html as I } from "lit";
-import { customElement as j, property as w } from "lit/decorators.js";
-import { boxSizingStyles as D } from "../core/styles.js";
-const C = S`:host{display:inline-block}: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=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-label{line-height:2;display:inline-flex;align-items:center;justify-content:center;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);overflow:hidden}@media(forced-colors:active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
-let B = (() => {
-  var o, b, i;
-  let e = [j("sbb-chip-label")], s, l = [], t, v = E, u, f = [], m = [], x, _ = [], z = [];
-  return i = class extends v {
+var m = (e, s, i) => s.has(e) || u("Cannot " + i);
+var p = (e, s, i) => (m(e, s, "read from private field"), i ? i.call(e) : s.get(e)), d = (e, s, i) => s.has(e) ? u("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, i), h = (e, s, i, a) => (m(e, s, "write to private field"), a ? a.call(e, i) : s.set(e, i), i);
+import { __esDecorate as x, __runInitializers as c } from "tslib";
+import { css as _, html as k } from "lit";
+import { property as z } from "lit/decorators.js";
+import { SbbElement as y } from "../core/base-elements.js";
+import { boxSizingStyles as w } from "../core/styles.js";
+const S = _`:host{display:inline-block}: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=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-label{line-height:2;display:inline-flex;align-items:center;justify-content:center;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);overflow:hidden}@media(forced-colors:active){.sbb-chip-label{outline:var(--sbb-border-width-1x) solid CanvasText;outline-offset:calc(-1 * var(--sbb-border-width-1x))}}.sbb-chip-label{display:flex}.sbb-chip__text-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}`;
+let q = (() => {
+  var o, b, t;
+  let e = y, s, i = [], a = [], g, v = [], f = [];
+  return t = class extends e {
     constructor() {
       super(...arguments);
-      d(this, o, c(this, f, "xxs"));
-      d(this, b, (c(this, m), c(this, _, "milk")));
-      c(this, z);
+      d(this, o, c(this, i, "xxs"));
+      d(this, b, (c(this, a), c(this, v, "milk")));
+      c(this, f);
     }
     /** Size of the chip. */
     get size() {
       return p(this, o);
     }
-    set size(r) {
-      h(this, o, r);
+    set size(l) {
+      h(this, o, l);
     }
     /** Color of the chip. */
     get color() {
       return p(this, b);
     }
-    set color(r) {
-      h(this, b, r);
+    set color(l) {
+      h(this, b, l);
     }
     render() {
-      return I`
+      return k`
       <span class="sbb-chip-label">
         <span class="sbb-chip__text-wrapper">
           <slot></slot>
@@ -41,15 +42,15 @@ let B = (() => {
       </span>
     `;
     }
-  }, o = new WeakMap(), b = new WeakMap(), t = i, (() => {
-    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
-    u = [w({ reflect: !0 })], x = [w({ reflect: !0 })], g(i, null, u, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (a) => "size" in a, get: (a) => a.size, set: (a, n) => {
-      a.size = n;
-    } }, metadata: r }, f, m), g(i, null, x, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (a) => "color" in a, get: (a) => a.color, set: (a, n) => {
-      a.color = n;
-    } }, metadata: r }, _, z), g(null, s = { value: t }, e, { kind: "class", name: t.name, metadata: r }, null, l), t = s.value, r && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
-  })(), i.styles = [D, C], c(t, l), t;
+  }, o = new WeakMap(), b = new WeakMap(), (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s = [z({ reflect: !0 })], g = [z({ reflect: !0 })], x(t, null, s, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (r) => "size" in r, get: (r) => r.size, set: (r, n) => {
+      r.size = n;
+    } }, metadata: l }, i, a), x(t, null, g, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (r) => "color" in r, get: (r) => r.color, set: (r, n) => {
+      r.color = n;
+    } }, metadata: l }, v, f), l && Object.defineProperty(t, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), t.elementName = "sbb-chip-label", t.styles = [w, S], t;
 })();
 export {
-  B as SbbChipLabelElement
+  q as SbbChipLabelElement
 };

package/chip-label.js

@@ -1,4 +1,5 @@
-import { SbbChipLabelElement as l } from "./chip-label/chip-label.component.js";
+import { SbbChipLabelElement as e } from "./chip-label/chip-label.component.js";
+e.define();
 export {
-  l as SbbChipLabelElement
+  e as SbbChipLabelElement
 };

package/chip-label.pure.js

@@ -0,0 +1,4 @@
+import { SbbChipLabelElement as l } from "./chip-label/chip-label.component.js";
+export {
+  l as SbbChipLabelElement
+};

package/chip.js

@@ -1,6 +1,8 @@
-import { SbbChipElement as p } from "./chip/chip/chip.component.js";
-import { SbbChipGroupElement as b } from "./chip/chip-group/chip-group.component.js";
+import { SbbChipGroupElement as e } from "./chip/chip-group/chip-group.component.js";
+import { SbbChipElement as i } from "./chip/chip/chip.component.js";
+i.define();
+e.define();
 export {
-  p as SbbChipElement,
-  b as SbbChipGroupElement
+  i as SbbChipElement,
+  e as SbbChipGroupElement
 };

package/chip.pure.js

@@ -0,0 +1,6 @@
+import { SbbChipGroupElement as p } from "./chip/chip-group/chip-group.component.js";
+import { SbbChipElement as b } from "./chip/chip/chip.component.js";
+export {
+  b as SbbChipElement,
+  p as SbbChipGroupElement
+};

package/clock/clock.component.js

@@ -1,30 +1,30 @@
-var M = (s) => {
+var m = (s) => {
   throw TypeError(s);
 };
-var p = (s, n, e) => n.has(s) || M("Cannot " + e);
-var H = (s, n, e) => (p(s, n, "read from private field"), e ? e.call(s) : n.get(s)), g = (s, n, e) => n.has(s) ? M("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, e), h = (s, n, e, i) => (p(s, n, "write to private field"), i ? i.call(s, e) : n.set(s, e), e);
-import { __runInitializers as _, __esDecorate as f } from "tslib";
-import { css as L, LitElement as A, isServer as y, html as I } from "lit";
-import { customElement as O, property as T } from "lit/decorators.js";
-import { ref as m } from "lit/directives/ref.js";
-import { SbbElementInternalsMixin as N } from "../core/mixins.js";
-import { boxSizingStyles as P } from "../core/styles.js";
-const x = `<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>
-`, F = `<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>
-`, 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>
-`, $ = `<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>
-`, D = L`: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)}}`, V = 12, G = 60, z = 60, R = 50, S = 360, w = 30, B = 6, K = 360 / 58.5, j = 60, E = 3600, Z = E / 2, C = {
+var u = (s, n, i) => n.has(s) || m("Cannot " + i);
+var b = (s, n, i) => (u(s, n, "read from private field"), i ? i.call(s) : n.get(s)), v = (s, n, i) => n.has(s) ? m("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, i), h = (s, n, i, d) => (u(s, n, "write to private field"), d ? d.call(s, i) : n.set(s, i), i);
+import { __runInitializers as k, __esDecorate as z } from "tslib";
+import { css as S, isServer as M, html as w } from "lit";
+import { property as C } from "lit/decorators.js";
+import { ref as _ } from "lit/directives/ref.js";
+import { SbbElement as L } from "../core/base-elements.js";
+import { boxSizingStyles as E } from "../core/styles.js";
+const A = `<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>
+`, O = `<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>
+`, T = `<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>
+`, I = `<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 = S`: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, F = 60, p = 60, x = 50, H = 360, g = 30, U = 6, $ = 360 / 58.5, V = 60, y = 3600, D = y / 2, f = {
   once: !0,
   passive: !0
 };
-let nt = (() => {
-  var l, o;
-  let s = [O("sbb-clock")], n, e = [], i, u = N(A), b, v = [], k = [];
-  return o = class extends u {
+let Q = (() => {
+  var o, a;
+  let s = L, n, i = [], d = [];
+  return a = class extends s {
     constructor() {
       super(...arguments);
-      g(this, l);
-      h(this, l, _(this, v, null)), this._state = (_(this, k), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
+      v(this, o);
+      h(this, o, k(this, i, null)), this._state = (k(this, d), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
         this.now || (document.visibilityState === "hidden" ? await this._stopClock() : await this._startClock());
       };
     }
@@ -33,19 +33,19 @@ let nt = (() => {
      * @param value HH:MM:ss
      */
     get now() {
-      return H(this, l);
+      return b(this, o);
     }
     set now(t) {
-      h(this, l, t);
+      h(this, o, t);
     }
     connectedCallback() {
-      super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), Z * 1e3);
+      super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), D * 1e3);
     }
     willUpdate(t) {
-      super.willUpdate(t), !y && t.has("now") && this._startOrConfigureClock();
+      super.willUpdate(t), !M && t.has("now") && this._startOrConfigureClock();
     }
     firstUpdated(t) {
-      super.firstUpdated(t), y || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), this._startOrConfigureClock());
+      super.firstUpdated(t), M || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), this._startOrConfigureClock());
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this._removeEventListeners(), clearInterval(this._resetIntervalId);
@@ -55,9 +55,9 @@ let nt = (() => {
     }
     /** Starts the clock by defining the hands starting position then starting the animations. */
     async _startClock() {
-      this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, C), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, C), await new Promise((t) => setTimeout(() => {
+      this._clockHandHours?.addEventListener("animationend", this._moveHoursHandFn, f), this._clockHandSeconds?.addEventListener("animationend", this._moveMinutesHandFn, f), await new Promise((t) => setTimeout(() => {
         this._setHandsStartingPosition(), this.style?.setProperty("--sbb-clock-animation-play-state", "running"), this._state = "running", t();
-      }, R));
+      }, x));
     }
     /** Stops the clock by removing all the animations. */
     async _stopClock() {
@@ -72,28 +72,28 @@ let nt = (() => {
     /** Set the starting position for the three hands on the clock face. */
     _setHandsStartingPosition() {
       this._assignCurrentTime();
-      const t = z - this._seconds, a = G - this._minutes, c = V - this._hours;
-      let r = 0, d = 0;
-      t > 0 && (r += t, d = 1), a > 0 && (r += (a - d) * j, d = 1), c > 0 && (r += (c - d) * E), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * w + 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 * K)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${t}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");
+      const t = p - this._seconds, e = F - this._minutes, c = P - this._hours;
+      let r = 0, l = 0;
+      t > 0 && (r += t, l = 1), e > 0 && (r += (e - l) * V, l = 1), c > 0 && (r += (c - l) * y), this.style?.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * g + 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 * $)}deg`), this.style?.setProperty("--sbb-clock-seconds-animation-duration", `${t}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");
     }
     /** Given the current date, calculates the hh/mm/ss values and the hh/mm/ss left to the next midnight. */
     _assignCurrentTime() {
-      const t = this.now ? null : /* @__PURE__ */ new Date(), [a, c, r] = t ? [t.getHours(), t.getMinutes(), t.getSeconds()] : this.now.split(":").map((d) => +d);
-      this._hours = a % 12, this._minutes = c, this._seconds = r;
+      const t = this.now ? null : /* @__PURE__ */ new Date(), [e, c, r] = t ? [t.getHours(), t.getMinutes(), t.getSeconds()] : this.now.split(":").map((l) => +l);
+      this._hours = e % 12, this._minutes = c, this._seconds = r;
     }
     /** Set the starting position for the minutes hand. */
     _setMinutesHand() {
-      this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * B)}deg)`);
+      this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * U)}deg)`);
     }
     /** Move the hours hand to the next value. */
     _moveHoursHand() {
       this._removeHoursAnimationStyles();
-      let t = Math.ceil(this._hours * w + this._minutes / 2);
-      t >= S && (t -= S), this._clockHandHours?.style.setProperty("transform", `rotateZ(${t}deg)`);
+      let t = Math.ceil(this._hours * g + this._minutes / 2);
+      t >= H && (t -= H), this._clockHandHours?.style.setProperty("transform", `rotateZ(${t}deg)`);
     }
     /** Move the minutes hand to the next value. */
     _moveMinutesHand() {
-      this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), z * 1e3);
+      this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), p * 1e3);
     }
     _addMinutesAndSetHands() {
       this._minutes++, this._setMinutesHand();
@@ -116,38 +116,38 @@ let nt = (() => {
       this._clockHandSeconds?.classList.remove("sbb-clock__hand-seconds--initial-minute"), this._clockHandMinutes?.classList.remove("sbb-clock__hand-minutes--no-transition"), this.style.removeProperty("--sbb-clock-seconds-animation-start-angle"), this.style.removeProperty("--sbb-clock-seconds-animation-duration");
     }
     render() {
-      return I`
-      <span class="sbb-clock__face" .innerHTML=${x}></span>
+      return w`
+      <span class="sbb-clock__face" .innerHTML=${A}></span>
       <span
         class="sbb-clock__hand-hours"
-        .innerHTML=${F}
-        ${m((t) => {
+        .innerHTML=${O}
+        ${_((t) => {
         this._clockHandHours = t;
       })}
       ></span>
       <span
         class="sbb-clock__hand-minutes sbb-clock__hand-minutes--no-transition"
-        .innerHTML=${U}
-        ${m((t) => {
+        .innerHTML=${T}
+        ${_((t) => {
         this._clockHandMinutes = t;
       })}
       ></span>
       <span
         class="sbb-clock__hand-seconds"
-        .innerHTML=${$}
-        ${m((t) => {
+        .innerHTML=${I}
+        ${_((t) => {
         this._clockHandSeconds = t;
       })}
       ></span>
     `;
     }
-  }, l = new WeakMap(), i = o, (() => {
-    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    b = [T()], f(o, null, b, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (a) => "now" in a, get: (a) => a.now, set: (a, c) => {
-      a.now = c;
-    } }, metadata: t }, v, k), f(null, n = { value: i }, s, { kind: "class", name: i.name, metadata: t }, null, e), i = n.value, t && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
-  })(), o.styles = [P, D], _(i, e), i;
+  }, o = new WeakMap(), (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(s[Symbol.metadata] ?? null) : void 0;
+    n = [C()], z(a, null, n, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (e) => "now" in e, get: (e) => e.now, set: (e, c) => {
+      e.now = c;
+    } }, metadata: t }, i, d), t && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), a.elementName = "sbb-clock", a.styles = [E, N], a;
 })();
 export {
-  nt as SbbClockElement
+  Q as SbbClockElement
 };

package/clock.js

@@ -1,4 +1,5 @@
-import { SbbClockElement as b } from "./clock/clock.component.js";
+import { SbbClockElement as e } from "./clock/clock.component.js";
+e.define();
 export {
-  b as SbbClockElement
+  e as SbbClockElement
 };

package/clock.pure.js

@@ -0,0 +1,4 @@
+import { SbbClockElement as b } from "./clock/clock.component.js";
+export {
+  b as SbbClockElement
+};

package/container/container/container.component.js

@@ -1,39 +1,40 @@
-var I = (t) => {
+var w = (t) => {
   throw TypeError(t);
 };
-var B = (t, a, s) => a.has(t) || I("Cannot " + s);
-var p = (t, a, s) => (B(t, a, "read from private field"), s ? s.call(t) : a.get(t)), g = (t, a, s) => a.has(t) ? I("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s), u = (t, a, s, r) => (B(t, a, "write to private field"), r ? r.call(t, s) : a.set(t, s), s);
-import { __esDecorate as m, __runInitializers as i } from "tslib";
-import { css as D, LitElement as T, html as U } from "lit";
-import { customElement as j, property as h } from "lit/decorators.js";
-import { forceType as C } from "../../core/decorators.js";
-import { SbbElementInternalsMixin as O, ɵstateController as q } from "../../core/mixins.js";
-import { boxSizingStyles as F } from "../../core/styles.js";
-const L = D`@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:" ";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%}`;
-let Q = (() => {
-  var c, d, l, n;
-  let t = [j("sbb-container")], a, s = [], r, x = O(T), v, k = [], _ = [], f, y = [], E = [], w, S = [], z = [];
-  return n = class extends x {
+var z = (t, a, s) => a.has(t) || w("Cannot " + s);
+var p = (t, a, s) => (z(t, a, "read from private field"), s ? s.call(t) : a.get(t)), g = (t, a, s) => a.has(t) ? w("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s), u = (t, a, s, i) => (z(t, a, "write to private field"), i ? i.call(t, s) : a.set(t, s), s);
+import { __esDecorate as h, __runInitializers as n } from "tslib";
+import { css as S, html as I } from "lit";
+import { property as m } from "lit/decorators.js";
+import { SbbElement as B } from "../../core/base-elements.js";
+import { forceType as E } from "../../core/decorators.js";
+import { ɵstateController as U } from "../../core/mixins.js";
+import { boxSizingStyles as j } from "../../core/styles.js";
+const O = S`@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:" ";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%}`;
+let K = (() => {
+  var d, c, l, r;
+  let t = B, a, s = [], i = [], x, k = [], v = [], f, _ = [], y = [];
+  return r = class extends t {
     constructor() {
       super(...arguments);
-      g(this, c, i(this, k, !1));
-      g(this, d, (i(this, _), i(this, y, !1)));
-      g(this, l, (i(this, E), i(this, S, "white")));
-      i(this, z);
+      g(this, d, n(this, s, !1));
+      g(this, c, (n(this, i), n(this, k, !1)));
+      g(this, l, (n(this, v), n(this, _, "white")));
+      n(this, y);
     }
     /** Whether the container is expanded. */
     get expanded() {
-      return p(this, c);
+      return p(this, d);
     }
     set expanded(o) {
-      u(this, c, o);
+      u(this, d, o);
     }
     /** Whether the background color is shown on full container width on large screens. */
     get backgroundExpanded() {
-      return p(this, d);
+      return p(this, c);
     }
     set backgroundExpanded(o) {
-      u(this, d, o);
+      u(this, c, o);
     }
     /** Color of the container, like transparent, white etc. */
     get color() {
@@ -45,11 +46,11 @@ let Q = (() => {
     willUpdate(o) {
       if (super.willUpdate(o), o.has("expanded")) {
         const e = this.querySelector?.("sbb-sticky-bar");
-        q(e)?.toggle("expanded", this.expanded);
+        U(e)?.toggle("expanded", this.expanded);
       }
     }
     render() {
-      return U`
+      return I`
       <div class="sbb-container">
         <slot name="image"></slot>
         <div class="sbb-container__content">
@@ -59,17 +60,17 @@ let Q = (() => {
       <slot name="sticky-bar"></slot>
     `;
     }
-  }, c = new WeakMap(), d = new WeakMap(), l = new WeakMap(), r = n, (() => {
-    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
-    v = [C(), h({ type: Boolean, reflect: !0 })], f = [C(), h({ type: Boolean, reflect: !0, attribute: "background-expanded" })], w = [h({ reflect: !0 })], m(n, null, v, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, b) => {
+  }, d = new WeakMap(), c = new WeakMap(), l = new WeakMap(), (() => {
+    const o = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
+    a = [E(), m({ type: Boolean, reflect: !0 })], x = [E(), m({ type: Boolean, reflect: !0, attribute: "background-expanded" })], f = [m({ reflect: !0 })], h(r, null, a, { kind: "accessor", name: "expanded", static: !1, private: !1, access: { has: (e) => "expanded" in e, get: (e) => e.expanded, set: (e, b) => {
       e.expanded = b;
-    } }, metadata: o }, k, _), m(n, null, f, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, b) => {
+    } }, metadata: o }, s, i), h(r, null, x, { kind: "accessor", name: "backgroundExpanded", static: !1, private: !1, access: { has: (e) => "backgroundExpanded" in e, get: (e) => e.backgroundExpanded, set: (e, b) => {
       e.backgroundExpanded = b;
-    } }, metadata: o }, y, E), m(n, null, w, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, b) => {
+    } }, metadata: o }, k, v), h(r, null, f, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (e) => "color" in e, get: (e) => e.color, set: (e, b) => {
       e.color = b;
-    } }, metadata: o }, S, z), m(null, a = { value: r }, t, { kind: "class", name: r.name, metadata: o }, null, s), r = a.value, o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
-  })(), n.styles = [F, L], i(r, s), r;
+    } }, metadata: o }, _, y), o && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: o });
+  })(), r.elementName = "sbb-container", r.styles = [j, O], r;
 })();
 export {
-  Q as SbbContainerElement
+  K as SbbContainerElement
 };

package/container/container.js

@@ -1,4 +1,7 @@
-import { SbbContainerElement as o } from "./container/container.component.js";
+import { SbbContainerElement as e } from "./container/container.component.js";
+e.define();
+console.warn(`The entrypoint '@sbb-esta/elements/container/container.js' has been deprecated.
+Use either '@sbb-esta/elements/container.js' or '@sbb-esta/elements/container.pure.js' instead.`);
 export {
-  o as SbbContainerElement
+  e as SbbContainerElement
 };