@quandis/qbo4.ui 4.0.1-CI-20240403-131518

package/src/qbo/qbo-popup.d.ts

@@ -0,0 +1,19 @@
+import { QboFetch } from './qbo-fetch.js';
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
+  */
+export declare class QboPopup extends QboFetch {
+    open: boolean;
+    loading: boolean;
+    renderInHost: boolean;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): Promise<void>;
+    toggle(): void;
+    show(): void;
+    hide(event: any): void;
+    handleOutsideClick(event: any): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/src/qbo/qbo-popup.js

@@ -0,0 +1,95 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { QboFetch } from './qbo-fetch.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
+  */
+let QboPopup = class QboPopup extends QboFetch {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.loading = false;
+        this.renderInHost = false;
+    }
+    // container: HTMLElement;
+    static { this.styles = [
+        css `
+            /* Add any custom styles here */
+            .foo { color: red; }
+        `
+    ]; }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.handleOutsideClick = this.handleOutsideClick.bind(this);
+    }
+    //updated(changedProperties) {
+    //    super.updated(changedProperties);
+    //    if (this.container != null)
+    //        this.container.style.display = (changedProperties.has('show')) ? 'flex' : 'none';
+    //}
+    toggle() {
+        this.open = !this.open;
+        if (this.open)
+            document.addEventListener('click', this.handleOutsideClick);
+        else
+            document.removeEventListener('click', this.handleOutsideClick);
+    }
+    show() {
+        //if (this.container == null)
+        //    this.container = this.shadowRoot.querySelector('.modal-container')
+        //this.container.style.display = 'flex';
+        this.open = true;
+        document.addEventListener('click', this.handleOutsideClick);
+    }
+    hide(event) {
+        if (event.target.closest('[data-dismiss="modal"]')) {
+            // this.togglePopup(false);
+            this.open = false;
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+    }
+    handleOutsideClick(event) {
+        if (this.open && !this.contains(event.target)) {
+            // this.togglePopup(false);
+            this.open = false;
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+    }
+    render() {
+        return html `
+        <slot name="button" @click="${this.toggle}">
+            <button class="btn">Popup</button>
+        </slot>
+        <slot name="content" @click="${this.hide}" style="display:${this.open ? 'flex' : 'none'}">${unsafeHTML(this.html)}</slot>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboPopup.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboPopup.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboPopup.prototype, "renderInHost", void 0);
+QboPopup = __decorate([
+    customElement('qbo-popup')
+], QboPopup);
+export { QboPopup };

package/src/qbo/qbo-popup.ts

@@ -0,0 +1,84 @@
+import { html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { QboFetch } from './qbo-fetch.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
+  */
+@customElement('qbo-popup')
+export class QboPopup extends QboFetch {
+    @property({ type: Boolean })
+    open = false;
+
+    @property({ type: Boolean })
+    loading = false;
+
+    @property({ type: Boolean })
+    renderInHost = false;
+
+    // container: HTMLElement;
+
+    static styles = [
+        css`
+            /* Add any custom styles here */
+            .foo { color: red; }
+        `
+    ];
+
+    async connectedCallback() {
+        super.connectedCallback();
+        this.handleOutsideClick = this.handleOutsideClick.bind(this);
+    }
+
+    //updated(changedProperties) {
+    //    super.updated(changedProperties);
+    //    if (this.container != null)
+    //        this.container.style.display = (changedProperties.has('show')) ? 'flex' : 'none';
+    //}
+
+    toggle() {
+        this.open = !this.open;
+        if (this.open)
+            document.addEventListener('click', this.handleOutsideClick);
+        else
+            document.removeEventListener('click', this.handleOutsideClick);
+    }
+
+    show() {
+        //if (this.container == null)
+        //    this.container = this.shadowRoot.querySelector('.modal-container')
+        //this.container.style.display = 'flex';
+        this.open = true;
+        document.addEventListener('click', this.handleOutsideClick);
+    }
+
+    hide(event) {
+        if (event.target.closest('[data-dismiss="modal"]')) {
+            // this.togglePopup(false);
+            this.open = false;
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+    }
+
+    handleOutsideClick(event) {
+        if (this.open && !this.contains(event.target)) {
+            // this.togglePopup(false);
+            this.open = false;
+            document.removeEventListener('click', this.handleOutsideClick);
+        }
+    }
+
+
+    render() {
+        return html`
+        <slot name="button" @click="${this.toggle}">
+            <button class="btn">Popup</button>
+        </slot>
+        <slot name="content" @click="${this.hide}" style="display:${this.open ? 'flex' : 'none'}">${unsafeHTML(this.html)}</slot>
+    `;
+    }
+}

package/src/qbo/qbo-select.d.ts

@@ -0,0 +1,22 @@
+import { QboFetch } from './qbo-fetch.js';
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
+  */
+export declare class QboSelect extends QboFetch {
+    loading: boolean;
+    optionText: string | null;
+    optionValue: string | null;
+    defaultValue: null;
+    qboClass: null;
+    options: Array<{
+        [key: string]: string;
+    }> | null;
+    renderInHost: boolean;
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): Promise<void>;
+    createRenderRoot(): Element | ShadowRoot;
+    render(): import("lit").TemplateResult<1>;
+}

package/src/qbo/qbo-select.js

@@ -0,0 +1,87 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { getArray } from './qbo-json.js';
+import { QboFetch } from './qbo-fetch.js';
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
+  */
+let QboSelect = class QboSelect extends QboFetch {
+    constructor() {
+        super(...arguments);
+        this.loading = false;
+        this.optionText = null;
+        this.optionValue = null;
+        this.defaultValue = null;
+        this.qboClass = null;
+        this.options = [];
+        this.renderInHost = true;
+    }
+    static { this.styles = [
+        css `
+            /* Add any custom styles here */
+            .foo { color: red; }
+        `
+    ]; }
+    async connectedCallback() {
+        this.optionText ??= this.optionValue;
+        super.connectedCallback();
+    }
+    createRenderRoot() {
+        return this.renderInHost ? this : super.createRenderRoot();
+    }
+    render() {
+        this.options = getArray(this.jsonData);
+        if (!this.options || this.options.length === 0)
+            return html `<p>Loading...</p>`;
+        this.optionValue ??= Object.keys(this.options[0])[0];
+        this.optionText ??= Object.keys(this.options[0])[1] ?? this.optionValue;
+        return html `
+                <select class=${this.qboClass}>
+                    ${this.options.map(option => html `<option value="${option[this.optionValue]}" ?selected="${option[this.optionValue] === this.defaultValue}">${option[this.optionText]}</option>`)}
+                </select>`;
+    }
+};
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "loading", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "optionText", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "optionValue", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "defaultValue", void 0);
+__decorate([
+    property({ attribute: 'qbo-class' }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "qboClass", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "options", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboSelect.prototype, "renderInHost", void 0);
+QboSelect = __decorate([
+    customElement('qbo-select')
+], QboSelect);
+export { QboSelect };

package/src/qbo/qbo-select.ts

@@ -0,0 +1,65 @@
+import { html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { getArray } from './qbo-json.js';
+import { QboFetch } from './qbo-fetch.js';
+
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <select> element with options populated from a JSON array.
+  */
+@customElement('qbo-select')
+export class QboSelect extends QboFetch
+{
+    @property({ type: Boolean })
+    loading = false;
+
+    @property({ type: String })
+    optionText: string | null = null;
+
+    @property({ type: String })
+    optionValue: string | null = null;
+
+    @property({ type: String })
+    defaultValue = null;
+
+    @property({ attribute: 'qbo-class' })
+    qboClass = null;
+
+    @property({ type: Array })
+    options: Array<{ [key: string]: string }> | null = [];
+
+    @property({ type: Boolean })
+    renderInHost = true;
+
+    static styles = [
+        css`
+            /* Add any custom styles here */
+            .foo { color: red; }
+        `
+    ];
+
+    async connectedCallback() {
+        this.optionText ??= this.optionValue;
+        super.connectedCallback();
+    }
+
+    createRenderRoot() {
+        return this.renderInHost ? this : super.createRenderRoot();
+    }
+
+    render() {
+        this.options = getArray(this.jsonData);
+        if (!this.options || this.options.length === 0)
+            return html`<p>Loading...</p>`;
+
+        this.optionValue ??= Object.keys(this.options[0])[0];
+        this.optionText ??= Object.keys(this.options[0])[1] ?? this.optionValue;
+
+        return html`
+                <select class=${this.qboClass}>
+                    ${this.options.map(option => html`<option value="${option[this.optionValue!]}" ?selected="${option[this.optionValue!] === this.defaultValue}">${option[this.optionText!]}</option>`)}
+                </select>`;
+    }
+}

package/src/qbo/qbo-sidebar.d.ts

@@ -0,0 +1,10 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class QboSideBar extends LitElement {
+    collapseAttribute: string;
+    collapseSelector: string;
+    menuCollapsed: string;
+    menuExpanded: string;
+    menuShow: string;
+    updated(changedProperties: PropertyValues): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/src/qbo/qbo-sidebar.js

@@ -0,0 +1,65 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let QboSideBar = class QboSideBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.collapseAttribute = `aria-expanded`;
+        this.collapseSelector = `[data-qbo-toggle="collapse"]`;
+        this.menuCollapsed = `false`;
+        this.menuExpanded = `true`;
+        this.menuShow = `qbo-show`;
+    }
+    updated(changedProperties) {
+        /* Enable collapsing menus */
+        const root = this;
+        root.querySelectorAll(`${this.collapseSelector}`).forEach(function (btn) {
+            btn.addEventListener('click', (e) => {
+                const sibling = btn.nextElementSibling;
+                if (btn.getAttribute(root.collapseAttribute) == root.menuCollapsed) {
+                    if (sibling instanceof HTMLElement)
+                        sibling.classList.add(root.menuShow);
+                    btn.setAttribute(root.collapseAttribute, root.menuExpanded);
+                }
+                else {
+                    if (sibling instanceof HTMLElement)
+                        sibling.classList.remove(root.menuShow);
+                    btn.setAttribute(root.collapseAttribute, root.menuCollapsed);
+                }
+            });
+        });
+    }
+    render() { return html `<slot></slot>`; }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSideBar.prototype, "collapseAttribute", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSideBar.prototype, "collapseSelector", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSideBar.prototype, "menuCollapsed", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSideBar.prototype, "menuExpanded", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboSideBar.prototype, "menuShow", void 0);
+QboSideBar = __decorate([
+    customElement('qbo-sidebar')
+], QboSideBar);
+export { QboSideBar };

package/src/qbo/qbo-sidebar.ts

@@ -0,0 +1,41 @@
+import { html, LitElement, PropertyValues } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+
+@customElement('qbo-sidebar')
+export class QboSideBar extends LitElement {
+
+    @property({ type: String })
+    collapseAttribute = `aria-expanded`;
+
+    @property({ type: String })
+    collapseSelector = `[data-qbo-toggle="collapse"]`;
+
+    @property({ type: String })
+    menuCollapsed = `false`;
+
+    @property({ type: String })
+    menuExpanded = `true`;
+
+    @property({ type: String })
+    menuShow = `qbo-show`;
+
+    updated(changedProperties: PropertyValues) {
+        /* Enable collapsing menus */
+        const root = this;
+        root.querySelectorAll(`${this.collapseSelector}`).forEach(function (btn) {
+            btn.addEventListener('click', (e) => {
+                const sibling = btn.nextElementSibling;
+
+                if (btn.getAttribute(root.collapseAttribute) == root.menuCollapsed) {
+                    if (sibling instanceof HTMLElement) sibling.classList.add(root.menuShow);
+                    btn.setAttribute(root.collapseAttribute, root.menuExpanded);
+                } else {
+                    if (sibling instanceof HTMLElement) sibling.classList.remove(root.menuShow);
+                    btn.setAttribute(root.collapseAttribute, root.menuCollapsed);
+                }
+            });
+        });
+    }
+
+    render() { return html`<slot></slot>`; }
+}

package/src/qbo/qbo-table.d.ts

@@ -0,0 +1,23 @@
+import { QboFetch } from './qbo-fetch.js';
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <table> element with options populated from a JSON array.
+  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template#examples
+  */
+export declare class QboTable extends QboFetch {
+    loading: boolean;
+    renderInHost: boolean;
+    qboClass: string;
+    dataSelector: null;
+    options: Array<{
+        [key: string]: string;
+    }> | null;
+    connectedCallback(): Promise<void>;
+    createRenderRoot(): Element | ShadowRoot;
+    render(): import("lit").TemplateResult<1>;
+    loadData(): Array<{
+        [key: string]: string;
+    }> | null;
+}

package/src/qbo/qbo-table.js

@@ -0,0 +1,94 @@
+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;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { getArray, replicate } from './qbo-json.js';
+import { QboFetch } from './qbo-fetch.js';
+/**
+  * Renders a <select> element with options populated from a JSON array.
+  *
+  * @remarks
+  * This element is a thin wrapper around {@link QboFetch} that renders a <table> element with options populated from a JSON array.
+  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template#examples
+  */
+let QboTable = class QboTable extends QboFetch {
+    constructor() {
+        super(...arguments);
+        this.loading = false;
+        this.renderInHost = false;
+        this.qboClass = 'table table-striped table-hover';
+        this.dataSelector = null;
+        this.options = null;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+    }
+    /* @description Let related elements know that the content has changed by raising a content-changed event. */
+    //updated(changedProperties) {
+    //    super.update(changedProperties);
+    //    this.dispatchEvent(new CustomEvent('qbo-updated', { bubbles: true, composed: true }));
+    //}
+    createRenderRoot() {
+        return this.renderInHost ? this : super.createRenderRoot();
+    }
+    render() {
+        this.options = getArray(this.jsonData)
+            ?? this.loadData()
+            ?? [{ Loading: "..." }];
+        const body = this.querySelector('tbody');
+        const template = this.querySelector('template');
+        // If the user has specified a <template> for the body, replicate it for each item in the array.
+        replicate(this.querySelector('tbody'), this.querySelector('template'), this.options);
+        const keys = Object.keys(this.options[0]);
+        return html `<slot>
+            <table class=${this.qboClass}>
+                <thead>
+                    ${this.querySelector('*[slot=header]') != null ? html `<tr><th colspan="${keys.length}"><slot name="header"></slot></th></tr>` : null}
+                    <tr>${keys.map(key => html `<th>${key}</th>`)}</tr>
+                </thead>
+                <tbody>${this.options.map((option, index) => html `<tr data-index="${index}">${keys.map(key => html `<td>${option[key]}</td>`)}</tr>`)}</tbody>
+                <tfoot><tr><td colspan="${keys.length}"><slot name="footer">${keys.length} rows rendered.</slot></td></tr></tfoot>
+            </table>
+        </slot>`;
+    }
+    loadData() {
+        if (this.dataSelector != null) {
+            const script = document.querySelector(this.dataSelector);
+            if (script != null) {
+                return getArray(script.text);
+            }
+        }
+        return null;
+    }
+};
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboTable.prototype, "loading", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], QboTable.prototype, "renderInHost", void 0);
+__decorate([
+    property({ attribute: 'qbo-class' }),
+    __metadata("design:type", Object)
+], QboTable.prototype, "qboClass", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], QboTable.prototype, "dataSelector", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Object)
+], QboTable.prototype, "options", void 0);
+QboTable = __decorate([
+    customElement('qbo-table')
+], QboTable);
+export { QboTable };

package/src/qbo/qbo-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qbo-select.js","sourceRoot":"","sources":["qbo-select.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C;;;;;IAKI;AAEG,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,QAAQ;IAAhC;;QAGH,YAAO,GAAG,KAAK,CAAC;QAGhB,eAAU,GAAkB,IAAI,CAAC;QAGjC,gBAAW,GAAkB,IAAI,CAAC;QAGlC,iBAAY,GAAG,IAAI,CAAC;QAGpB,aAAQ,GAAG,IAAI,CAAC;QAGhB,YAAO,GAA4C,EAAE,CAAC;QAGtD,iBAAY,GAAG,IAAI,CAAC;IA+BxB,CAAC;aA7BU,WAAM,GAAG;QACZ,GAAG,CAAA;;;SAGF;KACJ,AALY,CAKX;IAEF,KAAK,CAAC,iBAAiB;QACnB,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,WAAW,CAAC;QACrC,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,gBAAgB;QACZ,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;IAC/D,CAAC;IAED,MAAM;QACF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAC1C,OAAO,IAAI,CAAA,mBAAmB,CAAC;QAEnC,IAAI,CAAC,WAAW,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,UAAU,KAAK,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC;QAExE,OAAO,IAAI,CAAA;gCACa,IAAI,CAAC,QAAQ;sBACvB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA,kBAAkB,MAAM,CAAC,IAAI,CAAC,WAAY,CAAC,gBAAgB,MAAM,CAAC,IAAI,CAAC,WAAY,CAAC,KAAK,IAAI,CAAC,YAAY,KAAK,MAAM,CAAC,IAAI,CAAC,UAAW,CAAC,WAAW,CAAC;0BAC9K,CAAC;IACvB,CAAC;;AAhDD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACZ;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACM;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACO;AAGlC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACP;AAGpB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2CACrB;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;0CAC4B;AAGtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACR;AArBX,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAoDrB"}