overview-components 1.0.91 → 1.0.93

package/dist/shared/lit-icon-button.js

@@ -0,0 +1,105 @@
+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 { customElement, property } from 'lit/decorators.js';
+import './lit-icon.js';
+// styles
+import buttonStyles from './styles/button-shared-styles.js';
+let IconButton = class IconButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        // Define properties for size and variant with default values
+        this.variant = 'contained';
+        this.size = 'medium';
+        this.disabled = false;
+        this.active = false;
+        this.icon = 'add';
+        this.marked = false;
+    }
+    // Render method to define the component's template
+    render() {
+        const classes = `button--${this.size} button--${this.variant} ${this.active ? 'active' : ''}`;
+        const iconSize = this.size === 'large'
+            ? '1.5rem'
+            : this.size === 'medium' || this.marked
+                ? '1.25rem'
+                : this.size === 'small'
+                    ? '1rem'
+                    : '0.75rem';
+        return html `
+            <button ?disabled=${this.disabled} class=${classes}>
+                <slot name="icon"
+                    >${this.icon &&
+            html `<lit-icon
+                        class="out-ai"
+                        .isActive="${this.marked}"
+                        size="${iconSize}"
+                        icon=${this.icon}
+                    ></lit-icon>`}</slot
+                >
+            </button>
+        `;
+    }
+};
+// Define CSS styles for different sizes and variants
+IconButton.styles = [
+    // styles,
+    buttonStyles,
+    css `
+            /* Base styles for icon button */
+
+            button {
+                cursor: pointer;
+                font-size: inherit;
+            }
+
+            /* Size variations */
+
+            .button--mini {
+                width: 12px;
+                height: 12px;
+            }
+
+            .button--small {
+                width: 20px;
+                height: 20px;
+            }
+
+            .button--medium {
+                width: 48px;
+                height: 36px;
+            }
+
+            .button--large {
+                width: 48px;
+                height: 48px;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], IconButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], IconButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IconButton.prototype, "active", void 0);
+__decorate([
+    property({ type: String })
+], IconButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconButton.prototype, "marked", void 0);
+IconButton = __decorate([
+    customElement('lit-icon-button')
+], IconButton);
+export { IconButton };
+//# sourceMappingURL=lit-icon-button.js.map

package/dist/shared/lit-icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-icon-button.js","sourceRoot":"","sources":["../../src/shared/lit-icon-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAEvB,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAYrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACH,6DAA6D;QACjC,YAAO,GAOb,WAAW,CAAC;QACN,SAAI,GAAkC,QAAQ,CAAC;QAC9C,aAAQ,GAAa,KAAK,CAAC;QACZ,WAAM,GAAa,KAAK,CAAC;QACzC,SAAI,GAAU,KAAK,CAAC;QACnB,WAAM,GAAa,KAAK,CAAC;IA+D1D,CAAC;IAzBG,mDAAmD;IACnD,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC9F,MAAM,QAAQ,GACV,IAAI,CAAC,IAAI,KAAK,OAAO;YACjB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM;gBACrC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO;oBACrB,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,SAAS,CAAC;QACxB,OAAO,IAAI,CAAA;gCACa,IAAI,CAAC,QAAQ,UAAU,OAAO;;uBAEvC,IAAI,CAAC,IAAI;YACZ,IAAI,CAAA;;qCAEa,IAAI,CAAC,MAAM;gCAChB,QAAQ;+BACT,IAAI,CAAC,IAAI;iCACP;;;SAGxB,CAAC;IACN,CAAC;;AA5DD,qDAAqD;AAC9C,iBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6BF;CACJ,AAjCY,CAiCX;AAhD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAOO;AACN;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAgD;AAC9C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA4B;AACZ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAA0B;AACzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAqB;AACnB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAA0B;AAd7C,UAAU;IADtB,aAAa,CAAC,iBAAiB,CAAC;GACpB,UAAU,CA6EtB"}

package/dist/shared/lit-icon.js

@@ -0,0 +1,284 @@
+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 { customElement, property } from 'lit/decorators.js';
+import styles from '../styles.js';
+import glyphs from '../assets/icons/iconGlyphs.js';
+export const IconArray = [
+    '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 LitIcon = class LitIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'add';
+        this.size = '1.375rem';
+        this.isActive = false;
+        this.notRotateIcon = ['arrowLeft', 'arrowRight'];
+    }
+    render() {
+        const glyph = this.icon ? glyphs[this.icon] : undefined;
+        if (!glyph) {
+            return html `<span>Icon not found</span>`;
+        }
+        return html `
+            <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="${glyph.d}" />
+                </g>
+            </svg>
+        `;
+    }
+};
+LitIcon.styles = [
+    styles,
+    css `
+            :host {
+                position: relative;
+                display: inline-block;
+            }
+            svg {
+                position: relative;
+                top: 0.0625rem;
+            }
+            svg.rotated {
+                transform: scaleY(-1);
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitIcon.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], LitIcon.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitIcon.prototype, "isActive", void 0);
+LitIcon = __decorate([
+    customElement('lit-icon')
+], LitIcon);
+export { LitIcon };
+//# sourceMappingURL=lit-icon.js.map

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

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

package/dist/shared/lit-input.js

@@ -0,0 +1,239 @@
+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';
+import '../shared/lit-icon-button.js';
+import '../shared/lit-data-grid-operators-popover.js';
+import { classMap } from 'lit/directives/class-map.js';
+let LitInput = class LitInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'text';
+        this.placeholder = '';
+        this.value = null;
+        this.disableClearButton = false;
+        this.required = false;
+        this.server = false;
+        this.disabled = false;
+        this.filterOperators = [];
+        this.size = 'small';
+        this.setOperator = (operator) => { };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('focus', () => this.focus());
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('focus', () => this.focus());
+    }
+    reportValidity() {
+        const inputElement = this.shadowRoot.querySelector('input');
+        if (inputElement) {
+            return inputElement.reportValidity();
+        }
+        return false;
+    }
+    focus() {
+        const firstFocusable = this.shadowRoot?.querySelector('input');
+        firstFocusable?.focus();
+    }
+    render() {
+        const classes = `${this.size}-size`;
+        return html `
+            <div class="custom-icon-wrapper">
+                <input
+                    class=${classes}
+                    type="${this.type}"
+                    placeholder="${this.placeholder}"
+                    step="any"
+                    @input=${(e) => {
+            const input = e.target;
+            const value = input.value;
+            //this.value = value;
+            if (this.onInput) {
+                this.onInput(value);
+            }
+        }}
+                    @blur=${(e) => {
+            const input = e.target;
+            const value = input.value;
+            //this.value = value;
+            if (this.onBlur) {
+                this.onBlur(value);
+            }
+        }}
+                    .value="${typeof this.value === 'object'
+            ? this.value?.value || ''
+            : this.value || ''}"
+                    ?required="${this.required}"
+                    .disabled="${this.disabled}"
+                />
+                ${(this.value || this.operator === 'isEmpty' || this.operator === 'isNotEmpty') &&
+            !this.disableClearButton
+            ? html `<div
+                          class=${classMap({
+                'custom-icon': true,
+                'custom-icon--no-filter': !this.server, // Trieda ak filter nie je
+            })}
+                          @click=${() => {
+                this.value = '';
+                if (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
+            ? html `<lit-data-grid-operators-popover
+                          class="filter-icon"
+                          b
+                          .type="${this.type === 'text' ? 'string' : 'number'}"
+                          .setOperator="${(value) => {
+                this.setOperator(value);
+            }}"
+                          .operator="${this.operator}"
+                          @mousedown=${(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+            }}
+                          .disabled="${this.disabled}"
+                          .filterOperators="${this.filterOperators}"
+                      ></lit-data-grid-operators-popover>`
+            : null}
+            </div>
+        `;
+    }
+};
+LitInput.styles = [
+    css `
+            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;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "onInput", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "onBlur", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "onClear", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitInput.prototype, "disableClearButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitInput.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitInput.prototype, "server", void 0);
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "operator", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Array })
+], LitInput.prototype, "filterOperators", void 0);
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "size", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "setOperator", void 0);
+LitInput = __decorate([
+    customElement('lit-input')
+], LitInput);
+export { LitInput };
+//# sourceMappingURL=lit-input.js.map

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

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