overview-components 0.1.1

package/dist/shared/filter-inputs.js

@@ -0,0 +1,518 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { msg } from '@lit/localize';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import 'air-datepicker/air-datepicker.css';
+// components
+import './lit-icon.js';
+import './lit-icon-button.js';
+import './lit-select.js';
+import AirDatepicker from 'air-datepicker';
+import { localizedDatePicker } from '../utils/localization.js';
+let FilterInputs = class FilterInputs extends LitElement {
+    constructor() {
+        super();
+        this.sortedUniqueValues = [];
+        this.filterVariant = '';
+        this.isClickInside = false;
+        this.handleOutsideClick = (event) => {
+            const path = event.composedPath();
+            if (!path.includes(this) && this.startDatePicker && this.endDatePicker) {
+                if (this.startDatePicker.visible) {
+                    this.startDatePicker.hide();
+                }
+                if (this.endDatePicker.visible) {
+                    this.endDatePicker.hide();
+                }
+            }
+        };
+        // Create debounced methods with 500ms delay
+        this.debouncedSetTextFilter = debounce((value) => {
+            this.column?.setFilterValue(value);
+            this.requestUpdate();
+        });
+        this.debouncedSetNumberFilter = debounce((value) => {
+            this.column?.setFilterValue(value);
+            this.requestUpdate();
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.filterVariant = this.column?.columnDef?.meta.filterVariant || '';
+        if (this.filterVariant !== 'range') {
+            this.sortedUniqueValues = Array.from(this.column?.getFacetedUniqueValues().keys())
+                .sort()
+                .slice(0, 5000);
+        }
+        if (!this.dateFormat) {
+            const userSettings = localStorage.getItem('userSettings');
+            const storedFormat = userSettings
+                ? JSON.parse(userSettings)?.state?.dateFormat
+                : undefined;
+            this.dateFormat = storedFormat;
+        }
+    }
+    getLocale() {
+        const lang = this.userLang || localStorage.getItem('userLang') || 'cs';
+        return localizedDatePicker.get(lang);
+    }
+    firstUpdated() {
+        if (this.filterVariant === 'date') {
+            this.startDatePicker = new AirDatepicker(this.startDateInputEl, {
+                isMobile: window.matchMedia('(max-width: 600px)').matches,
+                dateFormat: this.dateFormat || undefined,
+                locale: this.getLocale(),
+                autoClose: true,
+                onSelect: ({ date }) => {
+                    if (date instanceof Date) {
+                        this.startDate = date.toISOString().split('T')[0];
+                    }
+                    else {
+                        this.startDate = undefined;
+                    }
+                    this.handleFilterDateChange(this.startDate, this.endDate);
+                },
+                onRenderCell: ({ date, cellType }) => {
+                    const isDay = cellType === 'day';
+                    const _date = date.getDate();
+                },
+            });
+            this.endDatePicker = new AirDatepicker(this.endDateInputEl, {
+                isMobile: window.matchMedia('(max-width: 600px)').matches,
+                dateFormat: this.dateFormat || undefined,
+                locale: this.getLocale(),
+                autoClose: true,
+                onSelect: ({ date }) => {
+                    if (date instanceof Date) {
+                        this.endDate = date.toISOString().split('T')[0];
+                    }
+                    else {
+                        this.endDate = undefined;
+                    }
+                    this.handleFilterDateChange(this.startDate, this.endDate);
+                },
+                onRenderCell: ({ date, cellType }) => {
+                    const isDay = cellType === 'day';
+                    const _date = date.getDate();
+                },
+            });
+        }
+        document.addEventListener('click', this.handleOutsideClick, { capture: true });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('click', this.handleOutsideClick, { capture: true });
+    }
+    switchDatePickers(picker) {
+        if (picker === 'start' && this.endDatePicker) {
+            if (this.endDatePicker.visible) {
+                this.endDatePicker.hide();
+            }
+        }
+        else if (picker === 'end' && this.startDatePicker) {
+            if (this.startDatePicker.visible) {
+                this.startDatePicker.hide();
+            }
+        }
+    }
+    handleFilterDateChange(startDate, endDate) {
+        if (!startDate && !endDate) {
+            // Ak sú oba dátumy prázdne, odstráň filter úplne
+            this.column?.setFilterValue(undefined);
+        }
+        else {
+            // Inak nastav filter s aktuálnymi hodnotami
+            this.column?.setFilterValue({ startDate, endDate });
+        }
+    }
+    render() {
+        if (this.filterVariant === 'range') {
+            return this.renderRangeInput();
+        }
+        else if (this.filterVariant === 'select') {
+            return this.renderSelectInput();
+        }
+        else if (this.filterVariant === 'number') {
+            return this.renderNumberInput();
+        }
+        else if (this.filterVariant === 'date') {
+            return this.renderDateInput();
+        }
+        else {
+            return this.renderTextInput();
+        }
+    }
+    renderRangeInput() {
+        const debouncedSetRangeFilter = debounce((min, max) => {
+            this.column.setFilterValue([min, max]);
+            this.requestUpdate();
+        });
+        return html `
+            <div class="range">
+                <div class="custom-icon-wrapper" style="min-width: 70px">
+                    <input
+                        type="number"
+                        placeholder="Min"
+                        @input=${(e) => {
+            const min = e.target.value ? Number(e.target.value) : undefined;
+            const currentMax = this.column.getFilterValue()?.[1];
+            debouncedSetRangeFilter(min, currentMax);
+        }}
+                        .value="${this.column.getFilterValue()?.[0] || ''}"
+                    />
+                    ${this.renderClearButton(0)}
+                </div>
+
+                <div class="custom-icon-wrapper" style="min-width: 70px">
+                    <input
+                        type="number"
+                        placeholder="Max"
+                        @input=${(e) => {
+            const max = e.target.value ? Number(e.target.value) : undefined;
+            const currentMin = this.column.getFilterValue()?.[0];
+            debouncedSetRangeFilter(currentMin, max);
+        }}
+                        .value="${this.column.getFilterValue()?.[1] || ''}"
+                    />
+                    ${this.renderClearButton(1)}
+                </div>
+            </div>
+        `;
+    }
+    renderSelectInput() {
+        return html `
+            <lit-select
+                .value="${this.column.getFilterValue() || ''}"
+                .options="${[
+            { value: 'All', label: 'All' },
+            ...this.sortedUniqueValues.map((value) => ({
+                value,
+                label: value,
+            })),
+        ]}"
+                .onChange="${(selectedValue) => {
+            const filterValue = selectedValue === 'All' ? undefined : selectedValue;
+            this.column.setFilterValue(filterValue);
+            this.requestUpdate(); // Aktualizácia komponentu po zmene
+        }}"
+            ></lit-select>
+        `;
+    }
+    renderNumberInput() {
+        return html `
+            <div class="custom-icon-wrapper">
+                <input
+                    class="inputs"
+                    type="number"
+                    @input=${(e) => {
+            const value = e.target.value;
+            this.debouncedSetNumberFilter(value);
+        }}
+                    .value="${this.column?.getFilterValue() || ''}"
+                />
+                ${this.renderClearButton()}
+            </div>
+        `;
+    }
+    renderDateInput() {
+        return html `
+            <div class="range">
+                <div class="custom-icon-wrapper" style="min-width: 70px">
+                    <input
+                        id="startDateInput"
+                        class="inputs customCell"
+                        type="text"
+                        placeholder="${msg('Od')}"
+                        value="${this.startDate || ''}"
+                        readonly
+                        @click=${() => this.switchDatePickers('start')}
+                    />
+                    <div
+                        class="events-icon"
+                        @click=${() => {
+            this.startDatePicker.show();
+            this.switchDatePickers('start');
+        }}
+                    >
+                        <lit-icon-button
+                            icon="events"
+                            size="small"
+                            variant="text"
+                        ></lit-icon-button>
+                    </div>
+                    ${this.startDate
+            ? html `
+                              <div
+                                  class="custom-icon-date"
+                                  @click=${() => {
+                this.startDate = undefined;
+                this.handleFilterDateChange(this.startDate, this.endDate);
+                this.startDatePicker.clear();
+            }}
+                              >
+                                  <lit-icon-button
+                                      icon="close"
+                                      size="small"
+                                      variant="text"
+                                  ></lit-icon-button>
+                              </div>
+                          `
+            : ''}
+                </div>
+
+                <div class="custom-icon-wrapper" style="min-width: 70px">
+                    <input
+                        id="endDateInput"
+                        class="inputs"
+                        type="text"
+                        placeholder="${msg('Do')}"
+                        value="${this.endDate || ''}"
+                        readonly
+                        @click=${() => this.switchDatePickers('end')}
+                    />
+                    <div
+                        class="events-icon"
+                        @click=${() => {
+            this.endDatePicker.show();
+            this.switchDatePickers('end');
+        }}
+                    >
+                        <lit-icon-button
+                            icon="events"
+                            size="small"
+                            variant="text"
+                        ></lit-icon-button>
+                    </div>
+                    ${this.endDate
+            ? html `
+                              <div
+                                  class="custom-icon-date"
+                                  @click=${() => {
+                this.endDate = undefined;
+                this.handleFilterDateChange(this.startDate, this.endDate);
+                this.endDatePicker.clear();
+            }}
+                              >
+                                  <lit-icon-button
+                                      icon="close"
+                                      size="small"
+                                      variant="text"
+                                  ></lit-icon-button>
+                              </div>
+                          `
+            : ''}
+                </div>
+            </div>
+        `;
+    }
+    renderTextInput() {
+        return html `
+            <div class="custom-icon-wrapper">
+                <input
+                    class="inputs"
+                    type="text"
+                    @input=${(e) => {
+            const value = e.target.value;
+            this.debouncedSetTextFilter(value);
+        }}
+                    .value="${this.column?.getFilterValue() || ''}"
+                />
+                ${this.renderClearButton()}
+            </div>
+        `;
+    }
+    renderClearButton(rangeIndex) {
+        return html `
+            ${rangeIndex === undefined
+            ? this.column?.getFilterValue()
+                ? html `
+                          <div
+                              class="custom-icon"
+                              @click=${() => {
+                    this.column?.setFilterValue(''); // Vymaže textový filter
+                    this.requestUpdate();
+                }}
+                              style="cursor: pointer; pointer-events: auto"
+                          >
+                              <lit-icon-button
+                                  icon="close"
+                                  size="small"
+                                  variant="text"
+                              ></lit-icon-button>
+                          </div>
+                      `
+                : ''
+            : this.column?.getFilterValue()?.[rangeIndex] !== undefined
+                ? html `
+                        <div
+                            class="custom-icon"
+                            @click=${() => {
+                    const currentValues = this.column.getFilterValue() || [];
+                    currentValues[rangeIndex] = undefined; // Vymaž hodnotu pre daný index
+                    this.column.setFilterValue(currentValues);
+                    this.requestUpdate();
+                }}
+                            style="cursor: pointer; pointer-events: auto"
+                            xmlns="http://www.w3.org/1999/html"
+                        >
+                            <lit-icon-button
+                                icon="close"
+                                size="small"
+                                variant="text"
+                            ></lit-icon-button>
+                        </div>
+                    `
+                : ''}
+        `;
+    }
+};
+FilterInputs.styles = css `
+        .range {
+            display: flex;
+            gap: 0.3125rem;
+        }
+
+        input {
+            padding: 0.5rem 0.75rem 0.5rem 0.75rem;
+            border: 0.0625rem solid var(--color-divider, #d0d3db);
+            border-radius: 0.25rem;
+            min-width: 0;
+            width: -webkit-fill-available;
+        }
+
+        input[type='number']::-webkit-inner-spin-button,
+        input[type='number']::-webkit-outer-spin-button {
+            -webkit-appearance: none;
+            margin: 0;
+        }
+
+        input:hover {
+            border: 0.0625rem solid var(--color-secondary-main, #111827);
+        }
+
+        input:focus {
+            outline: none;
+            border: 0.0625rem solid var(--color-secondary-dark, #010204);
+        }
+
+        select {
+            width: -webkit-fill-available;
+            padding: 0.5rem 0.75rem 0.5rem 0.75rem;
+            border: 0.0625rem solid var(--color-divider, #d0d3db);
+            border-radius: 0.25rem;
+            appearance: none;
+            -webkit-appearance: none; /* pre Safari */
+            -moz-appearance: none; /* pre Firefox */
+        }
+
+        .custom-icon-wrapper {
+            position: relative;
+            width: 100%;
+            display: inline-block;
+        }
+
+        .custom-icon-wrapper .custom-icon {
+            display: none;
+            position: absolute;
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+            cursor: pointer;
+            pointer-events: auto;
+            background: var(--background-paper);
+        }
+
+        .custom-icon-wrapper:hover .custom-icon {
+            display: block;
+        }
+
+        .custom-icon-wrapper .custom-icon-date {
+            display: none;
+            position: absolute;
+            right: 30px;
+            top: 50%;
+            transform: translateY(-50%);
+            cursor: pointer;
+            pointer-events: auto;
+            background: var(--background-paper);
+        }
+
+        .custom-icon-wrapper:hover .custom-icon-date {
+            display: inline-block;
+        }
+
+        .custom-icon-wrapper .events-icon {
+            position: absolute;
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 0;
+            cursor: pointer;
+            pointer-events: auto;
+            background: var(--background-paper);
+        }
+
+        .custom-icon-wrapper select:focus {
+            border: 0.0625rem solid var(--color-secondary-dark, #010204) !important;
+            outline: none;
+        }
+
+        select:hover {
+            border: 0.0625rem solid var(--color-secondary-main, #111827);
+        }
+        .customCell {
+            --adp-cell-background-color-selected: red;
+        }
+    `;
+__decorate([
+    property({ type: Object })
+], FilterInputs.prototype, "column", void 0);
+__decorate([
+    property({ type: String })
+], FilterInputs.prototype, "dateFormat", void 0);
+__decorate([
+    property({ type: String })
+], FilterInputs.prototype, "userLang", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "startDate", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "endDate", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "sortedUniqueValues", void 0);
+__decorate([
+    state()
+], FilterInputs.prototype, "filterVariant", void 0);
+__decorate([
+    query('#startDateInput')
+], FilterInputs.prototype, "startDateInputEl", void 0);
+__decorate([
+    query('#endDateInput')
+], FilterInputs.prototype, "endDateInputEl", void 0);
+__decorate([
+    query('#air-datepicker-global-container')
+], FilterInputs.prototype, "datepicker", void 0);
+FilterInputs = __decorate([
+    customElement('filter-inputs')
+], FilterInputs);
+export { FilterInputs };
+// Custom debounce utility function
+function debounce(func, delay = 500) {
+    let timeoutId;
+    return function (...args) {
+        // Clear previous timeout
+        clearTimeout(timeoutId);
+        // Set a new timeout
+        timeoutId = setTimeout(() => {
+            func.apply(this, args);
+        }, delay);
+    };
+}
+//# sourceMappingURL=filter-inputs.js.map

package/dist/shared/filter-inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-inputs.js","sourceRoot":"","sources":["../../src/shared/filter-inputs.ts"],"names":[],"mappings":"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"}

package/dist/shared/lit-button.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import './lit-icon.js';
+import './lit-pill.js';
+import type { Icon } from './lit-icon.js';
+export type ButtonVariant = 'text' | 'contained' | 'outlined' | 'inherit';
+export declare class LitButton extends LitElement {
+    variant?: ButtonVariant;
+    size?: 'small' | 'medium' | 'large';
+    label?: string;
+    icon?: Icon;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    count?: number | undefined;
+    onClick?: (event: MouseEvent) => void;
+    active?: boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-button': LitButton;
+    }
+}
+//# sourceMappingURL=lit-button.d.ts.map

package/dist/shared/lit-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AAC1E,qBACa,SAAU,SAAQ,UAAU;IACT,OAAO,CAAC,EAAE,aAAa,CAAe;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAY;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAS;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAS;IAEtD,MAAM,CAAC,MAAM,4BAwCX;IAEF,MAAM;CAgBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}

package/dist/shared/lit-button.js

@@ -0,0 +1,112 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+// styles
+import buttonStyles from './styles/button-shared-styles.js';
+// elements
+import './lit-icon.js';
+import './lit-pill.js';
+let LitButton = class LitButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'contained';
+        this.size = 'medium';
+        this.label = 'Button';
+        this.fullWidth = false;
+        this.disabled = false;
+        this.count = undefined;
+        this.active = false;
+    }
+    render() {
+        const classes = `button--${this.size} button--${this.variant} ${this.fullWidth ? 'button--fullWidth' : ''} ${this.active ? 'active' : ''}`;
+        const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
+        return html `<button ?disabled=${this.disabled} @click=${this.onClick} class=${classes}>
+            <slot style="margin-right: 8px" name="start-icon">
+                ${this.icon &&
+            html `<lit-icon class="start-icon" size="1.25rem" icon="${this.icon}"></lit-icon>`}
+            </slot>
+            ${this.label}
+            ${hasCount
+            ? html `<lit-pill style="margin-left: 0.5rem" count=${this.count}></lit-pill>`
+            : ''}
+        </button>`;
+    }
+};
+LitButton.styles = [
+    // styles,
+    buttonStyles,
+    css `
+            /* Basic button styles */
+            button {
+                line-height: 1.5rem;
+                flex-direction: row;
+            }
+
+            /* Size Variants */
+            .button--small {
+                -webkit-padding: 0.375rem 1rem;
+                padding: 0.375rem 1rem;
+                font-size: 0.8rem;
+            }
+            .button--medium {
+                font-size: 0.75rem;
+                font-weight: 500;
+                -webkit-padding: 0.375rem 0.75rem;
+                padding: 0.375rem 0.75rem;
+            }
+            .button--large {
+                font-weight: 700;
+                -webkit-padding: 0.75rem 1.5rem;
+                padding: 0.75rem 1.5rem;
+                font-size: 0.875rem;
+            }
+
+            /* FullWidth style */
+            .button--fullWidth {
+                width: 100%;
+                display: block;
+            }
+            ::slotted([slot='start-icon']),
+            .start-icon {
+                margin-right: 8px;
+                font-size: 1.25rem !important;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], LitButton.prototype, "count", void 0);
+__decorate([
+    property({ type: Function })
+], LitButton.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "active", void 0);
+LitButton = __decorate([
+    customElement('lit-button')
+], LitButton);
+export { LitButton };
+//# sourceMappingURL=lit-button.js.map

package/dist/shared/lit-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-button.js","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAE5D,WAAW;AACX,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AAMhB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACyB,YAAO,GAAmB,WAAW,CAAC;QACtC,SAAI,GAAkC,QAAQ,CAAC;QAC/C,UAAK,GAAY,QAAQ,CAAC;QAEzB,cAAS,GAAa,KAAK,CAAC;QAC5B,aAAQ,GAAa,KAAK,CAAC;QAC5B,UAAK,GAAwB,SAAS,CAAC;QAEtC,WAAM,GAAa,KAAK,CAAC;IA4D1D,CAAC;IAhBG,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,IACxD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC3C,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QACpF,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,OAAO,UAAU,OAAO;;kBAE3E,IAAI,CAAC,IAAI;YACX,IAAI,CAAA,qDAAqD,IAAI,CAAC,IAAI,eAAe;;cAEnF,IAAI,CAAC,KAAK;cACV,QAAQ;YACN,CAAC,CAAC,IAAI,CAAA,+CAA+C,IAAI,CAAC,KAAK,cAAc;YAC7E,CAAC,CAAC,EAAE;kBACF,CAAC;IACf,CAAC;;AAzDM,gBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAoCF;CACJ,AAxCY,CAwCX;AAlD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAgD;AAC/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAa;AACX;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA6B;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAA4B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAwC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;0CAAuC;AACvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA0B;AAT7C,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAqErB"}