overview-components 1.0.78 → 1.0.80

package/dist/components/lit-tabs-overview.js

@@ -1,161 +1,205 @@
-import { customElement as f } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as c } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { state as l } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as h } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as v } from "../node_modules/lit-element/lit-element.js";
-import { msg as g } from "../node_modules/@lit/localize/init/install.js";
-import "../node_modules/@lit/localize/init/runtime.js";
-import y from "../node_modules/sortablejs/modular/sortable.esm.js";
-import { css as C } from "../node_modules/@lit/reactive-element/css-tag.js";
-var S = Object.defineProperty, T = Object.getOwnPropertyDescriptor, n = (t, e, a, o) => {
-  for (var s = o > 1 ? void 0 : o ? T(e, a) : e, d = t.length - 1, r; d >= 0; d--)
-    (r = t[d]) && (s = (o ? r(e, a, s) : r(s)) || s);
-  return o && s && S(e, a, s), s;
+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;
 };
-let i = class extends v {
-  constructor() {
-    super(...arguments), this.tabs = [], this.enableSettings = !1, this.userLang = "cs", this.allowedLang = ["cs"], this.onSettingsChanged = () => {
-    }, this.selectedTabId = "", this.editTabId = "", this.deleteTabId = "", this.hasContentForTab = {}, this.isOpenModal = !1, this.isOpenDeleteModal = !1, this.sortableInstances = [], this.isAddMode = !1, this.sortableGroupId = `group-${Math.random().toString(36).substring(2, 9)}`;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-  }
-  disconnectedCallback() {
-    this.destroySortables(), super.disconnectedCallback();
-  }
-  destroySortables() {
-    this.sortableInstances.forEach((t) => t.destroy()), this.sortableInstances = [];
-  }
-  initSortable() {
-    this.updateComplete.then(() => {
-      var o;
-      const t = (o = this.shadowRoot) == null ? void 0 : o.querySelector(".tabs-container");
-      if (!t) return;
-      let e = [];
-      const a = y.create(t, {
-        group: this.sortableGroupId,
-        animation: 150,
-        handle: ".drag-handle",
-        ghostClass: "sortable-ghost",
-        chosenClass: "sortable-chosen",
-        dragClass: "sortable-drag",
-        sort: !0,
-        onStart: (s) => {
-          e = Array.from(s.from.childNodes);
-        },
-        onEnd: (s) => {
-          var b;
-          s.from.innerHTML = "", e.forEach((u) => s.from.appendChild(u));
-          const { oldIndex: d, newIndex: r } = s;
-          if (d == null || r == null || d === r) return;
-          const p = [...this.tabs], [m] = p.splice(d, 1);
-          p.splice(r, 0, m), this.tabs = p, (b = this.onSettingsChanged) == null || b.call(this, p), this.onSettingsChangedEvent(p);
+import { customElement, property, state } from 'lit/decorators.js';
+import { LitElement, html, css } from 'lit';
+import { msg } from '@lit/localize';
+import Sortable from 'sortablejs';
+// components
+import '../shared/lit-icon.js';
+import '../shared/lit-button.js';
+import '../assets/illustration/no-content.js';
+import './lit-section-tab.js';
+import './components-settings/tabs-overview-settings.js';
+import './modals/lit-delete-modal.js';
+let LitTabsOverview = class LitTabsOverview extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tabs = [];
+        this.enableSettings = false;
+        this.userLang = 'cs';
+        this.allowedLang = ['cs'];
+        this.onSettingsChanged = () => { };
+        this.selectedTabId = '';
+        this.editTabId = '';
+        this.deleteTabId = '';
+        this.hasContentForTab = {};
+        this.isOpenModal = false;
+        this.isOpenDeleteModal = false;
+        this.sortableInstances = [];
+        this.isAddMode = false;
+        this.sortableGroupId = `group-${Math.random().toString(36).substring(2, 9)}`;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        this.destroySortables();
+        super.disconnectedCallback();
+    }
+    destroySortables() {
+        this.sortableInstances.forEach((instance) => instance.destroy());
+        this.sortableInstances = [];
+    }
+    initSortable() {
+        this.updateComplete.then(() => {
+            const container = this.shadowRoot?.querySelector('.tabs-container');
+            if (!container)
+                return;
+            let originalNodes = [];
+            const sortable = Sortable.create(container, {
+                group: this.sortableGroupId,
+                animation: 150,
+                handle: '.drag-handle',
+                ghostClass: 'sortable-ghost',
+                chosenClass: 'sortable-chosen',
+                dragClass: 'sortable-drag',
+                sort: true,
+                onStart: (evt) => {
+                    originalNodes = Array.from(evt.from.childNodes);
+                },
+                onEnd: (evt) => {
+                    evt.from.innerHTML = '';
+                    originalNodes.forEach((node) => evt.from.appendChild(node));
+                    const { oldIndex, newIndex } = evt;
+                    if (oldIndex == null || newIndex == null || oldIndex === newIndex)
+                        return;
+                    const updated = [...this.tabs];
+                    const [moved] = updated.splice(oldIndex, 1);
+                    updated.splice(newIndex, 0, moved);
+                    this.tabs = updated;
+                    this.onSettingsChanged?.(updated);
+                    this.onSettingsChangedEvent(updated);
+                },
+            });
+            this.sortableInstances.push(sortable);
+        });
+    }
+    onSettingsChangedEvent(value) {
+        this.dispatchEvent(new CustomEvent('onSettingsChanged', {
+            bubbles: true,
+            composed: true,
+            detail: value,
+        }));
+    }
+    selectTab(tabId) {
+        this.selectedTabId = tabId;
+    }
+    firstUpdated() {
+        if (this.initialSelectedTabId) {
+            this.selectedTabId = this.initialSelectedTabId;
         }
-      });
-      this.sortableInstances.push(a);
-    });
-  }
-  onSettingsChangedEvent(t) {
-    this.dispatchEvent(
-      new CustomEvent("onSettingsChanged", {
-        bubbles: !0,
-        composed: !0,
-        detail: t
-      })
-    );
-  }
-  selectTab(t) {
-    this.selectedTabId = t;
-  }
-  firstUpdated() {
-    this.initialSelectedTabId ? this.selectedTabId = this.initialSelectedTabId : this.tabs.length > 0 && (this.selectedTabId = this.tabs[0].id), this.enableSettings && this.initSortable();
-  }
-  handleSlotChange(t, e) {
-    const s = t.target.assignedNodes({ flatten: !0 }).length > 0;
-    this.hasContentForTab = {
-      ...this.hasContentForTab,
-      [e]: s
-    };
-  }
-  toggleModal(t) {
-    t && (this.editTabId = t), this.isOpenModal = !this.isOpenModal;
-  }
-  onSettingsChangedCallback(t) {
-    var e;
-    this.isAddMode = !1, this.tabs = t ? [...t] : [], (e = this.onSettingsChanged) == null || e.call(this, this.tabs), this.onSettingsChangedEvent(this.tabs);
-  }
-  deleteTab(t) {
-    var e;
-    this.tabs = this.tabs.filter((a) => a.id !== t), (e = this.onSettingsChanged) == null || e.call(this, this.tabs), this.onSettingsChangedEvent(this.tabs), this.isOpenDeleteModal = !1;
-  }
-  render() {
-    return h`
+        else if (this.tabs.length > 0) {
+            this.selectedTabId = this.tabs[0].id;
+        }
+        if (this.enableSettings) {
+            this.initSortable();
+        }
+    }
+    handleSlotChange(e, tabId) {
+        const slot = e.target;
+        const assigned = slot.assignedNodes({ flatten: true });
+        const hasContent = assigned.length > 0;
+        this.hasContentForTab = {
+            ...this.hasContentForTab,
+            [tabId]: hasContent,
+        };
+    }
+    toggleModal(id) {
+        if (id) {
+            this.editTabId = id;
+        }
+        this.isOpenModal = !this.isOpenModal;
+    }
+    onSettingsChangedCallback(value) {
+        this.isAddMode = false;
+        this.tabs = value ? [...value] : [];
+        this.onSettingsChanged?.(this.tabs);
+        this.onSettingsChangedEvent(this.tabs);
+    }
+    deleteTab(id) {
+        this.tabs = this.tabs.filter((tab) => tab.id !== id);
+        this.onSettingsChanged?.(this.tabs);
+        this.onSettingsChangedEvent(this.tabs);
+        this.isOpenDeleteModal = false;
+    }
+    render() {
+        return html `
             <div class="tabs-wrapper">
                 <div class="tabs-header">
                     <div class="tabs-container">
-                        ${this.tabs.map(
-      (t) => {
-        var e, a, o;
-        return h`
+                        ${this.tabs.map((tab) => html `
                                 <div class="tab">
-                                    ${this.enableSettings ? h`<div class="drag-handle">
+                                    ${this.enableSettings
+            ? html `<div class="drag-handle">
                                               <lit-icon
                                                   style="cursor: pointer"
-                                                  icon="${"hamburger"}"
+                                                  icon="${'hamburger'}"
                                                   size="1rem"
                                               ></lit-icon>
-                                          </div>` : null}
+                                          </div>`
+            : null}
 
                                     <lit-button
                                         variant="text"
-                                        label="${(e = t.label) != null && e[this.userLang] ? (a = t.label) == null ? void 0 : a[this.userLang] : (o = t.label) == null ? void 0 : o.default}"
-                                        .icon="${t.icon}"
-                                        .active="${t.id === this.selectedTabId ? "active" : ""}"
-                                        @click=${() => this.selectTab(t.id)}
+                                        label="${tab.label?.[this.userLang]
+            ? tab.label?.[this.userLang]
+            : tab.label?.default}"
+                                        .icon="${tab.icon}"
+                                        .active="${tab.id === this.selectedTabId ? 'active' : ''}"
+                                        @click=${() => this.selectTab(tab.id)}
                                     >
                                     </lit-button>
-                                    ${this.enableSettings ? h`<div
+                                    ${this.enableSettings
+            ? html `<div
                                               style="display: flex;flex-direction: column;align-items: center"
                                           >
                                               <lit-icon
                                                   style="cursor: pointer"
                                                   @click="${() => {
-          this.isAddMode = !1, this.toggleModal(t.id);
-        }}"
-                                                  icon="${"pen"}"
+                this.isAddMode = false;
+                this.toggleModal(tab.id);
+            }}"
+                                                  icon="${'pen'}"
                                                   size="1rem"
                                               ></lit-icon>
                                               <lit-icon
                                                   style="cursor: pointer"
                                                   @click="${() => {
-          this.deleteTabId = t.id, this.isOpenDeleteModal = !0;
-        }}"
-                                                  icon="${"trash"}"
+                this.deleteTabId = tab.id;
+                this.isOpenDeleteModal = true;
+            }}"
+                                                  icon="${'trash'}"
                                                   size="1rem"
                                               ></lit-icon>
-                                          </div> ` : null}
+                                          </div> `
+            : null}
                                 </div>
-                            `;
-      }
-    )}
+                            `)}
                     </div>
-                    ${this.enableSettings ? h`
+                    ${this.enableSettings
+            ? html `
                               <lit-icon-button
                                   variant="dashed"
                                   size="medium"
-                                  .icon="${"add"}"
+                                  .icon="${'add'}"
                                   @click="${() => {
-      this.isAddMode = !0, this.toggleModal();
-    }}"
+                this.isAddMode = true;
+                this.toggleModal();
+            }}"
                               ></lit-icon-button>
-                          ` : null}
+                          `
+            : null}
                 </div>
                 <tabs-overview-settings
                     .allowedLang="${this.allowedLang}"
                     .onClose="${() => {
-      this.isOpenModal = !1, this.editTabId = "";
-    }}"
+            this.isOpenModal = false;
+            this.editTabId = '';
+        }}"
                     .isOpenModal="${this.isOpenModal}"
                     .tabs="${this.tabs}"
                     .selectedTabId="${this.editTabId}"
@@ -164,49 +208,47 @@ let i = class extends v {
                 ></tabs-overview-settings>
                 <lit-delete-modal
                     .isOpen="${this.isOpenDeleteModal}"
-                    .text="${g("Opravdu chcete tab odstranit?")}"
+                    .text="${msg('Opravdu chcete tab odstranit?')}"
                     .onClose="${() => {
-      this.isOpenDeleteModal = !1;
-    }}"
+            this.isOpenDeleteModal = false;
+        }}"
                     .onDelete="${() => {
-      this.isOpenDeleteModal = !1, this.deleteTab(this.deleteTabId);
-    }}"
+            this.isOpenDeleteModal = false;
+            this.deleteTab(this.deleteTabId);
+        }}"
                 ></lit-delete-modal>
                 <div class="tabs-content">
-                    ${this.tabs.map(
-      (t) => {
-        var e, a, o;
-        return t.id === this.selectedTabId ? h`
+                    ${this.tabs.map((tab) => tab.id === this.selectedTabId
+            ? html `
                                   <div class="tab-panel">
                                       <slot
                                           class="tab-slot"
-                                          name="${t.id}"
-                                          @slotchange=${(s) => this.handleSlotChange(s, t.id)}
+                                          name="${tab.id}"
+                                          @slotchange=${(e) => this.handleSlotChange(e, tab.id)}
                                       ></slot>
 
-                                      ${this.hasContentForTab[t.id] ? null : h`
+                                      ${!this.hasContentForTab[tab.id]
+                ? html `
                                                 <div class="no-content">
                                                     <div
                                                         style="max-height: 7.125rem; max-width: 7.125rem"
                                                     >
                                                         <no-content></no-content>
                                                     </div>
-                                                    ${g(
-          `${(e = t.noContentText) != null && e[this.userLang] ? (a = t.noContentText) == null ? void 0 : a[this.userLang] : ((o = t.noContentText) == null ? void 0 : o.default) || "Pro tento tab není momentálně k dispozici žádný obsah."}`
-        )}
+                                                    ${msg(`${tab.noContentText?.[this.userLang] ? tab.noContentText?.[this.userLang] : tab.noContentText?.default || 'Pro tento tab není momentálně k dispozici žádný obsah.'}`)}
                                                 </div>
-                                            `}
+                                            `
+                : null}
                                   </div>
-                              ` : null;
-      }
-    )}
+                              `
+            : null)}
                 </div>
             </div>
         `;
-  }
+    }
 };
-i.styles = [
-  C`
+LitTabsOverview.styles = [
+    css `
             :host {
                 font-family: 'Inter', sans-serif;
             }
@@ -252,53 +294,52 @@ i.styles = [
                 display: flex;
                 align-items: center;
             }
-        `
+        `,
 ];
-n([
-  c({ type: Array })
-], i.prototype, "tabs", 2);
-n([
-  c({ type: String })
-], i.prototype, "initialSelectedTabId", 2);
-n([
-  c({ type: Boolean })
-], i.prototype, "enableSettings", 2);
-n([
-  c({ type: String })
-], i.prototype, "userLang", 2);
-n([
-  c({ type: Array })
-], i.prototype, "allowedLang", 2);
-n([
-  c({ attribute: !1 })
-], i.prototype, "onSettingsChanged", 2);
-n([
-  l()
-], i.prototype, "selectedTabId", 2);
-n([
-  l()
-], i.prototype, "editTabId", 2);
-n([
-  l()
-], i.prototype, "deleteTabId", 2);
-n([
-  l()
-], i.prototype, "hasContentForTab", 2);
-n([
-  l()
-], i.prototype, "isOpenModal", 2);
-n([
-  l()
-], i.prototype, "isOpenDeleteModal", 2);
-n([
-  l()
-], i.prototype, "sortableInstances", 2);
-n([
-  l()
-], i.prototype, "isAddMode", 2);
-i = n([
-  f("lit-tabs-overview")
-], i);
-export {
-  i as LitTabsOverview
-};
+__decorate([
+    property({ type: Array })
+], LitTabsOverview.prototype, "tabs", void 0);
+__decorate([
+    property({ type: String })
+], LitTabsOverview.prototype, "initialSelectedTabId", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitTabsOverview.prototype, "enableSettings", void 0);
+__decorate([
+    property({ type: String })
+], LitTabsOverview.prototype, "userLang", void 0);
+__decorate([
+    property({ type: Array })
+], LitTabsOverview.prototype, "allowedLang", void 0);
+__decorate([
+    property({ attribute: false })
+], LitTabsOverview.prototype, "onSettingsChanged", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "selectedTabId", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "editTabId", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "deleteTabId", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "hasContentForTab", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "isOpenModal", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "isOpenDeleteModal", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "sortableInstances", void 0);
+__decorate([
+    state()
+], LitTabsOverview.prototype, "isAddMode", void 0);
+LitTabsOverview = __decorate([
+    customElement('lit-tabs-overview')
+], LitTabsOverview);
+export { LitTabsOverview };
+//# sourceMappingURL=lit-tabs-overview.js.map

package/dist/components/lit-tabs-overview.js.map

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

package/dist/components/modals/lit-confirm-modal.js

@@ -0,0 +1,120 @@
+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 { customElement, property } from 'lit/decorators.js';
+import { html, LitElement } from 'lit';
+import { msg } from '@lit/localize';
+//components
+import '../../shared/lit-modal.js';
+import '../../shared/lit-modal-header.js';
+import '../../shared/lit-modal-body.js';
+import '../../shared/lit-modal-footer.js';
+import '../../shared/lit-button.js';
+import '../../shared/lit-icon-button.js';
+import '../../assets/illustration/settings-illustration.js';
+let LitConfirmModal = class LitConfirmModal extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.isOpen = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Enter' && this.isOpen) {
+            this.onConfirm?.();
+        }
+    }
+    render() {
+        return html `
+            <lit-modal
+                .open=${this.isOpen}
+                .onClose=${() => {
+            this.onClose?.();
+        }}
+                .closeOnOutsideClick=${false}
+                .fullScreen=${window.innerWidth <=
+            (parseInt(getComputedStyle(document.documentElement).getPropertyValue('--breakpoint-sm')) || 600)}
+            >
+                <lit-modal-header
+                    style="display: flex; align-items: center; justify-content: flex-end; border-bottom: none"
+                >
+                    <lit-icon-button
+                        .icon="${'close'}"
+                        variant="${'text'}"
+                        size="${'medium'}"
+                        @click=${() => {
+            this.onClose?.();
+            this.isOpen = false;
+        }}
+                    ></lit-icon-button>
+                </lit-modal-header>
+                <lit-modal-body style=" height: auto; padding: 24px 12px">
+                    <div
+                        style=" font-size: 15px;
+                font-weight: 500;
+                display: flex;
+                align-items: center;
+                justify-content: center;"
+                    >
+                        ${this.text}
+                    </div>
+                </lit-modal-body>
+                <lit-modal-footer
+                    style=" display: flex;
+            flex-direction: row;
+            gap: 0.5rem;
+            justify-content: center; border-top: none"
+                >
+                    <lit-button
+                        .label="${msg('Ano')}"
+                        .icon="${'check'}"
+                        .size="${'medium'}"
+                        @click=${() => {
+            this.onConfirm?.();
+        }}
+                    ></lit-button>
+                    <lit-button
+                        .label="${msg('Ne')}"
+                        variant="${'text'}"
+                        .icon="${'close'}"
+                        .size="${'medium'}"
+                        @click=${() => {
+            this.onDiscard?.();
+            this.isOpen = false;
+        }}
+                    ></lit-button>
+                </lit-modal-footer>
+            </lit-modal>
+        `;
+    }
+};
+__decorate([
+    property({ type: String })
+], LitConfirmModal.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitConfirmModal.prototype, "isOpen", void 0);
+__decorate([
+    property({ type: Function })
+], LitConfirmModal.prototype, "onClose", void 0);
+__decorate([
+    property({ type: Function })
+], LitConfirmModal.prototype, "onConfirm", void 0);
+__decorate([
+    property({ type: Function })
+], LitConfirmModal.prototype, "onDiscard", void 0);
+LitConfirmModal = __decorate([
+    customElement('lit-confirm-modal')
+], LitConfirmModal);
+export { LitConfirmModal };
+//# sourceMappingURL=lit-confirm-modal.js.map

package/dist/components/modals/lit-confirm-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-confirm-modal.js","sourceRoot":"","sources":["../../../src/components/modals/lit-confirm-modal.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,YAAY;AACZ,OAAO,2BAA2B,CAAC;AACnC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,gCAAgC,CAAC;AACxC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,oDAAoD,CAAC;AAWrD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACyB,SAAI,GAAY,EAAE,CAAC;QAClB,WAAM,GAAa,IAAI,CAAC;IAsFzD,CAAC;IAjFG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,oBAAoB;QAChB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,cAAc,CAAC,CAAgB;QAC3B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACvB,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;wBAEK,IAAI,CAAC,MAAM;2BACR,GAAG,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACrB,CAAC;uCACsB,KAAK;8BACd,MAAM,CAAC,UAAU;YAC/B,CAAC,QAAQ,CACL,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CACjF,IAAI,GAAG,CAAC;;;;;;iCAMQ,OAAO;mCACL,MAAM;gCACT,QAAQ;iCACP,GAAG,EAAE;YACV,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACjB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACxB,CAAC;;;;;;;;;;;0BAWC,IAAI,CAAC,IAAI;;;;;;;;;;kCAUD,GAAG,CAAC,KAAK,CAAC;iCACX,OAAO;iCACP,QAAQ;iCACR,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;QACvB,CAAC;;;kCAGS,GAAG,CAAC,IAAI,CAAC;mCACR,MAAM;iCACR,OAAO;iCACP,QAAQ;iCACR,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACxB,CAAC;;;;SAIhB,CAAC;IACN,CAAC;CACJ,CAAA;AAvF+B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAoB;AAClB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAyB;AACvB;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;gDAAmC;AAClC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;kDAAqC;AACpC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;kDAAqC;AALzD,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAwF3B"}