html-combobox-element 0.0.1

package/dist/esm/combobox/HTML.combobox.element.js

@@ -0,0 +1,359 @@
+import { ComboboxMarkup } from './Combobox.markup.js';
+import { HTMLComboboxOptionElement } from './HTML.combobox.option.element.js';
+import { toBoolean } from './Boolean.attribute.value.normalizer.js';
+export class HTMLComboboxElement extends HTMLElement {
+    static OWN_IDL = new Set(['required', 'disabled', 'clearable', 'multiple', 'filterable', 'searchable', 'value', 'placeholder', 'query']);
+    static observerOptions = { childList: true, attributes: false, subtree: false };
+    static styleSheet = [new CSSStyleSheet];
+    static formAssociated = true;
+    shadowRoot;
+    #internals;
+    #observer;
+    #markup;
+    #values = new Set;
+    constructor() {
+        super();
+        this.#internals = this.attachInternals();
+        this.#internals.role = "combobox";
+        this.#internals.ariaHasPopup = "dialog";
+        this.shadowRoot = this.attachShadow({ mode: 'closed', delegatesFocus: true });
+        this.#markup = new ComboboxMarkup(this.shadowRoot, this.#internals);
+        this.shadowRoot.innerHTML = ComboboxMarkup.template;
+        this.shadowRoot.adoptedStyleSheets = HTMLComboboxElement.styleSheet;
+        this.#observer = new MutationObserver(this.#onOptionsChanges);
+    }
+    // Lifecycle callbacks
+    connectedCallback() {
+        this.#markup.connect();
+        this.#initialAttributesSynchronization();
+        this.#onOptionsChanges([{ addedNodes: Array.from(this.children) }]);
+        this.#observer.observe(this, HTMLComboboxElement.observerOptions);
+        this.#markup.clearAllButton.addEventListener('click', this.#onClear);
+        this.#markup.searchInput.addEventListener('input', this.#onInput);
+    }
+    disconnectedCallback() {
+        this.#observer.disconnect();
+        this.#markup.disconnect();
+        this.#markup.clearAllButton.removeEventListener('click', this.#onClear);
+        this.#markup.searchInput.removeEventListener('input', this.#onInput);
+    }
+    formResetCallback() {
+        this.#values = new Set;
+        this.selectedOptions.forEach(option => option.selected = false);
+        this.#markup.tagsContainer.replaceChildren();
+        this.#setValidityAndFormValue();
+        this.dispatchEvent(new Event('change'));
+    }
+    formDisabledCallback(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    // Instance properties
+    // <combo-box> specific properties
+    get valueAsArray() {
+        return Array.from(this.#values);
+    }
+    get query() {
+        return this.getAttribute('query');
+    }
+    set query(value) {
+        if (value === this.query)
+            return;
+        if (value == null)
+            value = '';
+        value = String(value);
+        super.setAttribute('query', value);
+        if (this.#markup.connected) {
+            this.#markup.searchInput.value = value;
+        }
+    }
+    get placeholder() {
+        return this.getAttribute('placeholder');
+    }
+    set placeholder(value) {
+        if (value == null)
+            value = '';
+        value = String(value);
+        super.setAttribute('placeholder', value);
+        if (this.#markup.connected) {
+            this.#markup.placeholder.innerText = value;
+            this.#markup.searchInput.placeholder = value;
+        }
+    }
+    get clearable() {
+        return this.hasAttribute('clearable');
+    }
+    set clearable(value) {
+        super.toggleAttribute('clearable', toBoolean(value));
+    }
+    get filterable() {
+        return this.hasAttribute('filterable');
+    }
+    set filterable(value) {
+        super.toggleAttribute('filterable', toBoolean(value));
+    }
+    get searchable() {
+        return this.hasAttribute('searchable');
+    }
+    set searchable(value) {
+        super.toggleAttribute('searchable', toBoolean(value));
+    }
+    // <select> specific properties (implements HTMLSelectElement)
+    get disabled() {
+        return this.hasAttribute('disabled');
+    }
+    set disabled(value) {
+        this.#internals.ariaDisabled = String(value);
+        super.toggleAttribute('disabled', toBoolean(value));
+    }
+    get form() {
+        return this.#internals.form;
+    }
+    get labels() {
+        return this.#internals.labels;
+    }
+    get length() {
+        return this.#markup.options.length;
+    }
+    get multiple() {
+        return this.hasAttribute('multiple');
+    }
+    set multiple(value) {
+        super.toggleAttribute('multiple', toBoolean(value));
+    }
+    // get options
+    // (there is no constructor of HTMLOptionsCollection, need to implement)
+    get required() {
+        return this.hasAttribute('required');
+    }
+    set required(value) {
+        this.#internals.ariaRequired = String(value);
+        super.toggleAttribute('required', toBoolean(value));
+    }
+    // selected index is part of HTMLOptionsCollection, see option above
+    get selectedOptions() {
+        return this.#markup.selectedOptions;
+    }
+    // get/set size
+    // for the original select, this is the same as rowsCount of textarea
+    // probably, there are no reasons to this one, but it should be implemented for interface compatibility
+    get type() {
+        return this.multiple ? "select-multiple" : "select-one";
+    }
+    get validationMessage() {
+        return this.#internals.validationMessage;
+    }
+    get validity() {
+        return this.#internals.validity;
+    }
+    get willValidate() {
+        return this.#internals.willValidate;
+    }
+    get value() {
+        return this.valueAsArray.join(',');
+    }
+    set value(value) {
+        if (this.value === value || typeof value !== 'string')
+            return;
+        const prevValue = new Set(this.#values);
+        this.#values = new Set;
+        const values = value.split(',').filter(Boolean);
+        Promise.resolve(values)
+            .then(values => {
+            if (values.length) {
+                if (!this.multiple) {
+                    if (this.#values.size === 0) {
+                        values.length = 1;
+                    }
+                    else {
+                        values.length = 0;
+                    }
+                }
+                for (const key of values) {
+                    const option = this.#markup.getOptionByValue(key);
+                    if (option)
+                        this.#selectOption(option);
+                }
+            }
+            for (const key of prevValue) {
+                if (this.#values.has(key))
+                    continue;
+                const option = this.#markup.getOptionByValue(key);
+                const tag = this.#markup.getTagByValue(key);
+                tag?.remove();
+                option?.toggleAttribute('selected', false);
+            }
+        });
+    }
+    // Instance methods
+    // <select> specific methods (implements HTMLSelectElement)
+    // add()
+    checkValidity() {
+        this.#internals.checkValidity();
+    }
+    item(index) {
+        return this.#markup.options.item(index);
+    }
+    // namedItem()
+    // !!! Conflicts with node.remove()
+    // remove(index: number)
+    reportValidity() {
+        this.#internals.reportValidity();
+    }
+    setCustomValidity(message) {
+        if (message === '') {
+            this.#internals.setValidity({});
+        }
+        else {
+            this.#internals.setValidity({ customError: true }, message);
+        }
+    }
+    showPicker() {
+        this.#markup.showDropdown();
+    }
+    // Overwritten methods
+    setAttribute(name, value) {
+        if (HTMLComboboxElement.OWN_IDL.has(name)) {
+            Reflect.set(this, name, value);
+        }
+        else {
+            super.setAttribute(name, value);
+        }
+    }
+    removeAttribute(name) {
+        if (HTMLComboboxElement.OWN_IDL.has(name)) {
+            Reflect.set(this, name, false);
+        }
+        else {
+            super.removeAttribute(name);
+        }
+    }
+    // Internal
+    #onInput = (event) => {
+        if (!this.searchable && this.filterable) {
+            if (event.target && event.target instanceof HTMLInputElement) {
+                this.#markup.sort(event.target.value);
+            }
+        }
+    };
+    #onOptionsChanges = (records) => {
+        records.forEach(record => {
+            record.addedNodes.forEach(node => {
+                if (node instanceof HTMLComboboxOptionElement) {
+                    node.addEventListener('click', this.#onSelectOption);
+                    if (node.selected) {
+                        if (this.multiple) {
+                            this.#selectOption(node);
+                        }
+                        else if (this.#values.size === 0) {
+                            this.#selectOption(node);
+                        }
+                    }
+                }
+                if (node instanceof HTMLComboboxOptionElement || node instanceof HTMLOptGroupElement) {
+                    this.#markup.optionsContainer.append(node);
+                }
+            });
+        });
+        this.#markup.invalidateOptionsCache();
+        this.#setValidityAndFormValue();
+    };
+    #selectOption(option) {
+        if (this.#values.has(option.value))
+            return;
+        const value = option.value;
+        this.#values.add(value);
+        option.toggleAttribute('selected', true);
+        const control = this.#markup.createAndAppendTag(option);
+        control?.addEventListener('click', this.#onClearTag);
+        if (!this.multiple) {
+            this.#markup.closeDropdown();
+        }
+    }
+    #onSelectOption = (event) => {
+        const target = event.target;
+        if (target && target instanceof HTMLElement) {
+            const option = target.closest('box-option');
+            if (option) {
+                if (this.#values.has(option.value))
+                    return;
+                if (!this.multiple) {
+                    event.stopPropagation();
+                    this.#values.forEach(value => {
+                        this.#markup.getTagByValue(value)?.remove();
+                        this.#markup.getOptionByValue(value)?.toggleAttribute('selected', false);
+                    });
+                    this.#values.clear();
+                    this.#markup.tagsContainer.replaceChildren();
+                }
+                this.#selectOption(option);
+                this.#setValidityAndFormValue();
+                this.dispatchEvent(new Event('change'));
+            }
+        }
+    };
+    #onClearTag = (event) => {
+        const target = event.target;
+        if (target && target instanceof HTMLElement) {
+            const tag = target.closest('box-tag');
+            if (tag) {
+                const value = tag.getAttribute('value');
+                const option = this.#markup.getOptionByValue(value);
+                option.removeAttribute('selected');
+                this.#values.delete(value);
+                tag.remove();
+                this.#setValidityAndFormValue();
+                this.dispatchEvent(new Event('change'));
+            }
+        }
+    };
+    #onClear = () => {
+        this.formResetCallback();
+    };
+    #setValidityAndFormValue() {
+        this.#internals.setFormValue(this.value);
+        if (this.required && this.value === '') {
+            this.#internals.setValidity({ valueMissing: true });
+        }
+        else {
+            this.#internals.setValidity({});
+        }
+    }
+    #initialAttributesSynchronization() {
+        for (const key of HTMLComboboxElement.OWN_IDL) {
+            this[key] = this.getAttribute(key);
+        }
+    }
+    static loadCssFromUrls(urls) {
+        ComboboxMarkup.importCSS(urls);
+    }
+    static loadCssFromDocumentStyleSheets() {
+        if (document.readyState === 'complete') {
+            HTMLComboboxElement.#loadDocumentStyleSheets();
+        }
+        if (document.readyState === 'loading') {
+            document.addEventListener('DOMContentLoaded', HTMLComboboxElement.#loadDocumentStyleSheets);
+        }
+        if (document.readyState === 'interactive') {
+            queueMicrotask(HTMLComboboxElement.#loadDocumentStyleSheets);
+        }
+    }
+    static #loadDocumentStyleSheets() {
+        const [innerSheet] = HTMLComboboxElement.styleSheet;
+        for (const outerSheet of document.styleSheets) {
+            for (const rule of outerSheet.cssRules) {
+                innerSheet.insertRule(rule.cssText, innerSheet.cssRules.length);
+            }
+        }
+    }
+}
+document.addEventListener('keypress', (event) => {
+    if (document.activeElement instanceof HTMLComboboxElement) {
+        const maybeHost = document.activeElement.shadowRoot.activeElement;
+        if (maybeHost instanceof HTMLComboboxOptionElement) {
+            maybeHost.click();
+        }
+    }
+});
+if (!window.customElements.get('combo-box')) {
+    window.customElements.define('combo-box', HTMLComboboxElement);
+}

package/dist/esm/combobox/HTML.combobox.option.element.js

@@ -0,0 +1,59 @@
+import { toBoolean } from './Boolean.attribute.value.normalizer.js';
+export class HTMLComboboxOptionElement extends HTMLElement {
+    static OWN_IDL = new Set(['value', 'label', 'selected']);
+    connectedCallback() {
+        this.#initialAttributesSynchronization();
+        this.part.add('option');
+        super.setAttribute('tabindex', "0");
+        super.setAttribute('role', "option");
+        if (!this.value) {
+            this.value = this.textContent;
+        }
+    }
+    get value() {
+        return this.getAttribute('value');
+    }
+    set value(value) {
+        if (value == null)
+            return;
+        super.setAttribute('value', String(value));
+    }
+    get label() {
+        return this.getAttribute('label');
+    }
+    set label(value) {
+        if (value == null)
+            return;
+        super.setAttribute('label', String(value));
+    }
+    get selected() {
+        return this.hasAttribute('selected');
+    }
+    set selected(value) {
+        super.toggleAttribute('selected', toBoolean(value));
+    }
+    #initialAttributesSynchronization() {
+        for (const key of HTMLComboboxOptionElement.OWN_IDL) {
+            this[key] = this.getAttribute(key);
+        }
+    }
+    setAttribute(name, value) {
+        if (HTMLComboboxOptionElement.OWN_IDL.has(name)) {
+            this[name] = value;
+        }
+        else {
+            super.setAttribute(name, value);
+        }
+    }
+    removeAttribute(name) {
+        if (HTMLComboboxOptionElement.OWN_IDL.has(name)) {
+            this[name] = null;
+        }
+        else {
+            super.removeAttribute(name);
+        }
+    }
+}
+if (!window.customElements.get('box-option')) {
+    window.customElements.define('box-option', HTMLComboboxOptionElement);
+}

package/dist/esm/combobox/HTML.combobox.tag.element.js

@@ -0,0 +1,18 @@
+export class HTMLComboboxTagElement extends HTMLElement {
+    constructor() {
+        super();
+    }
+    connectedCallback() {
+        this.part.add('tag');
+        if (this.parentElement) {
+            if (this.parentElement.hasAttribute('multiple')) {
+                if (!this.querySelector('[part*="clear-tag"]')) {
+                    throw new Error(`A <button> with part="clear-tag" is required for <combo-box> with multiple attribute`);
+                }
+            }
+        }
+    }
+}
+if (!window.customElements.get('box-tag')) {
+    window.customElements.define('box-tag', HTMLComboboxTagElement);
+}

package/dist/esm/combobox/index.js

@@ -0,0 +1 @@
+export * from './HTML.combobox.element.js';

package/dist/esm/index.js

@@ -0,0 +1,67 @@
+/// <reference types="solid-js" />
+/// <reference types="preact" />
+/// <reference types="react" />
+/// <reference types="vue" />
+export * from './combobox/index.js';
+// declare global {
+//   namespace React {
+//     namespace JSX {
+//       interface IntrinsicElements {
+//         'combo-box': React.DetailedHTMLProps<Omit<React.HTMLAttributes<HTMLComboboxElement>, 'defaultValue'>,
+//           HTMLComboboxElement
+//         > & ComboboxJsxAttributes;
+//
+//         'box-option': React.DetailedHTMLProps<
+//           React.HTMLAttributes<HTMLComboboxOptionElement>,
+//           HTMLComboboxOptionElement>
+//         & ComboboxOptionJsxAttributes;
+//
+//         'box-tag': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxTagElement>, HTMLComboboxTagElement>;
+//       }
+//     }
+//   }
+//
+//
+//   namespace preact {
+//     namespace JSX {
+//       interface IntrinsicElements {
+//         'combo-box': preact.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes;
+//         'box-option': preact.HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes;
+//         'box-tag': preact.HTMLAttributes<HTMLComboboxTagElement>;
+//       }
+//     }
+//   }
+//
+// }
+//
+// declare module 'preact' {
+//   namespace JSX {
+//     interface IntrinsicElements {
+//       'combo-box': preact.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes;
+//       'box-option': preact.HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes;
+//       'box-tag': preact.HTMLAttributes<HTMLComboboxTagElement>;
+//     }
+//   }
+// }
+//
+// // Solid
+// declare module 'solid-js' {
+//   namespace JSX {
+//     interface IntrinsicElements {
+//       'combo-box': HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes
+//       'box-option': HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes
+//       'box-tag': HTMLAttributes<HTMLElement>
+//     }
+//   }
+// }
+//
+//
+// declare global {
+//   namespace JSX {
+//     interface IntrinsicElements {
+//       'combo-box': ComboboxJsxAttributes;
+//       'box-option': ComboboxOptionJsxAttributes;
+//       'box-tag': HTMLElement;
+//     }
+//   }
+// }

package/dist/esm/tsconfig.esm.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../../src/index.ts","../../src/combobox/boolean.attribute.value.normalizer.ts","../../src/combobox/combobox.markup.ts","../../src/combobox/html.combobox.element.ts","../../src/combobox/html.combobox.option.element.ts","../../src/combobox/html.combobox.tag.element.ts","../../src/combobox/index.ts"],"version":"5.9.3"}

package/dist/types/combobox/Boolean.attribute.value.normalizer.d.ts

@@ -0,0 +1,3 @@
+/** Transform invalid (nullish or stringed) values to correct boolean value */
+export declare function toBoolean(value: any): boolean;
+//# sourceMappingURL=Boolean.attribute.value.normalizer.d.ts.map

package/dist/types/combobox/Boolean.attribute.value.normalizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Boolean.attribute.value.normalizer.d.ts","sourceRoot":"","sources":["../../../src/combobox/Boolean.attribute.value.normalizer.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,wBAAgB,SAAS,CAAC,KAAK,EAAE,GAAG,WAInC"}

package/dist/types/combobox/Combobox.markup.d.ts

@@ -0,0 +1,31 @@
+import { HTMLComboboxTagElement } from './HTML.combobox.tag.element.js';
+import { HTMLComboboxOptionElement } from './HTML.combobox.option.element.js';
+export declare class ComboboxMarkup {
+    #private;
+    tagsContainer: HTMLDivElement | null;
+    optionsContainer: HTMLDivElement | null;
+    clearAllButton: HTMLButtonElement | null;
+    dropdown: HTMLDivElement | null;
+    placeholder: HTMLDivElement | null;
+    searchInput: HTMLInputElement | null;
+    tagTemplate: HTMLComboboxTagElement | null;
+    options: NodeListOf<HTMLComboboxOptionElement> | null;
+    connected: boolean;
+    constructor(shadowRoot: ShadowRoot, internals: ElementInternals);
+    connect(): void;
+    invalidateOptionsCache(): void;
+    sort(query: string): void;
+    disconnect(): void;
+    onPageScroll: () => void;
+    setDropdownPosition(rect: DOMRect): void;
+    showDropdown: () => void;
+    closeDropdown(): void;
+    hideDropdown: (event: Event) => void;
+    createAndAppendTag(option: HTMLComboboxOptionElement): HTMLButtonElement;
+    getTagByValue(value: string): HTMLComboboxTagElement;
+    getOptionByValue(value: string): HTMLComboboxOptionElement;
+    get selectedOptions(): NodeListOf<HTMLComboboxOptionElement>;
+    static importCSS(urls: string[]): void;
+    static template: string;
+}
+//# sourceMappingURL=Combobox.markup.d.ts.map

package/dist/types/combobox/Combobox.markup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.markup.d.ts","sourceRoot":"","sources":["../../../src/combobox/Combobox.markup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,qBAAa,cAAc;;IAGzB,aAAa,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC5C,gBAAgB,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC/C,cAAc,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAChD,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAQ;IACvC,WAAW,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC1C,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC5C,WAAW,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAClD,OAAO,EAAE,UAAU,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;IACtD,SAAS,UAAS;gBAEN,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB;IAU/D,OAAO;IAiBP,sBAAsB;IAMtB,IAAI,CAAC,KAAK,EAAE,MAAM;IAelB,UAAU;IASV,YAAY,aAIX;IAED,mBAAmB,CAAC,IAAI,EAAE,OAAO;IAmBjC,YAAY,aAaX;IAED,aAAa;IAWb,YAAY,GAAI,OAAO,KAAK,UAG3B;IAED,kBAAkB,CAAC,MAAM,EAAE,yBAAyB;IAsCpD,aAAa,CAAC,KAAK,EAAE,MAAM;IAI3B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,IAAI,eAAe,0CAGlB;IAED,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE;IAQ/B,MAAM,CAAC,QAAQ,SAkMhB;CACA"}

package/dist/types/combobox/HTML.combobox.element.d.ts

@@ -0,0 +1,55 @@
+import { HTMLComboboxOptionElement } from './HTML.combobox.option.element.js';
+export declare class HTMLComboboxElement extends HTMLElement {
+    #private;
+    static OWN_IDL: Set<string>;
+    static observerOptions: {
+        childList: boolean;
+        attributes: boolean;
+        subtree: boolean;
+    };
+    static styleSheet: CSSStyleSheet[];
+    static formAssociated: boolean;
+    shadowRoot: ShadowRoot;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    formResetCallback(): void;
+    formDisabledCallback(isDisabled: boolean): void;
+    get valueAsArray(): string[];
+    get query(): string;
+    set query(value: string);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get clearable(): boolean;
+    set clearable(value: boolean);
+    get filterable(): boolean;
+    set filterable(value: boolean);
+    get searchable(): boolean;
+    set searchable(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get form(): HTMLFormElement;
+    get labels(): NodeList;
+    get length(): number;
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    get selectedOptions(): NodeListOf<HTMLComboboxOptionElement>;
+    get type(): "select-one" | "select-multiple";
+    get validationMessage(): string;
+    get validity(): ValidityState;
+    get willValidate(): boolean;
+    get value(): string;
+    set value(value: string);
+    checkValidity(): void;
+    item(index: number): HTMLComboboxOptionElement;
+    reportValidity(): void;
+    setCustomValidity(message: string): void;
+    showPicker(): void;
+    setAttribute(name: string, value: any): void;
+    removeAttribute(name: string): void;
+    static loadCssFromUrls(urls: string[]): void;
+    static loadCssFromDocumentStyleSheets(): void;
+}
+//# sourceMappingURL=HTML.combobox.element.d.ts.map

package/dist/types/combobox/HTML.combobox.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.combobox.element.d.ts","sourceRoot":"","sources":["../../../src/combobox/HTML.combobox.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAI9E,qBAAa,mBAAoB,SAAQ,WAAW;;IAClD,MAAM,CAAC,OAAO,cAA0H;IACxI,MAAM,CAAC,eAAe;;;;MAA0D;IAChF,MAAM,CAAC,UAAU,kBAAuB;IACxC,MAAM,CAAC,cAAc,UAAQ;IAE7B,UAAU,EAAE,UAAU,CAAC;;IAoBvB,iBAAiB;IASjB,oBAAoB;IAOpB,iBAAiB;IAQjB,oBAAoB,CAAC,UAAU,EAAE,OAAO;IAOxC,IAAI,YAAY,aAEf;IAED,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAQtB;IAED,IAAI,WAAW,WAEd;IACD,IAAI,WAAW,CAAC,KAAK,QAAA,EAQpB;IAED,IAAI,SAAS,YAEZ;IACD,IAAI,SAAS,CAAC,KAAK,SAAA,EAElB;IAED,IAAI,UAAU,YAEb;IACD,IAAI,UAAU,CAAC,KAAK,SAAA,EAEnB;IAED,IAAI,UAAU,YAEb;IACD,IAAI,UAAU,CAAC,KAAK,SAAA,EAEnB;IAGD,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAGjB;IAED,IAAI,IAAI,oBAEP;IAED,IAAI,MAAM,aAET;IAED,IAAI,MAAM,WAET;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;IAKD,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAGjB;IAID,IAAI,eAAe,0CAElB;IAMD,IAAI,IAAI,qCAEP;IAED,IAAI,iBAAiB,WAEpB;IAED,IAAI,QAAQ,kBAEX;IAED,IAAI,YAAY,YAEf;IAED,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAgCtB;IAQD,aAAa;IAIb,IAAI,CAAC,KAAK,EAAE,MAAM;IASlB,cAAc;IAId,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAQjC,UAAU;IAKV,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAQrC,eAAe,CAAC,IAAI,EAAE,MAAM;IA4G5B,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE;IAIrC,MAAM,CAAC,8BAA8B;CAoBtC"}

package/dist/types/combobox/HTML.combobox.option.element.d.ts

@@ -0,0 +1,14 @@
+export declare class HTMLComboboxOptionElement extends HTMLElement {
+    #private;
+    static OWN_IDL: Set<string>;
+    connectedCallback(): void;
+    get value(): string;
+    set value(value: string);
+    get label(): string;
+    set label(value: string);
+    get selected(): boolean;
+    set selected(value: boolean);
+    setAttribute(name: string, value: string): void;
+    removeAttribute(name: string): void;
+}
+//# sourceMappingURL=HTML.combobox.option.element.d.ts.map

package/dist/types/combobox/HTML.combobox.option.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.combobox.option.element.d.ts","sourceRoot":"","sources":["../../../src/combobox/HTML.combobox.option.element.ts"],"names":[],"mappings":"AAEA,qBAAa,yBAA0B,SAAQ,WAAW;;IACxD,MAAM,CAAC,OAAO,cAA2C;IAEzD,iBAAiB;IAWjB,IAAI,KAAK,WAER;IACD,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED,IAAI,KAAK,WAER;IACD,IAAI,KAAK,CAAC,KAAK,QAAA,EAGd;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;IAQD,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAQxC,eAAe,CAAC,IAAI,EAAE,MAAM;CAO7B"}

package/dist/types/combobox/HTML.combobox.tag.element.d.ts

@@ -0,0 +1,5 @@
+export declare class HTMLComboboxTagElement extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+}
+//# sourceMappingURL=HTML.combobox.tag.element.d.ts.map

package/dist/types/combobox/HTML.combobox.tag.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTML.combobox.tag.element.d.ts","sourceRoot":"","sources":["../../../src/combobox/HTML.combobox.tag.element.ts"],"names":[],"mappings":"AAAA,qBAAa,sBAAuB,SAAQ,WAAW;;IAKrD,iBAAiB;CAUlB"}

package/dist/types/combobox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HTML.combobox.element.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/combobox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}