@statistikzh/leu 0.4.0 → 0.5.0

package/dist/MenuItem.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @tagname leu-menu-item
+ * @slot - The label of the menu item
+ */
+export class LeuMenuItem extends LitElement {
+    static getIconOrText(name: any): any;
+    active: boolean;
+    disabled: boolean;
+    /**
+     * A programmatic way to highlight the menu item like it is hovered.
+     * This is just a visual effect and does not change the active state.
+     */
+    highlighted: boolean;
+    renderBefore(): typeof nothing | import("lit-html").TemplateResult;
+    renderAfter(): typeof nothing | import("lit-html").TemplateResult;
+    getTagName(): "button" | "a";
+    render(): import("lit-html").TemplateResult;
+}
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["MenuItem.js"],"names":[],"mappings":"AAsFA;;;GAGG;AACH;IAYE,qCAQC;IAjBC,gBAAmB;IACnB,kBAAqB;IAErB;;;OAGG;IACH,qBAAwB;IAW1B,mEAMC;IACD,kEAMC;IACD,6BAEC;IACD,4CAQC;CACF;2BAxIwC,KAAK;wBAAL,KAAK"}

package/dist/MenuItem.js

@@ -16,10 +16,10 @@ var css_248z = css`:host,
   --background-disabled: var(--leu-color-black-black-0);
   --color: var(--leu-color-black-transp-60);
   --color-disabled: var(--leu-color-black-transp-20);
-  --font-regular: var(--leu-font-regular);
-  --font-black: var(--leu-font-black);
+  --font-regular: var(--leu-font-family-regular);
+  --font-black: var(--leu-font-family-black);
 
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 }
 
 .button {

package/dist/Pagination.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @tagname leu-pagination
+ */
+export class LeuPagination extends LitElement {
+    /** @type {Number} */
+    numOfItems: number;
+    /** @type {Number} */
+    itemsPerPage: number;
+    /** @type {Number} */
+    _page: number;
+    attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
+    set page(page: number);
+    get page(): number;
+    get startIndex(): number;
+    get endIndex(): number;
+    get _maxPage(): number;
+    _isFirstPage(): boolean;
+    _isLastPage(): boolean;
+    _clampPage(page: any): number;
+    _updatePage(page: any): void;
+    _handleChange(event: any): void;
+    _handleInput(event: any): void;
+    _handleKeyDown(event: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["Pagination.js"],"names":[],"mappings":"AA2EA;;GAEG;AACH;IAII,qBAAqB;IACrB,mBAAmB;IACnB,qBAAqB;IACrB,qBAAqB;IACrB,qBAAqB;IACrB,cAAc;IAEhB,oEAKC;IAID,uBAEC;IALD,mBAEC;IAID,yBAEC;IACD,uBAEC;IACD,uBAEC;IACD,wBAEC;IACD,uBAEC;IACD,8BAEC;IACD,6BAaC;IACD,gCAEC;IACD,+BAKC;IACD,iCASC;IACD,+CAsCC;CACF;2BA9LqC,KAAK"}

package/dist/Pagination.js

@@ -2,16 +2,19 @@ import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { css, LitElement, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import './leu-button.js';
-import './defineElement-47d4f665.js';
-import './Button.js';
+import './leu-visually-hidden.js';
+import './defineElement-40372b4b.js';
+import './Button-da11d064.js';
 import 'lit/directives/class-map.js';
+import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';
+import './VisuallyHidden.js';
 
 var css_248z = css`:host {
   margin-top: 16px;
   display: flex;
   justify-content: end;
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 }
 
 .input {
@@ -61,6 +64,11 @@ var css_248z = css`:host {
   color: var(--leu-color-black-transp-60);
   white-space: nowrap;
 }
+
+.button-group {
+  display: flex;
+  gap: 0.25rem;
+}
 `;
 
 const MIN_PAGE = 1;
@@ -71,98 +79,114 @@ const MIN_PAGE = 1;
 class LeuPagination extends LitElement {
   constructor() {
     super();
-    /** @type {number} */
-    this.page = 1;
-    /** @type {number} */
+
+    /** @type {Number} */
     this.numOfItems = 1;
-    /** @type {number} */
+    /** @type {Number} */
     this.itemsPerPage = 1;
+    /** @type {Number} */
+    this._page = 1;
+  }
+  attributeChangedCallback(name, oldVal, newVal) {
+    super.attributeChangedCallback(name, oldVal, newVal);
+    if (name === "defaultpage" && newVal !== oldVal) {
+      this.page = parseInt(newVal, 10);
+    }
+  }
+  get page() {
+    return this._page;
+  }
+  set page(page) {
+    this._page = this._clampPage(page);
+  }
+  get startIndex() {
+    return (this.page - 1) * this.itemsPerPage;
   }
-  get maxPage() {
+  get endIndex() {
+    return Math.min(this.startIndex + this.itemsPerPage, this.numOfItems);
+  }
+  get _maxPage() {
     return Math.ceil(this.numOfItems / this.itemsPerPage);
   }
-  get firstPage() {
-    return this.boundPage === MIN_PAGE;
+  _isFirstPage() {
+    return this.page === MIN_PAGE;
   }
-  get lastPage() {
-    return this.boundPage === this.maxPage;
+  _isLastPage() {
+    return this.page === this._maxPage;
   }
-
-  /**
-   * The boundPage getter is necessary to ensure that the current page (this.page) is always within the valid range of pages.
-   * It prevents the page number from going below the minimum page limit (MIN_PAGE) or above the maximum page limit (this.maxPage).
-   * This is important for the correct functioning of the pagination system, as it prevents users from navigating to non-existent pages.
-   *
-   * @returns {number}
-   */
-  get boundPage() {
-    return Math.min(Math.max(this.page, MIN_PAGE), this.maxPage);
+  _clampPage(page) {
+    return Math.min(Math.max(page, MIN_PAGE), this._maxPage);
   }
-  numberUpdate(number) {
+  _updatePage(page) {
     const prevPage = this.page;
-    this.page = number;
+    this.page = this._clampPage(page);
     if (this.page !== prevPage) {
-      const startIndex = (this.boundPage - 1) * this.itemsPerPage;
-      const endIndex = Math.min(startIndex + this.itemsPerPage, this.numOfItems);
       this.dispatchEvent(new CustomEvent("leu:pagechange", {
         detail: {
-          startIndex,
-          endIndex,
-          page: this.boundPage
+          startIndex: this.startIndex,
+          endIndex: this.endIndex,
+          page: this.page
         },
         bubbles: false
       }));
     }
   }
-  change(event) {
-    this.numberUpdate(parseInt(event.target.value, 10) || 0);
+  _handleChange(event) {
+    this._updatePage(parseInt(event.target.value, 10) || 0);
   }
-  input(event) {
+  _handleInput(event) {
     if (event.target.value !== "") {
       event.preventDefault();
-      this.change(event);
+      this._handleChange(event);
     }
   }
-  keydown(event) {
+  _handleKeyDown(event) {
     if (event.key === "ArrowUp") {
       event.preventDefault();
-      this.numberUpdate(this.boundPage + 1);
+      this._updatePage(this.page + 1);
     }
     if (event.key === "ArrowDown") {
       event.preventDefault();
-      this.numberUpdate(this.boundPage - 1);
+      this._updatePage(this.page - 1);
     }
   }
   render() {
     return html`
+      <leu-visually-hidden>
+        <label for="page-input">Aktuelle Seite</label>
+      </leu-visually-hidden>
       <input
+        id="page-input"
         class="input"
         min=${MIN_PAGE}
-        max=${this.maxPage}
-        .value=${live(this.boundPage.toString())}
-        @input=${this.input}
-        @change=${this.change}
-        @keydown=${this.keydown}
+        max=${this._maxPage}
+        .value=${live(this.page.toString())}
+        @input=${this._handleInput}
+        @change=${this._handleChange}
+        @keydown=${this._handleKeyDown}
         type="number"
       />
-      <div class="label">von ${this.maxPage}</div>
-      <leu-button
-        icon="angleLeft"
-        variant="secondary"
-        @click=${_ => {
-      this.numberUpdate(this.boundPage - 1);
+      <div class="label">von ${this._maxPage}</div>
+      <div class="button-group">
+        <leu-button
+          icon="angleLeft"
+          variant="secondary"
+          label="Vorherige Seite"
+          @click=${_ => {
+      this._updatePage(this.page - 1);
     }}
-        ?disabled=${this.firstPage}
-      ></leu-button>
-      <leu-button
-        icon="angleRight"
-        variant="secondary"
-        @click=${_ => {
-      this.numberUpdate(this.boundPage + 1);
+          ?disabled=${this._isFirstPage()}
+        ></leu-button>
+        <leu-button
+          icon="angleRight"
+          variant="secondary"
+          label="Nächste Seite"
+          @click=${_ => {
+      this._updatePage(this.page + 1);
     }}
-        ?disabled=${this.lastPage}
-        style="margin-left:4px;"
-      ></leu-button>
+          ?disabled=${this._isLastPage()}
+        ></leu-button>
+      </div>
     `;
   }
 }
@@ -174,11 +198,8 @@ _defineProperty(LeuPagination, "shadowRootOptions", {
   ...LitElement.shadowRootOptions,
   delegatesFocus: true
 });
-_defineProperty(LeuPagination, "events", {
-  range: {}
-});
 _defineProperty(LeuPagination, "properties", {
-  page: {
+  defaultPage: {
     type: Number,
     reflect: true
   },
@@ -189,6 +210,17 @@ _defineProperty(LeuPagination, "properties", {
   numOfItems: {
     type: Number,
     reflect: true
+  },
+  /**
+   * Internal page state that contains an
+   * already clamped page number. Should only
+   * be accessed through the `page` getter and
+   * setter.
+   * @type {Number}
+   * @internal
+   */
+  _page: {
+    state: true
   }
 });
 

package/dist/Popup.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @tagname leu-popup
+ */
+export class LeuPopup extends LitElement {
+    anchorEl: any;
+    cleanup: () => void;
+    flip: boolean;
+    shift: boolean;
+    updated(changedProperties: any): void;
+    get popupEl(): Element;
+    start(): void;
+    stop(): void;
+    reposition(): void;
+    handleAnchorChange(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["Popup.js"],"names":[],"mappings":"AAuCA;;GAEG;AACH;IAGI,cAAoB;IACpB,oBAAwB;IACxB,cAAiB;IACjB,eAAkB;IAMpB,sCAcC;IACD,uBAEC;IACD,cAKC;IACD,aAIC;IACD,mBAiEC;IACD,2BAiBC;IACD,+CAOC;CACF;2BA9KqC,KAAK"}

package/dist/{leu-popup-4bf6f1f4.js → Popup.js}

@@ -1,4 +1,3 @@
-import { d as defineElement } from './defineElement-47d4f665.js';
 import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
 import { css, LitElement, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
@@ -9,10 +8,10 @@ var css_248z = css`:host,
 }
 
 :host {
-  --popup-font-regular: var(--leu-font-regular);
-  --popup-font-black: var(--leu-font-black);
+  --popup-font-regular: var(--leu-font-family-regular);
+  --popup-font-black: var(--leu-font-family-black);
 
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 
   font-family: var(--popup-font-regular);
 }
@@ -213,4 +212,4 @@ _defineProperty(LeuPopup, "properties", {
   }
 });
 
-defineElement("popup", LeuPopup);
+export { LeuPopup };

package/dist/Radio.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @tagname leu-radio
+ */
+export class LeuRadio extends LitElement {
+    checked: boolean;
+    disabled: boolean;
+    handleChange(event: any): void;
+    handleInput(event: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["Radio.js"],"names":[],"mappings":"AAgGA;;GAEG;AACH;IAGI,iBAAoB;IACpB,kBAAqB;IAEvB,+BAIC;IACD,8BAEC;IACD,+CAeC;CACF;2BAhIqC,KAAK"}

package/dist/Radio.js

@@ -9,13 +9,13 @@ var css_248z = css`:host {
   --radio-label-color: var(--leu-color-black-100);
   --radio-label-color-disabled: var(--radio-color-disabled);
 
-  --radio-font-regular: var(--leu-font-regular);
+  --radio-font-regular: var(--leu-font-family-regular);
 
   display: inline-flex;
   align-items: flex-start;
   gap: 0.5rem;
 
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 
   font-family: var(--radio-font-regular);
 }

package/dist/RadioGroup.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @tagname leu-radio-group
+ */
+export class LeuRadioGroup extends LitElement {
+    _currentIndex: number;
+    orientation: string;
+    items: any[];
+    get value(): any;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    handleSlotChange(): void;
+    selectItem(selectingItem: any): void;
+    selectNextItem(startingIndex: any, direction: any): void;
+    setTabIndex(): void;
+    handleItems(): void;
+    initializeIndex(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAIM,sBAAiD;IA6BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAIC;IACD,6BAIC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;2BAxJqC,KAAK"}

package/dist/RadioGroup.js

@@ -3,10 +3,10 @@ import { css, LitElement, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
 var css_248z = css`:host {
-  --group-font-regular: var(--leu-font-regular);
-  --group-font-black: var(--leu-font-black);
+  --group-font-regular: var(--leu-font-family-regular);
+  --group-font-black: var(--leu-font-family-black);
 
-  font-family: var(--leu-font-regular);
+  font-family: var(--leu-font-family-regular);
 
   font-family: var(--group-font-regular);
 }

package/dist/ScrollTop.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @tagname leu-scroll-top
+ */
+export class LeuScrollTop extends LitElement {
+    static scrollToTop(): void;
+    _scrollDown: boolean;
+    /**
+     * Only show the button when
+     * ... the current scroll position is greater than the window height (below-the-fold) and when
+     * ... scrolling up
+     */
+    _showButton: boolean;
+    _prevYPos: number;
+    /** @internal */
+    _scrollListener: Function;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+//# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTop.d.ts","sourceRoot":"","sources":["ScrollTop.js"],"names":[],"mappings":"AA8CA;;GAEG;AACH;IAwCE,2BAMC;IAtCO,qBAAwB;IAM5B;;;;OAIG;IACH,qBAA2E;IAC3E,kBAA+B;IAQjC,gBAAgB;IAChB,0BAAgC;IAkBlC,+CAgBC;CACF;2BAhHqC,KAAK"}

package/dist/ScrollTop.js

@@ -0,0 +1,122 @@
+import { _ as _defineProperty } from './_rollupPluginBabelHelpers-20f659f4.js';
+import { css, LitElement, html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import './leu-button.js';
+import { t as throttle } from './utils-65469421.js';
+import './defineElement-40372b4b.js';
+import './Button-da11d064.js';
+import 'lit/directives/if-defined.js';
+import './icon-03e86700.js';
+
+var css_248z = css`.scroll-top {
+  overflow: hidden;
+  position: fixed;
+  right: 1.5rem;
+  z-index: 1099;
+  bottom: 8.125rem;
+
+  /* show */
+  height: 50px;
+  pointer-events: auto;
+  transition: height, bottom 0.9s, 0.6s ease;
+}
+
+.hide {
+  height: 0;
+  pointer-events: none;
+  transition: height, top 0.9s, 0.6s ease;
+}
+
+@keyframes hide-animation {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(90deg);
+  }
+}
+
+.hide leu-button {
+  animation-name: hide-animation;
+  animation-duration: 0.45s;
+  animation-timing-function: ease;
+}
+`;
+
+/**
+ * @tagname leu-scroll-top
+ */
+class LeuScrollTop extends LitElement {
+  constructor() {
+    super();
+    /** @internal */
+    _defineProperty(this, "scroll", () => {
+      const delta = window.scrollY - this._prevYPos;
+      if (this._scrollDown) {
+        if (delta < 0) {
+          this._scrollDown = false;
+        }
+      } else if (delta > 0) {
+        this._scrollDown = true;
+      }
+
+      /**
+       * Only show the button when
+       * ... the current scroll position is greater than the window height (below-the-fold) and when
+       * ... scrolling up
+       */
+      this._showButton = window.scrollY > window.innerHeight && !this._scrollDown;
+      this._prevYPos = window.scrollY;
+    });
+    this._prevYPos = 0;
+    /** @internal */
+    this._showButton = false;
+    /** @internal */
+    this._scrollDown = false;
+
+    /** @internal */
+    this._scrollListener = undefined;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._scrollListener = throttle(this.scroll, 100);
+    document.addEventListener("scroll", this._scrollListener, true);
+  }
+  disconnectedCallback() {
+    document.removeEventListener("scroll", this._scrollListener, true);
+    super.disconnectedCallback();
+  }
+  static scrollToTop() {
+    window.scrollTo({
+      top: 0,
+      left: 0,
+      behavior: "smooth"
+    });
+  }
+  render() {
+    const cssClasses = {
+      "scroll-top": true,
+      hide: !this._showButton
+    };
+    return html`
+      <div class=${classMap(cssClasses)}>
+        <leu-button
+          icon="arrowUp"
+          label="Zum Seitenanfang"
+          round
+          @click="${() => LeuScrollTop.scrollToTop()}"
+        >
+        </leu-button>
+      </div>
+    `;
+  }
+}
+_defineProperty(LeuScrollTop, "styles", css_248z);
+_defineProperty(LeuScrollTop, "properties", {
+  _showButton: {
+    state: true
+  }
+});
+
+export { LeuScrollTop };

package/dist/Select.d.ts

@@ -0,0 +1,98 @@
+/**
+ * @tagname leu-select
+ * @slot before - Optional content the appears before the option list
+ * @slot after - Optional content the appears after the option list
+ */
+export class LeuSelect extends LitElement {
+    static get properties(): {
+        open: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        options: {
+            type: ArrayConstructor;
+        };
+        value: {
+            type: ArrayConstructor;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        filterable: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        multiple: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        optionFilter: {
+            state: boolean;
+        };
+    };
+    static getOptionLabel(option: any): any;
+    open: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    clearable: boolean;
+    filterable: boolean;
+    value: any[];
+    options: any[];
+    label: string;
+    /** @internal */
+    _arrowIcon: import("lit-html").TemplateResult<1>;
+    /** @internal */
+    _clearIcon: import("lit-html").TemplateResult<1>;
+    /** @internal */
+    optionFilter: string;
+    /** @internal */
+    deferedChangeEvent: boolean;
+    /**
+     * @type {import("lit/directives/ref").Ref<import("../menu/Menu").LeuMenu>}
+     */
+    menuRef: import("lit/directives/ref").Ref<any>;
+    /**
+     * @type {import("lit/directives/ref").Ref<import("../input/Input").LeuInput>}
+     */
+    optionFilterRef: import("lit/directives/ref").Ref<any>;
+    /**
+     * @type {import("lit/directives/ref").Ref<HTMLButtonElement>}
+     */
+    toggleButtonRef: import("lit/directives/ref").Ref<HTMLButtonElement>;
+    updated(changedProperties: any): void;
+    getDisplayValue(value: any): any;
+    getFilteredOptions(): any[];
+    emitUpdateEvents(): void;
+    emitInputEvent(): void;
+    emitChangeEvent(): void;
+    clearValue(event: any): void;
+    toggleDropdown(): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    /**
+     * Adds or replaces the given option in the options array.
+     *
+     * @param {*} option
+     */
+    selectOption(option: any): void;
+    handleApplyClick(): void;
+    handleFilterInput(event: any): void;
+    isSelected(option: any): boolean;
+    renderMenu(): import("lit-html").TemplateResult<1>;
+    renderFilterInput(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderApplyButton(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderToggleButton(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AA6PA;;;;GAIG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAoCC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,eAAiB;IACjB,cAAe;IAEf,gBAAgB;IAChB,iDAAuC;IAEvC,gBAAgB;IAChB,iDAA+B;IAE/B,gBAAgB;IAChB,qBAAsB;IAEtB,gBAAgB;IAChB,4BAA+B;IAE/B;;OAEG;IACH,SAFU,OAAO,oBAAoB,EAAE,GAAG,KAAgC,CAEhD;IAC1B;;OAEG;IACH,iBAFU,OAAO,oBAAoB,EAAE,GAAG,KAAmC,CAE3C;IAClC;;OAEG;IACH,iBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE3B;IAUpC,sCAUC;IACD,iCAKC;IACD,4BAKC;IACD,yBAGC;IACD,uBAMC;IACD,wBAMC;IACD,6BAMC;IACD,uBAIC;IACD,qBAEC;IACD,sBAMC;IAED;;;;OAIG;IACH,gCAYC;IACD,yBAEC;IACD,oCAEC;IACD,iCAEC;IACD,mDAqCC;IACD,2EAYC;IACD,2EAaC;IACD,2DA+BC;IACD,+CAkCC;CACF;2BAllB8C,KAAK;wBAAL,KAAK"}