@sbb-esta/lyne-elements 2.11.0 → 3.0.0-next.0

package/chip/chip/chip.component.js

@@ -1,60 +1,49 @@
-var k = (e) => {
+var v = (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";
+var m = (e, r, b) => r.has(e) || v("Cannot " + b);
+var f = (e, r, b) => (m(e, r, "read from private field"), b ? b.call(e) : r.get(e)), g = (e, r, b) => r.has(e) ? v("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, b), c = (e, r, b, o) => (m(e, r, "write to private field"), o ? o.call(e, b) : r.set(e, b), b);
+import { __runInitializers as n, __esDecorate as _ } from "tslib";
+import { css as y, LitElement as w, html as k } from "lit";
+import { customElement as S, property as z } from "lit/decorators.js";
+import { SbbLanguageController as D } from "../../core/controllers.js";
+import { EventEmitter as E } from "../../core/eventing.js";
+import { i18nChipDelete as q } from "../../core/i18n.js";
+import { SbbNegativeMixin as C, SbbDisabledMixin as I, SbbReadonlyMixin as M, SbbElementInternalsMixin as U } 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) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.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 {
+const A = y`*,: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) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);--sbb-focus-outline-offset: -.0625rem;--sbb-focus-outline-style: initial}.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 J = (() => {
+  var s, t;
+  let e = [S("sbb-chip")], r, b = [], o, d = C(I(M(U(w)))), h, u = [], p = [];
+  var l = (t = class extends d {
     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";
+      super(...arguments);
+      g(this, s);
+      c(this, s, n(this, u, null)), this._requestDelete = (n(this, p), new E(this, l.events.requestDelete)), this._language = new D(this);
     }
     /** The value of chip. Will be used as label if nothing is slotted. */
     get value() {
-      return u(this, a);
+      return f(this, s);
     }
-    set value(r) {
-      c(this, a, r);
+    set value(i) {
+      c(this, s, i);
     }
-    /** Whether the component is readonly */
-    get readonly() {
-      return u(this, l);
+    willUpdate(i) {
+      super.willUpdate(i), i.has("disabled") && (this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "-1"));
     }
-    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"));
+    firstUpdated(i) {
+      super.firstUpdated(i), setTimeout(() => this._deleteButton().removeAttribute("tabindex"));
     }
     _deleteButton() {
       return this.shadowRoot.querySelector("sbb-mini-button");
     }
     render() {
-      return I`
+      return k`
       <div class="sbb-chip">
         <div class="sbb-chip__label-wrapper">
           <span class="sbb-chip__label">
-            <slot>${this.value}</slot>
+            <slot>${this.value ?? ""}</slot>
           </span>
         </div>
         <sbb-mini-button
@@ -64,22 +53,20 @@ let V = (() => {
           @click=${() => this._requestDelete.emit()}
         >
         </sbb-mini-button>
-        <sbb-screen-reader-only>, ${B[this._language.current]}</sbb-screen-reader-only>
+        <sbb-screen-reader-only>, ${q[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 = {
+  }, s = new WeakMap(), o = t, (() => {
+    const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+    h = [z()], _(t, null, h, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (a) => "value" in a, get: (a) => a.value, set: (a, x) => {
+      a.value = x;
+    } }, metadata: i }, u, p), _(null, r = { value: o }, e, { kind: "class", name: o.name, metadata: i }, null, b), l = o = r.value, i && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
+  })(), t.role = "option", t.styles = A, t.events = {
     requestDelete: "requestDelete"
-  }, n(s, i), b);
-  return d = s;
+  }, n(o, b), t);
+  return l = o;
 })();
 export {
-  V as SbbChipElement
+  J as SbbChipElement
 };

package/chip/chip-group/chip-group.component.d.ts

@@ -1,17 +1,21 @@
 import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from 'lit';
 import { FormRestoreReason, FormRestoreState } from '../../core/mixins.js';
-export interface SbbChipInputTokenEndEventDetails {
+export interface SbbChipInputTokenEndEventDetails<T = string> {
     /** The element that triggered the chip creation */
     origin: 'input' | 'autocomplete';
-    /** The value of the new chip. Either the input or the option value depending on the origin */
-    value: string;
+    /**
+     * The value of the new chip. Either the input or the option value depending on the origin.
+     * Either the value from the input which is always `string` or the value from the selected option
+     * from an autocomplete, which can be either a string or any other type.
+     */
+    value: T | string;
     label?: string;
     /** Set a new value for the chip that will be created */
-    setValue(value: string): void;
+    setValue(value: T): void;
     /** Set a label for the chip that will be created */
     setLabel(value: string): void;
 }
-declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbRequiredMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType<string[]>> & typeof LitElement;
+declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbRequiredMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbDisabledMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbNegativeMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbFormAssociatedMixinType> & import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
 /**
  * The `sbb-chip-group` component is used as a container for one or multiple `sbb-chip`.
  *
@@ -19,9 +23,10 @@ declare const SbbChipGroupElement_base: import('../../core/mixins.js').AbstractC
  * @event {CustomEvent<void>} input - Notifies that the component's value has changed.
  * @event {CustomEvent<SbbChipInputTokenEndEventDetails>} chipInputTokenEnd - Notifies that a chip is about to be created. Can be used to customize the value and the label. Can be prevented.
  * @slot - Use the unnamed slot to add `sbb-chip` elements.
- * @overrideType value - string[] | null
+ * @overrideType value - (T = string[]) | null
  */
-export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
+export declare class SbbChipGroupElement<T = string> extends SbbChipGroupElement_base {
+    static readonly role = "listbox";
     static styles: CSSResultGroup;
     static readonly events: {
         readonly input: "input";
@@ -29,8 +34,10 @@ export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
         readonly chipInputTokenEnd: "chipInputTokenEnd";
     };
     /** Value of the form element. */
-    set value(value: string[] | null);
-    get value(): string[];
+    set value(value: (T | null)[] | null);
+    get value(): (T | null)[];
+    /** Function that maps a chip's value to its display value. */
+    accessor displayWith: ((value: T) => string) | null;
     /** The array of keys that will trigger a `chipInputTokenEnd` event. Default `['Enter']` */
     accessor separatorKeys: string[];
     /** Notifies that the component's value has changed. */
@@ -57,7 +64,7 @@ export declare class SbbChipGroupElement extends SbbChipGroupElement_base {
     formResetCallback(): void;
     /** @internal */
     formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
-    protected updateFormValue(): void;
+    private _readFormData;
     protected shouldValidate(name: PropertyKey | undefined): boolean;
     protected validate(): void;
     /** Return the list of chip elements **/
@@ -96,5 +103,10 @@ declare global {
         'sbb-chip-group': SbbChipGroupElement;
     }
 }
+declare global {
+    interface HTMLElementEventMap {
+        chipInputTokenEnd: CustomEvent<SbbChipInputTokenEndEventDetails<any>>;
+    }
+}
 export {};
 //# sourceMappingURL=chip-group.component.d.ts.map

package/chip/chip-group/chip-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGnB,UAAU,EACV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AASb,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAKtB,MAAM,sBAAsB,CAAC;AAK9B,MAAM,WAAW,gCAAgC;IAC/C,mDAAmD;IACnD,MAAM,EAAE,OAAO,GAAG,cAAc,CAAC;IACjC,8FAA8F;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;;AAED;;;;;;;;GAQG;AACH,qBAEM,mBAAoB,SAAQ,wBAIjC;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;;;MAIlB;IAEX,iCAAiC;IACjC,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EA4B/C;IACD,IAAoB,KAAK,IAAI,MAAM,EAAE,CAEpC;IAED,2FAA2F;IAC3F,SACgB,aAAa,EAAE,MAAM,EAAE,CAAa;IAEpD,uDAAuD;IACvD,OAAO,CAAC,OAAO,CAA2E;IAE1F,uDAAuD;IACvD,OAAO,CAAC,MAAM,CAA0E;IAExF,qEAAqE;IACrE,OAAO,CAAC,kBAAkB,CAGxB;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAEtB;IAET;;OAEG;IACH,OAAO,CAAC,2BAA2B,CAE1B;IAET,OAAO,CAAC,aAAa,CAA+B;IACpD,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,SAAS,CAAmC;;IAepC,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAYtE,gBAAgB;IACT,iBAAiB,IAAI,IAAI;IAIhC,gBAAgB;IACT,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAUP,SAAS,CAAC,eAAe,IAAI,IAAI;cAQd,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO;cAItD,QAAQ,IAAI,IAAI;IASnC,wCAAwC;IACxC,OAAO,CAAC,aAAa;IAIrB,gDAAgD;IAChD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,eAAe;IA2CvB;;QAEI;IACJ,OAAO,CAAC,cAAc;IAyBtB;;QAEI;IACJ,OAAO,CAAC,eAAe;IAoBvB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAuB5B,OAAO,CAAC,WAAW;IAOnB;;;OAGG;IACH,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,uBAAuB;cAUZ,MAAM,IAAI,cAAc;CAO5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"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"}

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

@@ -1,125 +1,134 @@
-var x = (s) => {
-  throw TypeError(s);
+var T = (a) => {
+  throw TypeError(a);
 };
-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 q, getNextElementIndex as L } 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 {
+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 e, t;
+      var t, e;
       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", (e = this.addEventListener) == null || e.call(this, H.events.requestDelete, (i) => this._deleteChip(i.target)), (t = this.addEventListener) == null || t.call(this, "keydown", (i) => this._onChipKeyDown(i));
+      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 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();
+    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 a = [...e];
-      for (const l of t)
-        a.includes(l) && a.splice(a.indexOf(l), 1);
-      a.forEach((l) => this._createChipElement(l));
+      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 A(this, h);
+      return y(this, c);
     }
-    set separatorKeys(e) {
-      b(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", B[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() {
-      var e;
-      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "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() {
-      var e;
-      return Array.from(((e = this.querySelectorAll) == null ? void 0 : e.call(this, "sbb-chip:not([disabled])")) ?? []);
+      var t;
+      return Array.from(((t = this.querySelectorAll) == null ? void 0 : t.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), {
+      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(V, () => 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
-      }), (l = this._inputAttributeObserver) == null || l.observe(this._inputElement, {
+      }), (n = this._inputAttributeObserver) == null || n.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, {
+      })), 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 (q(e)) {
-          const i = this._enabledChipElements(), a = L(e, i.indexOf(t), i.length);
-          i[a].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;
         }
       }
@@ -127,51 +136,52 @@ let le = (() => {
     /**
      * 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: (a) => i.value = a,
-        setLabel: (a) => i.label = a
+      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) {
+    _focusChip(t) {
       var i;
-      const t = this._enabledChipElements();
-      if (e !== void 0 && t[e]) {
-        t[e].focus();
+      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;
       }
       (i = this._inputElement) == null || i.focus();
@@ -179,48 +189,53 @@ let le = (() => {
     _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() {
-      var e;
-      this.disabled = ((e = this._inputElement) == null ? void 0 : e.disabled) ?? !1, this._proxyStateToChips();
+      var t;
+      this.disabled = ((t = this._inputElement) == null ? void 0 : t.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;
+      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() {
-      var e;
-      this.setAttribute("data-size", ((e = this.closest("sbb-form-field")) == null ? void 0 : e.size) ?? (R() ? "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", `${G[this._language.current]} ${this.value.length}`);
+      this._inputElement && this._inputElement.setAttribute("aria-description", `${j[this._language.current]} ${this.value.length}`);
     }
     render() {
-      return O`
+      return M`
       <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 = {
+  }, 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"
-  }, d(o, n), u);
-  return p = o;
+  }, d(h, l), o);
+  return m = h;
 })();
 export {
-  le 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"}