overview-components 1.1.162 → 1.1.165

package/dist/shared/lit-label.js

@@ -0,0 +1,103 @@
+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 { property } from 'lit/decorators.js';
+import './lit-icon.js';
+import { tooltip } from './simple-tooltip.js';
+import './lit-icon-button.js';
+export 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);
+if (!window.customElements.get('lit-label')) {
+    window.customElements.define('lit-label', 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,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,sBAAsB,CAAC;AAC9B,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QACgC,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;AAwElD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IAC1C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACxD,CAAC"}

package/dist/shared/lit-loader.js

@@ -0,0 +1,68 @@
+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';
+//components
+import './lit-icon.js';
+export 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> `;
+    }
+}
+LitLoader.styles = css `
+        /* Loader */
+        .loader-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: 0.75rem;
+        }
+
+        .loader {
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+        }
+        .loader--small {
+            width: 10px;
+            height: 10px;
+            border: 1px solid #ccc;
+            border-top: 1px solid var(--color-primary-main, #76b703);
+        }
+
+        .loader--medium {
+            width: 40px;
+            height: 40px;
+            border: 4px solid #ccc;
+            border-top: 4px solid var(--color-primary-main, #76b703);
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitLoader.prototype, "size", void 0);
+if (!window.customElements.get('lit-loader')) {
+    window.customElements.define('lit-loader', LitLoader);
+}
+//# sourceMappingURL=lit-loader.js.map

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

@@ -0,0 +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,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACgC,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;AAiDrE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC;IAC3C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAC1D,CAAC"}

package/dist/shared/lit-loading-bar.js

@@ -0,0 +1,91 @@
+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';
+//components
+import './lit-icon.js';
+export class LitLoadingBar extends LitElement {
+    render() {
+        return html `
+            <div class="progress-root">
+                <div class="bar bar1Indeterminate"></div>
+                <div class="bar bar2Indeterminate"></div>
+            </div>
+        `;
+    }
+}
+LitLoadingBar.styles = css `
+        .progress-root {
+            position: relative;
+            bottom: 0;
+            left: 0;
+            overflow: hidden;
+            display: block;
+            width: 100%;
+            height: 0.125rem;
+            background-color: var(--color-primary-light, #f0fadf);
+            box-sizing: border-box;
+        }
+        /* Prvá animovaná "vlna" */
+
+        .bar1Indeterminate {
+            animation: mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+        }
+
+        /* Druhá animovaná "vlna" (oneskorená) */
+
+        .bar2Indeterminate {
+            animation: mui-indeterminate2 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+            animation-delay: 1.05s;
+        }
+
+        @keyframes mui-indeterminate1 {
+            0% {
+                left: -35%;
+                right: 100%;
+            }
+            60% {
+                left: 100%;
+                right: -90%;
+            }
+            100% {
+                left: 100%;
+                right: -90%;
+            }
+        }
+
+        @keyframes mui-indeterminate2 {
+            0% {
+                left: -200%;
+                right: 100%;
+            }
+            60% {
+                left: 107%;
+                right: -8%;
+            }
+            100% {
+                left: 107%;
+                right: -8%;
+            }
+        }
+        .bar {
+            position: absolute;
+            height: 100%;
+            display: block;
+            background-color: var(--color-primary-main, #76b703);
+            width: auto;
+            will-change: left, right;
+            box-sizing: border-box;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitLoadingBar.prototype, "isLoading", void 0);
+if (!window.customElements.get('lit-loading-bar')) {
+    window.customElements.define('lit-loading-bar', LitLoadingBar);
+}
+//# sourceMappingURL=lit-loading-bar.js.map

package/dist/shared/lit-loading-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-loading-bar.js","sourceRoot":"","sources":["../../src/shared/lit-loading-bar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AASvB,MAAM,OAAO,aAAc,SAAQ,UAAU;IAoEzC,MAAM;QACF,OAAO,IAAI,CAAA;;;;;SAKV,CAAC;IACN,CAAC;;AA1EM,oBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+DlB,CAAC;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDAAoB;AAYnD,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAChD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AACnE,CAAC"}

package/dist/shared/lit-menu-item.js

@@ -0,0 +1,98 @@
+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 { classMap } from 'lit/directives/class-map.js';
+import { property } from 'lit/decorators.js';
+//components
+import './lit-icon.js';
+export class LitMenuItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        this.isActive = false;
+        this.isSelected = false;
+    }
+    handleClick(e) {
+        if (this.onClick) {
+            this.onClick(e);
+        }
+    }
+    render() {
+        const classes = {
+            disabled: this.disabled || false,
+            isActive: this.isActive || false,
+            isSelected: this.isSelected || false,
+        };
+        return html `
+            <li class=${classMap(classes)} @click="${this.handleClick}">
+                ${this.icon
+            ? html ` <lit-icon
+                          icon=${this.icon}
+                          size="1.125rem"
+                          style=" margin-right: 10px;"
+                      ></lit-icon>`
+            : ''}
+                <div class="item-label"><slot></slot></div>
+            </li>
+        `;
+    }
+}
+LitMenuItem.styles = css `
+        li {
+            display: flex;
+            align-items: center;
+            padding: 0.25rem;
+            cursor: pointer;
+            transition: background 0.2s;
+            border-radius: 0.25rem;
+            min-height: 1.25rem;
+        }
+        li:hover {
+            background: var(--color-primary-light, #f0f0f0);
+        }
+        .item-label {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            font-size: 13px;
+            font-weight: 500;
+            width: 100%;
+        }
+        .disabled {
+            opacity: 0.5;
+            pointer-events: none;
+        }
+        .isSelected {
+            background: var(--color-primary-main, #f0f0f0);
+            color: #fff;
+        }
+        li.isSelected:hover {
+            background: var(--color-primary-dark, #d0d0d0);
+        }
+        .isActive {
+            background: var(--color-primary-light, #f0f0f0);
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitMenuItem.prototype, "icon", void 0);
+__decorate([
+    property({ type: Function })
+], LitMenuItem.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "isActive", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitMenuItem.prototype, "isSelected", void 0);
+if (!window.customElements.get('lit-menu-item')) {
+    window.customElements.define('lit-menu-item', LitMenuItem);
+}
+//# sourceMappingURL=lit-menu-item.js.map

package/dist/shared/lit-menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-menu-item.js","sourceRoot":"","sources":["../../src/shared/lit-menu-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUvB,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAwCiC,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;QAC3B,eAAU,GAAa,KAAK,CAAC;IA2B9D,CAAC;IAzBW,WAAW,CAAC,CAAa;QAC7B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;IACL,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,KAAK;YAChC,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,KAAK;SACvC,CAAC;QACF,OAAO,IAAI,CAAA;wBACK,QAAQ,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW;kBACnD,IAAI,CAAC,IAAI;YACP,CAAC,CAAC,IAAI,CAAA;iCACO,IAAI,CAAC,IAAI;;;mCAGP;YACf,CAAC,CAAC,EAAE;;;SAGf,CAAC;IACN,CAAC;;AAnEM,kBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmClB,AAnCY,CAmCX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;4CAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAA8B;AA6B9D,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;IAC9C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,WAAW,CAAC,CAAC;AAC/D,CAAC"}

package/dist/shared/lit-menu.js

@@ -0,0 +1,29 @@
+import { LitElement, html, css } from 'lit';
+export class LitMenu extends LitElement {
+    render() {
+        return html `
+            <ul>
+                <slot></slot>
+            </ul>
+        `;
+    }
+}
+LitMenu.styles = css `
+        :host {
+            outline: none;
+        }
+        ul {
+            display: flex;
+            list-style-type: none;
+            padding: 0;
+            gap: 0.25rem;
+            width: 100%;
+            flex-direction: column;
+            margin: 0;
+            height: 100%;
+        }
+    `;
+if (!window.customElements.get('lit-menu')) {
+    window.customElements.define('lit-menu', LitMenu);
+}
+//# sourceMappingURL=lit-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-menu.js","sourceRoot":"","sources":["../../src/shared/lit-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAgBnC,MAAM;QACF,OAAO,IAAI,CAAA;;;;SAIV,CAAC;IACN,CAAC;;AArBM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;KAclB,CAAC;AAUN,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-modal-body.js

@@ -0,0 +1,24 @@
+import { LitElement, html, css } from 'lit';
+export class LitModalBody extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+LitModalBody.styles = css `
+        :host {
+            display: block;
+            overflow-y: auto;
+            padding: 0.5rem 0.75rem;
+            box-sizing: border-box;
+            height: 100vh;
+            background-color: var(--background-paper, #fff);
+            @media (min-width: 768px) {
+                height: auto;
+                max-height: 70vh;
+            }
+        }
+    `;
+if (!window.customElements.get('lit-modal-body')) {
+    window.customElements.define('lit-modal-body', LitModalBody);
+}
+//# sourceMappingURL=lit-modal-body.js.map

package/dist/shared/lit-modal-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-body.js","sourceRoot":"","sources":["../../src/shared/lit-modal-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,YAAa,SAAQ,UAAU;IAgBxC,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAjBM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;KAalB,CAAC;AAON,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC/C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACjE,CAAC"}

package/dist/shared/lit-modal-footer.js

@@ -0,0 +1,21 @@
+import { LitElement, html, css } from 'lit';
+export class LitModalFooter extends LitElement {
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+LitModalFooter.styles = css `
+        :host {
+            position: sticky;
+            bottom: 0;
+            background-color: var(--background-paper, #fff);
+            padding: 0.5rem 0.75rem;
+            z-index: 10;
+            padding: 0.5rem 0.75rem;
+            border-top: 1px solid var(--color-divider, #e0e0e0);
+        }
+    `;
+if (!window.customElements.get('lit-modal-footer')) {
+    window.customElements.define('lit-modal-footer', LitModalFooter);
+}
+//# sourceMappingURL=lit-modal-footer.js.map

package/dist/shared/lit-modal-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-footer.js","sourceRoot":"","sources":["../../src/shared/lit-modal-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG5C,MAAM,OAAO,cAAe,SAAQ,UAAU;IAa1C,MAAM;QACF,OAAO,IAAI,CAAA,eAAe,CAAC;IAC/B,CAAC;;AAdM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;KAUlB,CAAC;AAON,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACjD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACrE,CAAC"}

package/dist/shared/lit-modal-header.js

@@ -0,0 +1,34 @@
+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';
+export class LitModalHeader extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.title = '';
+    }
+    render() {
+        return html ` <slot></slot> `;
+    }
+}
+LitModalHeader.styles = css `
+        :host {
+            position: sticky;
+            top: 0;
+            z-index: 10;
+            background-color: var(--background-paper, #fff);
+            border-bottom: 1px solid var(--color-divider, #e0e0e0);
+            padding: 0.5rem 0.75rem;
+        }
+    `;
+__decorate([
+    property({ type: String })
+], LitModalHeader.prototype, "title", void 0);
+if (!window.customElements.get('lit-modal-header')) {
+    window.customElements.define('lit-modal-header', LitModalHeader);
+}
+//# sourceMappingURL=lit-modal-header.js.map

package/dist/shared/lit-modal-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal-header.js","sourceRoot":"","sources":["../../src/shared/lit-modal-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAiB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QACgC,UAAK,GAAG,EAAE,CAAC;IAgB3C,CAAC;IAHG,MAAM;QACF,OAAO,IAAI,CAAA,iBAAiB,CAAC;IACjC,CAAC;;AAbM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;KASlB,AATY,CASX;AAX0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAY;AAkB3C,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACjD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;AACrE,CAAC"}

package/dist/shared/lit-modal.js

@@ -0,0 +1,168 @@
+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';
+export class LitModal extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.closeOnOutsideClick = true;
+        this.fullScreen = false;
+        this._modalContainer = null;
+        this._modalContent = null;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this._handleKeyDown.bind(this));
+    }
+    updated(changed) {
+        if (changed.has('open')) {
+            if (this.open) {
+                this._showModal();
+            }
+            else {
+                this._hideModal();
+            }
+        }
+    }
+    _handleBackdropClick() {
+        if (this.closeOnOutsideClick) {
+            this.open = false;
+        }
+    }
+    _showModal() {
+        if (!this._modalContainer) {
+            this._modalContainer = document.createElement('div');
+            this._modalContainer.classList.add('my-modal-root');
+            this._modalContainer.innerHTML = `
+        <div class="my-modal-backdrop"></div>
+        <div class="my-modal-content"></div>
+      `;
+            document.body.appendChild(this._modalContainer);
+            const backdrop = this._modalContainer.querySelector('.my-modal-backdrop');
+            if (backdrop) {
+                backdrop.addEventListener('click', this._handleBackdropClick.bind(this));
+            }
+            this._modalContent = this._modalContainer.querySelector('.my-modal-content');
+        }
+        if (this._modalContent) {
+            this._updateContentClass();
+            this._modalContent.appendChild(this);
+        }
+        document.addEventListener('keydown', this._handleKeyDown);
+        this._applyGlobalStyles();
+    }
+    _hideModal() {
+        if (this._modalContainer) {
+            document.removeEventListener('keydown', this._handleKeyDown);
+            this._modalContainer.remove();
+            this._modalContainer = null;
+        }
+        if (typeof this.onClose === 'function')
+            this.onClose();
+        this.dispatchEvent(new CustomEvent('modal-close', { bubbles: true, composed: true }));
+    }
+    _handleKeyDown(e) {
+        if (e.key === 'Escape') {
+            this.open = false;
+        }
+    }
+    _updateContentClass() {
+        if (this._modalContent) {
+            if (this.fullScreen) {
+                this._modalContent.classList.add('fullscreen');
+            }
+            else {
+                this._modalContent.classList.remove('fullscreen');
+            }
+        }
+    }
+    _applyGlobalStyles() {
+        if (!document.getElementById('my-modal-global-styles')) {
+            const style = document.createElement('style');
+            style.id = 'my-modal-global-styles';
+            style.textContent = `
+        .my-modal-root {
+          position: fixed;
+          top: 0; left: 0; right: 0; bottom: 0;
+          z-index: 10000;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .my-modal-backdrop {
+          position: absolute;
+          top: 0; left: 0; right: 0; bottom: 0;
+          background: rgba(0,0,0,0.5);
+        }
+        .my-modal-content {
+          position: relative;
+          background: var(--background-paper, #fff);
+          border-radius: 12px;
+          min-width: 40vw;
+          max-width: 90vw;
+          max-height: 90vh;
+          z-index: 1;
+          box-shadow: 0 8px 32px rgba(0,0,0,0.2);
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          align-items: center;
+            overflow: hidden;
+            gap: 0.5rem;
+          
+        }
+        .my-modal-content.fullscreen {
+          border-radius: 0;
+          width: 100vw;
+          height: 100vh;
+          max-width: 100vw;
+          max-height: 100vh;
+          padding: 0;
+          display: flex;
+        }
+      `;
+            document.head.appendChild(style);
+        }
+    }
+    render() {
+        return html `<slot></slot>`;
+    }
+}
+LitModal.styles = css `
+        :host {
+            display: none;
+            width: 100%;
+            height: 100vh;
+            @media (min-width: 768px) {
+                height: 100%;
+            }
+        }
+        :host([open]) {
+            display: block;
+        }
+    `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitModal.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitModal.prototype, "closeOnOutsideClick", void 0);
+__decorate([
+    property({ type: Function })
+], LitModal.prototype, "onClose", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitModal.prototype, "fullScreen", void 0);
+if (!window.customElements.get('lit-modal')) {
+    window.customElements.define('lit-modal', LitModal);
+}
+//# sourceMappingURL=lit-modal.js.map