overview-components 1.1.162 → 1.1.165

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,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAEvB,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAgB5D,MAAM,OAAO,UAAW,SAAQ,UAAU;IAA1C;;QACI,qEAAqE;QACzC,YAAO,GAAuB,WAAW,CAAC;QAC1C,UAAK,GAAqB,SAAS,CAAC;QACpC,SAAI,GAA2C,QAAQ,CAAC;QACvD,aAAQ,GAAa,KAAK,CAAC;QACZ,WAAM,GAAa,KAAK,CAAC;QACzC,SAAI,GAAU,KAAK,CAAC;QACnB,WAAM,GAAa,KAAK,CAAC;QACzB,YAAO,GAAa,KAAK,CAAC;IAoH3D,CAAC;IA5BG,mDAAmD;IACnD,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,YAAY,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QACpH,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,IAAI,IAAI,CAAC,OAAO,UAAU,OAAO;kBAC5D,IAAI,CAAC,OAAO;YACV,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,IAAI,UAAU;YACzD,CAAC,CAAC,EAAE;;uBAED,IAAI,CAAC,IAAI;YACZ,IAAI,CAAA;wCACgB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;qCACpC,IAAI,CAAC,MAAM;gCAChB,QAAQ;+BACT,IAAI,CAAC,IAAI;iCACP;;;SAGxB,CAAC;IACN,CAAC;;AAjHD,qDAAqD;AAC9C,iBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA+EF;CACJ,AAnFY,CAmFX;AA7F0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAA2C;AAC1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAqC;AACpC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAyD;AACvD;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;AACzB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAA2B;AAsH3D,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAChD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;AAChE,CAAC"}

package/dist/shared/lit-icon.js

@@ -0,0 +1,337 @@
+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 { property } from 'lit/decorators.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',
+    'aiFilter',
+    'magic',
+    'sparkle',
+    'send',
+];
+export class LitIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = 'add';
+        this.size = '1.375rem';
+        this.isActive = false;
+        this.aiIcon = false;
+        this.disabled = false;
+        this.notRotateIcon = ['arrowLeft', 'arrowRight'];
+    }
+    render() {
+        const glyph = this.icon ? glyphs[this.icon] : undefined;
+        if (!glyph) {
+            return html `<span>Icon not found</span>`;
+        }
+        if (this.aiIcon) {
+            const gradientId = this.disabled ? 'icon-gradient-disabled' : 'icon-gradient';
+            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"
+                >
+                    <defs>
+                        <linearGradient id="icon-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
+                            <stop offset="0%" stop-color="#573493" />
+                            <stop offset="100%" stop-color="#e78047" />
+                        </linearGradient>
+                        <linearGradient id="icon-gradient-disabled" x1="0%" y1="0%" x2="100%" y2="0%">
+                            <stop offset="0%" stop-color="var(--text-disabled, #9ca3af)" />
+                            <stop offset="100%" stop-color="var(--text-disabled, #9ca3af)" />
+                        </linearGradient>
+                    </defs>
+                    <g transform="translate(0,20)">
+                        <path d="${glyph?.d ?? ''}" fill="url(#${gradientId})" />
+                    </g>
+                </svg>
+            `;
+        }
+        else {
+            const svgStyle = this.disabled
+                ? `width: ${this.size || '1.5rem'}; height: ${this.size || '1.5rem'}; fill: var(--text-disabled, #9ca3af);`
+                : this.isActive
+                    ? `width: ${this.size || '1.5rem'}; height: ${this.size || '1.5rem'}; fill: var(--color-primary-main, #76b703);`
+                    : `width: ${this.size || '1.5rem'}; height: ${this.size || '1.5rem'};`;
+            return html `
+                <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 512 512"
+                    style="${svgStyle}"
+                    class="rotated"
+                    fill="${this.isActive || this.disabled ? 'none' : 'currentColor'}"
+                >
+                    <g transform="translate(0,20)">
+                        <path d="${glyph?.d ?? ''}" />
+                    </g>
+                </svg>
+            `;
+        }
+    }
+}
+LitIcon.styles = [
+    css `
+            :host {
+                position: relative;
+                display: inline-block;
+            }
+            svg {
+                position: relative;
+                top: 0.0625rem;
+            }
+            svg.rotated {
+                transform: scaleY(-1);
+            }
+            
+            :host([disabled]) {
+                opacity: 0.6;
+                filter: grayscale(0.3);
+                cursor: not-allowed;
+                pointer-events: none;
+                transition: opacity 0.2s ease, filter 0.2s ease;
+            }
+            
+            :host([disabled]) svg {
+                color: var(--text-disabled, #9ca3af) !important;
+            }
+        `,
+];
+__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);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitIcon.prototype, "aiIcon", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitIcon.prototype, "disabled", void 0);
+if (!window.customElements.get('lit-icon')) {
+    window.customElements.define('lit-icon', 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":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,SAAS;IACT,gBAAgB;IAChB,SAAS;IACT,KAAK;IACL,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,MAAM;IACN,YAAY;IACZ,OAAO;IACP,UAAU;IACV,WAAW;IACX,QAAQ;IACR,UAAU;IACV,MAAM;IACN,MAAM;IACN,OAAO;IACP,WAAW;IACX,SAAS;IACT,WAAW;IACX,UAAU;IACV,SAAS;IACT,OAAO;IACP,QAAQ;IACR,UAAU;IACV,WAAW;IACX,OAAO;IACP,WAAW;IACX,OAAO;IACP,OAAO;IACP,YAAY;IACZ,eAAe;IACf,UAAU;IACV,UAAU;IACV,QAAQ;IACR,YAAY;IACZ,OAAO;IACP,aAAa;IACb,UAAU;IACV,MAAM;IACN,QAAQ;IACR,aAAa;IACb,MAAM;IACN,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,OAAO;IACP,KAAK;IACL,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,aAAa;IACb,MAAM;IACN,SAAS;IACT,OAAO;IACP,YAAY;IACZ,aAAa;IACb,SAAS;IACT,eAAe;IACf,QAAQ;IACR,WAAW;IACX,SAAS;IACT,aAAa;IACb,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,MAAM;IACN,SAAS;IACT,QAAQ;IACR,MAAM;IACN,MAAM;IACN,KAAK;IACL,SAAS;IACT,SAAS;IACT,WAAW;IACX,WAAW;IACX,QAAQ;IACR,UAAU;IACV,IAAI;IACJ,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,aAAa;IACb,iBAAiB;IACjB,YAAY;IACZ,gBAAgB;IAChB,YAAY;IACZ,gBAAgB;IAChB,YAAY;IACZ,sBAAsB;IACtB,qBAAqB;IACrB,aAAa;IACb,eAAe;IACf,eAAe;IACf,iBAAiB;IACjB,aAAa;IACb,YAAY;IACZ,gBAAgB;IAChB,iBAAiB;IACjB,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,aAAa;IACb,mBAAmB;IACnB,iBAAiB;IACjB,oBAAoB;IACpB,mBAAmB;IACnB,YAAY;IACZ,aAAa;IACb,eAAe;IACf,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,cAAc;IACd,YAAY;IACZ,aAAa;IACb,OAAO;IACP,KAAK;IACL,KAAK;IACL,OAAO;IACP,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,WAAW;IACX,QAAQ;IACR,OAAO;IACP,UAAU;IACV,WAAW;IACX,OAAO;IACP,MAAM;IACN,OAAO;IACP,SAAS;IACT,QAAQ;IACR,gBAAgB;IAChB,WAAW;IACX,MAAM;IACN,OAAO;IACP,OAAO;IACP,KAAK;IACL,QAAQ;IACR,OAAO;IACP,SAAS;IACT,MAAM;IACN,gBAAgB;IAChB,WAAW;IACX,aAAa;IACb,SAAS;IACT,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,UAAU;IACV,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,UAAU;IACV,cAAc;IACd,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,iBAAiB;IACjB,cAAc;IACd,WAAW;IACX,IAAI;IACJ,OAAO;IACP,WAAW;IACX,MAAM;IACN,YAAY;IACZ,cAAc;IACd,SAAS;IACT,aAAa;IACb,SAAS;IACT,UAAU;IACV,WAAW;IACX,SAAS;IACT,SAAS;IACT,OAAO;IACP,QAAQ;IACR,aAAa;IACb,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,gBAAgB;IAChB,MAAM;IACN,YAAY;IACZ,IAAI;IACJ,QAAQ;IACR,aAAa;IACb,WAAW;IACX,UAAU;IACV,iBAAiB;IACjB,gBAAgB;IAChB,sBAAsB;IACtB,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,SAAS;IACT,MAAM;IACN,MAAM;IACN,MAAM;IACN,WAAW;IACX,KAAK;IACL,MAAM;IACN,QAAQ;IACR,UAAU;IACV,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,UAAU;IACV,KAAK;IACL,UAAU;IACV,OAAO;IACP,SAAS;IACT,MAAM;CACT,CAAC;AAkOF,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QACgC,SAAI,GAAU,KAAK,CAAC;QACpB,SAAI,GAAY,UAAU,CAAC;QACX,aAAQ,GAAa,KAAK,CAAC;QAC3B,WAAM,GAAa,KAAK,CAAC;QACzB,aAAQ,GAAa,KAAK,CAAC;QAE/D,kBAAa,GAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IAiFlE,CAAC;IApDG,MAAM;QACF,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACxD,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAA,6BAA6B,CAAC;QAC7C,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,eAAe,CAAC;YAC9E,OAAO,IAAI,CAAA;;;;oCAIa,IAAI,CAAC,IAAI,IAAI,QAAQ,aAAa,IAAI,CAAC,IAAI,IAAI,QAAQ;;;;;;;;;;;;;;mCAcxD,KAAK,EAAE,CAAC,IAAI,EAAE,gBAAgB,UAAU;;;aAG9D,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;gBAC1B,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,QAAQ,aAAa,IAAI,CAAC,IAAI,IAAI,QAAQ,wCAAwC;gBAC3G,CAAC,CAAC,IAAI,CAAC,QAAQ;oBACX,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,QAAQ,aAAa,IAAI,CAAC,IAAI,IAAI,QAAQ,6CAA6C;oBAChH,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,IAAI,QAAQ,aAAa,IAAI,CAAC,IAAI,IAAI,QAAQ,GAAG,CAAC;YAE/E,OAAO,IAAI,CAAA;;;;6BAIM,QAAQ;;4BAET,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc;;;mCAGjD,KAAK,EAAE,CAAC,IAAI,EAAE;;;aAGpC,CAAC;QACN,CAAC;IACL,CAAC;;AA/EM,cAAM,GAAG;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;SAwBF;CACJ,AA1BY,CA0BX;AAjC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAqB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAA4B;AACX;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA4B;AAC3B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAA0B;AACzB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAA4B;AAqF3E,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACzC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AACtD,CAAC"}

package/dist/shared/lit-input.js

@@ -0,0 +1,282 @@
+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 { 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';
+export class LitInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.id = '';
+        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.rows = 3;
+        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, textarea');
+        if (inputElement) {
+            return inputElement.reportValidity();
+        }
+        return false;
+    }
+    focus() {
+        const firstFocusable = this.shadowRoot?.querySelector('input, textarea');
+        firstFocusable?.focus();
+    }
+    render() {
+        const classes = this.type === 'textarea' ? '' : `${this.size}-size`;
+        const inputHandler = (e) => {
+            const target = e.target;
+            const value = target.value;
+            if (this.onInput) {
+                this.onInput(value);
+            }
+        };
+        const blurHandler = (e) => {
+            const target = e.target;
+            const value = target.value;
+            if (this.onBlur) {
+                this.onBlur(value);
+            }
+        };
+        const valueString = typeof this.value === 'object' ? this.value?.value || '' : this.value || '';
+        return html `
+            <div class="custom-icon-wrapper">
+                ${this.type === 'textarea'
+            ? html `
+                          <textarea
+                              id="${this.id ||
+                `input-${Math.random().toString(36).substring(2, 11)}`}"
+                              class=${classes}
+                              placeholder="${this.placeholder}"
+                              rows="${this.rows || 3}"
+                              cols="${this.cols || ''}"
+                              @input=${inputHandler}
+                              @blur=${blurHandler}
+                              .value="${valueString}"
+                              ?required="${this.required}"
+                              .disabled="${this.disabled}"
+                          ></textarea>
+                      `
+            : html `
+                          <input
+                              id="${this.id ||
+                `input-${Math.random().toString(36).substring(2, 11)}`}"
+                              class=${classes}
+                              type="${this.type}"
+                              placeholder="${this.placeholder}"
+                              step="any"
+                              @input=${inputHandler}
+                              @blur=${blurHandler}
+                              .value="${valueString}"
+                              ?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"
+                              color="secondary"
+                          ></lit-icon-button>
+                      </div>`
+            : ''}
+                ${this.server && this.type !== 'textarea'
+            ? 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,
+            textarea {
+                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);
+                font-family: inherit;
+                font-size: 0.8125rem;
+                resize: vertical;
+            }
+
+            input[type='number']::-webkit-inner-spin-button,
+            input[type='number']::-webkit-outer-spin-button {
+                -webkit-appearance: none;
+                margin: 0;
+            }
+
+            input[type='number'] {
+                -moz-appearance: textfield;
+            }
+
+            input:hover:not(:disabled),
+            textarea:hover:not(:disabled) {
+                border: 0.0625rem solid var(--color-secondary-main, #111827);
+            }
+
+            input:focus,
+            textarea:focus {
+                outline: none;
+                border: 0.0625rem solid var(--color-secondary-dark, #010204);
+            }
+
+            input:disabled,
+            textarea: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, "id", void 0);
+__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: Number })
+], LitInput.prototype, "rows", void 0);
+__decorate([
+    property({ type: Number })
+], LitInput.prototype, "cols", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "setOperator", void 0);
+if (!window.customElements.get('lit-input')) {
+    window.customElements.define('lit-input', 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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"}