overview-components 1.0.3 → 1.0.5

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-input.d.ts","sourceRoot":"","sources":["../../src/shared/lit-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACR,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAU;IACjC,WAAW,EAAE,MAAM,CAAM;IACzB,KAAK,EAAE,GAAG,CAAQ;IAChB,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAS;IACpC,QAAQ,EAAE,OAAO,CAAS;IAEhD,cAAc,IAAI,OAAO;IAQhC,MAAM,CAAC,MAAM,4BA8CX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc;CAsCrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}

package/dist/shared/lit-input.js

@@ -0,0 +1,137 @@
+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';
+import '../shared/lit-icon-button.js';
+let LitInput = class LitInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.type = 'text';
+        this.placeholder = '';
+        this.value = null;
+        this.disableClearButton = false;
+        this.required = false;
+    }
+    reportValidity() {
+        const inputElement = this.shadowRoot.querySelector('input');
+        if (inputElement) {
+            return inputElement.reportValidity();
+        }
+        return false;
+    }
+    render() {
+        return html `
+            <div class="custom-icon-wrapper">
+                <input
+                    type="${this.type}"
+                    placeholder="${this.placeholder}"
+                    @input=${(e) => {
+            const input = e.target;
+            const value = input.value;
+            this.value = value;
+            if (this.onInput) {
+                this.onInput(value);
+            }
+        }}
+                    .value="${this.value}"
+                    ?required="${this.required}"
+                />
+                ${this.value && !this.disableClearButton
+            ? html `<div
+                          class="custom-icon"
+                          @click=${() => {
+                this.value = null;
+                if (this.onClear) {
+                    this.onClear();
+                }
+            }}
+                          style="cursor: pointer; pointer-events: auto"
+                      >
+                          <lit-icon-button
+                              icon="close"
+                              size="small"
+                              variant="text"
+                          ></lit-icon-button>
+                      </div>`
+            : ''}
+            </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: 10px;
+                top: 50%;
+                transform: translateY(-50%);
+                cursor: pointer;
+                pointer-events: auto;
+                background: var(--background-paper);
+            }
+
+            .custom-icon-wrapper:hover .custom-icon {
+                display: block;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "type", void 0);
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String })
+], LitInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "onInput", void 0);
+__decorate([
+    property({ type: Function })
+], LitInput.prototype, "onClear", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitInput.prototype, "disableClearButton", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitInput.prototype, "required", void 0);
+LitInput = __decorate([
+    customElement('lit-input')
+], LitInput);
+export { LitInput };
+//# sourceMappingURL=lit-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-input.js","sourceRoot":"","sources":["../../src/shared/lit-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,8BAA8B,CAAC;AAS/B,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QACyB,SAAI,GAAsB,MAAM,CAAC;QACjC,gBAAW,GAAW,EAAE,CAAC;QACzB,UAAK,GAAQ,IAAI,CAAC;QAGjB,uBAAkB,GAAY,KAAK,CAAC;QACpC,aAAQ,GAAY,KAAK,CAAC;IAgG3D,CAAC;IA9FU,cAAc;QACjB,MAAM,YAAY,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7D,IAAI,YAAY,EAAE,CAAC;YACf,OAAO,YAAY,CAAC,cAAc,EAAE,CAAC;QACzC,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;IAkDS,MAAM;QACZ,OAAO,IAAI,CAAA;;;4BAGS,IAAI,CAAC,IAAI;mCACF,IAAI,CAAC,WAAW;6BACtB,CAAC,CAAQ,EAAE,EAAE;YAClB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;YAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC;QACL,CAAC;8BACS,IAAI,CAAC,KAAK;iCACP,IAAI,CAAC,QAAQ;;kBAE5B,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,kBAAkB;YACpC,CAAC,CAAC,IAAI,CAAA;;mCAES,GAAG,EAAE;gBACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAClB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oBACf,IAAI,CAAC,OAAO,EAAE,CAAC;gBACnB,CAAC;YACL,CAAC;;;;;;;;6BAQE;YACT,CAAC,CAAC,EAAE;;SAEf,CAAC;IACN,CAAC;;AArFM,eAAM,GAAG;IACZ,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4CF;CACJ,AA9CY,CA8CX;AA9D0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCAAkC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAA0B;AACzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAmB;AAChB;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;yCAA4D;AAC3D;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;yCAAmC;AACnC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDAAqC;AACpC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAA2B;AAP9C,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAuGpB"}

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

@@ -15,7 +15,7 @@ let LitMenu = class LitMenu extends LitElement {
         this.disabled = false;
         this.isActive = false;
     }
-    handleClick() {
+    handleClick(e) {
         if (this.onClick) {
             this.onClick();
         }

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

@@ -1 +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,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUhB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QA6B0B,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;IAoB5D,CAAC;IAlBW,WAAW;QACf,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,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;SACnC,CAAC;QACF,OAAO,IAAI,CAAA;wBACK,QAAQ,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW;kBACnD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,8BAA8B,CAAC,CAAC,CAAC,IAAI;;;SAG1F,CAAC;IACN,CAAC;;AAhDM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBlB,AAxBY,CAwBX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;wCAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA4B;AA9B/C,OAAO;IADnB,aAAa,CAAC,eAAe,CAAC;GAClB,OAAO,CAkDnB"}
+{"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,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG5D,YAAY;AACZ,OAAO,eAAe,CAAC;AAUhB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QA6B0B,aAAQ,GAAa,KAAK,CAAC;QAC3B,aAAQ,GAAa,KAAK,CAAC;IAoB5D,CAAC;IAlBW,WAAW,CAAC,CAAa;QAC7B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,EAAE,CAAC;QACnB,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;SACnC,CAAC;QACF,OAAO,IAAI,CAAA;wBACK,QAAQ,CAAC,OAAO,CAAC,YAAY,IAAI,CAAC,WAAW;kBACnD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,8BAA8B,CAAC,CAAC,CAAC,IAAI;;;SAG1F,CAAC;IACN,CAAC;;AAhDM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;KAwBlB,AAxBY,CAwBX;AAE0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAe;AACZ;IAA7B,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;wCAAoB;AACpB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAA4B;AA9B/C,OAAO;IADnB,aAAa,CAAC,eAAe,CAAC;GAClB,OAAO,CAkDnB"}

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

@@ -0,0 +1,29 @@
+import { LitElement, TemplateResult } from 'lit';
+export type LitModalProp = {
+    open?: boolean;
+    closeOnOutsideClick?: boolean;
+};
+export declare class LitModal extends LitElement {
+    open: boolean;
+    closeOnOutsideClick: boolean;
+    private cleanup;
+    private triggerRef;
+    private modalRef;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private setupFloating;
+    private cleanupFloating;
+    openModal(): void;
+    closeModal(): void;
+    private handleEscapeKey;
+    private handleBackdropClick;
+    static styles: import("lit").CSSResult;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-modal': LitModal;
+    }
+}
+//# sourceMappingURL=lit-modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lit-modal.d.ts","sourceRoot":"","sources":["../../src/shared/lit-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5D,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,qBACa,QAAS,SAAQ,UAAU;IACQ,IAAI,UAAS;IAC5B,mBAAmB,UAAQ;IAE/C,OAAO,CAAC,OAAO,CAA6B;IAGrD,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,QAAQ,CAA4B;IAE5C,iBAAiB;IAKjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAU3C,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,eAAe;IAOvB,SAAS;IAKT,UAAU;IAKV,OAAO,CAAC,eAAe,CAIrB;IAEF,OAAO,CAAC,mBAAmB;IAM3B,MAAM,CAAC,MAAM,0BA0CX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc;CAgBrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;CACJ"}

package/dist/shared/lit-modal.js

@@ -0,0 +1,154 @@
+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 { css, html, LitElement } from 'lit';
+import { computePosition, autoUpdate, offset, shift } from '@floating-ui/dom';
+import { ref, createRef } from 'lit/directives/ref.js';
+let LitModal = class LitModal extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.closeOnOutsideClick = true;
+        this.cleanup = null;
+        // Refs pre floating-ui
+        this.triggerRef = createRef();
+        this.modalRef = createRef();
+        this.handleEscapeKey = (e) => {
+            if (e.key === 'Escape' && this.open) {
+                this.closeModal();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('keydown', this.handleEscapeKey);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('keydown', this.handleEscapeKey);
+        this.cleanupFloating();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('open')) {
+            if (this.open) {
+                this.setupFloating();
+            }
+            else {
+                this.cleanupFloating();
+            }
+        }
+    }
+    setupFloating() {
+        const trigger = this.triggerRef.value;
+        const modal = this.modalRef.value;
+        if (!trigger || !modal)
+            return;
+        this.cleanup = autoUpdate(trigger, modal, () => {
+            computePosition(trigger, modal, {
+                placement: 'bottom-start',
+                middleware: [offset(-80), shift({ padding: 0 })],
+            }).then(({ x, y }) => {
+                Object.assign(modal.style, {
+                    left: `${x}px`,
+                    top: `${y}px`,
+                });
+            });
+        });
+    }
+    cleanupFloating() {
+        if (this.cleanup) {
+            this.cleanup();
+            this.cleanup = null;
+        }
+    }
+    openModal() {
+        this.open = true;
+        this.dispatchEvent(new CustomEvent('open-changed', { detail: this.open }));
+    }
+    closeModal() {
+        this.open = false;
+        this.dispatchEvent(new CustomEvent('open-changed', { detail: this.open }));
+    }
+    handleBackdropClick(e) {
+        if (this.closeOnOutsideClick && e.target === e.currentTarget) {
+            this.closeModal();
+        }
+    }
+    render() {
+        return html `
+            <span @click=${this.openModal} ${ref(this.triggerRef)}>
+                <slot name="trigger"></slot>
+            </span>
+
+            <div
+                class="modal-backdrop ${this.open ? 'open' : ''}"
+                @click=${this.handleBackdropClick}
+            >
+                <div class="modal-container" ${ref(this.modalRef)}>
+                    <slot></slot>
+                </div>
+            </div>
+        `;
+    }
+};
+LitModal.styles = css `
+        .modal-backdrop {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.5);
+            //z-index: 1000;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            opacity: 0;
+            visibility: hidden;
+            transition:
+                opacity 0.2s,
+                visibility 0.2s;
+        }
+
+        .modal-backdrop.open {
+            opacity: 1;
+            visibility: visible;
+        }
+
+        .modal-container {
+            background-color: var(--background-default, #eff3f4);
+            border-radius: 16px;
+            box-shadow:
+                0 12px 32px rgba(0, 0, 0, 0.12),
+                0 8px 12px rgba(17, 24, 39, 0.08),
+                0 2px 2px rgba(0, 0, 0, 0.16);
+
+            max-width: 90%;
+            max-height: 90vh;
+
+            position: relative;
+            overflow: visible;
+        }
+
+        ::slotted([slot='trigger']) {
+            display: contents;
+        }
+    `;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LitModal.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitModal.prototype, "closeOnOutsideClick", void 0);
+__decorate([
+    state()
+], LitModal.prototype, "cleanup", void 0);
+LitModal = __decorate([
+    customElement('lit-modal')
+], LitModal);
+export { LitModal };
+//# sourceMappingURL=lit-modal.js.map

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

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

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

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 import './lit-custom-popper.js';
 import './lit-icon.js';
 import './lit-icon-button.js';
+import './lit-checkbox.js';
 export type SelectProps = {
     value?: string[];
     options: {
@@ -21,11 +22,15 @@ export declare class LitSelect extends LitElement {
     onChange: (value: string | string[]) => void;
     multiple: boolean;
     disableClearButton: boolean;
+    disabled: boolean;
     private isOpen;
     private searchQuery;
     private selectedIndex;
     static styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private toggleCustomPopover;
+    scrollToVisible(): void;
     private closePopover;
     private selectOption;
     private clearValue;
@@ -34,11 +39,9 @@ export declare class LitSelect extends LitElement {
         value: string;
         label: string;
     }[];
-    handleKeyDown(event: any): void;
-    handleMouseEnter(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
+    handleKeyDown(event: KeyboardEvent): Promise<void>;
     focus(): void;
+    scrollOptionIntoView(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

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

@@ -1 +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;AAI5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAE9B,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,qBACa,SAAU,SAAQ,UAAU;IACV,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAM;IAC9B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAY;IACzD,QAAQ,EAAE,OAAO,CAAS;IAC1B,kBAAkB,EAAE,OAAO,CAAS;IACxD,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,aAAa,CAAc;IAE5C,MAAM,CAAC,MAAM,0BA2FX;YAEY,mBAAmB;IAYjC,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,UAAU;IAOlB,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,kBAAkB;eAzJ2B,MAAM;eAAS,MAAM;;IAoKlE,aAAa,CAAC,KAAK,EAAE,GAAG;IAcxB,gBAAgB;IAIhB,iBAAiB;IAKjB,oBAAoB;IAKb,KAAK;IAKZ,MAAM;CA0ET;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}
+{"version":3,"file":"lit-select.d.ts","sourceRoot":"","sources":["../../src/shared/lit-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,KAAK,CAAC;AAI5D,OAAO,wBAAwB,CAAC;AAChC,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,mBAAmB,CAAC;AAG3B,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,qBACa,SAAU,SAAQ,UAAU;IACV,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAM;IAC9B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAM;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAY;IACzD,QAAQ,EAAE,OAAO,CAAS;IAC1B,kBAAkB,EAAE,OAAO,CAAS;IACpC,QAAQ,EAAE,OAAO,CAAS;IAC9C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,aAAa,CAAc;IAE5C,MAAM,CAAC,MAAM,0BAyGX;IAEF,iBAAiB;IAKjB,oBAAoB;YAKN,mBAAmB;IAajC,eAAe;IAUf,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,UAAU;IAOlB,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,kBAAkB;eA7L2B,MAAM;eAAS,MAAM;;IAwM5D,aAAa,CAAC,KAAK,EAAE,aAAa;IA4CjC,KAAK;IAKZ,oBAAoB;IAQpB,MAAM;CAqFT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;CACJ"}