overview-components 0.6.0

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 = [
+    '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',
+    'succes',
+    'time',
+    'trash',
+    'pen',
+    'unlike',
+    'user',
+    'puzzle',
+    'informative',
+    'save',
+    'warning',
+    'help1',
+    'accomplish',
+    'addDocument',
+    'addNote',
+    'checkbox-empty',
+    'expand',
+    'duplicate',
+    'history',
+    'instruction',
+    'radioEmpty',
+    'print',
+    'zoomIn',
+    'view',
+    'reading',
+    'reload',
+    'logs',
+    'flow',
+    'csv',
+    'contat',
+    'columns',
+    'hamburger',
+    'beginning',
+    'signal',
+    'variable',
+    'up',
+    'upload',
+    'revision',
+    'typing',
+    'tasksFilled',
+    'overviewsFilled',
+    'homeFilled',
+    'favoriteFilled',
+    'flagFilled',
+    'darkModeFilled',
+    'bellFilled',
+    'administrationFilled',
+    'administratorFilled',
+    'casesFilled',
+    'documentsFilled',
+    'manualsFilled',
+    'reportsFilled',
+    'structureFilled',
+    'usersFilled',
+    'userFilled',
+    'settingsFilled',
+    'lightModeFilled',
+    'leaveFilled',
+    'searchFilled',
+    'checkboxFilled',
+    'checkFilled',
+    'chevronDownFilled',
+    'chevronUpFilled',
+    'chevronRightFilled',
+    'chevronLeftFilled',
+    'logsFilled',
+    'radioFilled',
+    'historyFilled',
+    'reguiredFilled',
+    'sortFilled',
+    'variableFilled',
+    'dangerFilled',
+    'eventsFilled',
+    'helpFilled',
+    'rolesFilled',
+    'clean',
+    'dms',
+    'cog',
+    'email',
+    'files',
+    'chevron',
+    'hand',
+    'hide',
+    'hierarchy',
+    'import',
+    'index',
+    'infinity',
+    'infinity-2',
+    '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',
+    'templatesFilled',
+    'planningFilled',
+    'approval',
+    'certificate-1',
+    'change',
+    'chevrondown',
+    'cursor',
+    'copylink',
+    'column',
+    'documentsFilled',
+    'filterFilled',
+    'filteroff',
+    'hr',
+    'image',
+    'lock',
+    'outoftime',
+    'news',
+    'newsFilled',
+    'morevertical',
+    'spinner',
+    'userFilled1',
+    'tasksii',
+    'rowlarge',
+    'rowmedium',
+    'rowmall',
+    'touchid',
+    'acces',
+    'agenda',
+    'annoncement',
+    'e-mail2',
+    'export',
+    'faceid',
+    'deviceregister',
+    'lock',
+    'outoftime2',
+    'news',
+    'qr',
+    'unlock',
+    'zastupovany',
+    'csvFilled',
+    'qrFilled',
+    'knowledgeFilled',
+    'hragendaFilled',
+    'deviceregisterFilled',
+    'agregation',
+    'code',
+    'flowii',
+    'cursor-1',
+    'drag',
+    'link',
+    'lang',
+    'pinFilled',
+    'pin',
+    'play',
+    'return',
+    'sorting-1',
+    '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'}"
+            >
+                <path d="${glyph.d}" />
+            </svg>
+        `;
+    }
+};
+LitIcon.styles = [
+    styles,
+    css `
+            :host {
+                display: inline-block;
+            }
+            svg {
+                position: relative;
+                top: 1.5px;
+            }
+            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-pill.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class LitPill extends LitElement {
+    count?: number | null;
+    loading: boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1> | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-pill': LitPill;
+    }
+}
+//# sourceMappingURL=lit-pill.d.ts.map

package/dist/shared/lit-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-pill.d.ts","sourceRoot":"","sources":["../../src/shared/lit-pill.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IACP,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,UAAS;IAE7C,MAAM,CAAC,MAAM,4BAgDX;IAEF,MAAM;CAeT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,UAAU,EAAE,OAAO,CAAC;KACvB;CACJ"}

package/dist/shared/lit-pill.js

@@ -0,0 +1,88 @@
+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';
+let LitPill = class LitPill extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.loading = false; // Načítavací stav
+    }
+    render() {
+        const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
+        const showSpinner = this.loading;
+        const countNumber = this.count && this.count < 100 ? this.count : '99+';
+        if (hasCount || showSpinner) {
+            return html `
+                <div class="pill--wrapper">
+                    ${hasCount ? html ` <div class="pill">${countNumber}</div> ` : ''}
+                    ${showSpinner ? html ` <div class="pill__loading-spinner"></div> ` : ''}
+                </div>
+            `;
+        }
+        return null;
+    }
+};
+LitPill.styles = [
+    // styles,
+    css `
+            .pill--wrapper {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                height: 20px;
+                min-width: 20px;
+                background-color: var(--color-success-main, #76b703);
+                border-radius: 50px;
+            }
+
+            .pill {
+                padding: 0 0.375rem;
+                font-size: 0.6875rem;
+                font-weight: 600;
+                color: white;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                white-space: nowrap;
+                transition: background-color 0.3s ease;
+            }
+
+            .pill:disabled {
+                background-color: var(--color-primary-disabled, #d0d3db);
+            }
+
+            .pill__loading-spinner {
+                width: 20px;
+                height: 20px;
+                border: 2px solid var(--color-divider, #d0d3db);
+                border-top: 2px solid var(--color-primary-main, #76b703);
+                border-radius: 50%;
+                animation: spin 1s linear infinite;
+                position: absolute;
+            }
+
+            @keyframes spin {
+                0% {
+                    transform: rotate(0deg);
+                }
+                100% {
+                    transform: rotate(360deg);
+                }
+            }
+        `,
+];
+__decorate([
+    property({ type: Number })
+], LitPill.prototype, "count", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitPill.prototype, "loading", void 0);
+LitPill = __decorate([
+    customElement('lit-pill')
+], LitPill);
+export { LitPill };
+//# sourceMappingURL=lit-pill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-pill.js","sourceRoot":"","sources":["../../src/shared/lit-pill.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIrC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAE0B,YAAO,GAAG,KAAK,CAAC,CAAC,kBAAkB;IAmEpE,CAAC;IAfG,MAAM;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QACpF,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;QACjC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;QACxE,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAA;;sBAED,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,WAAW,SAAS,CAAC,CAAC,CAAC,EAAE;sBAC9D,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA,6CAA6C,CAAC,CAAC,CAAC,EAAE;;aAE7E,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;;AAhEM,cAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6CF;CACJ,AAhDY,CAgDX;AAnD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAuB;AACrB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAiB;AAFpC,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAqEnB"}

package/dist/shared/lit-responsive-button.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import './lit-icon-button.js';
+import './lit-button.js';
+import type { Icon } from './lit-icon.js';
+import { ButtonVariant } from './lit-button.js';
+export declare class LitResponsiveButton extends LitElement {
+    variant?: ButtonVariant;
+    size?: 'small' | 'medium' | 'large';
+    label?: string;
+    icon?: Icon;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    count?: number | undefined;
+    onClick?: (event: MouseEvent) => void;
+    active?: boolean;
+    private isSmallScreen;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updateScreenSize;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-responsive-button': LitResponsiveButton;
+    }
+}
+//# sourceMappingURL=lit-responsive-button.d.ts.map

package/dist/shared/lit-responsive-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-responsive-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-responsive-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAa,MAAM,iBAAiB,CAAC;AAE3D,qBACa,mBAAoB,SAAQ,UAAU;IACnB,OAAO,CAAC,EAAE,aAAa,CAAe;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAY;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAS;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAS;IAE7C,OAAO,CAAC,aAAa,CAAS;IAEvC,iBAAiB;IAMjB,oBAAoB;IAKpB,OAAO,CAAC,gBAAgB;IAIxB,MAAM;CAwBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,mBAAmB,CAAC;KAChD;CACJ"}

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

@@ -0,0 +1,94 @@
+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, state } from 'lit/decorators.js';
+import { html, LitElement } from 'lit';
+import './lit-icon-button.js';
+import './lit-button.js';
+let LitResponsiveButton = class LitResponsiveButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = 'contained';
+        this.size = 'medium';
+        this.label = 'Button';
+        this.fullWidth = false;
+        this.disabled = false;
+        this.count = undefined;
+        this.active = false;
+        this.isSmallScreen = false; // Stav pre breakpoint
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateScreenSize(); // Inicializácia
+        window.addEventListener('resize', this.updateScreenSize.bind(this)); // Počúvanie na zmenu veľkosti
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.updateScreenSize.bind(this)); // Odstránenie listenera
+        super.disconnectedCallback();
+    }
+    updateScreenSize() {
+        this.isSmallScreen = window.matchMedia('(max-width: 600px)').matches; // Kontrola veľkosti obrazovky
+    }
+    render() {
+        return this.isSmallScreen
+            ? html `
+                  <lit-icon-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .size="${this.size}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-icon-button>
+              `
+            : html `
+                  <lit-button
+                      .icon="${this.icon}"
+                      .variant="${this.variant}"
+                      .count="${this.count}"
+                      .size="${this.size}"
+                      .label="${this.label}"
+                      .fullWidth="${this.fullWidth}"
+                      .disabled="${this.disabled}"
+                      .active="${this.active}"
+                  ></lit-button>
+              `;
+    }
+};
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitResponsiveButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitResponsiveButton.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitResponsiveButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], LitResponsiveButton.prototype, "count", void 0);
+__decorate([
+    property({ type: Function })
+], LitResponsiveButton.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitResponsiveButton.prototype, "active", void 0);
+__decorate([
+    state()
+], LitResponsiveButton.prototype, "isSmallScreen", void 0);
+LitResponsiveButton = __decorate([
+    customElement('lit-responsive-button')
+], LitResponsiveButton);
+export { LitResponsiveButton };
+//# sourceMappingURL=lit-responsive-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-responsive-button.js","sourceRoot":"","sources":["../../src/shared/lit-responsive-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AAMlB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IAA5C;;QACyB,YAAO,GAAmB,WAAW,CAAC;QACtC,SAAI,GAAkC,QAAQ,CAAC;QAC/C,UAAK,GAAY,QAAQ,CAAC;QAEzB,cAAS,GAAa,KAAK,CAAC;QAC5B,aAAQ,GAAa,KAAK,CAAC;QAC5B,UAAK,GAAwB,SAAS,CAAC;QAEtC,WAAM,GAAa,KAAK,CAAC;QAErC,kBAAa,GAAG,KAAK,CAAC,CAAC,sBAAsB;IAyClE,CAAC;IAvCG,iBAAiB;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,gBAAgB;QACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,8BAA8B;IACvG,CAAC;IAED,oBAAoB;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAwB;QAChG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IACjC,CAAC;IAEO,gBAAgB;QACpB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,8BAA8B;IACxG,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAC,aAAa;YACrB,CAAC,CAAC,IAAI,CAAA;;+BAEa,IAAI,CAAC,IAAI;kCACN,IAAI,CAAC,OAAO;+BACf,IAAI,CAAC,IAAI;mCACL,IAAI,CAAC,QAAQ;iCACf,IAAI,CAAC,MAAM;;eAE7B;YACH,CAAC,CAAC,IAAI,CAAA;;+BAEa,IAAI,CAAC,IAAI;kCACN,IAAI,CAAC,OAAO;gCACd,IAAI,CAAC,KAAK;+BACX,IAAI,CAAC,IAAI;gCACR,IAAI,CAAC,KAAK;oCACN,IAAI,CAAC,SAAS;mCACf,IAAI,CAAC,QAAQ;iCACf,IAAI,CAAC,MAAM;;eAE7B,CAAC;IACZ,CAAC;CACJ,CAAA;AAnD+B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAgD;AAC/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAa;AACX;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDAA6B;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAA4B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAwC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;oDAAuC;AACvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDAA0B;AAErC;IAAhB,KAAK,EAAE;0DAA+B;AAX9B,mBAAmB;IAD/B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,mBAAmB,CAoD/B"}

package/dist/shared/lit-select.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import './lit-custom-popper.ts';
+import './lit-icon.ts';
+import './lit-icon-button.ts';
+export declare class LitSelect extends LitElement {
+    value: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (value: string) => void;
+    private isOpen;
+    static styles: import("lit").CSSResult;
+    private toggleCustomPopover;
+    private closePopover;
+    private selectOption;
+    private clearValue;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-select': LitSelect;
+    }
+}
+//# sourceMappingURL=lit-select.d.ts.map

package/dist/shared/lit-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-select.d.ts","sourceRoot":"","sources":["../../src/shared/lit-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAE9B,qBACa,SAAU,SAAQ,UAAU;IACT,KAAK,EAAE,MAAM,CAAM;IACpB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAY;IAElE,OAAO,CAAC,MAAM,CAAS;IAEhC,MAAM,CAAC,MAAM,0BA0EX;IAEF,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;IAMlB,MAAM;CAsDT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}