overview-components 1.0.76 → 1.0.78

package/dist/shared/lit-icon.js

@@ -0,0 +1,282 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as c } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as p } from "../node_modules/lit-element/lit-element.js";
+import { customElement as m } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as d } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import h from "../styles.js";
+import u from "../assets/icons/iconGlyphs.js";
+import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
+var g = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (l, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? F(t, s) : t, a = l.length - 1, n; a >= 0; a--)
+    (n = l[a]) && (e = (r ? n(t, s, e) : n(e)) || e);
+  return r && e && g(t, s, e), e;
+};
+const _ = [
+  "archive",
+  "requiredFilled",
+  "account",
+  "add",
+  "administration",
+  "arrowLeft",
+  "arrowRight",
+  "bell",
+  "bellNotify",
+  "cases",
+  "darkMode",
+  "documents",
+  "events",
+  "favorite",
+  "help",
+  "home",
+  "leave",
+  "lightMode",
+  "manuals",
+  "overviews",
+  "planning",
+  "reports",
+  "roles",
+  "search",
+  "settings",
+  "structure",
+  "tasks",
+  "templates",
+  "users",
+  "close",
+  "curveArrow",
+  "administrator",
+  "delegate",
+  "download",
+  "assume",
+  "calculator",
+  "check",
+  "chevronDown",
+  "handover",
+  "flag",
+  "filter",
+  "favoriteAdd",
+  "note",
+  "more",
+  "minus",
+  "success",
+  "time",
+  "trash",
+  "pen",
+  "unlike",
+  "user",
+  "puzzle",
+  "informative",
+  "save",
+  "warning",
+  "help2",
+  "accomplish",
+  "addDocument",
+  "addNote",
+  "checkboxEmpty",
+  "expand",
+  "duplicate",
+  "history",
+  "instruction",
+  "radioEmpty",
+  "print",
+  "zoomIn",
+  "view",
+  "reading",
+  "reload",
+  "logs",
+  "flow",
+  "csv",
+  "contact",
+  "columns",
+  "hamburger",
+  "beginning",
+  "signal",
+  "variable",
+  "up",
+  "upload",
+  "revision",
+  "typing",
+  "tasksFilled",
+  "overviewsFilled",
+  "homeFilled",
+  "favoriteFilled",
+  "flagFilled",
+  "darkModeFilled",
+  "bellFilled",
+  "administrationFilled",
+  "administratorFilled",
+  "casesFilled",
+  "manualsFilled",
+  "reportsFilled",
+  "structureFilled",
+  "usersFilled",
+  "userFilled",
+  "settingsFilled",
+  "lightModeFilled",
+  "leaveFilled",
+  "searchFilled",
+  "checkboxFilled",
+  "checkFilled",
+  "chevronDownFilled",
+  "chevronUpFilled",
+  "chevronRightFilled",
+  "chevronLeftFilled",
+  "logsFilled",
+  "radioFilled",
+  "historyFilled",
+  "sortFilled",
+  "variableFilled",
+  "dangerFilled",
+  "eventsFilled",
+  "helpFilled",
+  "rolesFilled",
+  "clean",
+  "dms",
+  "cog",
+  "email",
+  "files",
+  "chevron",
+  "hand",
+  "hide",
+  "hierarchy",
+  "import",
+  "index",
+  "infinity",
+  "infinity2",
+  "reset",
+  "rest",
+  "sleep",
+  "sorting",
+  "totake",
+  "totakedelegate",
+  "shredding",
+  "show",
+  "share",
+  "table",
+  "url",
+  "schema",
+  "stats",
+  "zoomout",
+  "book",
+  "authentication",
+  "apphealth",
+  "certificate",
+  "console",
+  "folder",
+  "hragenda",
+  "script",
+  "sequence",
+  "serviceoperation",
+  "archiveFilled",
+  "planningFilled",
+  "approval",
+  "certificate2",
+  "change",
+  "chevrondown",
+  "cursor",
+  "copylink",
+  "column",
+  "documentsFilled",
+  "filterFilled",
+  "filteroff",
+  "hr",
+  "image",
+  "outoftime",
+  "news",
+  "newsFilled",
+  "morevertical",
+  "spinner",
+  "userFilled2",
+  "tasksii",
+  "rowlarge",
+  "rowmedium",
+  "rowmall",
+  "touchid",
+  "acces",
+  "agenda",
+  "annoncement",
+  "email2",
+  "export",
+  "faceid",
+  "deviceregister",
+  "lock",
+  "outoftime2",
+  "qr",
+  "unlock",
+  "zastupovany",
+  "csvFilled",
+  "qrFilled",
+  "knowledgeFilled",
+  "hragendaFilled",
+  "deviceregisterFilled",
+  "agregation",
+  "code",
+  "flowii",
+  "cursor2",
+  "drag",
+  "link",
+  "lang",
+  "pinFilled",
+  "pin",
+  "play",
+  "return",
+  "sorting2",
+  "switch",
+  "test",
+  "stop",
+  "zoom",
+  "wrapitup",
+  "web"
+];
+let i = class extends p {
+  constructor() {
+    super(...arguments), this.icon = "add", this.size = "1.375rem", this.isActive = !1, this.notRotateIcon = ["arrowLeft", "arrowRight"];
+  }
+  render() {
+    const l = this.icon ? u[this.icon] : void 0;
+    return l ? c`
+            <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 512 512"
+                style="width: ${this.size || " 1.5rem"} ; height: ${this.size || " 1.5rem"};"
+                class="rotated"
+                fill="${this.isActive ? "var(--color-primary-main, #76b703)" : "currentColor"}"
+            >
+                <g transform="translate(0,20)">
+                    <path d="${l.d}" />
+                </g>
+            </svg>
+        ` : c`<span>Icon not found</span>`;
+  }
+};
+i.styles = [
+  h,
+  v`
+            :host {
+                position: relative;
+                display: inline-block;
+            }
+            svg {
+                position: relative;
+                top: 0.0625rem;
+            }
+            svg.rotated {
+                transform: scaleY(-1);
+            }
+        `
+];
+o([
+  d({ type: String })
+], i.prototype, "icon", 2);
+o([
+  d({ type: String })
+], i.prototype, "size", 2);
+o([
+  d({ type: Boolean, reflect: !0 })
+], i.prototype, "isActive", 2);
+i = o([
+  m("lit-icon")
+], i);
+export {
+  _ as IconArray,
+  i as LitIcon
+};

package/dist/shared/lit-input.js

@@ -0,0 +1,211 @@
+import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as o } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as u } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
+import { classMap as h } from "../node_modules/lit-html/directives/class-map.js";
+import { css as m } from "../node_modules/@lit/reactive-element/css-tag.js";
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (r, p, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? v(p, i) : p, n = r.length - 1, l; n >= 0; n--)
+    (l = r[n]) && (s = (a ? l(p, i, s) : l(s)) || s);
+  return a && s && y(p, i, s), s;
+};
+let t = class extends d {
+  constructor() {
+    super(...arguments), this.type = "text", this.placeholder = "", this.value = null, this.disableClearButton = !1, this.required = !1, this.server = !1, this.disabled = !1, this.filterOperators = [], this.size = "small", this.setOperator = (r) => {
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("focus", () => this.focus());
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("focus", () => this.focus());
+  }
+  reportValidity() {
+    const r = this.shadowRoot.querySelector("input");
+    return r ? r.reportValidity() : !1;
+  }
+  focus() {
+    var p;
+    const r = (p = this.shadowRoot) == null ? void 0 : p.querySelector("input");
+    r == null || r.focus();
+  }
+  render() {
+    var p;
+    const r = `${this.size}-size`;
+    return u`
+            <div class="custom-icon-wrapper">
+                <input
+                    class=${r}
+                    type="${this.type}"
+                    placeholder="${this.placeholder}"
+                    step="any"
+                    @input=${(i) => {
+      const s = i.target.value;
+      this.onInput && this.onInput(s);
+    }}
+                    @blur=${(i) => {
+      const s = i.target.value;
+      this.onBlur && this.onBlur(s);
+    }}
+                    .value="${typeof this.value == "object" ? ((p = this.value) == null ? void 0 : p.value) || "" : this.value || ""}"
+                    ?required="${this.required}"
+                    .disabled="${this.disabled}"
+                />
+                ${(this.value || this.operator === "isEmpty" || this.operator === "isNotEmpty") && !this.disableClearButton ? u`<div
+                          class=${h({
+      "custom-icon": !0,
+      "custom-icon--no-filter": !this.server
+      // Trieda ak filter nie je
+    })}
+                          @click=${() => {
+      this.value = "", this.onClear && this.onClear();
+    }}
+                          style="cursor: pointer; pointer-events: auto"
+                      >
+                          <lit-icon-button
+                              icon="close"
+                              size="small"
+                              variant="text"
+                          ></lit-icon-button>
+                      </div>` : ""}
+                ${this.server ? u`<lit-data-grid-operators-popover
+                          class="filter-icon"
+                          b
+                          .type="${this.type === "text" ? "string" : "number"}"
+                          .setOperator="${(i) => {
+      this.setOperator(i);
+    }}"
+                          .operator="${this.operator}"
+                          @mousedown=${(i) => {
+      i.preventDefault(), i.stopPropagation();
+    }}
+                          .disabled="${this.disabled}"
+                          .filterOperators="${this.filterOperators}"
+                      ></lit-data-grid-operators-popover>` : null}
+            </div>
+        `;
+  }
+};
+t.styles = [
+  m`
+            input {
+                padding: 0.5rem;
+                border: 0.0625rem solid var(--color-divider, #d0d3db);
+                border-radius: 0.25rem;
+                min-width: unset;
+                width: -webkit-fill-available;
+                width: -moz-available;
+                width: fill-available;
+                background-color: var(--background-paper, #fff);
+                color: var(--text-primary, #111827);
+            }
+
+            input[type='number']::-webkit-inner-spin-button,
+            input[type='number']::-webkit-outer-spin-button {
+                -webkit-appearance: none;
+                margin: 0;
+            }
+
+            input:hover:not(:disabled) {
+                border: 0.0625rem solid var(--color-secondary-main, #111827);
+            }
+
+            input:focus {
+                outline: none;
+                border: 0.0625rem solid var(--color-secondary-dark, #010204);
+            }
+            input:disabled {
+                background-color: var(--background-paper, #fff);
+                cursor: not-allowed;
+            }
+
+            .custom-icon-wrapper {
+                position: relative;
+                width: 100%;
+                display: inline-block;
+            }
+
+            .custom-icon-wrapper .custom-icon {
+                display: none;
+                position: absolute;
+                right: 34px;
+                top: 50%;
+                transform: translateY(-50%);
+                cursor: pointer;
+                pointer-events: auto;
+            }
+
+            .custom-icon-wrapper .custom-icon--no-filter {
+                right: 10px;
+            }
+
+            .custom-icon-wrapper:hover .custom-icon {
+                display: block;
+            }
+
+            .custom-icon-wrapper .filter-icon {
+                display: block;
+                position: absolute;
+                right: 10px;
+                top: 50%;
+                transform: translateY(-50%);
+                cursor: pointer;
+                pointer-events: auto;
+            }
+            .medium-size {
+                height: 1.43rem;
+            }
+            .small-size {
+                height: 0.94rem;
+            }
+        `
+];
+e([
+  o({ type: String })
+], t.prototype, "type", 2);
+e([
+  o({ type: String })
+], t.prototype, "placeholder", 2);
+e([
+  o({ type: String })
+], t.prototype, "value", 2);
+e([
+  o({ type: Function })
+], t.prototype, "onInput", 2);
+e([
+  o({ type: Function })
+], t.prototype, "onBlur", 2);
+e([
+  o({ type: Function })
+], t.prototype, "onClear", 2);
+e([
+  o({ type: Boolean })
+], t.prototype, "disableClearButton", 2);
+e([
+  o({ type: Boolean })
+], t.prototype, "required", 2);
+e([
+  o({ type: Boolean })
+], t.prototype, "server", 2);
+e([
+  o({ type: String })
+], t.prototype, "operator", 2);
+e([
+  o({ type: Boolean })
+], t.prototype, "disabled", 2);
+e([
+  o({ type: Array })
+], t.prototype, "filterOperators", 2);
+e([
+  o({ type: String })
+], t.prototype, "size", 2);
+e([
+  o({ type: Function })
+], t.prototype, "setOperator", 2);
+t = e([
+  c("lit-input")
+], t);
+export {
+  t as LitInput
+};

package/dist/shared/lit-menu.js

@@ -0,0 +1,40 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as m } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as p } from "../node_modules/lit-element/lit-element.js";
+import { customElement as a } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { css as u } from "../node_modules/@lit/reactive-element/css-tag.js";
+var f = Object.getOwnPropertyDescriptor, c = (l, s, n, o) => {
+  for (var t = o > 1 ? void 0 : o ? f(s, n) : s, e = l.length - 1, i; e >= 0; e--)
+    (i = l[e]) && (t = i(t) || t);
+  return t;
+};
+let r = class extends p {
+  render() {
+    return m`
+            <ul>
+                <slot></slot>
+            </ul>
+        `;
+  }
+};
+r.styles = u`
+        :host {
+            outline: none;
+        }
+        ul {
+            display: flex;
+            list-style-type: none;
+            padding: 0;
+            gap: 0.25rem;
+            width: 100%;
+            flex-direction: column;
+            margin: 0;
+            height: 100%;
+        }
+    `;
+r = c([
+  a("lit-menu")
+], r);
+export {
+  r as LitMenu
+};

package/dist/shared/lit-modal.js

@@ -0,0 +1,128 @@
+import "../node_modules/@lit/reactive-element/reactive-element.js";
+import { html as m } from "../node_modules/lit-html/lit-html.js";
+import { LitElement as h } from "../node_modules/lit-element/lit-element.js";
+import { customElement as c } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
+import { property as s } from "../node_modules/@lit/reactive-element/decorators/property.js";
+import { css as p } from "../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, n = (e, i, a, l) => {
+  for (var t = l > 1 ? void 0 : l ? y(i, a) : i, d = e.length - 1, r; d >= 0; d--)
+    (r = e[d]) && (t = (l ? r(i, a, t) : r(t)) || t);
+  return l && t && u(i, a, t), t;
+};
+let o = class extends h {
+  constructor() {
+    super(...arguments), this.open = !1, this.closeOnOutsideClick = !0, this.fullScreen = !1, this._modalContainer = null, this._modalContent = null;
+  }
+  connectedCallback() {
+    super.connectedCallback(), document.addEventListener("keydown", this._handleKeyDown.bind(this));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), document.removeEventListener("keydown", this._handleKeyDown.bind(this));
+  }
+  updated(e) {
+    e.has("open") && (this.open ? this._showModal() : this._hideModal());
+  }
+  _handleBackdropClick() {
+    this.closeOnOutsideClick && (this.open = !1);
+  }
+  _showModal() {
+    if (!this._modalContainer) {
+      this._modalContainer = document.createElement("div"), this._modalContainer.classList.add("my-modal-root"), this._modalContainer.innerHTML = `
+        <div class="my-modal-backdrop"></div>
+        <div class="my-modal-content"></div>
+      `, document.body.appendChild(this._modalContainer);
+      const e = this._modalContainer.querySelector(".my-modal-backdrop");
+      e && e.addEventListener("click", this._handleBackdropClick.bind(this)), this._modalContent = this._modalContainer.querySelector(".my-modal-content");
+    }
+    this._modalContent && (this._updateContentClass(), this._modalContent.appendChild(this)), document.addEventListener("keydown", this._handleKeyDown), this._applyGlobalStyles();
+  }
+  _hideModal() {
+    this._modalContainer && (document.removeEventListener("keydown", this._handleKeyDown), this._modalContainer.remove(), this._modalContainer = null), typeof this.onClose == "function" && this.onClose(), this.dispatchEvent(new CustomEvent("modal-close", { bubbles: !0, composed: !0 }));
+  }
+  _handleKeyDown(e) {
+    e.key === "Escape" && (this.open = !1);
+  }
+  _updateContentClass() {
+    this._modalContent && (this.fullScreen ? this._modalContent.classList.add("fullscreen") : this._modalContent.classList.remove("fullscreen"));
+  }
+  _applyGlobalStyles() {
+    if (!document.getElementById("my-modal-global-styles")) {
+      const e = document.createElement("style");
+      e.id = "my-modal-global-styles", e.textContent = `
+        .my-modal-root {
+          position: fixed;
+          top: 0; left: 0; right: 0; bottom: 0;
+          z-index: 10000;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .my-modal-backdrop {
+          position: absolute;
+          top: 0; left: 0; right: 0; bottom: 0;
+          background: rgba(0,0,0,0.5);
+        }
+        .my-modal-content {
+          position: relative;
+          background: var(--background-paper, #fff);
+          border-radius: 12px;
+          min-width: 40vw;
+          max-width: 90vw;
+          max-height: 90vh;
+          z-index: 1;
+          box-shadow: 0 8px 32px rgba(0,0,0,0.2);
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+            overflow: hidden;
+            gap: 0.5rem;
+          
+        }
+        .my-modal-content.fullscreen {
+          border-radius: 0;
+          width: 100vw;
+          height: 100vh;
+          max-width: 100vw;
+          max-height: 100vh;
+          padding: 0;
+          display: flex;
+        }
+      `, document.head.appendChild(e);
+    }
+  }
+  render() {
+    return m`<slot></slot>`;
+  }
+};
+o.styles = p`
+        :host {
+            display: none;
+            width: 100%;
+            height: 100vh;
+            @media (min-width: 768px) {
+                height: 100%;
+            }
+        }
+        :host([open]) {
+            display: block;
+        }
+    `;
+n([
+  s({ type: Boolean, reflect: !0 })
+], o.prototype, "open", 2);
+n([
+  s({ type: Boolean })
+], o.prototype, "closeOnOutsideClick", 2);
+n([
+  s({ type: Function })
+], o.prototype, "onClose", 2);
+n([
+  s({ type: Boolean })
+], o.prototype, "fullScreen", 2);
+o = n([
+  c("lit-modal")
+], o);
+export {
+  o as LitModal
+};