overview-components 1.0.92 → 1.0.95

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

@@ -0,0 +1,304 @@
+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;
+};
+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);
+        }
+      });
+      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 = [
+  C`
+            :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

@@ -0,0 +1,14 @@
+import t from "../../node_modules/react/index.js";
+import { createComponent as a } from "../../node_modules/@lit/react/create-component.js";
+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

@@ -0,0 +1,14 @@
+import e from "../../node_modules/react/index.js";
+import { createComponent as t } from "../../node_modules/@lit/react/create-component.js";
+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

@@ -0,0 +1,14 @@
+import t from "../../node_modules/react/index.js";
+import { createComponent as o } from "../../node_modules/@lit/react/create-component.js";
+import { LitButton as e } from "../../shared/lit-button.js";
+const n = o({
+  tagName: "lit-button",
+  // Názov custom elementu
+  elementClass: e,
+  // Trieda Lit komponentu
+  react: t
+  // React objekt
+});
+export {
+  n as Button
+};

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

@@ -0,0 +1,14 @@
+import a from "../../node_modules/react/index.js";
+import { createComponent as e } from "../../node_modules/@lit/react/create-component.js";
+import { LitCaseVariablesTab as t } from "../lit-case-variables-tab.js";
+const m = e({
+  tagName: "lit-case-variables-tab",
+  // Názov custom elementu
+  elementClass: t,
+  // Trieda Lit komponentu
+  react: a
+  // React objekt
+});
+export {
+  m as CaseVariablesTab
+};

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

@@ -0,0 +1,14 @@
+import t from "../../node_modules/react/index.js";
+import { createComponent as r } from "../../node_modules/@lit/react/create-component.js";
+import { LitChart as o } from "../lit-chart.js";
+const c = r({
+  tagName: "lit-chart",
+  // Názov custom elementu
+  elementClass: o,
+  // Trieda Lit komponentu
+  react: t
+  // React objekt
+});
+export {
+  c as Chart
+};

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

@@ -0,0 +1,14 @@
+import t from "../../node_modules/react/index.js";
+import { createComponent as a } from "../../node_modules/@lit/react/create-component.js";
+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

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

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

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

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

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

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

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

package/dist/index.js

@@ -0,0 +1,42 @@
+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
+};