overview-components 1.0.98 → 1.0.99

package/dist/shared/simple-tooltip.js

@@ -1,174 +0,0 @@
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as d, render as p } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as f } from "../node_modules/lit-element/lit-element.js";
-import { customElement as u } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as h } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { directive as g, Directive as v } from "../node_modules/lit-html/directive.js";
-import { computePosition as w, offset as y, flip as E, shift as b, size as x, arrow as T } from "../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { css as _ } from "../node_modules/@lit/reactive-element/css-tag.js";
-var k = Object.defineProperty, L = Object.getOwnPropertyDescriptor, a = (i, t, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? L(t, n) : t, e = i.length - 1, s; e >= 0; e--)
-    (s = i[e]) && (o = (r ? s(t, n, o) : s(o)) || o);
-  return r && o && k(t, n, o), o;
-};
-const m = ["pointerenter", "mouseenter"], c = ["pointerleave", "mouseleave", "blur", "keydown", "click", "scroll"];
-let l = class extends f {
-  constructor() {
-    super(...arguments), this.showing = !1, this.placement = "top", this.offset = 8, this.openDelayMs = 300, this._target = null, this.openTimeout = null, this.isHoveringTarget = !1, this.scheduleShow = () => {
-      this.clearOpenTimeout(), this.openTimeout = window.setTimeout(() => {
-        this._target && this.isHoveringTarget && this.showTooltipNow();
-      }, this.openDelayMs);
-    }, this.showTooltipNow = () => {
-      this.style.removeProperty("display"), this.style.zIndex = "100000", this.showing = !0, !(!this.target || !this.arrowElement) && w(this.target, this, {
-        placement: this.placement,
-        strategy: "absolute",
-        middleware: [
-          y(this.offset),
-          E(),
-          b({ padding: 8 }),
-          x({ padding: 8 }),
-          T({ element: this.arrowElement })
-        ]
-      }).then(({ x: i, y: t, placement: n, middlewareData: r }) => {
-        r.hide && Object.assign(this.style, {
-          display: r.hide.referenceHidden || !this.showing ? "none" : "block"
-        }), Object.assign(this.style, {
-          left: `${i}px`,
-          top: `${t}px`
-        });
-        const o = {
-          top: "bottom",
-          bottom: "top",
-          left: "right",
-          right: "left"
-        }[n.split("-")[0]], { x: e, y: s } = r.arrow || {};
-        Object.assign(this.arrowElement.style, {
-          left: e != null ? `${e}px` : "",
-          top: s != null ? `${s}px` : "",
-          right: "",
-          bottom: "",
-          [o]: "-4px"
-        });
-      });
-    }, this.clearOpenTimeout = () => {
-      this.openTimeout !== null && (clearTimeout(this.openTimeout), this.openTimeout = null);
-    }, this.markHovering = () => {
-      this.isHoveringTarget = !0;
-    }, this.markNotHovering = () => {
-      this.isHoveringTarget = !1, this.clearOpenTimeout();
-    }, this.hide = () => {
-      this.showing = !1, this.style.display = "none";
-    };
-  }
-  get target() {
-    return this._target;
-  }
-  set target(i) {
-    this._target && (m.forEach((t) => {
-      this._target.removeEventListener(t, this.scheduleShow), this._target.removeEventListener(t, this.markHovering);
-    }), c.forEach((t) => this._target.removeEventListener(t, this.hide))), i && (m.forEach((t) => {
-      i.addEventListener(t, this.scheduleShow), i.addEventListener(t, this.markHovering);
-    }), c.forEach((t) => {
-      i.addEventListener(t, this.markNotHovering), i.addEventListener(t, this.hide);
-    })), this._target = i;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.style.display = "none";
-  }
-  firstUpdated() {
-    this.arrowElement = this.shadowRoot.getElementById("arrow");
-  }
-  render() {
-    return d`
-            <div id="arrow"></div>
-            <slot></slot>
-        `;
-  }
-};
-l.styles = _`
-        :host {
-            position: absolute;
-            display: inline-block;
-            background: black;
-            color: white;
-            font-size: 12px;
-            padding: 4px 8px;
-            border-radius: 6px;
-            line-height: 1.5;
-            pointer-events: none;
-            z-index: 9999;
-            opacity: 0;
-            transform: scale(0.85);
-            transition:
-                opacity 0.2s ease,
-                transform 0.2s ease;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            max-width: 300px;
-            width: max-content;
-        }
-
-        :host([showing]) {
-            opacity: 1;
-            transform: scale(1);
-        }
-
-        #arrow {
-            position: absolute;
-            width: 8px;
-            height: 8px;
-            background: black;
-            transform: rotate(45deg);
-        }
-        slot {
-            display: -webkit-box;
-            -webkit-line-clamp: 30; /* Limit to 3 lines */
-            -webkit-box-orient: vertical;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-wrap: break-word;
-            max-height: 70vh;
-        }
-    `;
-a([
-  h({ type: Boolean, reflect: !0 })
-], l.prototype, "showing", 2);
-a([
-  h({ type: String, reflect: !0 })
-], l.prototype, "placement", 2);
-a([
-  h({ type: Number })
-], l.prototype, "offset", 2);
-a([
-  h({ type: Number })
-], l.prototype, "openDelayMs", 2);
-l = a([
-  u("simple-tooltip")
-], l);
-class H extends v {
-  constructor() {
-    super(...arguments), this.initialized = !1;
-  }
-  disconnect() {
-    this.tooltip && (this.tooltip.hide(), this.tooltip.parentElement && this.tooltip.parentElement.removeChild(this.tooltip), this.tooltip = void 0, this.initialized = !1);
-  }
-  render() {
-  }
-  // required override
-  update(t, [n, r = "top", o = 200]) {
-    this.part = t, this.content = n, this.placement = r, this.delay = o;
-    const e = this.part.element;
-    if (!this.initialized) {
-      this.initialized = !0;
-      const s = () => {
-        this.tooltip || (this.tooltip = document.createElement("simple-tooltip"), this.tooltip.placement = this.placement, this.tooltip.openDelayMs = this.delay, document.body.appendChild(this.tooltip), p(this.content, this.tooltip, this.part.options)), this.tooltip.target = e, this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, this.tooltip.scheduleShow(), e.removeEventListener("mouseenter", s), e.removeEventListener("pointerenter", s);
-      };
-      e.addEventListener("mouseenter", s), e.addEventListener("pointerenter", s);
-    }
-    this.tooltip && (this.tooltip.openDelayMs = this.delay, this.tooltip.placement = this.placement, p(this.content, this.tooltip, this.part.options), document.body.contains(e) || this.tooltip.hide());
-  }
-}
-const j = g(H);
-export {
-  l as SimpleTooltip,
-  j as tooltip
-};

package/dist/shared/styles/button-shared-styles.js

@@ -1,205 +0,0 @@
-import "../../node_modules/@lit/reactive-element/reactive-element.js";
-import "../../node_modules/lit-html/lit-html.js";
-import "../../node_modules/lit-element/lit-element.js";
-import { css as o } from "../../node_modules/@lit/reactive-element/css-tag.js";
-const e = o`
-    button {
-        font-family: inherit;
-        border-radius: var(--border-radius-small, 0.5rem);
-        cursor: pointer;
-        transition:
-            background-color 0.3s,
-            color 0.3s,
-            border 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-    /* Disabled button state */
-
-    .button--contained:disabled {
-        background-color: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--outlined:disabled {
-        color: var(--color-primary-disabled);
-        border: 1px solid var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--text:disabled {
-        color: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--dashed:disabled {
-        color: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-        border: 1px dashed var(--color-primary-disabled, #d0d3db);
-    }
-
-    .button--error:disabled {
-        background-color: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--ai:disabled {
-        background: var(--color-primary-disabled, #d0d3db);
-        cursor: not-allowed;
-    }
-
-    .button--outlined-ai:disabled {
-        color: var(--color-primary-disabled);
-        cursor: not-allowed;
-    }
-
-    .button--outlined-ai:disabled::before {
-        background: var(--color-primary-disabled);
-    }
-
-    .button--outlined-ai:disabled .button-inner {
-        background: none;
-        color: var(--color-primary-disabled);
-        -webkit-text-fill-color: var(--color-primary-disabled);
-        -webkit-background-clip: border-box;
-    }
-
-    /* Button Variants */
-    .button--outlined {
-        color: var(--text-primary);
-        border: 1px solid var(--text-primary, #111827);
-        background-color: var(--background-paper, #fff);
-    }
-    .button--outlined:not(:disabled):hover {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-
-    .button--contained {
-        border: none;
-        color: #fff;
-        background-color: var(--color-primary-main, #76b703);
-    }
-    .button--contained:not(:disabled):hover {
-        background-color: var(--color-primary-dark, #5f9402);
-    }
-
-    .button--error {
-        border: none;
-        color: var(--color-error-light, #ffd6cd);
-        background-color: var(--color-error-main, #ca2d0a);
-    }
-
-    .button--error:not(:disabled):hover {
-        background-color: var(--color-error-dark, #a52103);
-    }
-
-    .button--ai {
-        border: none;
-        color: #fff;
-        background: linear-gradient(to right, #573493, #e78047);
-    }
-
-    .button--ai:not(:disabled):hover {
-        opacity: 80%;
-    }
-
-    .button--outlined-ai {
-        position: relative;
-        background-color: var(--background-paper, #fff);
-        border: none;
-        z-index: 0;
-        color: transparent;
-
-        background-image: linear-gradient(to right, #573493, #e78047);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-    }
-
-    .button--outlined-ai::before {
-        content: '';
-        position: absolute;
-        top: -1px;
-        left: -1px;
-        right: -1px;
-        bottom: -1px;
-        z-index: -1;
-        background: linear-gradient(to right, #573493, #e78047);
-        border-radius: inherit;
-        padding: 1px;
-        -webkit-mask:
-            linear-gradient(#fff 0 0) content-box,
-            linear-gradient(#fff 0 0);
-        mask-composite: exclude;
-    }
-    .button--outlined-ai .button-inner {
-        background: linear-gradient(to right, #573493, #e78047);
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        display: inline-flex;
-        align-items: center;
-        gap: 0.5rem;
-    }
-
-    .button--outlined-ai:not(:disabled) .out-ai {
-        color: #573493;
-    }
-
-    .button--outlined-ai:not(:disabled) .start-icon {
-        color: #573493;
-    }
-
-    .button--outlined-ai:not(:disabled):hover {
-        opacity: 80%;
-    }
-
-    .button--text {
-        border: none;
-        color: var(--text-primary, #111827);
-        background-color: var(--background-paper, #fff);
-    }
-
-    .button--text:not(:disabled):hover {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-
-    .button--dashed {
-        position: relative;
-        border: none;
-        color: var(--text-primary, #111827);
-        background-color: var(--background-paper, #fff);
-        display: flex !important;
-    }
-
-    .button--dashed::before {
-        content: '';
-        top: 1px;
-        left: 1px;
-        right: 1px;
-        bottom: 1px;
-        position: absolute;
-        border: 1px dashed var(--color-divider, #d0d3db);
-        border-radius: 6px; /* 2px less than main radius */
-        box-sizing: border-box;
-        z-index: 1;
-    }
-
-    .button--dashed:not(:disabled):hover {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-
-    .button--text.active {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-    .button--dashed.active {
-        background-color: var(--color-primary-light, #f0fadf);
-    }
-    .button--inherit {
-        background-color: inherit;
-        color: var(--text-primary, #111827);
-        border: none;
-    }
-`;
-export {
-  e as default
-};

package/dist/styles.js

@@ -1,174 +0,0 @@
-import "./node_modules/@lit/reactive-element/reactive-element.js";
-import "./node_modules/lit-html/lit-html.js";
-import "./node_modules/lit-element/lit-element.js";
-import { css as o } from "./node_modules/@lit/reactive-element/css-tag.js";
-const n = o`
-    :host {
-        --breakpoint-sm: 600px;
-        --breakpoint-md: 960px;
-        --breakpoint-lg: 1280px;
-        --breakpoint-xl: 1536px;
-
-        --color-primary-main: #76b703;
-        --color-primary-light: #f0fadf;
-        --color-primary-dark: #5f9402;
-        --color-primary-disabled: #d0d3db;
-
-        --color-secondary-main: #111827;
-        --color-secondary-light: #d0d3db;
-        --color-secondary-dark: #010204;
-
-        --color-info-main: #00687e;
-        --color-info-light: #cbf6ff;
-        --color-info-dark: #004452;
-
-        --color-warning-main: #875900;
-        --color-warning-light: #ffe1a8;
-        --color-warning-dark: #684500;
-
-        --color-error-main: #ca2d0a;
-        --color-error-light: #ffd6cd;
-        --color-error-dark: #a52103;
-
-        --color-success-main: #76b703;
-        --color-success-light: #f0fadf;
-        --color-success-dark: #5f9402;
-
-        --color-divider: #d0d3db;
-
-        --text-primary: #111827;
-        --text-secondary: #5d6371;
-        --text-disabled: #d0d3db;
-
-        --background-paper: #ffffff;
-        --background-default: #eff3f4;
-
-        --border-radius-small: 0.5rem;
-        --border-radius-medium: 0.75rem;
-
-        --box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-
-        --section-padding: 0.75rem 1rem;
-
-        font-family: Inter, sans-serif;
-        box-sizing: border-box;
-
-        *,
-        *::before,
-        *::after {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        * {
-            box-sizing: border-box;
-        }
-
-        article,
-        aside,
-        details,
-        figcaption,
-        figure,
-        footer,
-        header,
-        hgroup,
-        main,
-        menu,
-        nav,
-        section {
-            display: block;
-        }
-
-        ol,
-        ul {
-            list-style: none;
-        }
-        a {
-            text-decoration: none;
-            color: inherit;
-        }
-
-        img,
-        video {
-            max-width: 100%;
-            height: auto;
-        }
-
-        button,
-        input,
-        optgroup,
-        select,
-        textarea {
-            font: inherit;
-            color: inherit;
-            margin: 0;
-            border: none;
-            background: none;
-            padding: 0;
-            appearance: none;
-            -webkit-appearance: none;
-            -moz-appearance: none;
-        }
-
-        table {
-            border-collapse: collapse;
-            border-spacing: 0;
-            width: 100%;
-        }
-
-        html {
-            font-size: 100%; /* 16px base */
-            line-height: 1.5;
-            scroll-behavior: smooth;
-            -webkit-text-size-adjust: 100%; /* Prevent font scaling in Safari */
-        }
-
-        body {
-            font-family:
-                system-ui,
-                -apple-system,
-                BlinkMacSystemFont,
-                'Segoe UI',
-                Roboto,
-                Oxygen,
-                Ubuntu,
-                Cantarell,
-                'Open Sans',
-                'Helvetica Neue',
-                sans-serif;
-            line-height: 1.6;
-            color: #333;
-            background-color: #fff;
-        }
-
-        strong {
-            font-weight: bold;
-        }
-
-        h1,
-        h2,
-        h3,
-        h4,
-        h5,
-        h6 {
-            font-size: inherit;
-            font-weight: inherit;
-        }
-
-        blockquote,
-        q {
-            quotes: none;
-        }
-
-        blockquote::before,
-        blockquote::after,
-        q::before,
-        q::after {
-            content: '';
-        }
-    }
-`;
-export {
-  n as default
-};

package/dist/utils/currency.js

@@ -1,13 +0,0 @@
-const e = (r, t) => {
-  if (r === null)
-    return null;
-  if (r === "")
-    return "";
-  const n = typeof r == "string" ? parseFloat(r) : r;
-  return isNaN(n) ? "Invalid number" : new Intl.NumberFormat(t, {
-    style: "decimal"
-  }).format(n);
-};
-export {
-  e as formatCurrency
-};

package/dist/utils/custom-filters.js

@@ -1,50 +0,0 @@
-import M from "../node_modules/luxon/src/datetime.js";
-import "../node_modules/luxon/src/duration.js";
-const l = (e, r, y) => {
-  const t = e.getValue(r);
-  if (!t) return !1;
-  const s = a(t), d = y.startDate, n = y.endDate;
-  return d && n ? s >= d && s <= n : d ? s >= d : n ? s <= n : !0;
-};
-function u(e, r, y) {
-  const t = e.getValue(r);
-  if (!t) return !1;
-  const s = a(t), d = y;
-  return !s || !d ? !1 : s === d;
-}
-const f = (e, r, y) => {
-  const t = e.getValue(r);
-  return t ? y.includes(t) : !1;
-};
-function a(e) {
-  if (!e) return null;
-  const r = [
-    "yyyy-MM-dd",
-    "dd-MM-yyyy",
-    "MM-dd-yyyy",
-    "d. M. yyyy",
-    "d. M. yyyy.",
-    "d.M.yyyy",
-    "yyyy/MM/dd",
-    "dd/MM/yyyy",
-    "M/d/yyyy",
-    "MM/dd/yyyy",
-    "dd MMMM yyyy",
-    "yyyy-MM-dd'T'HH:mm:ss",
-    "yyyy-MM-dd'T'HH:mm:ss.SSS",
-    "yyyy-MM-dd'T'HH:mm:ss.SSSZ",
-    "dd.MM.yyyy",
-    "MM.dd.yyyy",
-    "EEE, d MMM yyyy",
-    "EEE, d MMM yyyy HH:mm:ss Z"
-  ];
-  let y;
-  for (const t of r)
-    if (y = M.fromFormat(e, t), y.isValid) break;
-  return (!y || !y.isValid) && (y = M.fromISO(e)), y.isValid ? y.toJSDate().toISOString() : null;
-}
-export {
-  u as dateFilterFn,
-  l as dateRangeFilterFn,
-  f as multiselectFilterFn
-};

package/dist/utils/date.js

@@ -1,15 +0,0 @@
-import t from "../node_modules/luxon/src/datetime.js";
-import "../node_modules/luxon/src/duration.js";
-const u = (r, e, n = !1, o) => {
-  if (r === null)
-    return null;
-  if (r === "")
-    return "";
-  const i = n ? `${o} HH:mm` : `${o}`, f = new Date(r);
-  return isNaN(f.getTime()) ? "Invalid date" : o ? t.fromISO(r).toFormat(i) : t.fromISO(r).setLocale(e).toLocaleString(
-    n ? t.DATETIME_SHORT : void 0
-  );
-};
-export {
-  u as formatDate
-};

package/dist/utils/getOperatorByType.js

@@ -1,52 +0,0 @@
-import { msg as e } from "../node_modules/@lit/localize/init/install.js";
-import "../node_modules/@lit/localize/init/runtime.js";
-function v(l) {
-  switch (l) {
-    case "string":
-      return [
-        { label: e("obsahuje"), value: "contains" },
-        { label: e("rovná se"), value: "=" },
-        { label: e("nerovná se"), value: "!=" },
-        { label: e("začíná na"), value: "startsWith" },
-        { label: e("končí na"), value: "endsWith" },
-        { label: e("neobsahuje"), value: "doesNotContain" },
-        { label: e("je prázdné"), value: "isEmpty" },
-        { label: e("není prázdné"), value: "isNotEmpty" }
-      ];
-    case "select":
-      return [
-        { value: "is", label: e("Je") },
-        { value: "not", label: e("Není") }
-      ];
-    case "multiselect":
-      return [{ value: "isAnyOfValue", label: e("Je libovolná hodnota z") }];
-    case "number":
-      return [
-        { label: e("rovná se"), value: "=" },
-        { label: e("nerovná se"), value: "!=" },
-        { label: e("větší než"), value: ">" },
-        { label: e("větší nebo rovné"), value: ">=" },
-        { label: e("menší než"), value: "<" },
-        { label: e("menší nebo rovné"), value: "<=" },
-        { label: e("je prázdné"), value: "isEmpty" },
-        { label: e("není prázdné"), value: "isNotEmpty" }
-      ];
-    case "date":
-      return [
-        { label: e("rovná se"), value: "=" },
-        { label: e("nerovná se"), value: "!=" },
-        { label: e("větší než"), value: ">" },
-        { label: e("větší nebo rovné"), value: ">=" },
-        { label: e("menší než"), value: "<" },
-        { label: e("menší nebo rovné"), value: "<=" },
-        { label: e("je prázdné"), value: "isEmpty" },
-        { label: e("není prázdné"), value: "isNotEmpty" },
-        { label: e("od - do"), value: "fromTo" }
-      ];
-    default:
-      return [];
-  }
-}
-export {
-  v as getOperatorsByColumnType
-};