overview-components 1.0.83 → 1.0.89

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

@@ -1,205 +1,157 @@
-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 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 { LitElement as v, html as h, css as y } from "lit";
+import { msg as g } from "@lit/localize";
+import C from "sortablejs";
+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;
 };
-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;
+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 = C.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);
         }
-        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 `
+      });
+      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`
             <div class="tabs-wrapper">
                 <div class="tabs-header">
                     <div class="tabs-container">
-                        ${this.tabs.map((tab) => html `
+                        ${this.tabs.map(
+      (t) => {
+        var e, a, o;
+        return h`
                                 <div class="tab">
-                                    ${this.enableSettings
-            ? html `<div class="drag-handle">
+                                    ${this.enableSettings ? h`<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="${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)}
+                                        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)}
                                     >
                                     </lit-button>
-                                    ${this.enableSettings
-            ? html `<div
+                                    ${this.enableSettings ? h`<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'}"
+          this.isAddMode = !1, this.toggleModal(t.id);
+        }}"
+                                                  icon="${"pen"}"
                                                   size="1rem"
                                               ></lit-icon>
                                               <lit-icon
                                                   style="cursor: pointer"
                                                   @click="${() => {
-                this.deleteTabId = tab.id;
-                this.isOpenDeleteModal = true;
-            }}"
-                                                  icon="${'trash'}"
+          this.deleteTabId = t.id, this.isOpenDeleteModal = !0;
+        }}"
+                                                  icon="${"trash"}"
                                                   size="1rem"
                                               ></lit-icon>
-                                          </div> `
-            : null}
+                                          </div> ` : null}
                                 </div>
-                            `)}
+                            `;
+      }
+    )}
                     </div>
-                    ${this.enableSettings
-            ? html `
+                    ${this.enableSettings ? h`
                               <lit-icon-button
                                   variant="dashed"
                                   size="medium"
-                                  .icon="${'add'}"
+                                  .icon="${"add"}"
                                   @click="${() => {
-                this.isAddMode = true;
-                this.toggleModal();
-            }}"
+      this.isAddMode = !0, this.toggleModal();
+    }}"
                               ></lit-icon-button>
-                          `
-            : null}
+                          ` : null}
                 </div>
                 <tabs-overview-settings
                     .allowedLang="${this.allowedLang}"
                     .onClose="${() => {
-            this.isOpenModal = false;
-            this.editTabId = '';
-        }}"
+      this.isOpenModal = !1, this.editTabId = "";
+    }}"
                     .isOpenModal="${this.isOpenModal}"
                     .tabs="${this.tabs}"
                     .selectedTabId="${this.editTabId}"
@@ -208,47 +160,49 @@ let LitTabsOverview = class LitTabsOverview extends LitElement {
                 ></tabs-overview-settings>
                 <lit-delete-modal
                     .isOpen="${this.isOpenDeleteModal}"
-                    .text="${msg('Opravdu chcete tab odstranit?')}"
+                    .text="${g("Opravdu chcete tab odstranit?")}"
                     .onClose="${() => {
-            this.isOpenDeleteModal = false;
-        }}"
+      this.isOpenDeleteModal = !1;
+    }}"
                     .onDelete="${() => {
-            this.isOpenDeleteModal = false;
-            this.deleteTab(this.deleteTabId);
-        }}"
+      this.isOpenDeleteModal = !1, this.deleteTab(this.deleteTabId);
+    }}"
                 ></lit-delete-modal>
                 <div class="tabs-content">
-                    ${this.tabs.map((tab) => tab.id === this.selectedTabId
-            ? html `
+                    ${this.tabs.map(
+      (t) => {
+        var e, a, o;
+        return t.id === this.selectedTabId ? h`
                                   <div class="tab-panel">
                                       <slot
                                           class="tab-slot"
-                                          name="${tab.id}"
-                                          @slotchange=${(e) => this.handleSlotChange(e, tab.id)}
+                                          name="${t.id}"
+                                          @slotchange=${(s) => this.handleSlotChange(s, t.id)}
                                       ></slot>
 
-                                      ${!this.hasContentForTab[tab.id]
-                ? html `
+                                      ${this.hasContentForTab[t.id] ? null : h`
                                                 <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.'}`)}
+                                                    ${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."}`
+        )}
                                                 </div>
-                                            `
-                : null}
+                                            `}
                                   </div>
-                              `
-            : null)}
+                              ` : null;
+      }
+    )}
                 </div>
             </div>
         `;
-    }
+  }
 };
-LitTabsOverview.styles = [
-    css `
+i.styles = [
+  y`
             :host {
                 font-family: 'Inter', sans-serif;
             }
@@ -294,52 +248,53 @@ LitTabsOverview.styles = [
                 display: flex;
                 align-items: center;
             }
-        `,
+        `
 ];
-__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
+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
+};

package/dist/components/react-wrappers/attachments-tab.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { createComponent } from '@lit-labs/react';
-import { LitAttachmentsTab } from '../lit-attachments-tab.js'; // Import Lit komponentu
-export const AttachmentsTab = createComponent({
-    tagName: 'lit-attachments-tab', // Názov custom elementu
-    elementClass: LitAttachmentsTab, // Trieda Lit komponentu
-    react: React, // React objekt
+import t from "react";
+import { createComponent as a } from "@lit-labs/react";
+import { LitAttachmentsTab as e } from "../lit-attachments-tab.js";
+const c = a({
+  tagName: "lit-attachments-tab",
+  // Názov custom elementu
+  elementClass: e,
+  // Trieda Lit komponentu
+  react: t
+  // React objekt
 });
-//# sourceMappingURL=attachments-tab.js.map
+export {
+  c as AttachmentsTab
+};

package/dist/components/react-wrappers/badge.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { createComponent } from '@lit-labs/react';
-import { LitBadge } from '../lit-badge.js'; // Import Lit komponentu
-export const Badge = createComponent({
-    tagName: 'lit-badge', // Názov custom elementu
-    elementClass: LitBadge, // Trieda Lit komponentu
-    react: React, // React objekt
+import e from "react";
+import { createComponent as t } from "@lit-labs/react";
+import { LitBadge as o } from "../lit-badge.js";
+const i = t({
+  tagName: "lit-badge",
+  // Názov custom elementu
+  elementClass: o,
+  // Trieda Lit komponentu
+  react: e
+  // React objekt
 });
-//# sourceMappingURL=badge.js.map
+export {
+  i as Badge
+};

package/dist/components/react-wrappers/button.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { createComponent } from '@lit-labs/react';
-import { LitButton } from '../../shared/lit-button.js'; // Import Lit komponentu
-export const Button = createComponent({
-    tagName: 'lit-button', // Názov custom elementu
-    elementClass: LitButton, // Trieda Lit komponentu
-    react: React, // React objekt
+import t from "react";
+import { createComponent as o } from "@lit-labs/react";
+import { LitButton as e } from "../../shared/lit-button.js";
+const a = o({
+  tagName: "lit-button",
+  // Názov custom elementu
+  elementClass: e,
+  // Trieda Lit komponentu
+  react: t
+  // React objekt
 });
-//# sourceMappingURL=button.js.map
+export {
+  a as Button
+};

package/dist/components/react-wrappers/case-variables-tab.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { createComponent } from '@lit-labs/react';
-import { LitCaseVariablesTab } from '../lit-case-variables-tab.js'; // Import Lit komponentu
-export const CaseVariablesTab = createComponent({
-    tagName: 'lit-case-variables-tab', // Názov custom elementu
-    elementClass: LitCaseVariablesTab, // Trieda Lit komponentu
-    react: React, // React objekt
+import a from "react";
+import { createComponent as e } from "@lit-labs/react";
+import { LitCaseVariablesTab as t } from "../lit-case-variables-tab.js";
+const s = e({
+  tagName: "lit-case-variables-tab",
+  // Názov custom elementu
+  elementClass: t,
+  // Trieda Lit komponentu
+  react: a
+  // React objekt
 });
-//# sourceMappingURL=case-variables-tab.js.map
+export {
+  s as CaseVariablesTab
+};

package/dist/components/react-wrappers/chart.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { createComponent } from '@lit-labs/react';
-import { LitChart } from '../lit-chart.js'; // Import Lit komponentu
-export const Chart = createComponent({
-    tagName: 'lit-chart', // Názov custom elementu
-    elementClass: LitChart, // Trieda Lit komponentu
-    react: React, // React objekt
+import t from "react";
+import { createComponent as r } from "@lit-labs/react";
+import { LitChart as e } from "../lit-chart.js";
+const c = r({
+  tagName: "lit-chart",
+  // Názov custom elementu
+  elementClass: e,
+  // Trieda Lit komponentu
+  react: t
+  // React objekt
 });
-//# sourceMappingURL=chart.js.map
+export {
+  c as Chart
+};

package/dist/components/react-wrappers/data-grid-tanstack.js

@@ -1,9 +1,14 @@
-import React from 'react';
-import { createComponent } from '@lit-labs/react';
-import { LitDataGridTanstack } from '../lit-data-grid-tanstack.js'; // Import Lit komponentu
-export const DataGridTanstack = createComponent({
-    tagName: 'lit-data-grid-tanstack', // Názov custom elementu
-    elementClass: LitDataGridTanstack, // Trieda Lit komponentu
-    react: React, // React objekt
+import t from "react";
+import { createComponent as a } from "@lit-labs/react";
+import { LitDataGridTanstack as r } from "../lit-data-grid-tanstack.js";
+const i = a({
+  tagName: "lit-data-grid-tanstack",
+  // Názov custom elementu
+  elementClass: r,
+  // Trieda Lit komponentu
+  react: t
+  // React objekt
 });
-//# sourceMappingURL=data-grid-tanstack.js.map
+export {
+  i as DataGridTanstack
+};