overview-components 1.0.78 → 1.0.80

package/dist/shared/lit-select.js

@@ -1,141 +1,206 @@
-import "../node_modules/@lit/reactive-element/reactive-element.js";
-import { html as c } from "../node_modules/lit-html/lit-html.js";
-import { LitElement as d } from "../node_modules/lit-element/lit-element.js";
-import { msg as m } from "../node_modules/@lit/localize/init/install.js";
-import "../node_modules/@lit/localize/init/runtime.js";
-import { classMap as u } from "../node_modules/lit-html/directives/class-map.js";
-import { customElement as y } from "../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as l } from "../node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../node_modules/@lit/reactive-element/decorators/state.js";
-import { query as f } from "../node_modules/@lit/reactive-element/decorators/query.js";
-import { css as v } from "../node_modules/@lit/reactive-element/css-tag.js";
-var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? g(t, r) : t, a = e.length - 1, p; a >= 0; a--)
-    (p = e[a]) && (i = (n ? p(t, r, i) : p(i)) || i);
-  return n && i && b(t, r, i), i;
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-let s = class extends d {
-  constructor() {
-    super(...arguments), this.id = "", this.value = "", this.options = [], this.onChange = () => {
-    }, this.multiple = !1, this.disableClearButton = !1, this.disabled = !1, this.server = !1, this.setOperator = (e) => {
-    }, this.filterOperators = [], this.isOpen = !1, this.searchQuery = null, this.selectedIndex = -1, this.typeBuffer = "", this.typeTimeout = null, this.handleOutsideClick = (e) => {
-      const t = e.composedPath();
-      !t.includes(this) && !t.some(
-        (r) => r instanceof HTMLElement && r.tagName === "SIMPLE-POPPER"
-      ) && this.closePopover();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("focus", () => this.focus()), document.addEventListener("click", this.handleOutsideClick);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("focus", () => this.focus()), document.removeEventListener("click", this.handleOutsideClick), this.closePopover();
-  }
-  firstUpdated() {
-    this.server && this.multiple && this.setOperator("isAnyOfValue");
-  }
-  async toggleCustomPopover() {
-    var e;
-    if (this.isOpen = !this.isOpen, !this.multiple) {
-      await this.updateComplete;
-      const t = (e = this.shadowRoot) == null ? void 0 : e.querySelector("input");
-      this.selectedIndex = this.options.findIndex((r) => r.value === this.value), t && (t.focus(), t.select(), this.scrollToVisible());
+import { LitElement, html, css } from 'lit';
+import { msg } from '@lit/localize';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property, state, query } from 'lit/decorators.js';
+import './lit-custom-popper.js';
+import './lit-icon.js';
+import './lit-icon-button.js';
+import './lit-checkbox.js';
+import './lit-menu-item.js';
+import './lit-menu.js';
+let LitSelect = class LitSelect extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.id = '';
+        this.value = ''; // Aktuálne vybraná hodnota
+        this.options = []; // Možnosti
+        this.onChange = () => { }; // Callback funkcia
+        this.multiple = false;
+        this.disableClearButton = false;
+        this.disabled = false;
+        this.server = false;
+        this.setOperator = (operator) => { };
+        this.filterOperators = [];
+        this.isOpen = false; // Stav poppera
+        this.searchQuery = null;
+        this.selectedIndex = -1;
+        this.typeBuffer = '';
+        this.typeTimeout = null;
+        this.handleOutsideClick = (event) => {
+            const path = event.composedPath();
+            if (!path.includes(this) &&
+                !path.some((element) => element instanceof HTMLElement && element.tagName === 'SIMPLE-POPPER')) {
+                this.closePopover();
+            }
+        };
     }
-  }
-  scrollToVisible() {
-    const e = document.getElementById(`${this.id}-${this.selectedIndex}`);
-    e == null || e.scrollIntoView({ block: "center" });
-  }
-  closePopover() {
-    this.isOpen = !1, this.searchQuery = null, this.selectedIndex = -1;
-  }
-  selectOption(e) {
-    if (this.selectedIndex = this.options.findIndex((t) => t.value === e), this.multiple)
-      if (Array.isArray(this.value) && this.value.includes(e))
-        this.value = this.value.filter((t) => t !== e), this.onChange(this.value);
-      else {
-        const t = [...this.value, e];
-        this.value = t, this.onChange(this.value), this.searchQuery = null;
-      }
-    else
-      this.value = String(e), this.onChange(this.value), this.closePopover();
-  }
-  clearValue(e) {
-    e.stopPropagation(), this.value = [], this.onChange([]), this.searchQuery = null;
-  }
-  handleInput(e) {
-    this.searchQuery = e.target.value, this.isOpen = !0, this.selectedIndex = -1;
-  }
-  getFilteredOptions() {
-    return this.searchQuery ? this.options.filter(
-      (e) => {
-        var t, r;
-        return ((r = e.label) == null ? void 0 : r.toLowerCase().includes(((t = this.searchQuery) == null ? void 0 : t.toLowerCase()) || "")) && (!this.multiple || !this.value.includes(e.value));
-      }
-    ) : this.options;
-  }
-  async handleKeyDown(e) {
-    if (e.key === "Tab" || e.key === "Escape")
-      this.closePopover();
-    else if (e.key === "ArrowDown")
-      e.preventDefault(), this.isOpen ? this.selectedIndex = Math.min(
-        this.selectedIndex + 1,
-        this.getFilteredOptions().length - 1
-      ) : this.toggleCustomPopover();
-    else if (e.key === "ArrowUp")
-      e.preventDefault(), this.isOpen || this.toggleCustomPopover(), this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
-    else if (e.key === "Enter")
-      this.selectedIndex >= 0 && this.selectOption(this.getFilteredOptions()[this.selectedIndex].value);
-    else if (/^[a-z0-9]$/i.test(e.key)) {
-      this.typeBuffer += e.key.toLowerCase(), this.typeTimeout && clearTimeout(this.typeTimeout), this.typeTimeout = window.setTimeout(() => {
-        this.typeBuffer = "";
-      }, 500);
-      const t = this.options.findIndex(
-        (r) => {
-          var n;
-          return (n = r.label) == null ? void 0 : n.toLowerCase().startsWith(this.typeBuffer);
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('focus', () => this.focus());
+        document.addEventListener('click', this.handleOutsideClick);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('focus', () => this.focus());
+        document.removeEventListener('click', this.handleOutsideClick);
+        this.closePopover();
+    }
+    firstUpdated() {
+        if (this.server && this.multiple) {
+            this.setOperator('isAnyOfValue');
+        }
+    }
+    async toggleCustomPopover() {
+        this.isOpen = !this.isOpen;
+        if (!this.multiple) {
+            await this.updateComplete; // Ensure the input is rendered
+            const input = this.shadowRoot?.querySelector('input');
+            this.selectedIndex = this.options.findIndex((option) => option.value === this.value);
+            if (input) {
+                input.focus();
+                input.select(); // Select all text
+                this.scrollToVisible();
+            }
+        }
+    }
+    scrollToVisible() {
+        const optionElements = document.getElementById(`${this.id}-${this.selectedIndex}`);
+        optionElements?.scrollIntoView({ block: 'center' });
+    }
+    closePopover() {
+        this.isOpen = false;
+        this.searchQuery = null;
+        this.selectedIndex = -1;
+    }
+    selectOption(optionValue) {
+        this.selectedIndex = this.options.findIndex((option) => option.value === optionValue);
+        if (this.multiple) {
+            if (Array.isArray(this.value) && this.value.includes(optionValue)) {
+                this.value = this.value.filter((item) => item !== optionValue);
+                this.onChange(this.value);
+            }
+            else {
+                const newValue = [...this.value, optionValue];
+                this.value = newValue;
+                this.onChange(this.value);
+                this.searchQuery = null;
+            }
+        }
+        else {
+            this.value = String(optionValue);
+            this.onChange(this.value);
+            this.closePopover();
         }
-      );
-      t !== -1 && (this.selectedIndex = t);
     }
-    this.scrollToVisible(), this.requestUpdate();
-  }
-  focus() {
-    var t;
-    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("input");
-    e == null || e.focus();
-  }
-  _isTrulyEmpty(e) {
-    return e == null ? !0 : typeof e == "string" || Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1;
-  }
-  render() {
-    var n;
-    const e = this.multiple ? this.options : this.getFilteredOptions(), t = {
-      "dropdown-icon": !0,
-      "dropdown-icon--rotate": this.isOpen,
-      "dropdown-icon--no-filter": !this.server || this.server && this.multiple
-    }, r = this._isTrulyEmpty(this.value) ? "" : Array.isArray(this.value) ? this.value.map((i) => {
-      var a;
-      return ((a = this.options.find((p) => p.value == i)) == null ? void 0 : a.label) || i;
-    }).join(", ") : ((n = this.options.find((i) => i.value == this.value)) == null ? void 0 : n.label) || "";
-    return c`
+    clearValue(e) {
+        e.stopPropagation(); // Zabrániť spusteniu togglePopover
+        this.value = [];
+        this.onChange([]); // Nastav prázdnu hodnotu a zavolaj callback
+        this.searchQuery = null;
+    }
+    handleInput(event) {
+        this.searchQuery = event.target.value;
+        this.isOpen = true;
+        this.selectedIndex = -1;
+    }
+    getFilteredOptions() {
+        if (!this.searchQuery) {
+            return this.options;
+        }
+        return this.options.filter((option) => option.label?.toLowerCase().includes(this.searchQuery?.toLowerCase() || '') &&
+            (!this.multiple || !this.value.includes(option.value)));
+    }
+    async handleKeyDown(event) {
+        if (event.key === 'Tab' || event.key === 'Escape') {
+            this.closePopover();
+        }
+        else if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            if (!this.isOpen) {
+                this.toggleCustomPopover();
+            }
+            else {
+                this.selectedIndex = Math.min(this.selectedIndex + 1, this.getFilteredOptions().length - 1);
+            }
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            if (!this.isOpen) {
+                this.toggleCustomPopover();
+            }
+            this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
+        }
+        else if (event.key === 'Enter') {
+            if (this.selectedIndex >= 0) {
+                this.selectOption(this.getFilteredOptions()[this.selectedIndex].value);
+            }
+        }
+        else if (/^[a-z0-9]$/i.test(event.key)) {
+            this.typeBuffer += event.key.toLowerCase();
+            if (this.typeTimeout)
+                clearTimeout(this.typeTimeout);
+            this.typeTimeout = window.setTimeout(() => {
+                this.typeBuffer = '';
+            }, 500);
+            const matchIndex = this.options.findIndex((option) => option.label?.toLowerCase().startsWith(this.typeBuffer));
+            if (matchIndex !== -1) {
+                this.selectedIndex = matchIndex;
+            }
+        }
+        this.scrollToVisible();
+        this.requestUpdate();
+    }
+    focus() {
+        const firstFocusable = this.shadowRoot?.querySelector('input');
+        firstFocusable?.focus();
+    }
+    _isTrulyEmpty(value) {
+        if (value == null)
+            return true; // null or undefined
+        if (typeof value === 'string' || Array.isArray(value))
+            return value.length === 0;
+        if (typeof value === 'object')
+            return Object.keys(value).length === 0;
+        return false; // numbers, booleans, etc. are not empty
+    }
+    render() {
+        const selectOptions = this.multiple ? this.options : this.getFilteredOptions();
+        const dropdownIconClasses = {
+            'dropdown-icon': true,
+            'dropdown-icon--rotate': this.isOpen,
+            'dropdown-icon--no-filter': !this.server || (this.server && this.multiple),
+        };
+        const displayValue = this._isTrulyEmpty(this.value)
+            ? ''
+            : !Array.isArray(this.value)
+                ? this.options.find((option) => option.value == this.value)?.label || ''
+                : this.value
+                    .map((val) => this.options.find((option) => option.value == val)?.label || val)
+                    .join(', ');
+        return html `
             <div class="custom-icon-wrapper" slot="reference">
                 <input
                     ?readonly=${this.multiple}
                     type="text"
-                    .value="${this.searchQuery ?? r ?? ""}"
+                    .value="${this.searchQuery ?? displayValue ?? ''}"
                     @input=${this.handleInput}
                     @click="${this.toggleCustomPopover}"
                     @keydown=${this.handleKeyDown}
                     .disabled="${this.disabled}"
                 />
-                ${!this._isTrulyEmpty(this.value) && !this.disableClearButton ? c`
+                ${!this._isTrulyEmpty(this.value) && !this.disableClearButton
+            ? html `
                           <div
-                              class=${u({
-      "custom-icon": !0,
-      "custom-icon--no-filter": !this.server || this.server && this.multiple
-      // Trieda ak filter nie je
-    })}
+                              class=${classMap({
+                'custom-icon': true,
+                'custom-icon--no-filter': !this.server || (this.server && this.multiple), // Trieda ak filter nie je
+            })}
                               @click="${this.clearValue}"
                           >
                               <lit-icon-button
@@ -144,60 +209,70 @@ let s = class extends d {
                                   variant="text"
                               ></lit-icon-button>
                           </div>
-                      ` : ""}
-                <div class="${u(t)}">
+                      `
+            : ''}
+                <div class="${classMap(dropdownIconClasses)}">
                     <lit-icon
-                        class="${this.disabled ? "dropdown-icon-disabled" : null}"
+                        class="${this.disabled ? 'dropdown-icon-disabled' : null}"
                         icon="chevrondown"
                         size="17px"
                     ></lit-icon>
                 </div>
-                ${this.server && !this.multiple ? c`<lit-data-grid-operators-popover
+                ${this.server && !this.multiple
+            ? html `<lit-data-grid-operators-popover
                           class="filter-icon"
-                          .type="${this.multiple ? "multiselect" : "select"}"
-                          .setOperator="${(i) => {
-      this.setOperator(i);
-    }}"
+                          .type="${this.multiple ? 'multiselect' : 'select'}"
+                          .setOperator="${(value) => {
+                this.setOperator(value);
+            }}"
                           .operator="${this.operator}"
                           .disabled="${this.disabled}"
                           .filterOperators="${this.filterOperators}"
-                      ></lit-data-grid-operators-popover>` : null}
+                      ></lit-data-grid-operators-popover>`
+            : null}
             </div>
             <simple-popper
                 .showing=${this.isOpen}
                 placement="bottom-start"
                 @close="${this.closePopover}"
-                manualOpening=${!0}
-                maxWidthAsTarget=${!0}
+                manualOpening=${true}
+                maxWidthAsTarget=${true}
                 @keydown=${this.handleKeyDown}
             >
                 <lit-menu tabindex="0" id="menu">
-                    ${(e == null ? void 0 : e.length) === 0 ? c`<lit-menu-item disabledButtons=${!0}>
-                              ${m("Nenalezeno")}</lit-menu-item
-                          > ` : e == null ? void 0 : e.map((i, a) => {
-      const p = Array.isArray(this.value) ? this.value.includes(i.value) : this.value === i.value;
-      return c`
+                    ${selectOptions?.length === 0
+            ? html `<lit-menu-item disabledButtons=${true}>
+                              ${msg('Nenalezeno')}</lit-menu-item
+                          > `
+            : selectOptions?.map((option, index) => {
+                const selected = Array.isArray(this.value)
+                    ? this.value.includes(option.value)
+                    : this.value === option.value;
+                return html `
                                   <lit-menu-item
-                                      id="${this.id}-${a}"
-                                      .isActive=${this.selectedIndex === a || p && !this.multiple}
-                                      .onClick="${() => this.selectOption(i.value)}"
+                                      id="${this.id}-${index}"
+                                      .isActive=${this.selectedIndex === index ||
+                    (selected && !this.multiple)}
+                                      .onClick="${() => this.selectOption(option.value)}"
                                   >
                                       <span class="menu-item--multiple">
-                                          ${this.multiple ? c`<lit-checkbox
+                                          ${this.multiple
+                    ? html `<lit-checkbox
                                                     class="cursor"
-                                                    .checked=${p}
-                                                ></lit-checkbox>` : ""}
-                                          ${i.label}
+                                                    .checked=${selected}
+                                                ></lit-checkbox>`
+                    : ''}
+                                          ${option.label}
                                       </span>
                                   </lit-menu-item>
                               `;
-    })}
+            })}
                 </lit-menu>
             </simple-popper>
         `;
-  }
+    }
 };
-s.styles = v`
+LitSelect.styles = css `
         .custom-icon-wrapper {
             position: relative;
             width: 100%;
@@ -285,55 +360,54 @@ s.styles = v`
             align-items: center;
         }
     `;
-o([
-  l({ type: String })
-], s.prototype, "id", 2);
-o([
-  l({ type: Array })
-], s.prototype, "value", 2);
-o([
-  l({ type: Array })
-], s.prototype, "options", 2);
-o([
-  l({ type: Function })
-], s.prototype, "onChange", 2);
-o([
-  l({ type: Boolean })
-], s.prototype, "multiple", 2);
-o([
-  l({ type: Boolean })
-], s.prototype, "disableClearButton", 2);
-o([
-  l({ type: Boolean })
-], s.prototype, "disabled", 2);
-o([
-  l({ type: Boolean })
-], s.prototype, "server", 2);
-o([
-  l({ type: String })
-], s.prototype, "operator", 2);
-o([
-  l({ type: Function })
-], s.prototype, "setOperator", 2);
-o([
-  l({ type: Array })
-], s.prototype, "filterOperators", 2);
-o([
-  l({ reflect: !0, type: Boolean }),
-  h()
-], s.prototype, "isOpen", 2);
-o([
-  h()
-], s.prototype, "searchQuery", 2);
-o([
-  h()
-], s.prototype, "selectedIndex", 2);
-o([
-  f("#menu")
-], s.prototype, "menu", 2);
-s = o([
-  y("lit-select")
-], s);
-export {
-  s as LitSelect
-};
+__decorate([
+    property({ type: String })
+], LitSelect.prototype, "id", void 0);
+__decorate([
+    property({ type: Array })
+], LitSelect.prototype, "value", void 0);
+__decorate([
+    property({ type: Array })
+], LitSelect.prototype, "options", void 0);
+__decorate([
+    property({ type: Function })
+], LitSelect.prototype, "onChange", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitSelect.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitSelect.prototype, "disableClearButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitSelect.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitSelect.prototype, "server", void 0);
+__decorate([
+    property({ type: String })
+], LitSelect.prototype, "operator", void 0);
+__decorate([
+    property({ type: Function })
+], LitSelect.prototype, "setOperator", void 0);
+__decorate([
+    property({ type: Array })
+], LitSelect.prototype, "filterOperators", void 0);
+__decorate([
+    property({ reflect: true, type: Boolean }),
+    state()
+], LitSelect.prototype, "isOpen", void 0);
+__decorate([
+    state()
+], LitSelect.prototype, "searchQuery", void 0);
+__decorate([
+    state()
+], LitSelect.prototype, "selectedIndex", void 0);
+__decorate([
+    query('#menu')
+], LitSelect.prototype, "menu", void 0);
+LitSelect = __decorate([
+    customElement('lit-select')
+], LitSelect);
+export { LitSelect };
+//# sourceMappingURL=lit-select.js.map

package/dist/shared/lit-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-select.js","sourceRoot":"","sources":["../../src/shared/lit-select.ts"],"names":[],"mappings":"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"}

package/dist/shared/lit-settings.js

@@ -0,0 +1,77 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, property } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+// components
+import './lit-input.js';
+import './lit-checkbox.js';
+import './lit-date-picker.js';
+import './lit-select.js';
+let LitSettings = class LitSettings extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = {};
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    render() {
+        const properties = this.schema?.properties || {};
+        return html `
+            <div class="settings-container">
+                ${Object.entries(properties).map(([key, definition]) => {
+            return html `
+                        <div class="setting-field">
+                            <div class="setting-label">${key}</div>
+                            <div class="setting-input">${this.renderField(key, definition)}</div>
+                        </div>
+                    `;
+        })}
+            </div>
+        `;
+    }
+    renderField(key, definition) {
+        const value = this.value?.[key];
+        if (definition.type === 'boolean') {
+            return html ` <lit-checkbox .checked=${!!value}></lit-checkbox> `;
+        }
+        if (definition.type === 'string') {
+            if (definition.enum) {
+                return html `
+                    <lit-select
+                        .options=${definition.enum}
+                        .value=${value}
+                        .multiple=${definition.multiple || false}
+                    ></lit-select>
+                `;
+            }
+            if (definition.format === 'date') {
+                return html ` <lit-date-picker .value=${value}></lit-date-picker> `;
+            }
+            return html ` <lit-input .value=${value ?? ''}></lit-input> `;
+        }
+        if (definition.type === 'number' || definition.type === 'integer') {
+            return html ` <lit-input type="number" .value=${value ?? ''}></lit-input> `;
+        }
+        return html `<div>Unsupported type: ${definition.type}</div>`;
+    }
+};
+LitSettings.styles = [css ``];
+__decorate([
+    property({ type: Object })
+], LitSettings.prototype, "schema", void 0);
+__decorate([
+    property({ type: Object })
+], LitSettings.prototype, "value", void 0);
+__decorate([
+    property({ type: Function })
+], LitSettings.prototype, "onSettingsChanged", void 0);
+LitSettings = __decorate([
+    customElement('lit-settings')
+], LitSettings);
+export { LitSettings };
+//# sourceMappingURL=lit-settings.js.map