@sbb-esta/lyne-elements 2.5.1 → 2.6.0

package/chip/chip-group.js

@@ -0,0 +1,225 @@
+var x = (s) => {
+  throw TypeError(s);
+};
+var k = (s, r, n) => r.has(s) || x("Cannot " + n);
+var A = (s, r, n) => (k(s, r, "read from private field"), n ? n.call(s) : r.get(s)), S = (s, r, n) => r.has(s) ? x("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(s) : r.set(s, n), b = (s, r, n, o) => (k(s, r, "write to private field"), o ? o.call(s, n) : r.set(s, n), n);
+import { __esDecorate as _, __runInitializers as d } from "tslib";
+import { css as K, LitElement as z, isServer as I, html as O } from "lit";
+import { customElement as T, property as D } from "lit/decorators.js";
+import { inputAutocompleteEvent as V } from "../autocomplete.js";
+import { isArrowKeyPressed as L, getNextElementIndex as q } from "../core/a11y.js";
+import { SbbLanguageController as M } from "../core/controllers.js";
+import { isLean as R } from "../core/dom.js";
+import { EventEmitter as f } from "../core/eventing.js";
+import { i18nSelectionRequired as B, i18nChipGroupInputDescription as G } from "../core/i18n.js";
+import { SbbRequiredMixin as N, SbbDisabledMixin as $, SbbNegativeMixin as j, SbbFormAssociatedMixin as U } from "../core/mixins.js";
+import { SbbChipElement as H } from "./chip.js";
+const J = K`*,: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 le = (() => {
+  var h, u;
+  let s = [T("sbb-chip-group")], r, n = [], o, v = N($(j(U(z)))), g = [], E, y, C = [], w = [];
+  var p = (u = class extends v {
+    constructor() {
+      super();
+      S(this, h);
+      b(this, h, (d(this, g), d(this, C, ["Enter"]))), this._change = (d(this, w), new f(this, p.events.change)), this._input = new f(this, p.events.input), this._chipInputTokenEnd = new f(this, p.events.chipInputTokenEnd), this._inputAttributeObserver = I ? null : new MutationObserver(() => this._reactToInputChanges()), this._formFieldAttributeObserver = I ? null : new MutationObserver(() => this._inheritSize()), this._language = new M(this), this.internals.role = "listbox", this.addEventListener(H.events.requestDelete, (e) => this._deleteChip(e.target)), this.addEventListener("keydown", (e) => this._onChipKeyDown(e));
+    }
+    /** Value of the form element. */
+    set value(e) {
+      e = e ?? [], super.value = e;
+      const t = this.value, i = [...t];
+      for (const l of e)
+        i.includes(l) && i.splice(i.indexOf(l), 1);
+      i.forEach((l) => {
+        var c;
+        return (c = this._chipElements().find((m) => m.value === l)) == null ? void 0 : c.remove();
+      });
+      const a = [...e];
+      for (const l of t)
+        a.includes(l) && a.splice(a.indexOf(l), 1);
+      a.forEach((l) => this._createChipElement(l));
+    }
+    get value() {
+      return this._chipElements().map((e) => e.value);
+    }
+    /** The array of keys that will trigger a `chipInputTokenEnd` event. Default `['Enter']` */
+    get separatorKeys() {
+      return A(this, h);
+    }
+    set separatorKeys(e) {
+      b(this, h, e);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this._setupComponent();
+    }
+    willUpdate(e) {
+      super.willUpdate(e), (e.has("disabled") || e.has("formDisabled") || e.has("negative")) && this._proxyStateToChips();
+    }
+    /** @internal */
+    formResetCallback() {
+      this.value = null;
+    }
+    /** @internal */
+    formStateRestoreCallback(e, t) {
+      if (!e) {
+        this.value = null;
+        return;
+      }
+      this.value = e.map((i) => i[1]);
+    }
+    updateFormValue() {
+      const e = new FormData();
+      this.value.forEach((t) => e.append(this.name, t)), this.internals.setFormValue(e), this.validate(), this._updateInputDescription();
+    }
+    shouldValidate(e) {
+      return super.shouldValidate(e) || e === "required";
+    }
+    validate() {
+      super.validate(), this.required && this.value.length === 0 ? this.setValidityFlag("valueMissing", B[this._language.current]) : this.removeValidityFlag("valueMissing");
+    }
+    /** Return the list of chip elements **/
+    _chipElements() {
+      var e;
+      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-chip")) ?? []);
+    }
+    /** Return the list of enabled chip elements **/
+    _enabledChipElements() {
+      var e;
+      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-chip:not([disabled])")) ?? []);
+    }
+    _setupComponent() {
+      var i, a, l, c, m;
+      const e = this.querySelector("input");
+      e && e !== this._inputElement && ((i = this._inputAbortController) == null || i.abort(), (a = this._inputAttributeObserver) == null || a.disconnect(), this._inputElement = e, this._inputAbortController = new AbortController(), this._inputElement.addEventListener("keydown", (F) => this._onInputKeyDown(F), {
+        signal: this._inputAbortController.signal
+      }), this._inputElement.addEventListener(V, () => this._createChipFromInput("autocomplete"), {
+        signal: this._inputAbortController.signal
+      }), (l = this._inputAttributeObserver) == null || l.observe(this._inputElement, {
+        attributes: !0,
+        attributeFilter: ["readonly", "disabled"]
+      })), this._inheritSize(), (c = this._formFieldAttributeObserver) == null || c.disconnect();
+      const t = this.closest("sbb-form-field");
+      t && ((m = this._formFieldAttributeObserver) == null || m.observe(t, {
+        attributes: !0,
+        attributeFilter: ["size"]
+      })), this.toggleAttribute("data-empty", this.value.length === 0), this._reactToInputChanges(), this.updateFormValue();
+    }
+    /**
+     * Listen for keyboard events on the chip elements
+     **/
+    _onChipKeyDown(e) {
+      const t = e.target;
+      if (t.localName === "sbb-chip") {
+        if (L(e)) {
+          const i = this._enabledChipElements(), a = q(e, i.indexOf(t), i.length);
+          i[a].focus();
+          return;
+        }
+        switch (e.key) {
+          case "Backspace":
+          case "Delete":
+            !t.readonly && !t.disabled && (e.preventDefault(), this._deleteChip(t));
+            break;
+        }
+      }
+    }
+    /**
+     * Listen for keyboard events on the input
+     **/
+    _onInputKeyDown(e) {
+      switch (e.key) {
+        case "Backspace":
+        case "ArrowLeft":
+          this._inputElement.value || this._focusChip();
+          break;
+        case "Enter":
+          e.preventDefault();
+          break;
+      }
+      this.separatorKeys.includes(e.key) && (e.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)
+        return;
+      const i = {
+        origin: e,
+        value: t,
+        label: void 0,
+        setValue: (a) => i.value = a,
+        setLabel: (a) => i.label = a
+      };
+      this._chipInputTokenEnd.emit(i) && (this._createChipElement(i.value, i.label), this._inputElement.value = "", this._emitInputEvents());
+    }
+    _deleteChip(e) {
+      const t = this._enabledChipElements();
+      e.remove(), this._emitInputEvents(), this._focusChip(t.indexOf(e));
+    }
+    /**
+     * 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) {
+      var i;
+      const t = this._enabledChipElements();
+      if (e !== void 0 && t[e]) {
+        t[e].focus();
+        return;
+      }
+      if (t.length > 0) {
+        t[t.length - 1].focus();
+        return;
+      }
+      (i = this._inputElement) == null || i.focus();
+    }
+    _emitInputEvents() {
+      this._input.emit(), this._change.emit();
+    }
+    _createChipElement(e, t) {
+      const i = document.createElement("sbb-chip");
+      i.setAttribute("value", e), i.innerText = t ?? "", this.insertBefore(i, this._inputElement);
+    }
+    _reactToInputChanges() {
+      var e;
+      this.disabled = ((e = this._inputElement) == null ? void 0 : e.disabled) ?? !1, this._proxyStateToChips();
+    }
+    _proxyStateToChips() {
+      this._chipElements().forEach((e) => {
+        var t;
+        e.disabled = this.disabled || this.formDisabled, e.readonly = ((t = this._inputElement) == null ? void 0 : t.hasAttribute("readonly")) ?? !1, e.negative = this.negative;
+      });
+    }
+    _inheritSize() {
+      var e;
+      this.setAttribute("data-size", ((e = this.closest("sbb-form-field")) == null ? void 0 : e.size) ?? (R() ? "s" : "m"));
+    }
+    _updateInputDescription() {
+      this._inputElement && this._inputElement.setAttribute("aria-description", `${G[this._language.current]} ${this.value.length}`);
+    }
+    render() {
+      return O`
+      <div class="sbb-chip-group">
+        <slot @slotchange=${this._setupComponent}></slot>
+      </div>
+    `;
+    }
+  }, h = new WeakMap(), o = u, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+    E = [D({ type: Array })], y = [D({ attribute: "separator-keys", type: Array })], _(u, null, E, { kind: "setter", name: "value", static: !1, private: !1, access: { has: (t) => "value" in t, set: (t, i) => {
+      t.value = i;
+    } }, metadata: e }, null, g), _(u, null, y, { 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 }, C, w), _(null, r = { value: o }, s, { kind: "class", name: o.name, metadata: e }, null, n), p = o = r.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), u.styles = J, u.events = {
+    input: "input",
+    change: "change",
+    chipInputTokenEnd: "chipInputTokenEnd"
+  }, d(o, n), u);
+  return p = o;
+})();
+export {
+  le as SbbChipGroupElement
+};

package/chip/chip.d.ts

@@ -0,0 +1,2 @@
+export * from './chip/chip.js';
+//# sourceMappingURL=chip.d.ts.map

package/chip/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/elements/chip/chip.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/chip/chip.js

@@ -0,0 +1,85 @@
+var k = (e) => {
+  throw TypeError(e);
+};
+var z = (e, t, i) => t.has(e) || k("Cannot " + i);
+var u = (e, t, i) => (z(e, t, "read from private field"), i ? i.call(e) : t.get(e)), p = (e, t, i) => t.has(e) ? k("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), c = (e, t, i, s) => (z(e, t, "write to private field"), s ? s.call(e, i) : t.set(e, i), i);
+import { __esDecorate as v, __runInitializers as n } from "tslib";
+import { css as E, LitElement as q, html as I } from "lit";
+import { customElement as C, property as S } from "lit/decorators.js";
+import { SbbLanguageController as U } from "../core/controllers.js";
+import { forceType as D } from "../core/decorators.js";
+import { EventEmitter as A } from "../core/eventing.js";
+import { i18nChipDelete as B } from "../core/i18n.js";
+import { SbbNegativeMixin as T, SbbDisabledMixin as $ } from "../core/mixins.js";
+import "../button/mini-button.js";
+import "../screen-reader-only.js";
+const j = E`*,:before,:after{box-sizing:border-box}:host{--sbb-chip-background-color: var(--sbb-color-milk);--sbb-chip-border: var(--sbb-border-width-1x) solid var(--sbb-chip-border-color);--sbb-chip-border-color: var(--sbb-color-cloud);--sbb-chip-border-radius: var(--sbb-border-radius-2x);--sbb-chip-color: var(--sbb-color-granite);--sbb-chip-color-active: var(--sbb-color-charcoal);--sbb-chip-color-hover: var(--sbb-color-charcoal);--sbb-chip-background-color-active: var(--sbb-color-white);--sbb-chip-background-color-hover: var(--sbb-color-white);--sbb-chip-height: 1.5rem;--sbb-chip-label-padding-inline: var(--sbb-spacing-fixed-2x);--sbb-chip-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );outline:none!important;display:inline-block}:host([negative]){--sbb-chip-border-color: var(--sbb-color-iron);--sbb-chip-background-color: var(--sbb-color-charcoal);--sbb-chip-color: var(--sbb-color-cloud);--sbb-chip-color-active: var(--sbb-color-white);--sbb-chip-color-hover: var(--sbb-color-white);--sbb-chip-background-color-active: var(--sbb-color-midnight);--sbb-chip-background-color-hover: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}.sbb-chip{background-color:var(--sbb-chip-background-color);border-radius:var(--sbb-chip-border-radius);color:var(--sbb-chip-color);display:flex;align-items:stretch;height:var(--sbb-chip-height)}:host(:focus) .sbb-chip{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem}.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{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;transition:transform var(--sbb-chip-transition-duration) var(--sbb-animation-easing)}.sbb-chip__delete{--sbb-button-border-radius: 0 var(--sbb-chip-border-radius) var(--sbb-chip-border-radius) 0;--sbb-button-color-text: var(--sbb-chip-color);--sbb-button-color-active-background: var(--sbb-chip-background-color-active);--sbb-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);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-button-color-text: var(--sbb-chip-color-hover)}}`;
+let V = (() => {
+  var a, l, b;
+  let e = [C("sbb-chip")], t, i = [], s, m = T($(q)), f, _ = [], g = [], y, x = [], w = [];
+  var d = (b = class extends m {
+    constructor() {
+      super();
+      p(this, a);
+      p(this, l);
+      c(this, a, n(this, _, "")), c(this, l, (n(this, g), n(this, x, !1))), this._requestDelete = (n(this, w), new A(this, d.events.requestDelete)), this._language = new U(this);
+      const r = this.attachInternals();
+      r.role = "option";
+    }
+    /** The value of chip. Will be used as label if nothing is slotted. */
+    get value() {
+      return u(this, a);
+    }
+    set value(r) {
+      c(this, a, r);
+    }
+    /** Whether the component is readonly */
+    get readonly() {
+      return u(this, l);
+    }
+    set readonly(r) {
+      c(this, l, r);
+    }
+    willUpdate(r) {
+      super.willUpdate(r), r.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
+    }
+    firstUpdated(r) {
+      super.firstUpdated(r), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
+    }
+    _deleteButton() {
+      return this.shadowRoot.querySelector("sbb-mini-button");
+    }
+    render() {
+      return I`
+      <div class="sbb-chip">
+        <div class="sbb-chip__label-wrapper">
+          <span class="sbb-chip__label">
+            <slot>${this.value}</slot>
+          </span>
+        </div>
+        <sbb-mini-button
+          aria-hidden="true"
+          class="sbb-chip__delete"
+          icon-name="cross-tiny-small"
+          @click=${() => this._requestDelete.emit()}
+        >
+        </sbb-mini-button>
+        <sbb-screen-reader-only>, ${B[this._language.current]}</sbb-screen-reader-only>
+      </div>
+    `;
+    }
+  }, a = new WeakMap(), l = new WeakMap(), s = b, (() => {
+    const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
+    f = [D(), S()], y = [D(), S({ type: Boolean, reflect: !0 })], v(b, null, f, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (o) => "value" in o, get: (o) => o.value, set: (o, h) => {
+      o.value = h;
+    } }, metadata: r }, _, g), v(b, null, y, { kind: "accessor", name: "readonly", static: !1, private: !1, access: { has: (o) => "readonly" in o, get: (o) => o.readonly, set: (o, h) => {
+      o.readonly = h;
+    } }, metadata: r }, x, w), v(null, t = { value: s }, e, { kind: "class", name: s.name, metadata: r }, null, i), d = s = t.value, r && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
+  })(), b.styles = j, b.events = {
+    requestDelete: "requestDelete"
+  }, n(s, i), b);
+  return d = s;
+})();
+export {
+  V as SbbChipElement
+};

package/chip.d.ts

@@ -0,0 +1,3 @@
+export * from './chip/chip.js';
+export * from './chip/chip-group.js';
+//# sourceMappingURL=chip.d.ts.map

package/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/elements/chip.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

package/chip.js

@@ -0,0 +1,2 @@
+export * from "./chip/chip.js";
+export * from "./chip/chip-group.js";

package/clock/clock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../../src/elements/clock/clock.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,CAMjC;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.d.ts","sourceRoot":"","sources":["../../../src/elements/clock/clock.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"}

package/clock.js

@@ -23,7 +23,7 @@ let it = (() => {
       super(...arguments);
       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 () => {
-        document.visibilityState === "hidden" ? await this._stopClock() : this.now || await this._startClock();
+        this.now || (document.visibilityState === "hidden" ? await this._stopClock() : await this._startClock());
       };
     }
     /**

package/core/controllers/id-observer-controller.d.ts

@@ -0,0 +1,21 @@
+import { LitElement, ReactiveController } from 'lit';
+/**
+ * Tracks id changes in the DOM and calls component when matching with requestUpdate().
+ */
+export declare class SbbIdReferenceController<T extends LitElement> implements ReactiveController {
+    private _host;
+    private _idRef;
+    private _observers;
+    private _rootNode;
+    constructor(_host: T, _idRef: keyof T, _observers?: WeakMap<Node, {
+        observer: MutationObserver;
+        controllers: Set<SbbIdReferenceController<any>>;
+    }>);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /**
+     * Find the element by id in the current document fragment
+     */
+    find(): HTMLElement | null;
+}
+//# sourceMappingURL=id-observer-controller.d.ts.map

package/core/controllers/id-observer-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-observer-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/id-observer-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAOzE;;GAEG;AACH,qBAAa,wBAAwB,CAAC,CAAC,SAAS,UAAU,CAAE,YAAW,kBAAkB;IAIrF,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,UAAU;IALpB,OAAO,CAAC,SAAS,CAAsC;gBAG7C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,MAAM,CAAC,EACf,UAAU;kBAZR,gBAAgB;qBAAe,GAAG,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC;MAY7C;IAKzB,aAAa,IAAI,IAAI;IAgDrB,gBAAgB,IAAI,IAAI;IAoB/B;;OAEG;IACI,IAAI,IAAI,WAAW,GAAG,IAAI;CAQlC"}

package/core/controllers/media-matchers-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,qCAAqC,QAAuD,CAAC;AAC1G,eAAO,MAAM,oCAAoC,QAAsD,CAAC;AAGxG;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAYtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC"}
+{"version":3,"file":"media-matchers-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/media-matchers-controller.ts"],"names":[],"mappings":"AAKA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAKrF,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,0BAA0B,sBAAsB,CAAC;AAC9D,eAAO,MAAM,qCAAqC,QAAuD,CAAC;AAC1G,eAAO,MAAM,oCAAoC,QAAsD,CAAC;AAGxG;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAehE;;;;;;;GAOG;AACH,qBAAa,yBAA0B,YAAW,kBAAkB;IAGhE,OAAO,CAAC,QAAQ;gBADhB,IAAI,EAAE,sBAAsB,EACpB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC;IAK1D;;;;OAIG;IACI,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAMtC,aAAa,IAAI,IAAI;IAoBrB,gBAAgB,IAAI,IAAI;CAWhC"}

package/core/controllers.d.ts

@@ -1,7 +1,8 @@
 export * from './controllers/connected-abort-controller.js';
+export * from './controllers/escapable-overlay-controller.js';
+export * from './controllers/id-observer-controller.js';
 export * from './controllers/inert-controller.js';
 export * from './controllers/language-controller.js';
 export * from './controllers/media-matchers-controller.js';
-export * from './controllers/escapable-overlay-controller.js';
 export * from './controllers/slot-state-controller.js';
 //# sourceMappingURL=controllers.d.ts.map

package/core/controllers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,wCAAwC,CAAC"}
+{"version":3,"file":"controllers.d.ts","sourceRoot":"","sources":["../../../src/elements/core/controllers.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,wCAAwC,CAAC"}