overview-components 1.1.0 → 1.1.11

package/dist/shared/lit-input.js

@@ -9,7 +9,6 @@ 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';
-import { getDefaultOperator } from '../utils/getOperatorByType.js';
 let LitInput = class LitInput extends LitElement {
     constructor() {
         super(...arguments);
@@ -20,6 +19,8 @@ let LitInput = class LitInput extends LitElement {
         this.required = false;
         this.server = false;
         this.disabled = false;
+        this.filterOperators = [];
+        this.size = 'small';
         this.setOperator = (operator) => { };
     }
     connectedCallback() {
@@ -42,124 +43,151 @@ let LitInput = class LitInput extends LitElement {
         firstFocusable?.focus();
     }
     render() {
-        return html `
-            <div class="custom-icon-wrapper">
-                <input
-                    type="${this.type}"
-                    placeholder="${this.placeholder}"
+        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;
+            //this.value = value;
             if (this.onInput) {
                 this.onInput(value);
             }
-            if (value === '') {
-                this.setOperator(getDefaultOperator(this.type === 'text' ? 'string' : 'number'));
+        }}
+                    @blur=${(e) => {
+            const input = e.target;
+            const value = input.value;
+            //this.value = value;
+            if (this.onBlur) {
+                this.onBlur(value);
             }
-        }}
-                    .value="${this.value}"
-                    ?required="${this.required}"
-                    .disabled="${this.disabled}"
-                />
-                ${this.value && !this.disableClearButton
-            ? html `<div
+        }}
+                    .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 = null;
+                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>
+            }}
+                          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"
-                          .type="${this.type === 'text' ? 'string' : 'number'}"
+            ? html `<lit-data-grid-operators-popover
+                          class="filter-icon"
+                          b
+                          .type="${this.type === 'text' ? 'string' : 'number'}"
                           .setOperator="${(value) => {
                 this.setOperator(value);
-            }}"
-                          .operator="${this.operator}"
+            }}"
+                          .operator="${this.operator}"
                           @mousedown=${(e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            }}
-                          .disabled="${this.disabled}"
+            }}
+                          .disabled="${this.disabled}"
+                          .filterOperators="${this.filterOperators}"
                       ></lit-data-grid-operators-popover>`
-            : null}
-            </div>
+            : null}
+            </div>
         `;
     }
 };
 LitInput.styles = [
-    css `
-            input {
-                padding: 0.5rem 0.75rem 0.5rem 0.75rem;
-                border: 0.0625rem solid var(--color-divider, #d0d3db);
-                border-radius: 0.25rem;
-                min-width: 0;
-                width: -webkit-fill-available;
-            }
-
-            input[type='number']::-webkit-inner-spin-button,
-            input[type='number']::-webkit-outer-spin-button {
-                -webkit-appearance: none;
-                margin: 0;
-            }
-
-            input:hover {
-                border: 0.0625rem solid var(--color-secondary-main, #111827);
-            }
-
-            input:focus {
-                outline: none;
-                border: 0.0625rem solid var(--color-secondary-dark, #010204);
-            }
-
-            .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;
-            }
+    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([
@@ -174,6 +202,9 @@ __decorate([
 __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);
@@ -192,6 +223,12 @@ __decorate([
 __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);

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

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

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

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit-element';
+import './lit-icon.js';
+import './lit-icon-button.js';
+export declare class LitLabel extends LitElement {
+    label: string;
+    tooltip?: string;
+    disabled: boolean;
+    error: boolean;
+    required: boolean;
+    static styles: import("lit-element").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-label.d.ts","sourceRoot":"","sources":["../../src/shared/lit-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,aAAa,CAAC;AAEpD,OAAO,eAAe,CAAC;AAEvB,OAAO,sBAAsB,CAAC;AAC9B,qBACa,QAAS,SAAQ,UAAU;IACR,KAAK,SAAM;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,UAAS;IACjB,KAAK,UAAS;IACd,QAAQ,UAAS;IAE9C,MAAM,CAAC,MAAM,kCA2BX;IAEF,MAAM;CAuCT"}

package/dist/shared/lit-label.js

@@ -0,0 +1,104 @@
+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-element';
+import { customElement, property } from 'lit/decorators.js';
+import './lit-icon.js';
+import { tooltip } from './simple-tooltip.js';
+import './lit-icon-button.js';
+let LitLabel = class LitLabel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.label = '';
+        this.disabled = false;
+        this.error = false;
+        this.required = false;
+    }
+    render() {
+        const labelClass = [
+            'label',
+            this.error ? 'error' : '',
+            this.disabled ? 'disabled' : '',
+            this.required ? 'required' : '',
+        ].join(' ');
+        return html `
+            ${this.label
+            ? html `
+                          <div class="label-container" style="display: flex; align-items: center;">
+                              ${this.required
+                ? html `<lit-icon
+                                        icon="requiredFilled"
+                                        size="0.625rem"
+                                        style="transform: translate(1px, -2px);  color: var(--color-error-main, #d32f2f);"
+                                        @tooltip=${tooltip(this.tooltip, 'left')}
+                                    ></lit-icon>`
+                : ''}
+                              <label class="${labelClass}">
+                                  ${this.label}
+                                  ${this.tooltip
+                ? html `<lit-icon
+                                            icon="help2"
+                                            size="1rem"
+                                            style="top:0.0625rem"
+                                            @tooltip=${tooltip(this.tooltip, 'left')}
+                                        ></lit-icon>`
+                : ''}
+                              </label>
+                          </div>
+                      `
+            : ''}
+            </div>
+        `;
+    }
+};
+LitLabel.styles = css `
+        :host {
+            display: block;
+            font-family: inherit;
+        }
+        .label {
+            font-size: 1rem;
+            margin-left: 0.875rem;
+            color: var(--text-secondary, #777);
+            font-weight: 500;
+            font-size: 0.875rem;
+            line-height: 160%;
+            letter-spacing: 0rem;
+            display: flex;
+            align-items: center;
+            gap: 0.625rem;
+        }
+        .label.error {
+            color: var(--color-error-main, #d32f2f);
+        }
+        .label.disabled {
+            color: var(--text-disabled, #b0b0b0);
+            cursor: not-allowed;
+        }
+        .label.required {
+            margin-left: 0.5rem;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitLabel.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitLabel.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitLabel.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitLabel.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitLabel.prototype, "required", void 0);
+LitLabel = __decorate([
+    customElement('lit-label')
+], LitLabel);
+export { LitLabel };
+//# sourceMappingURL=lit-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-label.js","sourceRoot":"","sources":["../../src/shared/lit-label.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAC;AACnE,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAEvB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QACyB,UAAK,GAAG,EAAE,CAAC;QAEV,aAAQ,GAAG,KAAK,CAAC;QACjB,UAAK,GAAG,KAAK,CAAC;QACd,aAAQ,GAAG,KAAK,CAAC;IAsElD,CAAC;IAvCG,MAAM;QACF,MAAM,UAAU,GAAG;YACf,OAAO;YACP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YAC/B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAClC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEZ,OAAO,IAAI,CAAA;cAEH,IAAI,CAAC,KAAK;YACN,CAAC,CAAC,IAAI,CAAA;;gCAEM,IAAI,CAAC,QAAQ;gBACX,CAAC,CAAC,IAAI,CAAA;;;;mDAIW,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;iDAC/B;gBACf,CAAC,CAAC,EAAE;8CACQ,UAAU;oCACpB,IAAI,CAAC,KAAK;oCACV,IAAI,CAAC,OAAO;gBACV,CAAC,CAAC,IAAI,CAAA;;;;uDAIW,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;qDAC/B;gBACf,CAAC,CAAC,EAAE;;;uBAGnB;YACH,CAAC,CAAC,EACV;;SAEH,CAAC;IACN,CAAC;;AAnEM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BlB,AA3BY,CA2BX;AAjC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAkB;AAChB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAkB;AACjB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCAAe;AACd;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAkB;AALrC,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA2EpB"}

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

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import './lit-icon.js';
-export declare class LitMenu extends LitElement {
+export declare class LitLoader extends LitElement {
     size?: 'small' | 'medium';
     static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"lit-loader.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,eAAe,CAAC;AAGvB,qBACa,OAAQ,SAAQ,UAAU;IACP,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAY;IACjE,MAAM,CAAC,MAAM,0BAuCX;IAEF,MAAM;CAGT"}
+{"version":3,"file":"lit-loader.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,eAAe,CAAC;AAEvB,qBACa,SAAU,SAAQ,UAAU;IACT,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAY;IACjE,MAAM,CAAC,MAAM,0BAuCX;IAEF,MAAM;CAKT"}

package/dist/shared/lit-loader.js

@@ -8,16 +8,18 @@ import { LitElement, html, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 //components
 import './lit-icon.js';
-let LitMenu = class LitMenu extends LitElement {
+let LitLoader = class LitLoader extends LitElement {
     constructor() {
         super(...arguments);
         this.size = 'medium';
     }
     render() {
-        return html `<div class="loader-container"><div class="loader loader--${this.size}"></div></div> `;
+        return html `<div class="loader-container">
+            <div class="loader loader--${this.size}"></div>
+        </div> `;
     }
 };
-LitMenu.styles = css `
+LitLoader.styles = css `
         /* Loader */
         .loader-container {
             display: flex;
@@ -37,7 +39,7 @@ LitMenu.styles = css `
         .loader--small {
             width: 10px;
             height: 10px;
-            border: 2px solid #ccc;
+            border: 1px solid #ccc;
             border-top: 1px solid var(--color-primary-main, #76b703);
         }
 
@@ -59,9 +61,9 @@ LitMenu.styles = css `
     `;
 __decorate([
     property({ type: String })
-], LitMenu.prototype, "size", void 0);
-LitMenu = __decorate([
+], LitLoader.prototype, "size", void 0);
+LitLoader = __decorate([
     customElement('lit-loader')
-], LitMenu);
-export { LitMenu };
+], LitLoader);
+export { LitLoader };
 //# sourceMappingURL=lit-loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"lit-loader.js","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAIhB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QACyB,SAAI,GAAwB,QAAQ,CAAC;IA6CrE,CAAC;IAHG,MAAM;QACF,OAAO,IAAI,CAAA,4DAA4D,IAAI,CAAC,IAAI,iBAAiB,CAAC;IACtG,CAAC;;AA3CM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuClB,AAvCY,CAuCX;AAxC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAsC;AADxD,OAAO;IADnB,aAAa,CAAC,YAAY,CAAC;GACf,OAAO,CA8CnB"}
+{"version":3,"file":"lit-loader.js","sourceRoot":"","sources":["../../src/shared/lit-loader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAGhB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QACyB,SAAI,GAAwB,QAAQ,CAAC;IA+CrE,CAAC;IALG,MAAM;QACF,OAAO,IAAI,CAAA;yCACsB,IAAI,CAAC,IAAI;gBAClC,CAAC;IACb,CAAC;;AA7CM,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuClB,AAvCY,CAuCX;AAxC0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAsC;AADxD,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAgDrB"}

package/dist/shared/lit-loading-bar.d.ts

@@ -1,20 +1,20 @@
 import { LitElement } from 'lit';
 import type { IconArray } from './lit-icon.js';
 import './lit-icon.js';
-export type LitMenuProps = {
+export type LitLoadingBarTypes = {
     icon: typeof IconArray;
     disabled?: boolean;
     isActive?: boolean;
     click: () => void;
 };
-export declare class LitMenu extends LitElement {
+export declare class LitLoadingBar extends LitElement {
     static styles: import("lit").CSSResult;
     isLoading?: string;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lit-loading-bar': LitMenuProps;
+        'lit-loading-bar': LitLoadingBarTypes;
     }
 }
 //# sourceMappingURL=lit-loading-bar.d.ts.map

package/dist/shared/lit-loading-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lit-loading-bar.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,OAAQ,SAAQ,UAAU;IACnC,MAAM,CAAC,MAAM,0BA+DX;IAE0B,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,YAAY,CAAC;KACnC;CACJ"}
+{"version":3,"file":"lit-loading-bar.d.ts","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,kBAAkB,GAAG;IAC7B,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,qBACa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BA+DX;IAE0B,SAAS,CAAC,EAAE,MAAM,CAAC;IAE/C,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,kBAAkB,CAAC;KACzC;CACJ"}