overview-components 1.0.90 → 1.0.92

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

@@ -1,300 +0,0 @@
-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;
-};
-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);
-        }
-      });
-      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(
-      (t) => {
-        var e, a, o;
-        return h`
-                                <div class="tab">
-                                    ${this.enableSettings ? h`<div class="drag-handle">
-                                              <lit-icon
-                                                  style="cursor: pointer"
-                                                  icon="${"hamburger"}"
-                                                  size="1rem"
-                                              ></lit-icon>
-                                          </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)}
-                                    >
-                                    </lit-button>
-                                    ${this.enableSettings ? h`<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"}"
-                                                  size="1rem"
-                                              ></lit-icon>
-                                              <lit-icon
-                                                  style="cursor: pointer"
-                                                  @click="${() => {
-          this.deleteTabId = t.id, this.isOpenDeleteModal = !0;
-        }}"
-                                                  icon="${"trash"}"
-                                                  size="1rem"
-                                              ></lit-icon>
-                                          </div> ` : null}
-                                </div>
-                            `;
-      }
-    )}
-                    </div>
-                    ${this.enableSettings ? h`
-                              <lit-icon-button
-                                  variant="dashed"
-                                  size="medium"
-                                  .icon="${"add"}"
-                                  @click="${() => {
-      this.isAddMode = !0, this.toggleModal();
-    }}"
-                              ></lit-icon-button>
-                          ` : null}
-                </div>
-                <tabs-overview-settings
-                    .allowedLang="${this.allowedLang}"
-                    .onClose="${() => {
-      this.isOpenModal = !1, 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="${g("Opravdu chcete tab odstranit?")}"
-                    .onClose="${() => {
-      this.isOpenDeleteModal = !1;
-    }}"
-                    .onDelete="${() => {
-      this.isOpenDeleteModal = !1, 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`
-                                  <div class="tab-panel">
-                                      <slot
-                                          class="tab-slot"
-                                          name="${t.id}"
-                                          @slotchange=${(s) => this.handleSlotChange(s, t.id)}
-                                      ></slot>
-
-                                      ${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>
-                                                    ${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>
-                                            `}
-                                  </div>
-                              ` : null;
-      }
-    )}
-                </div>
-            </div>
-        `;
-  }
-};
-i.styles = [
-  y`
-            :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;
-            }
-        `
-];
-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,14 +0,0 @@
-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
-});
-export {
-  c as AttachmentsTab
-};

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

@@ -1,14 +0,0 @@
-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
-});
-export {
-  i as Badge
-};

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

@@ -1,14 +0,0 @@
-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
-});
-export {
-  a as Button
-};

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

@@ -1,14 +0,0 @@
-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
-});
-export {
-  s as CaseVariablesTab
-};

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

@@ -1,14 +0,0 @@
-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
-});
-export {
-  c as Chart
-};

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

@@ -1,14 +0,0 @@
-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
-});
-export {
-  i as DataGridTanstack
-};

package/dist/components/react-wrappers/filter-modal.js

@@ -1,14 +0,0 @@
-import t from "react";
-import { createComponent as e } from "@lit-labs/react";
-import { LitFilterModal as o } from "../lit-filter-modal.js";
-const l = e({
-  tagName: "lit-filter-modal",
-  // Názov custom elementu
-  elementClass: o,
-  // Trieda Lit komponentu
-  react: t
-  // React objekt
-});
-export {
-  l as FilterModal
-};

package/dist/components/react-wrappers/progress-bar.js

@@ -1,14 +0,0 @@
-import r from "react";
-import { createComponent as e } from "@lit-labs/react";
-import { LitProgressBar as o } from "../../shared/lit-progress-bar.js";
-const s = e({
-  tagName: "lit-progress-bar",
-  // Názov custom elementu
-  elementClass: o,
-  // Trieda Lit komponentu
-  react: r
-  // React objekt
-});
-export {
-  s as ProgressBar
-};

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

@@ -1,14 +0,0 @@
-import t from "react";
-import { createComponent as e } from "@lit-labs/react";
-import { LitSectionTab as o } from "../lit-section-tab.js";
-const i = e({
-  tagName: "lit-section-tab",
-  // Názov custom elementu
-  elementClass: o,
-  // Trieda Lit komponentu
-  react: t
-  // React objekt
-});
-export {
-  i as SectionTab
-};

package/dist/components/react-wrappers/tabs-overview.js

@@ -1,14 +0,0 @@
-import e from "react";
-import { createComponent as t } from "@lit-labs/react";
-import { LitTabsOverview as r } from "../lit-tabs-overview.js";
-const i = t({
-  tagName: "lit-tabs-overview",
-  // Názov custom elementu
-  elementClass: r,
-  // Trieda Lit komponentu
-  react: e
-  // React objekt
-});
-export {
-  i as TabsOverview
-};

package/dist/index.js

@@ -1,42 +0,0 @@
-import { LitCaseVariablesTab as o } from "./components/lit-case-variables-tab.js";
-import { LitDataGridTanstack as a } from "./components/lit-data-grid-tanstack.js";
-import { LitAttachmentsTab as i } from "./components/lit-attachments-tab.js";
-import { LitSectionTab as p } from "./components/lit-section-tab.js";
-import { LitBadge as s } from "./components/lit-badge.js";
-import { LitFilterModal as L } from "./components/lit-filter-modal.js";
-import { LitChart as l } from "./components/lit-chart.js";
-import { LitTabsOverview as c } from "./components/lit-tabs-overview.js";
-import { LitMultiselectItem as B } from "./components/lit-multiselect-item.js";
-import { LitButton as v } from "./shared/lit-button.js";
-import { CaseVariablesTab as g } from "./components/react-wrappers/case-variables-tab.js";
-import { DataGridTanstack as M } from "./components/react-wrappers/data-grid-tanstack.js";
-import { AttachmentsTab as w } from "./components/react-wrappers/attachments-tab.js";
-import { SectionTab as D } from "./components/react-wrappers/section-tab.js";
-import { Badge as G } from "./components/react-wrappers/badge.js";
-import { FilterModal as S } from "./components/react-wrappers/filter-modal.js";
-import { Chart as I } from "./components/react-wrappers/chart.js";
-import { TabsOverview as j } from "./components/react-wrappers/tabs-overview.js";
-import { ProgressBar as y } from "./components/react-wrappers/progress-bar.js";
-import { Button as E } from "./components/react-wrappers/button.js";
-export {
-  w as AttachmentsTab,
-  G as Badge,
-  E as Button,
-  g as CaseVariablesTab,
-  I as Chart,
-  M as DataGridTanstack,
-  S as FilterModal,
-  i as LitAttachmentsTab,
-  s as LitBadge,
-  v as LitButton,
-  o as LitCaseVariablesTab,
-  l as LitChart,
-  a as LitDataGridTanstack,
-  L as LitFilterModal,
-  B as LitMultiselectItem,
-  p as LitSectionTab,
-  c as LitTabsOverview,
-  y as ProgressBar,
-  D as SectionTab,
-  j as TabsOverview
-};