@sbb-esta/lyne-elements 2.11.2 → 3.0.0-next.1

package/chip/chip-group/chip-group.component.js

@@ -1,118 +1,134 @@
-var C = (s) => {
-  throw TypeError(s);
+var T = (a) => {
+  throw TypeError(a);
 };
-var w = (s, r, n) => r.has(s) || C("Cannot " + n);
-var x = (s, r, n) => (w(s, r, "read from private field"), n ? n.call(s) : r.get(s)), k = (s, r, n) => r.has(s) ? C("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, n), m = (s, r, n, a) => (w(s, r, "write to private field"), a ? a.call(s, n) : r.set(s, n), n);
-import { __esDecorate as d, __runInitializers as c } from "tslib";
-import { css as D, LitElement as F, isServer as A, html as K } from "lit";
-import { customElement as z, property as S } from "lit/decorators.js";
-import { inputAutocompleteEvent as O } from "../../autocomplete.js";
-import { isArrowKeyPressed as T, getNextElementIndex as V } from "../../core/a11y.js";
-import { SbbLanguageController as q } from "../../core/controllers.js";
-import { isLean as L } from "../../core/dom.js";
-import { EventEmitter as b } from "../../core/eventing.js";
-import { i18nSelectionRequired as M, i18nChipGroupInputDescription as R } from "../../core/i18n.js";
-import { SbbRequiredMixin as B, SbbDisabledMixin as G, SbbNegativeMixin as N, SbbFormAssociatedMixin as $ } from "../../core/mixins.js";
-import { SbbChipElement as j } from "../chip.js";
-const U = D`*,:before,:after{box-sizing:border-box}:host{--sbb-chip-group-input-min-width: 9.375rem;max-width:100%}:host([data-size=s]:not([data-empty])){--sbb-chip-group-margin-block: .375rem .3125rem}@media (min-width: 52.5rem){:host([data-size=s]:not([data-empty])){--sbb-chip-group-margin-block: .3125rem .1875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width)}::slotted(sbb-chip){max-width:100%}.sbb-chip-group{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-1x);align-items:center;margin-block:var(--sbb-chip-group-margin-block)}`;
-let ne = (() => {
-  var h, l;
-  let s = [z("sbb-chip-group")], r, n = [], a, _ = B(G(N($(F)))), f = [], v, g, E = [], y = [];
-  var p = (l = class extends _ {
+var W = (a, r, l) => r.has(a) || T("Cannot " + l);
+var y = (a, r, l) => (W(a, r, "read from private field"), l ? l.call(a) : r.get(a)), g = (a, r, l) => r.has(a) ? T("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, l), b = (a, r, l, h) => (W(a, r, "write to private field"), h ? h.call(a, l) : r.set(a, l), l);
+import { __esDecorate as f, __runInitializers as d } from "tslib";
+import { css as q, LitElement as L, isServer as E, html as M } from "lit";
+import { customElement as V, property as C } from "lit/decorators.js";
+import { isArrowKeyPressed as R, getNextElementIndex as B } from "../../core/a11y.js";
+import { SbbLanguageController as N } from "../../core/controllers.js";
+import { isLean as G } from "../../core/dom.js";
+import { EventEmitter as x } from "../../core/eventing.js";
+import { i18nSelectionRequired as $, i18nChipGroupInputDescription as j } from "../../core/i18n.js";
+import { SbbRequiredMixin as U, SbbDisabledMixin as J, SbbNegativeMixin as H, SbbFormAssociatedMixin as P, SbbElementInternalsMixin as Q } from "../../core/mixins.js";
+import { SbbChipElement as X } from "../chip.js";
+const Y = q`*,:before,:after{box-sizing:border-box}:host{--sbb-chip-group-input-min-width: 9.375rem;max-width:100%}:host([data-size=s]:not([data-empty])){--sbb-chip-group-margin-block: .375rem .3125rem}@media (min-width: 52.5rem){:host([data-size=s]:not([data-empty])){--sbb-chip-group-margin-block: .3125rem .1875rem}}::slotted(input){flex:1 1 var(--sbb-chip-group-input-min-width)}::slotted(sbb-chip){max-width:100%}.sbb-chip-group{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-1x);align-items:center;margin-block:var(--sbb-chip-group-margin-block)}`;
+let ut = (() => {
+  var u, c, o;
+  let a = [V("sbb-chip-group")], r, l = [], h, w = U(J(H(P(Q(L))))), S = [], k, A, I = [], D = [], O, z = [], K = [];
+  var m = (o = class extends w {
     constructor() {
+      var t, e;
       super();
-      k(this, h);
-      m(this, h, (c(this, f), c(this, E, ["Enter"]))), this._change = (c(this, y), new b(this, p.events.change)), this._input = new b(this, p.events.input), this._chipInputTokenEnd = new b(this, p.events.chipInputTokenEnd), this._inputAttributeObserver = A ? null : new MutationObserver(() => this._reactToInputChanges()), this._formFieldAttributeObserver = A ? null : new MutationObserver(() => this._inheritSize()), this._language = new q(this), this.internals.role = "listbox", this.addEventListener?.(j.events.requestDelete, (e) => this._deleteChip(e.target)), this.addEventListener?.("keydown", (e) => this._onChipKeyDown(e));
+      g(this, u);
+      g(this, c);
+      b(this, u, (d(this, S), d(this, I, null))), b(this, c, (d(this, D), d(this, z, ["Enter"]))), this._change = (d(this, K), new x(this, m.events.change)), this._input = new x(this, m.events.input), this._chipInputTokenEnd = new x(this, m.events.chipInputTokenEnd), this._inputAttributeObserver = E ? null : new MutationObserver(() => this._reactToInputChanges()), this._formFieldAttributeObserver = E ? null : new MutationObserver(() => this._inheritSize()), this._language = new N(this), (t = this.addEventListener) == null || t.call(this, X.events.requestDelete, (i) => this._deleteChip(i.target)), (e = this.addEventListener) == null || e.call(this, "keydown", (i) => this._onChipKeyDown(i));
     }
     /** Value of the form element. */
-    set value(e) {
-      e = e ?? [], super.value = e;
-      const t = this.value, i = [...t];
-      for (const u of e)
-        i.includes(u) && i.splice(i.indexOf(u), 1);
-      i.forEach((u) => this._chipElements().find((I) => I.value === u)?.remove());
-      const o = [...e];
-      for (const u of t)
-        o.includes(u) && o.splice(o.indexOf(u), 1);
-      o.forEach((u) => this._createChipElement(u));
+    set value(t) {
+      t = t ?? [];
+      const e = this.value, i = [...e];
+      for (const n of t)
+        i.includes(n) && i.splice(i.indexOf(n), 1);
+      i.forEach((n) => {
+        var p;
+        return (p = this._chipElements().find((_) => _.value === n)) == null ? void 0 : p.remove();
+      });
+      const s = [...t];
+      for (const n of e)
+        s.includes(n) && s.splice(s.indexOf(n), 1);
+      s.forEach((n) => this._createChipElement(n));
     }
     get value() {
-      return this._chipElements().map((e) => e.value);
+      return this._chipElements().map((t) => t.value);
+    }
+    /** Function that maps a chip's value to its display value. */
+    get displayWith() {
+      return y(this, u);
+    }
+    set displayWith(t) {
+      b(this, u, t);
     }
     /** The array of keys that will trigger a `chipInputTokenEnd` event. Default `['Enter']` */
     get separatorKeys() {
-      return x(this, h);
+      return y(this, c);
     }
-    set separatorKeys(e) {
-      m(this, h, e);
+    set separatorKeys(t) {
+      b(this, c, t);
     }
     connectedCallback() {
       super.connectedCallback(), this._setupComponent();
     }
-    willUpdate(e) {
-      super.willUpdate(e), (e.has("disabled") || e.has("formDisabled") || e.has("negative")) && this._proxyStateToChips();
+    willUpdate(t) {
+      super.willUpdate(t), (t.has("disabled") || t.has("formDisabled") || t.has("negative")) && this._proxyStateToChips();
     }
     /** @internal */
     formResetCallback() {
       this.value = null;
     }
     /** @internal */
-    formStateRestoreCallback(e, t) {
-      if (!e) {
+    formStateRestoreCallback(t, e) {
+      if (!t) {
         this.value = null;
         return;
       }
-      this.value = e.map((i) => i[1]);
+      this._readFormData(t).then((i) => this.value = i);
     }
-    updateFormValue() {
-      const e = new FormData();
-      this.value.forEach((t) => e.append(this.name, t)), this.internals.setFormValue(e), this.validate(), this._updateInputDescription();
+    async _readFormData(t) {
+      return Promise.all(t.getAll(this.name).map(async (e) => e instanceof Blob ? JSON.parse(await e.text()) : e));
     }
-    shouldValidate(e) {
-      return super.shouldValidate(e) || e === "required";
+    shouldValidate(t) {
+      return super.shouldValidate(t) || t === "required" || t === "value";
     }
     validate() {
-      super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", M[this._language.current]) : this.removeValidityFlag("valueMissing");
+      super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", $[this._language.current]) : this.removeValidityFlag("valueMissing");
     }
     /** Return the list of chip elements **/
     _chipElements() {
-      return Array.from(this.querySelectorAll?.("sbb-chip") ?? []);
+      var t;
+      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-chip")) ?? []);
     }
     /** Return the list of enabled chip elements **/
     _enabledChipElements() {
-      return Array.from(this.querySelectorAll?.("sbb-chip:not([disabled])") ?? []);
+      var t;
+      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.call(this, "sbb-chip:not([disabled])")) ?? []);
     }
     _setupComponent() {
-      const e = this.querySelector("input");
-      e && e !== this._inputElement && (this._inputAbortController?.abort(), this._inputAttributeObserver?.disconnect(), this._inputElement = e, this._inputAbortController = new AbortController(), this._inputElement.addEventListener("keydown", (i) => this._onInputKeyDown(i), {
+      var i, s, n, p, _;
+      const t = this.querySelector("input");
+      t && t !== this._inputElement && ((i = this._inputAbortController) == null || i.abort(), (s = this._inputAttributeObserver) == null || s.disconnect(), this._inputElement = t, this._inputAbortController = new AbortController(), this._inputElement.addEventListener("keydown", (v) => this._onInputKeyDown(v), {
         signal: this._inputAbortController.signal
-      }), this._inputElement.addEventListener(O, () => this._createChipFromInput("autocomplete"), {
+      }), this._inputElement.addEventListener("inputAutocomplete", (v) => {
+        var F;
+        this._createChipFromInput("autocomplete", (F = v.detail) == null ? void 0 : F.option.value);
+      }, {
         signal: this._inputAbortController.signal
-      }), this._inputAttributeObserver?.observe(this._inputElement, {
+      }), (n = this._inputAttributeObserver) == null || n.observe(this._inputElement, {
         attributes: !0,
         attributeFilter: ["readonly", "disabled"]
-      })), this._inheritSize(), this._formFieldAttributeObserver?.disconnect();
-      const t = this.closest("sbb-form-field");
-      t && this._formFieldAttributeObserver?.observe(t, {
+      })), this._inheritSize(), (p = this._formFieldAttributeObserver) == null || p.disconnect();
+      const e = this.closest("sbb-form-field");
+      e && ((_ = this._formFieldAttributeObserver) == null || _.observe(e, {
         attributes: !0,
         attributeFilter: ["size"]
-      }), this.toggleAttribute("data-empty", this.value.length === 0), this._reactToInputChanges(), this.updateFormValue();
+      })), this.toggleAttribute("data-empty", this.value.length === 0), this._reactToInputChanges(), this._updateInputDescription(), this.updateFormValue();
     }
     /**
      * Listen for keyboard events on the chip elements
      **/
-    _onChipKeyDown(e) {
-      const t = e.target;
-      if (t.localName === "sbb-chip") {
-        if (T(e)) {
-          const i = this._enabledChipElements(), o = V(e, i.indexOf(t), i.length);
-          i[o].focus();
+    _onChipKeyDown(t) {
+      const e = t.target;
+      if (e.localName === "sbb-chip") {
+        if (R(t)) {
+          const i = this._enabledChipElements(), s = B(t, i.indexOf(e), i.length);
+          i[s].focus();
           return;
         }
-        switch (e.key) {
+        switch (t.key) {
           case "Backspace":
           case "Delete":
-            !t.readonly && !t.disabled && (e.preventDefault(), this._deleteChip(t));
+            !e.readOnly && !e.disabled && (t.preventDefault(), this._deleteChip(e));
             break;
         }
       }
@@ -120,96 +136,106 @@ let ne = (() => {
     /**
      * Listen for keyboard events on the input
      **/
-    _onInputKeyDown(e) {
-      switch (e.key) {
+    _onInputKeyDown(t) {
+      switch (t.key) {
         case "Backspace":
         case "ArrowLeft":
           this._inputElement.value || this._focusChip();
           break;
         case "Enter":
-          e.preventDefault();
+          t.preventDefault();
           break;
       }
-      this.separatorKeys.includes(e.key) && (e.preventDefault(), this._createChipFromInput("input"));
+      this.separatorKeys.includes(t.key) && (t.preventDefault(), this._createChipFromInput("input"));
     }
     /**
      * If the input is not empty, create a chip with its value
      */
-    _createChipFromInput(e = "input") {
-      const t = this._inputElement.value.trim();
-      if (!t)
+    _createChipFromInput(t = "input", e) {
+      var n;
+      const i = e ?? this._inputElement.value.trim();
+      if (!i)
         return;
-      const i = {
-        origin: e,
-        value: t,
-        label: void 0,
-        setValue: (o) => i.value = o,
-        setLabel: (o) => i.label = o
+      const s = {
+        origin: t,
+        value: i,
+        label: (e ? (n = this.displayWith) == null ? void 0 : n.call(this, e) : null) ?? void 0,
+        setValue: (p) => s.value = p,
+        setLabel: (p) => s.label = p
       };
-      this._chipInputTokenEnd.emit(i) && (this._createChipElement(i.value, i.label), this._inputElement.value = "", this._emitInputEvents());
+      this._chipInputTokenEnd.emit(s) && (this._createChipElement(s.value, s.label), this._inputElement.value = "", this._emitInputEvents());
     }
-    _deleteChip(e) {
-      const t = this._enabledChipElements();
-      e.remove(), this._emitInputEvents(), this._focusChip(t.indexOf(e));
+    _deleteChip(t) {
+      const e = this._enabledChipElements();
+      t.remove(), this._emitInputEvents(), this._focusChip(e.indexOf(t));
     }
     /**
      * Focus an enabled chip. If none are present, focus the input
      * @param index The index of the enabled chip. If null, focus the last one.
      */
-    _focusChip(e) {
-      const t = this._enabledChipElements();
-      if (e !== void 0 && t[e]) {
-        t[e].focus();
+    _focusChip(t) {
+      var i;
+      const e = this._enabledChipElements();
+      if (t !== void 0 && e[t]) {
+        e[t].focus();
         return;
       }
-      if (t.length > 0) {
-        t[t.length - 1].focus();
+      if (e.length > 0) {
+        e[e.length - 1].focus();
         return;
       }
-      this._inputElement?.focus();
+      (i = this._inputElement) == null || i.focus();
     }
     _emitInputEvents() {
       this._input.emit(), this._change.emit();
     }
-    _createChipElement(e, t) {
+    _createChipElement(t, e) {
+      var s;
+      if (E)
+        return;
       const i = document.createElement("sbb-chip");
-      i.setAttribute("value", e), i.innerText = t ?? "", this.insertBefore(i, this._inputElement ?? this.querySelector("input"));
+      i.value = t, i.innerText = e ?? (t ? (s = this.displayWith) == null ? void 0 : s.call(this, t) : null) ?? "", this.insertBefore(i, this._inputElement ?? this.querySelector("input"));
     }
     _reactToInputChanges() {
-      this.disabled = this._inputElement?.disabled ?? !1, this._proxyStateToChips();
+      var t;
+      this.disabled = ((t = this._inputElement) == null ? void 0 : t.disabled) ?? !1, this._proxyStateToChips();
     }
     _proxyStateToChips() {
-      this._chipElements().forEach((e) => {
-        e.disabled = this.disabled || this.formDisabled, e.readonly = this._inputElement?.hasAttribute("readonly") ?? !1, e.negative = this.negative;
+      this._chipElements().forEach((t) => {
+        var e;
+        t.disabled = this.disabled || this.formDisabled, t.readOnly = ((e = this._inputElement) == null ? void 0 : e.hasAttribute("readonly")) ?? !1, t.negative = this.negative;
       });
     }
     _inheritSize() {
-      this.setAttribute("data-size", this.closest("sbb-form-field")?.size ?? (L() ? "s" : "m"));
+      var t;
+      this.setAttribute("data-size", ((t = this.closest("sbb-form-field")) == null ? void 0 : t.size) ?? (G() ? "s" : "m"));
     }
     _updateInputDescription() {
-      this._inputElement && this._inputElement.setAttribute("aria-description", `${R[this._language.current]} ${this.value.length}`);
+      this._inputElement && this._inputElement.setAttribute("aria-description", `${j[this._language.current]} ${this.value.length}`);
     }
     render() {
-      return K`
+      return M`
       <div class="sbb-chip-group">
         <slot @slotchange=${this._setupComponent}></slot>
       </div>
     `;
     }
-  }, h = new WeakMap(), a = l, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(_[Symbol.metadata] ?? null) : void 0;
-    v = [S({ type: Array })], g = [S({ attribute: "separator-keys", type: Array })], d(l, null, v, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
-      t.value = i;
-    } }, metadata: e }, null, f), d(l, null, g, { kind: "accessor", name: "separatorKeys", static: !1, private: !1, access: { has: (t) => "separatorKeys" in t, get: (t) => t.separatorKeys, set: (t, i) => {
-      t.separatorKeys = i;
-    } }, metadata: e }, E, y), d(null, r = { value: a }, s, { kind: "class", name: a.name, metadata: e }, null, n), p = a = r.value, e && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), l.styles = U, l.events = {
+  }, u = new WeakMap(), c = new WeakMap(), h = o, (() => {
+    const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(w[Symbol.metadata] ?? null) : void 0;
+    k = [C({ type: Array })], A = [C({ attribute: !1 })], O = [C({ attribute: "separator-keys", type: Array })], f(o, null, k, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (e) => "value" in e, set: (e, i) => {
+      e.value = i;
+    } }, metadata: t }, null, S), f(o, null, A, { kind: "accessor", name: "displayWith", static: !1, private: !1, access: { has: (e) => "displayWith" in e, get: (e) => e.displayWith, set: (e, i) => {
+      e.displayWith = i;
+    } }, metadata: t }, I, D), f(o, null, O, { kind: "accessor", name: "separatorKeys", static: !1, private: !1, access: { has: (e) => "separatorKeys" in e, get: (e) => e.separatorKeys, set: (e, i) => {
+      e.separatorKeys = i;
+    } }, metadata: t }, z, K), f(null, r = { value: h }, a, { kind: "class", name: h.name, metadata: t }, null, l), m = h = r.value, t && Object.defineProperty(h, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), o.role = "listbox", o.styles = Y, o.events = {
     input: "input",
     change: "change",
     chipInputTokenEnd: "chipInputTokenEnd"
-  }, c(a, n), l);
-  return p = a;
+  }, d(h, l), o);
+  return m = h;
 })();
 export {
-  ne as SbbChipGroupElement
+  ut as SbbChipGroupElement
 };

package/clock/clock.component.d.ts

@@ -33,7 +33,7 @@ export declare class SbbClockElement extends LitElement {
     private _moveMinutesHandFn;
     connectedCallback(): void;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
-    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
+    protected firstUpdated(changedProperties: PropertyValues<this>): void;
     disconnectedCallback(): void;
     private _handlePageVisibilityChange;
     private _startOrConfigureClock;

package/clock/clock.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clock.component.d.ts","sourceRoot":"","sources":["../../../src/elements/clock/clock.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AA8CrD;;GAEG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAQ;IAEvD,0CAA0C;IAC1C,OAAO,CAAC,MAAM,CAAkC;IAEhD,kCAAkC;IAClC,OAAO,CAAC,eAAe,CAAe;IAEtC,oCAAoC;IACpC,OAAO,CAAC,iBAAiB,CAAe;IAExC,oCAAoC;IACpC,OAAO,CAAC,iBAAiB,CAAe;IAExC,wCAAwC;IACxC,OAAO,CAAC,MAAM,CAAU;IAExB,0CAA0C;IAC1C,OAAO,CAAC,QAAQ,CAAU;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,QAAQ,CAAU;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,aAAa,CAAC,CAAiC;IAEvD,OAAO,CAAC,gBAAgB,CAAC,CAAiC;IAE1D,wCAAwC;IACxC,OAAO,CAAC,gBAAgB,CAAqC;IAE7D,0CAA0C;IAC1C,OAAO,CAAC,kBAAkB,CAAuC;IAEjD,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQnD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAS7E,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,2BAA2B,CAUjC;YAEY,sBAAsB;IAUpC,6FAA6F;YAC/E,WAAW;IAuBzB,sDAAsD;YACxC,UAAU;IAexB;;OAEG;YACW,WAAW;IAQzB,uEAAuE;IACvE,OAAO,CAAC,yBAAyB;IA4CjC,yGAAyG;IACzG,OAAO,CAAC,kBAAkB;IAW1B,sDAAsD;IACtD,OAAO,CAAC,eAAe;IAOvB,6CAA6C;IAC7C,OAAO,CAAC,cAAc;IAYtB,+CAA+C;IAC/C,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,sBAAsB;IAK9B;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,2BAA2B;IAMnC,OAAO,CAAC,6BAA6B;cAOlB,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}
+{"version":3,"file":"clock.component.d.ts","sourceRoot":"","sources":["../../../src/elements/clock/clock.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAkB,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AA8CrD;;GAEG;AACH,qBAEM,eAAgB,SAAQ,UAAU;IACtC,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;;OAGG;IACH,SAA4B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAQ;IAEvD,0CAA0C;IAC1C,OAAO,CAAC,MAAM,CAAkC;IAEhD,kCAAkC;IAClC,OAAO,CAAC,eAAe,CAAe;IAEtC,oCAAoC;IACpC,OAAO,CAAC,iBAAiB,CAAe;IAExC,oCAAoC;IACpC,OAAO,CAAC,iBAAiB,CAAe;IAExC,wCAAwC;IACxC,OAAO,CAAC,MAAM,CAAU;IAExB,0CAA0C;IAC1C,OAAO,CAAC,QAAQ,CAAU;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,QAAQ,CAAU;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,aAAa,CAAC,CAAiC;IAEvD,OAAO,CAAC,gBAAgB,CAAC,CAAiC;IAE1D,wCAAwC;IACxC,OAAO,CAAC,gBAAgB,CAAqC;IAE7D,0CAA0C;IAC1C,OAAO,CAAC,kBAAkB,CAAuC;IAEjD,iBAAiB,IAAI,IAAI;cAMtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS9D,oBAAoB,IAAI,IAAI;IAM5C,OAAO,CAAC,2BAA2B,CAUjC;YAEY,sBAAsB;IAUpC,6FAA6F;YAC/E,WAAW;IAuBzB,sDAAsD;YACxC,UAAU;IAexB;;OAEG;YACW,WAAW;IAQzB,uEAAuE;IACvE,OAAO,CAAC,yBAAyB;IA4CjC,yGAAyG;IACzG,OAAO,CAAC,kBAAkB;IAW1B,sDAAsD;IACtD,OAAO,CAAC,eAAe;IAOvB,6CAA6C;IAC7C,OAAO,CAAC,cAAc;IAYtB,+CAA+C;IAC/C,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,sBAAsB;IAK9B;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,2BAA2B;IAMnC,OAAO,CAAC,6BAA6B;cAOlB,MAAM,IAAI,cAAc;CA4B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/clock/clock.component.js

@@ -1,28 +1,28 @@
-var M = (s) => {
-  throw TypeError(s);
+var z = (n) => {
+  throw TypeError(n);
 };
-var p = (s, n, e) => n.has(s) || M("Cannot " + e);
-var g = (s, n, e) => (p(s, n, "read from private field"), e ? e.call(s) : n.get(s)), H = (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 m, __esDecorate as y } from "tslib";
-import { css as E, LitElement as A, isServer as z, html as O } from "lit";
-import { customElement as T, property as I } from "lit/decorators.js";
+var S = (n, e, i) => e.has(n) || z("Cannot " + i);
+var w = (n, e, i) => (S(n, e, "read from private field"), i ? i.call(n) : e.get(n)), C = (n, e, i) => e.has(n) ? z("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, i), h = (n, e, i, c) => (S(n, e, "write to private field"), c ? c.call(n, i) : e.set(n, i), i);
+import { __runInitializers as m, __esDecorate as L } from "tslib";
+import { css as P, LitElement as F, isServer as E, html as x } from "lit";
+import { customElement as U, property as $ } from "lit/decorators.js";
 import { ref as _ } from "lit/directives/ref.js";
-const N = `<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105"><g class="face"><circle fill="#FFF" 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>
-`, P = `<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>
-`, F = `<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>
-`, x = `<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>
-`, U = E`*,:before,:after{box-sizing:border-box}:host{--sbb-clock-hours-animation-start-angle: 0deg;--sbb-clock-seconds-animation-start-angle: 0deg;--sbb-clock-hours-animation-duration: 0s;--sbb-clock-seconds-animation-duration: 0s;--sbb-clock-animation-play-state: paused;--sbb-clock-seconds-hand-color: var(--sbb-color-red);display:block}.sbb-clock{position:relative;width:100%;height:100%;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-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)}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration);animation-play-state:var(--sbb-clock-animation-play-state);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);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);animation-play-state:var(--sbb-clock-animation-play-state);animation-iteration-count:1}:host(:not([data-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))}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))}97.5%,to{transform:rotate(360deg)}}`, $ = 12, D = 60, f = 60, V = 50, S = 360, w = 30, G = 6, R = 360 / 58.5, B = 60, L = 3600, K = L / 2, C = {
+const D = `<svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105"><g class="face"><circle fill="#FFF" 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>
+`, V = `<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>
+`, G = `<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>
+`, R = `<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>
+`, B = P`*,:before,:after{box-sizing:border-box}:host{--sbb-clock-hours-animation-start-angle: 0deg;--sbb-clock-seconds-animation-start-angle: 0deg;--sbb-clock-hours-animation-duration: 0s;--sbb-clock-seconds-animation-duration: 0s;--sbb-clock-animation-play-state: paused;--sbb-clock-seconds-hand-color: var(--sbb-color-red);display:block}.sbb-clock{position:relative;width:100%;height:100%;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;top:0;right:0;bottom:0;left:0;transform-origin:center center;transform:rotate(0);transform-style:preserve-3d;backface-visibility:hidden}.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)}.sbb-clock__hand-hours--initial-hour{animation-name:hand-hours-animation-initial-hour;animation-duration:var(--sbb-clock-hours-animation-duration);animation-play-state:var(--sbb-clock-animation-play-state);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);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);animation-play-state:var(--sbb-clock-animation-play-state);animation-iteration-count:1}:host(:not([data-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))}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))}97.5%,to{transform:rotate(360deg)}}`, K = 12, j = 60, A = 60, Z = 50, O = 360, T = 30, q = 6, J = 360 / 58.5, Q = 60, N = 3600, W = N / 2, I = {
   once: !0,
   passive: !0
 };
-let X = (() => {
-  var c, o;
-  let s = [T("sbb-clock")], n, e = [], i, u = A, b, k = [], v = [];
-  return o = class extends u {
+let it = (() => {
+  var r, l;
+  let n = [U("sbb-clock")], e, i = [], c, u = F, b, k = [], v = [];
+  return l = class extends u {
     constructor() {
       super(...arguments);
-      H(this, c);
-      h(this, c, m(this, k, null)), this._state = (m(this, v), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
+      C(this, r);
+      h(this, r, m(this, k, null)), this._state = (m(this, v), "paused"), this._moveHoursHandFn = () => this._moveHoursHand(), this._moveMinutesHandFn = () => this._moveMinutesHand(), this._handlePageVisibilityChange = async () => {
         this.now || (document.visibilityState === "hidden" ? await this._stopClock() : await this._startClock());
       };
     }
@@ -31,19 +31,19 @@ let X = (() => {
      * @param value HH:MM:ss
      */
     get now() {
-      return g(this, c);
+      return w(this, r);
     }
     set now(t) {
-      h(this, c, t);
+      h(this, r, t);
     }
     connectedCallback() {
-      super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), K * 1e3);
+      super.connectedCallback(), this._resetIntervalId = setInterval(() => this._resetClock(), W * 1e3);
     }
     willUpdate(t) {
-      super.willUpdate(t), !z && t.has("now") && this._startOrConfigureClock();
+      super.willUpdate(t), !E && t.has("now") && this._startOrConfigureClock();
     }
-    async firstUpdated(t) {
-      super.firstUpdated(t), z || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), await this._startOrConfigureClock());
+    firstUpdated(t) {
+      super.firstUpdated(t), E || (document.addEventListener("visibilitychange", this._handlePageVisibilityChange, !1), this._startOrConfigureClock());
     }
     disconnectedCallback() {
       super.disconnectedCallback(), this._removeEventListeners(), clearInterval(this._resetIntervalId);
@@ -53,13 +53,16 @@ let X = (() => {
     }
     /** 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._setHandsStartingPosition(), this.style?.setProperty("--sbb-clock-animation-play-state", "running"), this._state = "running", t();
-      }, V));
+      var t, s;
+      (t = this._clockHandHours) == null || t.addEventListener("animationend", this._moveHoursHandFn, I), (s = this._clockHandSeconds) == null || s.addEventListener("animationend", this._moveMinutesHandFn, I), await new Promise((o) => setTimeout(() => {
+        var a;
+        this._setHandsStartingPosition(), (a = this.style) == null || a.setProperty("--sbb-clock-animation-play-state", "running"), this._state = "running", o();
+      }, Z));
     }
     /** Stops the clock by removing all the animations. */
     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";
+      var t, s, o, a;
+      clearInterval(this._handMovement), this._removeSecondsAnimationStyles(), this._removeHoursAnimationStyles(), (t = this._clockHandHours) == null || t.removeEventListener("animationend", this._moveHoursHandFn), (s = this._clockHandSeconds) == null || s.removeEventListener("animationend", this._moveMinutesHandFn), (o = this._clockHandMinutes) == null || o.classList.add("sbb-clock__hand-minutes--no-transition"), (a = this.style) == null || a.setProperty("--sbb-clock-animation-play-state", "paused"), this._state = "paused";
     }
     /**
      * As a fallback measure to prevent de-sync, reset the clock to the system time.
@@ -69,29 +72,33 @@ let X = (() => {
     }
     /** Set the starting position for the three hands on the clock face. */
     _setHandsStartingPosition() {
+      var M, p, g, H, y, f;
       this._assignCurrentTime();
-      const t = f - this._seconds, a = D - this._minutes, l = $ - this._hours;
-      let r = 0, d = 0;
-      t > 0 && (r += t, d = 1), a > 0 && (r += (a - d) * B, d = 1), l > 0 && (r += (l - d) * L), 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 * R)}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.toggleAttribute("data-initialized", !0);
+      const t = A - this._seconds, s = j - this._minutes, o = K - this._hours;
+      let a = 0, d = 0;
+      t > 0 && (a += t, d = 1), s > 0 && (a += (s - d) * Q, d = 1), o > 0 && (a += (o - d) * N), (M = this.style) == null || M.setProperty("--sbb-clock-hours-animation-start-angle", `${Math.ceil(this._hours * T + this._minutes / 2)}deg`), (p = this.style) == null || p.setProperty("--sbb-clock-hours-animation-duration", `${a}s`), (g = this.style) == null || g.setProperty("--sbb-clock-seconds-animation-start-angle", `${Math.ceil(this._seconds * J)}deg`), (H = this.style) == null || H.setProperty("--sbb-clock-seconds-animation-duration", `${t}s`), this._setMinutesHand(), (y = this._clockHandSeconds) == null || y.classList.add("sbb-clock__hand-seconds--initial-minute"), (f = this._clockHandHours) == null || f.classList.add("sbb-clock__hand-hours--initial-hour"), this.toggleAttribute("data-initialized", !0);
     }
     /** 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, l, r] = t ? [t.getHours(), t.getMinutes(), t.getSeconds()] : this.now.split(":").map((d) => +d);
-      this._hours = a % 12, this._minutes = l, this._seconds = r;
+      const t = this.now ? null : /* @__PURE__ */ new Date(), [s, o, a] = t ? [t.getHours(), t.getMinutes(), t.getSeconds()] : this.now.split(":").map((d) => +d);
+      this._hours = s % 12, this._minutes = o, this._seconds = a;
     }
     /** Set the starting position for the minutes hand. */
     _setMinutesHand() {
-      this._clockHandMinutes?.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * G)}deg)`);
+      var t;
+      (t = this._clockHandMinutes) == null || t.style.setProperty("transform", `rotateZ(${Math.ceil(this._minutes * q)}deg)`);
     }
     /** Move the hours hand to the next value. */
     _moveHoursHand() {
+      var s;
       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 * T + this._minutes / 2);
+      t >= O && (t -= O), (s = this._clockHandHours) == null || s.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(), f * 1e3);
+      var t;
+      (t = this._clockHandSeconds) == null || t.removeEventListener("animationend", this._moveMinutesHandFn), this._removeSecondsAnimationStyles(), this._addMinutesAndSetHands(), this._handMovement = setInterval(() => this._addMinutesAndSetHands(), A * 1e3);
     }
     _addMinutesAndSetHands() {
       this._minutes++, this._setMinutesHand();
@@ -105,35 +112,38 @@ let X = (() => {
       this._clockHandSeconds && (this._clockHandSeconds.style.animation = "", this._clockHandSeconds.offsetHeight, this._clockHandSeconds.style.removeProperty("animation"));
     }
     _removeEventListeners() {
-      document?.removeEventListener("visibilitychange", this._handlePageVisibilityChange), this._clockHandHours?.removeEventListener("animationend", this._moveHoursHandFn), this._clockHandSeconds?.removeEventListener("animationend", this._moveMinutesHandFn), clearInterval(this._handMovement);
+      var t, s;
+      document == null || document.removeEventListener("visibilitychange", this._handlePageVisibilityChange), (t = this._clockHandHours) == null || t.removeEventListener("animationend", this._moveHoursHandFn), (s = this._clockHandSeconds) == null || s.removeEventListener("animationend", this._moveMinutesHandFn), clearInterval(this._handMovement);
     }
     _removeHoursAnimationStyles() {
-      this._clockHandHours?.classList.remove("sbb-clock__hand-hours--initial-hour"), this.style.removeProperty("--sbb-clock-hours-animation-start-angle"), this.style.removeProperty("--sbb-clock-hours-animation-duration");
+      var t;
+      (t = this._clockHandHours) == null || t.classList.remove("sbb-clock__hand-hours--initial-hour"), this.style.removeProperty("--sbb-clock-hours-animation-start-angle"), this.style.removeProperty("--sbb-clock-hours-animation-duration");
     }
     _removeSecondsAnimationStyles() {
-      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");
+      var t, s;
+      (t = this._clockHandSeconds) == null || t.classList.remove("sbb-clock__hand-seconds--initial-minute"), (s = this._clockHandMinutes) == null || s.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 O`
+      return x`
       <div class="sbb-clock">
-        <span class="sbb-clock__face" .innerHTML=${N}></span>
+        <span class="sbb-clock__face" .innerHTML=${D}></span>
         <span
           class="sbb-clock__hand-hours"
-          .innerHTML=${P}
+          .innerHTML=${V}
           ${_((t) => {
         this._clockHandHours = t;
       })}
         ></span>
         <span
           class="sbb-clock__hand-minutes sbb-clock__hand-minutes--no-transition"
-          .innerHTML=${F}
+          .innerHTML=${G}
           ${_((t) => {
         this._clockHandMinutes = t;
       })}
         ></span>
         <span
           class="sbb-clock__hand-seconds"
-          .innerHTML=${x}
+          .innerHTML=${R}
           ${_((t) => {
         this._clockHandSeconds = t;
       })}
@@ -141,13 +151,13 @@ let X = (() => {
       </div>
     `;
     }
-  }, c = new WeakMap(), i = o, (() => {
+  }, r = new WeakMap(), c = l, (() => {
     const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-    b = [I()], y(o, null, b, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (a) => "now" in a, get: (a) => a.now, set: (a, l) => {
-      a.now = l;
-    } }, metadata: t }, k, v), y(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 = U, m(i, e), i;
+    b = [$()], L(l, null, b, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (s) => "now" in s, get: (s) => s.now, set: (s, o) => {
+      s.now = o;
+    } }, metadata: t }, k, v), L(null, e = { value: c }, n, { kind: "class", name: c.name, metadata: t }, null, i), c = e.value, t && Object.defineProperty(c, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
+  })(), l.styles = B, m(c, i), c;
 })();
 export {
-  X as SbbClockElement
+  it as SbbClockElement
 };