kr-elements 0.0.1-alpha.29 → 0.0.1-alpha.30

package/dist/cjs/combobox/Combobox.markup.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComboboxMarkup = void 0;
 const HTML_combobox_tag_element_js_1 = require("./HTML.combobox.tag.element.js");
 class ComboboxMarkup {
+    static scrollToTopOptions = { top: 0, behavior: 'smooth' };
     #shadowRoot;
     #internals;
     tagsContainer = null;
@@ -12,6 +13,7 @@ class ComboboxMarkup {
     placeholder = null;
     searchInput = null;
     tagTemplate = null;
+    options;
     connected = false;
     constructor(shadowRoot, internals) {
         this.#shadowRoot = shadowRoot;
@@ -38,23 +40,24 @@ class ComboboxMarkup {
         this.tagTemplate = doc.querySelector('box-tag');
         this.connected = true;
     }
+    invalidateOptionsCache() {
+        this.options = this.optionsContainer.querySelectorAll('box-option');
+    }
+    #timer = undefined;
     sort(query) {
-        const regex = new RegExp(query, 'i');
-        this.optionsContainer.querySelectorAll('box-option')
-            .forEach(option => {
-            if (query === '') {
-                // option.style.order = "unset";
-                option.style.display = "initial";
-            }
-            else if (!regex.test(option.label)) {
-                // option.style.order = "-1";
-                option.style.display = "none";
-            }
-            else {
-                // option.style.order = "unset";
-                option.style.order = "initial";
-            }
-        });
+        clearTimeout(this.#timer);
+        this.#timer = setTimeout(() => {
+            const regex = new RegExp(query.trim(), 'i');
+            this.options.forEach(option => {
+                if (!regex.test(option.textContent)) {
+                    option.style.display = "none";
+                }
+                else {
+                    option.style.display = "flex";
+                }
+            });
+            this.dropdown.scrollTo(ComboboxMarkup.scrollToTopOptions);
+        }, 200);
     }
     disconnect() {
         this.#shadowRoot.host.removeEventListener('focus', this.showDropdown);
@@ -95,23 +98,31 @@ class ComboboxMarkup {
             // @ts-ignore
             this.dropdown.showPopover();
             this.#internals.ariaExpanded = "true";
+            if (this.tagsContainer?.children.length === 0) {
+                this.searchInput?.focus();
+            }
+            this.placeholder.innerText = '';
         }
         catch {
             this.#internals.ariaExpanded = "false";
         }
     };
-    hideDropdown = (event) => {
-        if (event.composedPath().includes(this.#shadowRoot.host))
-            return;
+    closeDropdown() {
         try {
             // @ts-ignore
             this.dropdown.hidePopover();
             this.dropdown.style.display = 'none';
             this.#internals.ariaExpanded = "false";
+            this.placeholder.innerText = this.#shadowRoot.host.getAttribute('placeholder');
         }
-        catch {
+        catch (e) {
             this.#internals.ariaExpanded = "true";
         }
+    }
+    hideDropdown = (event) => {
+        if (event.composedPath().includes(this.#shadowRoot.host))
+            return;
+        this.closeDropdown();
     };
     createAndAppendTag(option) {
         const value = option.value;
@@ -128,6 +139,10 @@ class ComboboxMarkup {
                     if (relatedPart) {
                         const newNode = relatedPart.cloneNode(true);
                         newNode.part.add(...tokens);
+                        const exportedParts = option.getAttribute('exportparts');
+                        if (exportedParts) {
+                            tag.part.add(exportedParts);
+                        }
                         tag.replaceChild(newNode, node);
                         break;
                     }
@@ -197,14 +212,21 @@ class ComboboxMarkup {
     border-radius: inherit;
   }
   
-  [part="options"] box-option {
+  box-option {
     display: flex;
     border-radius: inherit;
     content-visibility: auto;
+    cursor: pointer;
+  }
+  
+  box-option:hover {
+    background-color: color-mix(in srgb, Highlight, transparent 70%);
   }
   
-  [part="options"] box-option[selected] {
+  box-option[selected] {
     background-color: Highlight;
+    cursor: not-allowed;
+    pointer-events: none;
   }
   
   [part="search-input"] { 
@@ -215,6 +237,7 @@ class ComboboxMarkup {
     border-radius: inherit;
     border-style: inherit;
     border-width: inherit;
+    border-color: inherit;
     padding: inherit;
   }
   
@@ -226,6 +249,9 @@ class ComboboxMarkup {
   #placeholder {
     text-align: left;
     overflow: hidden;
+    padding-inline-start: 2px;
+    font-size: smaller;
+    color: dimgrey;
   }
 
   #tags:not(:empty) + #placeholder {
@@ -245,10 +271,9 @@ class ComboboxMarkup {
     border-radius: inherit;
   }
 
-  [part="box-tag"] {
+  [part*="box-tag"] {
     width: 100%;
     justify-self: start;
-    font-size: inherit;
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -257,9 +282,11 @@ class ComboboxMarkup {
     padding-inline-end: .2rem;
     background-color: transparent;
     gap: 5px;
+    font-size: medium;
+    text-transform: uppercase;
   }
   
-  :host([multiple]) [part="box-tag"] {
+  :host([multiple]) [part*="box-tag"] {
     background-color: Highlight;
     width: fit-content;
     max-width: 100%;
@@ -314,6 +341,7 @@ class ComboboxMarkup {
   [part*="clear-all-button"]:hover, 
   [part*="tag-clear-button"]:hover {
     color: ActiveText;
+    cursor: pointer;
   }
 
   [part*="clear-all-button"]:hover {

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

@@ -222,6 +222,7 @@ class HTMLComboboxElement extends HTMLElement {
                 }
             });
         });
+        this.#markup.invalidateOptionsCache();
         this.#setValidityAndFormValue();
     };
     #selectOption(option) {
@@ -232,6 +233,9 @@ class HTMLComboboxElement extends HTMLElement {
         option.toggleAttribute('selected', true);
         const control = this.#markup.createAndAppendTag(option);
         control.addEventListener('click', this.#onClickTagClearButton);
+        if (!this.multiple) {
+            this.#markup.closeDropdown();
+        }
     }
     #onSelectOption = (event) => {
         let option;
@@ -253,6 +257,9 @@ class HTMLComboboxElement extends HTMLElement {
                 this.#values.clear();
                 this.#markup.tagsContainer.replaceChildren();
             }
+            if (!this.multiple) {
+                event.stopPropagation();
+            }
             this.#selectOption(option);
             this.#setValidityAndFormValue();
             this.dispatchEvent(new Event('change'));

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

@@ -17,7 +17,6 @@ class HTMLComboboxOptionElement extends HTMLElement {
         const text = this.textContent.trim();
         const hasText = text.length > 0;
         if (!value && !label) {
-            console.log('!value && !label');
             if (hasNoMarkup && hasText) {
                 this.value = text;
                 this.label = text;

package/dist/cjs/index.js

@@ -1,6 +1,8 @@
 "use strict";
 /// <reference types="solid-js" />
 /// <reference types="preact" />
+/// <reference types="react" />
+/// <reference types="vue" />
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -17,3 +19,65 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./combobox/index.js"), exports);
+// 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/combobox/Combobox.markup.js

@@ -1,5 +1,6 @@
 import { HTMLComboboxTagElement } from './HTML.combobox.tag.element.js';
 export class ComboboxMarkup {
+    static scrollToTopOptions = { top: 0, behavior: 'smooth' };
     #shadowRoot;
     #internals;
     tagsContainer = null;
@@ -9,6 +10,7 @@ export class ComboboxMarkup {
     placeholder = null;
     searchInput = null;
     tagTemplate = null;
+    options;
     connected = false;
     constructor(shadowRoot, internals) {
         this.#shadowRoot = shadowRoot;
@@ -35,23 +37,24 @@ export class ComboboxMarkup {
         this.tagTemplate = doc.querySelector('box-tag');
         this.connected = true;
     }
+    invalidateOptionsCache() {
+        this.options = this.optionsContainer.querySelectorAll('box-option');
+    }
+    #timer = undefined;
     sort(query) {
-        const regex = new RegExp(query, 'i');
-        this.optionsContainer.querySelectorAll('box-option')
-            .forEach(option => {
-            if (query === '') {
-                // option.style.order = "unset";
-                option.style.display = "initial";
-            }
-            else if (!regex.test(option.label)) {
-                // option.style.order = "-1";
-                option.style.display = "none";
-            }
-            else {
-                // option.style.order = "unset";
-                option.style.order = "initial";
-            }
-        });
+        clearTimeout(this.#timer);
+        this.#timer = setTimeout(() => {
+            const regex = new RegExp(query.trim(), 'i');
+            this.options.forEach(option => {
+                if (!regex.test(option.textContent)) {
+                    option.style.display = "none";
+                }
+                else {
+                    option.style.display = "flex";
+                }
+            });
+            this.dropdown.scrollTo(ComboboxMarkup.scrollToTopOptions);
+        }, 200);
     }
     disconnect() {
         this.#shadowRoot.host.removeEventListener('focus', this.showDropdown);
@@ -92,23 +95,31 @@ export class ComboboxMarkup {
             // @ts-ignore
             this.dropdown.showPopover();
             this.#internals.ariaExpanded = "true";
+            if (this.tagsContainer?.children.length === 0) {
+                this.searchInput?.focus();
+            }
+            this.placeholder.innerText = '';
         }
         catch {
             this.#internals.ariaExpanded = "false";
         }
     };
-    hideDropdown = (event) => {
-        if (event.composedPath().includes(this.#shadowRoot.host))
-            return;
+    closeDropdown() {
         try {
             // @ts-ignore
             this.dropdown.hidePopover();
             this.dropdown.style.display = 'none';
             this.#internals.ariaExpanded = "false";
+            this.placeholder.innerText = this.#shadowRoot.host.getAttribute('placeholder');
         }
-        catch {
+        catch (e) {
             this.#internals.ariaExpanded = "true";
         }
+    }
+    hideDropdown = (event) => {
+        if (event.composedPath().includes(this.#shadowRoot.host))
+            return;
+        this.closeDropdown();
     };
     createAndAppendTag(option) {
         const value = option.value;
@@ -125,6 +136,10 @@ export class ComboboxMarkup {
                     if (relatedPart) {
                         const newNode = relatedPart.cloneNode(true);
                         newNode.part.add(...tokens);
+                        const exportedParts = option.getAttribute('exportparts');
+                        if (exportedParts) {
+                            tag.part.add(exportedParts);
+                        }
                         tag.replaceChild(newNode, node);
                         break;
                     }
@@ -194,14 +209,21 @@ export class ComboboxMarkup {
     border-radius: inherit;
   }
   
-  [part="options"] box-option {
+  box-option {
     display: flex;
     border-radius: inherit;
     content-visibility: auto;
+    cursor: pointer;
+  }
+  
+  box-option:hover {
+    background-color: color-mix(in srgb, Highlight, transparent 70%);
   }
   
-  [part="options"] box-option[selected] {
+  box-option[selected] {
     background-color: Highlight;
+    cursor: not-allowed;
+    pointer-events: none;
   }
   
   [part="search-input"] { 
@@ -212,6 +234,7 @@ export class ComboboxMarkup {
     border-radius: inherit;
     border-style: inherit;
     border-width: inherit;
+    border-color: inherit;
     padding: inherit;
   }
   
@@ -223,6 +246,9 @@ export class ComboboxMarkup {
   #placeholder {
     text-align: left;
     overflow: hidden;
+    padding-inline-start: 2px;
+    font-size: smaller;
+    color: dimgrey;
   }
 
   #tags:not(:empty) + #placeholder {
@@ -242,10 +268,9 @@ export class ComboboxMarkup {
     border-radius: inherit;
   }
 
-  [part="box-tag"] {
+  [part*="box-tag"] {
     width: 100%;
     justify-self: start;
-    font-size: inherit;
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -254,9 +279,11 @@ export class ComboboxMarkup {
     padding-inline-end: .2rem;
     background-color: transparent;
     gap: 5px;
+    font-size: medium;
+    text-transform: uppercase;
   }
   
-  :host([multiple]) [part="box-tag"] {
+  :host([multiple]) [part*="box-tag"] {
     background-color: Highlight;
     width: fit-content;
     max-width: 100%;
@@ -311,6 +338,7 @@ export class ComboboxMarkup {
   [part*="clear-all-button"]:hover, 
   [part*="tag-clear-button"]:hover {
     color: ActiveText;
+    cursor: pointer;
   }
 
   [part*="clear-all-button"]:hover {

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

@@ -218,6 +218,7 @@ export class HTMLComboboxElement extends HTMLElement {
                 }
             });
         });
+        this.#markup.invalidateOptionsCache();
         this.#setValidityAndFormValue();
     };
     #selectOption(option) {
@@ -228,6 +229,9 @@ export class HTMLComboboxElement extends HTMLElement {
         option.toggleAttribute('selected', true);
         const control = this.#markup.createAndAppendTag(option);
         control.addEventListener('click', this.#onClickTagClearButton);
+        if (!this.multiple) {
+            this.#markup.closeDropdown();
+        }
     }
     #onSelectOption = (event) => {
         let option;
@@ -249,6 +253,9 @@ export class HTMLComboboxElement extends HTMLElement {
                 this.#values.clear();
                 this.#markup.tagsContainer.replaceChildren();
             }
+            if (!this.multiple) {
+                event.stopPropagation();
+            }
             this.#selectOption(option);
             this.#setValidityAndFormValue();
             this.dispatchEvent(new Event('change'));

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

@@ -13,7 +13,6 @@ export class HTMLComboboxOptionElement extends HTMLElement {
         const text = this.textContent.trim();
         const hasText = text.length > 0;
         if (!value && !label) {
-            console.log('!value && !label');
             if (hasNoMarkup && hasText) {
                 this.value = text;
                 this.label = text;

package/dist/esm/index.js

@@ -1,3 +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/types/combobox/Combobox.markup.d.ts

@@ -2,6 +2,7 @@ import { HTMLComboboxTagElement } from './HTML.combobox.tag.element.js';
 import { HTMLComboboxOptionElement } from './HTML.combobox.option.element.js';
 export declare class ComboboxMarkup {
     #private;
+    static scrollToTopOptions: ScrollToOptions;
     tagsContainer: HTMLDivElement | null;
     optionsContainer: HTMLDivElement | null;
     clearAllButton: HTMLButtonElement | null;
@@ -9,14 +10,17 @@ export declare class ComboboxMarkup {
     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;

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

@@ -1 +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;IAElD,SAAS,UAAS;gBAEN,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB;IAU/D,OAAO;IAiBP,IAAI,CAAC,KAAK,EAAE,MAAM;IAiBlB,UAAU;IASV,YAAY,aAIX;IAED,mBAAmB,CAAC,IAAI,EAAE,OAAO;IAmBjC,YAAY,aAUX;IAED,YAAY,GAAI,OAAO,KAAK,UAU3B;IAED,kBAAkB,CAAC,MAAM,EAAE,yBAAyB;IAuCpD,aAAa,CAAC,KAAK,EAAE,MAAM;IAI3B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,IAAI,eAAe,0CAGlB;IAED,MAAM,KAAK,QAAQ,WAqLlB;CACF"}
+{"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;;IACzB,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAAkC;IAG5E,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,aAcX;IAED,aAAa;IAYb,YAAY,GAAI,OAAO,KAAK,UAG3B;IAED,kBAAkB,CAAC,MAAM,EAAE,yBAAyB;IA2CpD,aAAa,CAAC,KAAK,EAAE,MAAM;IAI3B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,IAAI,eAAe,0CAGlB;IAED,MAAM,KAAK,QAAQ,WAkMlB;CACF"}

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

@@ -1 +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;AAG9E,qBAAa,mBAAoB,SAAQ,WAAW;;IAClD,MAAM,CAAC,gBAAgB,cAAgD;IACvE,MAAM,CAAC,iBAAiB,cAA4F;IACpH,MAAM,CAAC,eAAe;;;;MAA0D;IAChF,MAAM,CAAC,UAAU,kBAAuB;IACxC,MAAM,CAAC,cAAc,UAAQ;IAE7B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;;IAkBvB,iBAAiB;IASjB,oBAAoB;IAKpB,iBAAiB;IAQjB,oBAAoB,CAAC,UAAU,EAAE,OAAO;IAMxC,IAAI,YAAY,aAEf;IACD,IAAI,eAAe,0CAElB;IACD,IAAI,QAAQ,kBAEX;IACD,IAAI,YAAY,YAEf;IAGD,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAgCtB;IAED,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,SAAS,YAEZ;IACD,IAAI,SAAS,CAAC,KAAK,SAAA,EAElB;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;IAED,IAAI,UAAU,YAEb;IACD,IAAI,UAAU,CAAC,KAAK,SAAA,EAEnB;IAED,IAAI,UAAU,YAEb;IACD,IAAI,UAAU,CAAC,KAAK,SAAA,EAEnB;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAGjB;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAGjB;IAED,IAAI,WAAW,WAEd;IACD,IAAI,WAAW,CAAC,KAAK,QAAA,EAMpB;IAID,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAYrC,eAAe,CAAC,IAAI,EAAE,MAAM;IAW5B,cAAc;IAId,aAAa;IAIb,iBAAiB,CAAC,OAAO,EAAE,MAAM;IA0HjC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE;IAIzC,MAAM,CAAC,8BAA8B;CAoBtC"}
+{"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;AAG9E,qBAAa,mBAAoB,SAAQ,WAAW;;IAClD,MAAM,CAAC,gBAAgB,cAAgD;IACvE,MAAM,CAAC,iBAAiB,cAA4F;IACpH,MAAM,CAAC,eAAe;;;;MAA0D;IAChF,MAAM,CAAC,UAAU,kBAAuB;IACxC,MAAM,CAAC,cAAc,UAAQ;IAE7B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;;IAkBvB,iBAAiB;IASjB,oBAAoB;IAKpB,iBAAiB;IAQjB,oBAAoB,CAAC,UAAU,EAAE,OAAO;IAMxC,IAAI,YAAY,aAEf;IACD,IAAI,eAAe,0CAElB;IACD,IAAI,QAAQ,kBAEX;IACD,IAAI,YAAY,YAEf;IAGD,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAgCtB;IAED,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,SAAS,YAEZ;IACD,IAAI,SAAS,CAAC,KAAK,SAAA,EAElB;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;IAED,IAAI,UAAU,YAEb;IACD,IAAI,UAAU,CAAC,KAAK,SAAA,EAEnB;IAED,IAAI,UAAU,YAEb;IACD,IAAI,UAAU,CAAC,KAAK,SAAA,EAEnB;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAGjB;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAGjB;IAED,IAAI,WAAW,WAEd;IACD,IAAI,WAAW,CAAC,KAAK,QAAA,EAMpB;IAID,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAYrC,eAAe,CAAC,IAAI,EAAE,MAAM;IAW5B,cAAc;IAId,aAAa;IAIb,iBAAiB,CAAC,OAAO,EAAE,MAAM;IA+HjC,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE;IAIzC,MAAM,CAAC,8BAA8B;CAoBtC"}

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

@@ -1 +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,iBAAiB,cAAyB;IACjD,MAAM,CAAC,gBAAgB,cAA+B;IAEtD,iBAAiB;IA2CjB,IAAI,KAAK,WAER;IACD,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAED,IAAI,KAAK,WAER;IACD,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;IAcD,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAYxC,eAAe,CAAC,IAAI,EAAE,MAAM;CAU7B"}
+{"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,iBAAiB,cAAyB;IACjD,MAAM,CAAC,gBAAgB,cAA+B;IAEtD,iBAAiB;IA0CjB,IAAI,KAAK,WAER;IACD,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAED,IAAI,KAAK,WAER;IACD,IAAI,KAAK,CAAC,KAAK,QAAA,EAEd;IAED,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;IAcD,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAYxC,eAAe,CAAC,IAAI,EAAE,MAAM;CAU7B"}

package/dist/types/index.d.ts

@@ -126,49 +126,88 @@ interface ComboboxOptionJsxAttributes {
     selected?: boolean;
 }
 declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'combo-box': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes, HTMLComboboxElement>;
+            'box-option': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes, HTMLComboboxOptionElement>;
+            'box-tag': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxTagElement>, HTMLComboboxTagElement>;
+        }
+    }
     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;
+                'combo-box': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes, HTMLComboboxElement>;
+                'box-option': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes, HTMLComboboxOptionElement>;
                 'box-tag': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxTagElement>, HTMLComboboxTagElement>;
             }
         }
     }
-    namespace preact {
+    namespace Solid {
+        namespace JSX {
+            interface IntrinsicElements {
+                'combo-box': any;
+                'box-option': any;
+                'box-tag': any;
+            }
+        }
+    }
+    namespace Vue {
         namespace JSX {
             interface IntrinsicElements {
-                'combo-box': preact.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes;
-                'box-option': preact.HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes;
-                'box-tag': preact.HTMLAttributes<HTMLComboboxTagElement>;
+                'combo-box': any;
+                'box-option': any;
+                'box-tag': any;
             }
         }
     }
+    namespace JSXInternal {
+        interface IntrinsicElements {
+            'combo-box': preact.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes;
+            'box-option': preact.HTMLAttributes<HTMLComboboxElement> & ComboboxOptionJsxAttributes;
+            'box-tag': preact.HTMLAttributes<HTMLComboboxTagElement> & {};
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'combo-box': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes, HTMLComboboxElement>;
+            'box-option': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes, HTMLComboboxOptionElement>;
+            'box-tag': React.DetailedHTMLProps<React.HTMLAttributes<HTMLComboboxTagElement>, 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>;
+            'combo-box': any;
+            'box-option': any;
+            'box-tag': any;
+        }
+    }
+    namespace JSXInternal {
+        interface IntrinsicElements {
+            'combo-box': any;
+            'box-option': any;
+            'box-tag': any;
         }
     }
 }
 declare module 'solid-js' {
     namespace JSX {
         interface IntrinsicElements {
-            'combo-box': HTMLAttributes<HTMLComboboxElement> & ComboboxJsxAttributes;
-            'box-option': HTMLAttributes<HTMLComboboxOptionElement> & ComboboxOptionJsxAttributes;
-            'box-tag': HTMLAttributes<HTMLElement>;
+            'combo-box': any;
+            'box-option': any;
+            'box-tag': any;
         }
     }
 }
-declare global {
+declare module 'vue' {
     namespace JSX {
         interface IntrinsicElements {
-            'combo-box': ComboboxJsxAttributes;
-            'box-option': ComboboxOptionJsxAttributes;
-            'box-tag': HTMLElement;
+            'combo-box': any;
+            'box-option': any;
+            'box-tag': any;
         }
     }
 }

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kr-elements",
-  "version": "0.0.1-alpha.29",
+  "version": "0.0.1-alpha.30",
   "description": "Custom elements",
   "type": "module",
   "scripts": {
@@ -31,6 +31,7 @@
     "solid-js": "^1.9.11",
     "tsx": "^4.19.2",
     "typescript": "5.9.3",
+    "vue": "^3.5.28",
     "xml-splitter": "1.2.1"
   },
   "sideEffect": false,