overview-components 0.6.0

package/dist/shared/lit-button.js

@@ -0,0 +1,113 @@
+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';
+// styles
+import buttonStyles from './styles/button-shared-styles.js';
+// elements
+import './lit-icon.js';
+import './lit-pill.js';
+let LitButton = class LitButton 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;
+    }
+    render() {
+        const classes = `button--${this.size} button--${this.variant} ${this.fullWidth ? 'button--fullWidth' : ''} ${this.active ? 'active' : ''}`;
+        const hasCount = this.count !== undefined && this.count !== null && this.count >= 0;
+        return html `<button ?disabled=${this.disabled} @click=${this.onClick} class=${classes}>
+            <slot style="margin-right: 8px" name="start-icon">
+                ${this.icon &&
+            html `<lit-icon class="start-icon" size="1.25rem" icon="${this.icon}"></lit-icon>`}
+            </slot>
+            ${this.label}
+            ${hasCount
+            ? html `<lit-pill style="margin-left: 0.5rem" count=${this.count}></lit-pill>`
+            : ''}
+        </button>`;
+    }
+};
+LitButton.styles = [
+    // styles,
+    buttonStyles,
+    css `
+            :host {
+                /* Basic button styles */
+                button {
+                    line-height: 1.5rem;
+                    flex-direction: row;
+                }
+
+                /* Size Variants */
+                .button--small {
+                    -webkit-padding: 0.375rem 1rem;
+                    padding: 0.375rem 1rem;
+                    font-size: 0.8rem;
+                }
+                .button--medium {
+                    font-size: 0.75rem;
+                    font-weight: 500;
+                    -webkit-padding: 0.375rem 0.75rem;
+                    padding: 0.375rem 0.75rem;
+                }
+                .button--large {
+                    font-weight: 700;
+                    -webkit-padding: 0.75rem 1.5rem;
+                    padding: 0.75rem 1.5rem;
+                    font-size: 0.875rem;
+                }
+            }
+            /* FullWidth style */
+            .button--fullWidth {
+                width: 100%;
+                display: block;
+            }
+            ::slotted([slot='start-icon']),
+            .start-icon {
+                margin-right: 8px;
+                font-size: 1.25rem !important;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "label", void 0);
+__decorate([
+    property({ type: String })
+], LitButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Number })
+], LitButton.prototype, "count", void 0);
+__decorate([
+    property({ type: Function })
+], LitButton.prototype, "onClick", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitButton.prototype, "active", void 0);
+LitButton = __decorate([
+    customElement('lit-button')
+], LitButton);
+export { LitButton };
+//# sourceMappingURL=lit-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-button.js","sourceRoot":"","sources":["../../src/shared/lit-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAE5D,WAAW;AACX,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AAMhB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;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;IA6D1D,CAAC;IAhBG,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,IACxD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC3C,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC;QACpF,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,OAAO,UAAU,OAAO;;kBAE3E,IAAI,CAAC,IAAI;YACX,IAAI,CAAA,qDAAqD,IAAI,CAAC,IAAI,eAAe;;cAEnF,IAAI,CAAC,KAAK;cACV,QAAQ;YACN,CAAC,CAAC,IAAI,CAAA,+CAA+C,IAAI,CAAC,KAAK,cAAc;YAC7E,CAAC,CAAC,EAAE;kBACF,CAAC;IACf,CAAC;;AA1DM,gBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqCF;CACJ,AAzCY,CAyCX;AAnD0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAuC;AACtC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAgD;AAC/C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAa;AACX;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA6B;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2CAA4B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAwC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;0CAAuC;AACvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA0B;AAT7C,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAsErB"}

package/dist/shared/lit-custom-popper.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import { Placement } from '@floating-ui/dom';
+export declare class LitCustomPopper extends LitElement {
+    open: boolean;
+    placement: Placement;
+    keepMounted: boolean;
+    private referenceElement;
+    private popperElement;
+    static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private updatePopperPosition;
+    private handleOutsideClick;
+    private closePopper;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-custom-popper.d.ts.map

package/dist/shared/lit-custom-popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-custom-popper.d.ts","sourceRoot":"","sources":["../../src/shared/lit-custom-popper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAwC,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnF,qBACa,eAAgB,SAAQ,UAAU;IACd,IAAI,UAAS;IACd,SAAS,EAAE,SAAS,CAAa;IAChC,WAAW,UAAS;IAEjD,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,aAAa,CAA4B;IAEjD,MAAM,CAAC,MAAM,0BA0BX;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,YAAY;IASZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;YAMnD,oBAAoB;IAkBlC,OAAO,CAAC,kBAAkB,CAWxB;IAEF,OAAO,CAAC,WAAW;IAKnB,MAAM;CAQT"}

package/dist/shared/lit-custom-popper.js

@@ -0,0 +1,117 @@
+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 { computePosition, offset, flip, shift } from '@floating-ui/dom';
+let LitCustomPopper = class LitCustomPopper extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false; // Controls opening/closing of popper
+        this.placement = 'top-end'; // Placement of the popper
+        this.keepMounted = false; // Keeps popper in DOM when closed
+        this.referenceElement = null;
+        this.popperElement = null;
+        this.handleOutsideClick = (event) => {
+            if (!this.open)
+                return;
+            const path = event.composedPath();
+            if (!path.includes(this) &&
+                this.referenceElement &&
+                !path.includes(this.referenceElement)) {
+                this.closePopper();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('mousedown', this.handleOutsideClick); // Add outside click listener
+    }
+    disconnectedCallback() {
+        document.removeEventListener('mousedown', this.handleOutsideClick); // Remove listener on disconnect
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.referenceElement = this.querySelector('[slot="reference"]');
+        this.popperElement = this.shadowRoot.querySelector('.popper');
+        if (!this.referenceElement || !this.popperElement) {
+            console.error('Reference or popper element is missing!');
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('open') && this.open) {
+            this.updatePopperPosition();
+        }
+    }
+    async updatePopperPosition() {
+        if (this.referenceElement && this.popperElement) {
+            const { x, y } = await computePosition(this.referenceElement, this.popperElement, {
+                placement: this.placement,
+                middleware: [offset(0), flip(), shift()],
+            });
+            // Adjust the width of the popper to match the reference element minus padding
+            const adjustedWidth = this.referenceElement.offsetWidth - 24;
+            Object.assign(this.popperElement.style, {
+                left: `${x}px`,
+                top: `${y}px`,
+                width: `${adjustedWidth}px`,
+            });
+        }
+    }
+    closePopper() {
+        this.open = false;
+        this.dispatchEvent(new CustomEvent('close', { detail: { closedBy: 'outside' } }));
+    }
+    render() {
+        return html `
+            <slot name="reference"></slot>
+            <div class="popper ${this.open ? 'open' : ''}">
+                <slot name="content"></slot>
+            </div>
+        `;
+    }
+};
+LitCustomPopper.styles = css `
+        :host {
+            display: block;
+            position: relative;
+        }
+
+        .popper {
+            position: absolute;
+            min-width: max-content;
+            width: 100%;
+            top: 0;
+            left: 0;
+            background-color: var(--background-paper, #fff);
+            border-radius: 0.5rem;
+            padding: 0.5rem 0.75rem;
+            box-shadow: var(--box-shadow, 0px 4px 6px rgba(0, 0, 0, 0.1));
+            z-index: 9999;
+            display: none;
+            opacity: 0;
+            transition: opacity 0.2s ease-in-out;
+        }
+
+        .popper.open {
+            display: block;
+            opacity: 1;
+        }
+    `;
+__decorate([
+    property({ type: Boolean })
+], LitCustomPopper.prototype, "open", void 0);
+__decorate([
+    property({ type: String })
+], LitCustomPopper.prototype, "placement", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitCustomPopper.prototype, "keepMounted", void 0);
+LitCustomPopper = __decorate([
+    customElement('lit-custom-popper')
+], LitCustomPopper);
+export { LitCustomPopper };
+//# sourceMappingURL=lit-custom-popper.js.map

package/dist/shared/lit-custom-popper.js.map

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

package/dist/shared/lit-data-grid-export-popover.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import './lit-custom-popper.ts';
+import './lit-button.ts';
+import './lit-responsive-button.ts';
+export declare class LitDataGridExportPopover extends LitElement {
+    exportToExcel: () => void;
+    exportToCsv: () => void;
+    private isOpen;
+    static styles: import("lit").CSSResult[];
+    private toggleCustomPopover;
+    private closePopover;
+    private handleExport;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=lit-data-grid-export-popover.d.ts.map

package/dist/shared/lit-data-grid-export-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-data-grid-export-popover.d.ts","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AAGpC,qBACa,wBAAyB,SAAQ,UAAU;IACtB,aAAa,EAAE,MAAM,IAAI,CAAY;IACrC,WAAW,EAAE,MAAM,IAAI,CAAY;IAExD,OAAO,CAAC,MAAM,CAAS;IAEhC,MAAM,CAAC,MAAM,4BAqBX;IAEF,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAKpB,MAAM;CA6BT"}

package/dist/shared/lit-data-grid-export-popover.js

@@ -0,0 +1,95 @@
+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, state } from 'lit/decorators.js';
+import { msg } from '@lit/localize';
+import './lit-custom-popper.ts';
+import './lit-button.ts';
+import './lit-responsive-button.ts';
+let LitDataGridExportPopover = class LitDataGridExportPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.exportToExcel = () => { };
+        this.exportToCsv = () => { };
+        this.isOpen = false;
+    }
+    toggleCustomPopover() {
+        this.isOpen = !this.isOpen;
+    }
+    closePopover() {
+        this.isOpen = false;
+    }
+    handleExport(exportFn) {
+        exportFn(); // Trigger the provided export function
+        this.closePopover(); // Close the popper
+    }
+    render() {
+        return html `
+            <lit-custom-popper
+                .open="${this.isOpen}"
+                placement="top-end"
+                @close="${this.closePopover}"
+            >
+                <lit-responsive-button
+                    size="small"
+                    variant="text"
+                    label=${msg('Export')}
+                    icon="csv"
+                    slot="reference"
+                    @click=${() => this.toggleCustomPopover()}
+                ></lit-responsive-button>
+
+                <div slot="content">
+                    <div class="menu-item" @click="${() => this.handleExport(this.exportToCsv)}">
+                        <slot name="iconCsv"></slot>
+                        ${msg('Export do CSV')}
+                    </div>
+                    <div class="menu-item" @click="${() => this.handleExport(this.exportToExcel)}">
+                        <slot name="iconExcel"></slot>
+                        ${msg('Export do Excel')}
+                    </div>
+                </div>
+            </lit-custom-popper>
+        `;
+    }
+};
+LitDataGridExportPopover.styles = [
+    // styles,
+    css `
+            .menu-item {
+                display: flex;
+                align-items: center;
+                padding: 0.375rem 0.625rem;
+                margin: 0 0 0.25rem;
+                cursor: pointer;
+                font-size: 0.75rem;
+                font-weight: 400;
+                color: var(--text-primary, #111827);
+                transition: background 0.2s;
+                gap: 0.5rem;
+            }
+
+            .menu-item:hover {
+                background: var(--color-primary-light, #f0fadf);
+                border-radius: 4px;
+            }
+        `,
+];
+__decorate([
+    property({ type: Function })
+], LitDataGridExportPopover.prototype, "exportToExcel", void 0);
+__decorate([
+    property({ type: Function })
+], LitDataGridExportPopover.prototype, "exportToCsv", void 0);
+__decorate([
+    state()
+], LitDataGridExportPopover.prototype, "isOpen", void 0);
+LitDataGridExportPopover = __decorate([
+    customElement('lit-data-grid-export-popover')
+], LitDataGridExportPopover);
+export { LitDataGridExportPopover };
+//# sourceMappingURL=lit-data-grid-export-popover.js.map

package/dist/shared/lit-data-grid-export-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-data-grid-export-popover.js","sourceRoot":"","sources":["../../src/shared/lit-data-grid-export-popover.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,4BAA4B,CAAC;AAI7B,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAC2B,kBAAa,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QACrC,gBAAW,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;QAEhD,WAAM,GAAG,KAAK,CAAC;IAmEpC,CAAC;IA1CW,mBAAmB;QACvB,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAEO,YAAY,CAAC,QAAoB;QACrC,QAAQ,EAAE,CAAC,CAAC,uCAAuC;QACnD,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,mBAAmB;IAC5C,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAA;;yBAEM,IAAI,CAAC,MAAM;;0BAEV,IAAI,CAAC,YAAY;;;;;4BAKf,GAAG,CAAC,QAAQ,CAAC;;;6BAGZ,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE;;;;qDAIR,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;;0BAEpE,GAAG,CAAC,eAAe,CAAC;;qDAEO,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;0BAEtE,GAAG,CAAC,iBAAiB,CAAC;;;;SAIvC,CAAC;IACN,CAAC;;AAhEM,+BAAM,GAAG;IACZ,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;SAkBF;CACJ,AArBY,CAqBX;AA1B4B;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;+DAAsC;AACrC;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;6DAAoC;AAEhD;IAAhB,KAAK,EAAE;wDAAwB;AAJvB,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CAuEpC"}

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

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import './lit-icon.js';
+import type { Icon } from './lit-icon.js';
+export declare class IconButton extends LitElement {
+    variant?: 'text' | 'contained' | 'outlined';
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    active?: boolean;
+    icon?: Icon;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-icon-button': IconButton;
+    }
+}
+//# sourceMappingURL=lit-icon-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-icon-button.d.ts","sourceRoot":"","sources":["../../src/shared/lit-icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAK1C,qBACa,UAAW,SAAQ,UAAU;IAEV,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAe;IAC1D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAS;IACZ,MAAM,CAAC,EAAE,OAAO,CAAS;IACzC,IAAI,CAAC,EAAE,IAAI,CAAS;IAEhD,MAAM,CAAC,MAAM,4BAwBX;IAGF,MAAM;CAaT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,UAAU,CAAC;KACjC;CACJ"}

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

@@ -0,0 +1,81 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import './lit-icon.js';
+// styles
+import buttonStyles from './styles/button-shared-styles.js';
+let IconButton = class IconButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        // Define properties for size and variant with default values
+        this.variant = 'contained';
+        this.size = 'medium';
+        this.disabled = false;
+        this.active = false;
+        this.icon = 'add';
+    }
+    // Render method to define the component's template
+    render() {
+        const classes = `button--${this.size} button--${this.variant} ${this.active ? 'active' : ''}`;
+        const iconSize = this.size === 'large' ? '1.5rem' : this.size === 'medium' ? '1.25rem' : '1rem';
+        return html `
+            <button ?disabled=${this.disabled} class=${classes}>
+                <slot name="icon"
+                    >${this.icon &&
+            html `<lit-icon size="${iconSize}" icon=${this.icon}></lit-icon>`}</slot
+                >
+            </button>
+        `;
+    }
+};
+// Define CSS styles for different sizes and variants
+IconButton.styles = [
+    // styles,
+    buttonStyles,
+    css `
+            /* Base styles for icon button */
+            button {
+                cursor: pointer;
+                font-size: inherit;
+            }
+
+            /* Size variations */
+            .button--small {
+                width: 24px;
+                height: 24px;
+            }
+            .button--medium {
+                width: 48px;
+                height: 36px;
+            }
+            .button--large {
+                width: 48px;
+                height: 48px;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], IconButton.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], IconButton.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], IconButton.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IconButton.prototype, "active", void 0);
+__decorate([
+    property({ type: String })
+], IconButton.prototype, "icon", void 0);
+IconButton = __decorate([
+    customElement('lit-icon-button')
+], IconButton);
+export { IconButton };
+//# sourceMappingURL=lit-icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-icon-button.js","sourceRoot":"","sources":["../../src/shared/lit-icon-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAEvB,SAAS;AACT,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAIrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACH,6DAA6D;QACjC,YAAO,GAAuC,WAAW,CAAC;QAC1D,SAAI,GAAkC,QAAQ,CAAC;QAC9C,aAAQ,GAAa,KAAK,CAAC;QACZ,WAAM,GAAa,KAAK,CAAC;QACzC,SAAI,GAAU,KAAK,CAAC;IA0CpD,CAAC;IAdG,mDAAmD;IACnD,MAAM;QACF,MAAM,OAAO,GAAG,WAAW,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAC9F,MAAM,QAAQ,GACV,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACnF,OAAO,IAAI,CAAA;gCACa,IAAI,CAAC,QAAQ,UAAU,OAAO;;uBAEvC,IAAI,CAAC,IAAI;YACZ,IAAI,CAAA,mBAAmB,QAAQ,UAAU,IAAI,CAAC,IAAI,cAAc;;;SAG3E,CAAC;IACN,CAAC;;AAxCD,qDAAqD;AAC9C,iBAAM,GAAG;IACZ,UAAU;IACV,YAAY;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;SAoBF;CACJ,AAxBY,CAwBX;AA9B0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAA2D;AAC1D;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAgD;AAC9C;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAA4B;AACZ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAA0B;AACzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAqB;AANvC,UAAU;IADtB,aAAa,CAAC,iBAAiB,CAAC;GACpB,UAAU,CAgDtB"}

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

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare const IconArray: string[];
+export type Icon = 'account' | 'add' | 'administration' | 'arrow-left' | 'arrow-right' | 'bell' | 'bell-notify' | 'cases' | 'dark-mode' | 'documents' | 'events' | 'favorite' | 'help' | 'home' | 'leave' | 'light-mode' | 'manuals' | 'overviews' | 'planning' | 'reports' | 'roles' | 'search' | 'settings' | 'structure' | 'tasks' | 'templates' | 'users' | 'close' | 'curve-arrow' | 'administrator' | 'delegate' | 'download' | 'assume' | 'calculator' | 'check' | 'chevron-down' | 'handover' | 'flag' | 'filter' | 'favorite-add' | 'note' | 'more' | 'minus' | 'succes' | 'time' | 'trash' | 'pen' | 'unlike' | 'user' | 'puzzle' | 'informative' | 'save' | 'warning' | 'help-1' | 'accomplish' | 'add-document' | 'add-note' | 'checkbox-empty' | 'expand' | 'duplicate' | 'history' | 'instruction' | 'radio-empty' | 'print' | 'zoom-in' | 'view' | 'reading' | 'reload' | 'logs' | 'flow' | 'csv' | 'contat' | 'columns' | 'hamburger' | 'beginning' | 'signal' | 'variable' | 'up' | 'upload' | 'revision' | 'typing' | 'tasksFilled' | 'overviewsFilled' | 'homeFilled' | 'favoriteFilled' | 'flagFilled' | 'dark-modeFilled' | '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' | 'certificate1' | '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';
+export declare class LitIcon extends LitElement {
+    icon?: Icon;
+    size?: string;
+    isActive?: Boolean;
+    private notRotateIcon;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-icon': LitIcon;
+    }
+}
+//# sourceMappingURL=lit-icon.d.ts.map

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

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