overview-components 1.1.0 → 1.1.11

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

@@ -7,17 +7,83 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 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/ilustration/no-content.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;
@@ -29,6 +95,9 @@ let LitTabsOverview = class LitTabsOverview extends LitElement {
         else if (this.tabs.length > 0) {
             this.selectedTabId = this.tabs[0].id;
         }
+        if (this.enableSettings) {
+            this.initSortable();
+        }
     }
     handleSlotChange(e, tabId) {
         const slot = e.target;
@@ -39,88 +108,192 @@ let LitTabsOverview = class LitTabsOverview extends LitElement {
             [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">
-                <!-- Hlavička tabov -->
-                <div class="tabs-header">
-                    ${this.tabs.map((tab) => html `
-                            <lit-button
-                                variant="text"
-                                label="${tab.label}"
-                                .icon="${tab.icon}"
-                                .active="${tab.id === this.selectedTabId ? 'active' : ''}"
-                                @click=${() => this.selectTab(tab.id)}
-                            >
-                                ${tab.icon ? html `<lit-icon icon="${tab.icon}"></lit-icon>` : ''}
-                                ${tab.label}
-                            </lit-button>
-                        `)}
-                </div>
-
-                <div class="tabs-content">
+        return html `
+            <div class="tabs-wrapper">
+                <div class="tabs-header">
+                    <div class="tabs-container">
+                        ${this.tabs.map((tab) => html `
+                                <div class="tab">
+                                    ${this.enableSettings
+            ? html `<div class="drag-handle">
+                                              <lit-icon
+                                                  style="cursor: pointer"
+                                                  icon="${'hamburger'}"
+                                                  size="1rem"
+                                              ></lit-icon>
+                                          </div>`
+            : null}
+
+                                    <lit-button
+                                        variant="text"
+                                        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
+            ? html `<div
+                                              style="display: flex;flex-direction: column;align-items: center"
+                                          >
+                                              <lit-icon
+                                                  style="cursor: pointer"
+                                                  @click="${() => {
+                this.isAddMode = false;
+                this.toggleModal(tab.id);
+            }}"
+                                                  icon="${'pen'}"
+                                                  size="1rem"
+                                              ></lit-icon>
+                                              <lit-icon
+                                                  style="cursor: pointer"
+                                                  @click="${() => {
+                this.deleteTabId = tab.id;
+                this.isOpenDeleteModal = true;
+            }}"
+                                                  icon="${'trash'}"
+                                                  size="1rem"
+                                              ></lit-icon>
+                                          </div> `
+            : null}
+                                </div>
+                            `)}
+                    </div>
+                    ${this.enableSettings
+            ? html `
+                              <lit-icon-button
+                                  variant="dashed"
+                                  size="medium"
+                                  .icon="${'add'}"
+                                  @click="${() => {
+                this.isAddMode = true;
+                this.toggleModal();
+            }}"
+                              ></lit-icon-button>
+                          `
+            : null}
+                </div>
+                <tabs-overview-settings
+                    .allowedLang="${this.allowedLang}"
+                    .onClose="${() => {
+            this.isOpenModal = false;
+            this.editTabId = '';
+        }}"
+                    .isOpenModal="${this.isOpenModal}"
+                    .tabs="${this.tabs}"
+                    .selectedTabId="${this.editTabId}"
+                    .onSettingsChangedModal="${this.onSettingsChangedCallback.bind(this)}"
+                    .isAddMode="${this.isAddMode}"
+                ></tabs-overview-settings>
+                <lit-delete-modal
+                    .isOpen="${this.isOpenDeleteModal}"
+                    .text="${msg('Opravdu chcete tab odstranit?')}"
+                    .onClose="${() => {
+            this.isOpenDeleteModal = false;
+        }}"
+                    .onDelete="${() => {
+            this.isOpenDeleteModal = false;
+            this.deleteTab(this.deleteTabId);
+        }}"
+                ></lit-delete-modal>
+                <div class="tabs-content">
                     ${this.tabs.map((tab) => tab.id === this.selectedTabId
-            ? html `
-                                  <div class="tab-panel">
-                                      <slot
-                                          class="tab-slot"
-                                          name="${tab.id}"
-                                          @slotchange=${(e) => this.handleSlotChange(e, tab.id)}
-                                      ></slot>
-
+            ? html `
+                                  <div class="tab-panel">
+                                      <slot
+                                          class="tab-slot"
+                                          name="${tab.id}"
+                                          @slotchange=${(e) => this.handleSlotChange(e, tab.id)}
+                                      ></slot>
+
                                       ${!this.hasContentForTab[tab.id]
-                ? html `
-                                                <div class="no-content">
-                                                    <div
-                                                        style="max-height: 7.125rem; max-width: 7.125rem"
-                                                    >
-                                                        <no-content></no-content>
-                                                    </div>
-                                                    ${msg(`${tab.noContentText || 'Pro tento tab není momentálně k dispozici žádný obsah.'}`)}
-                                                </div>
+                ? html `
+                                                <div class="no-content">
+                                                    <div
+                                                        style="max-height: 7.125rem; max-width: 7.125rem"
+                                                    >
+                                                        <no-content></no-content>
+                                                    </div>
+                                                    ${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}
+                                  </div>
                               `
-            : null)}
-                </div>
-            </div>
+            : null)}
+                </div>
+            </div>
         `;
     }
 };
 LitTabsOverview.styles = [
-    css `
-            :host {
-                font-family: 'Inter', sans-serif;
-            }
-            .tabs-wrapper {
-                height: 100%;
-                display: block;
-            }
-            .tabs-content {
-                height: calc(100% - 3.4375rem);
-            }
-            ::slotted(*) {
-                height: 100%;
-            }
-            .tab-panel {
-                height: 100%;
-            }
-            .tabs-header {
-                display: flex;
-                gap: 0.625rem;
-                margin: 0 0 0.625rem;
-            }
-
-            .no-content {
-                height: 100%;
-                font-size: 0.875rem;
-                text-align: center;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                flex-direction: column;
-            }
+    css `
+            :host {
+                font-family: 'Inter', sans-serif;
+            }
+            .tabs-wrapper {
+                height: 100%;
+                display: block;
+            }
+            .tabs-content {
+                height: calc(100% - 3.4375rem);
+            }
+            ::slotted(*) {
+                height: 100%;
+            }
+            .tab-panel {
+                height: 100%;
+            }
+            .tabs-header {
+                display: flex;
+                gap: 0.625rem;
+                margin: 0 0 0.625rem;
+            }
+
+            .tabs-container {
+                display: flex;
+                gap: 0.625rem;
+            }
+            .tab {
+                display: flex;
+                gap: 2px;
+            }
+
+            .no-content {
+                height: 100%;
+                font-size: 0.875rem;
+                text-align: center;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-direction: column;
+            }
+
+            .drag-handle {
+                display: flex;
+                align-items: center;
+            }
         `,
 ];
 __decorate([
@@ -129,12 +302,42 @@ __decorate([
 __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);

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

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

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit';
+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';
+export declare class LitConfirmModal extends LitElement {
+    text?: string;
+    isOpen?: boolean;
+    onClose: (() => void) | undefined;
+    onConfirm: (() => void) | undefined;
+    onDiscard: (() => void) | undefined;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _handleKeyDown(e: KeyboardEvent): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-confirm-modal': LitConfirmModal;
+    }
+}
+//# sourceMappingURL=lit-confirm-modal.d.ts.map

package/dist/components/modals/lit-confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-confirm-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/lit-confirm-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvD,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;AAU5D,qBACa,eAAgB,SAAQ,UAAU;IACf,IAAI,CAAC,EAAE,MAAM,CAAM;IAClB,MAAM,CAAC,EAAE,OAAO,CAAQ;IACvB,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAElE,iBAAiB;IAKjB,oBAAoB;IAKpB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,MAAM,IAAI,cAAc;CAiE3B;AACD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}

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"}

package/dist/components/modals/lit-delete-modal.d.ts

@@ -0,0 +1,25 @@
+import { LitElement, TemplateResult } from 'lit';
+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/delete-illustration.js';
+export declare class LitDeleteModal extends LitElement {
+    text?: string;
+    isOpen?: boolean;
+    onClose: (() => void) | undefined;
+    onDelete: (() => void) | undefined;
+    onDiscard: (() => void) | undefined;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    _handleKeyDown(e: KeyboardEvent): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-delete-modal': LitDeleteModal;
+    }
+}
+//# sourceMappingURL=lit-delete-modal.d.ts.map

package/dist/components/modals/lit-delete-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-delete-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/lit-delete-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvD,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,kDAAkD,CAAC;AAU1D,qBACa,cAAe,SAAQ,UAAU;IACd,IAAI,CAAC,EAAE,MAAM,CAAM;IAClB,MAAM,CAAC,EAAE,OAAO,CAAQ;IACvB,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAElE,iBAAiB;IAKjB,oBAAoB;IAKpB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,MAAM,IAAI,cAAc;CAyE3B;AACD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}