overview-components 1.0.68 → 1.0.70

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

@@ -0,0 +1,300 @@
+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/button.d.ts

@@ -0,0 +1,3 @@
+import { LitButton } from '../../shared/lit-button.js';
+export declare const Button: import("@lit-labs/react").ReactWebComponent<LitButton, {}>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/react-wrappers/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/react-wrappers/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,eAAO,MAAM,MAAM,4DAIjB,CAAC"}

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

@@ -0,0 +1,14 @@
+import t from "../../node_modules/react/index.js";
+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/chart.js

@@ -0,0 +1,14 @@
+import t from "../../node_modules/react/index.js";
+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/progress-bar.d.ts

@@ -1,3 +1,3 @@
 import { LitProgressBar } from '../../shared/lit-progress-bar.js';
-export declare const Chart: import("@lit-labs/react").ReactWebComponent<LitProgressBar, {}>;
+export declare const ProgressBar: import("@lit-labs/react").ReactWebComponent<LitProgressBar, {}>;
 //# sourceMappingURL=progress-bar.d.ts.map

package/dist/components/react-wrappers/progress-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/react-wrappers/progress-bar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,eAAO,MAAM,KAAK,iEAIhB,CAAC"}
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/react-wrappers/progress-bar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,eAAO,MAAM,WAAW,iEAItB,CAAC"}

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

@@ -0,0 +1,14 @@
+import r from "../../node_modules/react/index.js";
+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/tabs-overview.js

@@ -0,0 +1,14 @@
+import e from "../../node_modules/react/index.js";
+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.d.ts

@@ -10,6 +10,14 @@ export * from './components/lit-badge.js';
 export { LitBadge } from './components/lit-badge.js';
 export * from './components/lit-filter-modal.js';
 export { LitFilterModal } from './components/lit-filter-modal.js';
+export * from './components/lit-chart.js';
+export { LitChart } from './components/lit-chart.js';
+export * from './components/lit-tabs-overview.js';
+export { LitTabsOverview } from './components/lit-tabs-overview.js';
+export * from './components/lit-multiselect-item.js';
+export { LitMultiselectItem } from './components/lit-multiselect-item.js';
+export * from './shared/lit-button.js';
+export { LitButton } from './shared/lit-button.js';
 export * from './components/react-wrappers/case-variables-tab.js';
 export { CaseVariablesTab } from './components/react-wrappers/case-variables-tab.js';
 export * from './components/react-wrappers/data-grid-tanstack.js';
@@ -22,4 +30,12 @@ export * from './components/react-wrappers/badge.js';
 export { Badge } from './components/react-wrappers/badge.js';
 export * from './components/react-wrappers/filter-modal.js';
 export { FilterModal } from './components/react-wrappers/filter-modal.js';
+export * from './components/react-wrappers/chart.js';
+export { Chart } from './components/react-wrappers/chart.js';
+export * from './components/react-wrappers/tabs-overview.js';
+export { TabsOverview } from './components/react-wrappers/tabs-overview.js';
+export * from './components/react-wrappers/progress-bar.js';
+export { ProgressBar } from './components/react-wrappers/progress-bar.js';
+export * from './components/react-wrappers/button.js';
+export { Button } from './components/react-wrappers/button.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAGlE,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,cAAc,gDAAgD,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,cAAc,wCAAwC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,cAAc,qCAAqC,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,cAAc,mDAAmD,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,cAAc,gDAAgD,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,cAAc,4CAA4C,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AACxE,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,cAAc,8CAA8C,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,cAAc,6CAA6C,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,cAAc,uCAAuC,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC"}

package/dist/index.js

@@ -1,26 +1,42 @@
 import { LitCaseVariablesTab as o } from "./components/lit-case-variables-tab.js";
-import { LitDataGridTanstack as e } from "./components/lit-data-grid-tanstack.js";
-import { LitAttachmentsTab as m } from "./components/lit-attachments-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 b } from "./components/lit-badge.js";
-import { LitFilterModal as T } from "./components/lit-filter-modal.js";
-import { CaseVariablesTab as d } from "./components/react-wrappers/case-variables-tab.js";
-import { DataGridTanstack as n } from "./components/react-wrappers/data-grid-tanstack.js";
-import { AttachmentsTab as g } from "./components/react-wrappers/attachments-tab.js";
-import { SectionTab as k } from "./components/react-wrappers/section-tab.js";
-import { Badge as B } from "./components/react-wrappers/badge.js";
-import { FilterModal as D } from "./components/react-wrappers/filter-modal.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 {
-  g as AttachmentsTab,
-  B as Badge,
-  d as CaseVariablesTab,
-  n as DataGridTanstack,
-  D as FilterModal,
-  m as LitAttachmentsTab,
-  b as LitBadge,
+  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,
-  e as LitDataGridTanstack,
-  T as LitFilterModal,
+  l as LitChart,
+  a as LitDataGridTanstack,
+  L as LitFilterModal,
+  B as LitMultiselectItem,
   p as LitSectionTab,
-  k as SectionTab
+  c as LitTabsOverview,
+  y as ProgressBar,
+  D as SectionTab,
+  j as TabsOverview
 };

package/dist/shared/lit-button.js

@@ -0,0 +1,139 @@
+import { LitElement as d, html as r, css as u } from "lit";
+import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as e } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import h from "./styles/button-shared-styles.js";
+var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, i = (s, n, a, l) => {
+  for (var o = l > 1 ? void 0 : l ? y(n, a) : n, p = s.length - 1, c; p >= 0; p--)
+    (c = s[p]) && (o = (l ? c(n, a, o) : c(o)) || o);
+  return l && o && b(n, a, o), o;
+};
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.variant = "contained", this.size = "medium", this.label = "Button", this.fullWidth = !1, this.disabled = !1, this.count = void 0, this.active = !1, this.isLoading = !1;
+  }
+  render() {
+    const s = `button--${this.size} button--${this.variant} ${this.fullWidth ? "button--fullWidth" : ""} ${this.active ? "active" : ""}`, n = this.count !== void 0 && this.count !== null && this.count >= 0;
+    return r`
+            <button ?disabled=${this.disabled} @click=${this.onClick} class=${s}>
+                <div class="button--content">
+                    ${this.isLoading ? r` <lit-loader size="small" class="button--loader"></lit-loader> ` : null}
+
+                    <div
+                        class="button-inner"
+                        style="visibility: ${this.isLoading ? "hidden" : "visible"};
+                    "
+                    >
+                        <slot name="start-icon">
+                            ${this.icon ? r`<lit-icon
+                                      class="start-icon"
+                                      size="1.25rem"
+                                      icon="${this.icon}"
+                                  ></lit-icon>` : ""}
+                        </slot>
+                        ${this.label}
+                        ${n ? r`<lit-pill count=${this.count}></lit-pill>` : ""}
+                    </div>
+                </div>
+            </button>
+        `;
+  }
+};
+t.styles = [
+  // styles,
+  h,
+  u`
+            /* Basic button styles */
+            button {
+                line-height: 1.5rem;
+                flex-direction: row;
+                justify-content: center;
+            }
+
+            /* Size Variants */
+            .button--small {
+                -webkit-padding: 0.375rem 1rem;
+                padding: 0.1875rem 0.375rem;
+                font-size: 11px;
+            }
+            .button--medium {
+                font-size: 0.75rem;
+                font-weight: 500;
+                -webkit-padding: 0.375rem 0.75rem;
+                padding: 0.375rem 0.75rem;
+            }
+            .button--large {
+                font-weight: 700;
+                -webkit-padding: 0.75rem 1.5rem;
+                padding: 0.75rem 1.5rem;
+                font-size: 0.875rem;
+            }
+
+            /* FullWidth style */
+            .button--fullWidth {
+                width: 100%;
+                display: block;
+            }
+            ::slotted([slot='start-icon']),
+            .start-icon {
+                //margin-right: 8px;
+                font-size: 1.25rem !important;
+            }
+
+            .button--content {
+                position: relative;
+                display: inline-flex;
+                align-items: center;
+                justify-content: center;
+            }
+
+            .button--loader {
+                position: absolute;
+                left: 50%;
+                top: 50%;
+                transform: translate(-50%, -50%);
+            }
+
+            .button-inner {
+                display: inline-flex;
+                align-items: center;
+                gap: 0.5rem;
+                visibility: visible;
+            }
+        `
+];
+i([
+  e({ type: String })
+], t.prototype, "variant", 2);
+i([
+  e({ type: String })
+], t.prototype, "size", 2);
+i([
+  e({ type: String })
+], t.prototype, "label", 2);
+i([
+  e({ type: String })
+], t.prototype, "icon", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "fullWidth", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "disabled", 2);
+i([
+  e({ type: Number })
+], t.prototype, "count", 2);
+i([
+  e({ type: Function })
+], t.prototype, "onClick", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "active", 2);
+i([
+  e({ type: Boolean })
+], t.prototype, "isLoading", 2);
+t = i([
+  m("lit-button")
+], t);
+export {
+  t as LitButton
+};