overview-components 1.0.91 → 1.0.93

package/dist/shared/lit-select.js

@@ -0,0 +1,413 @@
+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 { 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();
+            }
+        };
+    }
+    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();
+        }
+    }
+    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 ?? displayValue ?? ''}"
+                    @input=${this.handleInput}
+                    @click="${this.toggleCustomPopover}"
+                    @keydown=${this.handleKeyDown}
+                    .disabled="${this.disabled}"
+                />
+                ${!this._isTrulyEmpty(this.value) && !this.disableClearButton
+            ? html `
+                          <div
+                              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
+                                  icon="close"
+                                  size="small"
+                                  variant="text"
+                              ></lit-icon-button>
+                          </div>
+                      `
+            : ''}
+                <div class="${classMap(dropdownIconClasses)}">
+                    <lit-icon
+                        class="${this.disabled ? 'dropdown-icon-disabled' : null}"
+                        icon="chevrondown"
+                        size="17px"
+                    ></lit-icon>
+                </div>
+                ${this.server && !this.multiple
+            ? html `<lit-data-grid-operators-popover
+                          class="filter-icon"
+                          .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}
+            </div>
+            <simple-popper
+                .showing=${this.isOpen}
+                placement="bottom-start"
+                @close="${this.closePopover}"
+                manualOpening=${true}
+                maxWidthAsTarget=${true}
+                @keydown=${this.handleKeyDown}
+            >
+                <lit-menu tabindex="0" id="menu">
+                    ${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}-${index}"
+                                      .isActive=${this.selectedIndex === index ||
+                    (selected && !this.multiple)}
+                                      .onClick="${() => this.selectOption(option.value)}"
+                                  >
+                                      <span class="menu-item--multiple">
+                                          ${this.multiple
+                    ? html `<lit-checkbox
+                                                    class="cursor"
+                                                    .checked=${selected}
+                                                ></lit-checkbox>`
+                    : ''}
+                                          ${option.label}
+                                      </span>
+                                  </lit-menu-item>
+                              `;
+            })}
+                </lit-menu>
+            </simple-popper>
+        `;
+    }
+};
+LitSelect.styles = css `
+        .custom-icon-wrapper {
+            position: relative;
+            width: 100%;
+            display: inline-block;
+            color: var(--text-primary, #111827);
+        }
+
+        input {
+            padding: 0.5rem;
+            border: 0.0625rem solid var(--color-divider, #d0d3db);
+            border-radius: 0.25rem;
+            min-width: 70px;
+            width: -webkit-fill-available;
+            width: -moz-available;
+            width: fill-available;
+            background-color: var(--background-paper, #fff);
+            color: var(--text-primary, #111827);
+        }
+
+        input:hover {
+            border: 0.0625rem solid var(--color-secondary-main, #111827);
+            cursor: pointer;
+        }
+
+        input:disabled {
+            cursor: inherit;
+        }
+
+        input:focus {
+            outline: none;
+            border: 0.0625rem solid var(--color-secondary-dark, #010204);
+        }
+
+        .custom-icon-wrapper:hover .custom-icon {
+            display: inline-block;
+        }
+
+        .custom-icon-wrapper .custom-icon {
+            display: none;
+            position: absolute;
+            right: 51px;
+            top: 50%;
+            transform: translateY(-50%);
+            cursor: pointer;
+            pointer-events: auto;
+        }
+
+        .custom-icon-wrapper .custom-icon--no-filter {
+            right: 27px;
+        }
+
+        .custom-icon-wrapper .filter-icon {
+            display: block;
+            position: absolute;
+            right: 10px;
+            top: 50%;
+            transform: translateY(-50%);
+            cursor: pointer;
+            pointer-events: auto;
+        }
+
+        .custom-icon-wrapper .dropdown-icon {
+            position: absolute;
+            right: 34px;
+            top: 50%;
+            transform: translateY(-50%);
+            pointer-events: none;
+        }
+
+        .custom-icon-wrapper .dropdown-icon--no-filter {
+            right: 10px;
+        }
+
+        .custom-icon-wrapper .dropdown-icon--rotate {
+            transform: translateY(-55%) rotate(180deg);
+        }
+
+        .dropdown-icon-disabled {
+            background: #f8f8f8;
+            color: #5d6371;
+        }
+
+        .menu-item--multiple {
+            display: flex;
+            align-items: center;
+        }
+    `;
+__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

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-settings.js","sourceRoot":"","sources":["../../src/shared/lit-settings.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,aAAa;AACb,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AASlB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAEyB,UAAK,GAA4B,EAAE,CAAC;IAyDpE,CAAC;IAtDG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAID,MAAM;QACF,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,UAAU,IAAI,EAAE,CAAC;QAEjD,OAAO,IAAI,CAAA;;kBAED,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE;YACnD,OAAO,IAAI,CAAA;;yDAE0B,GAAG;yDACH,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC;;qBAErE,CAAC;QACN,CAAC,CAAC;;SAET,CAAC;IACN,CAAC;IAEO,WAAW,CAAC,GAAW,EAAE,UAAe;QAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;QAEhC,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO,IAAI,CAAA,2BAA2B,CAAC,CAAC,KAAK,mBAAmB,CAAC;QACrE,CAAC;QAED,IAAI,UAAU,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC/B,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;gBAClB,OAAO,IAAI,CAAA;;mCAEQ,UAAU,CAAC,IAAI;iCACjB,KAAK;oCACF,UAAU,CAAC,QAAQ,IAAI,KAAK;;iBAE/C,CAAC;YACN,CAAC;YAED,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;gBAC/B,OAAO,IAAI,CAAA,4BAA4B,KAAe,sBAAsB,CAAC;YACjF,CAAC;YAED,OAAO,IAAI,CAAA,sBAAsB,KAAK,IAAI,EAAE,gBAAgB,CAAC;QACjE,CAAC;QAED,IAAI,UAAU,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAChE,OAAO,IAAI,CAAA,oCAAoC,KAAK,IAAI,EAAE,gBAAgB,CAAC;QAC/E,CAAC;QAED,OAAO,IAAI,CAAA,0BAA0B,UAAU,CAAC,IAAI,QAAQ,CAAC;IACjE,CAAC;;AAjDM,kBAAM,GAAG,CAAC,GAAG,CAAA,EAAE,CAAC,AAAV,CAAW;AARI;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAa;AACZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAqC;AAClC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;sDAA8D;AAHlF,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA2DvB"}