html-combobox-element 0.0.2-beta.10 → 0.0.2-beta.12

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

@@ -243,7 +243,7 @@ ${urls.map(url => `@import "${url}";`)}
   }
 
   #cbdropdown {
-    contain: layout style paint;
+    contain: content;
     inset: unset;
     margin: 0;
     /*position: absolute;*/
@@ -271,6 +271,7 @@ ${urls.map(url => `@import "${url}";`)}
   }
   
   #cboptions {
+    contain: content;
     display: flex;
     flex-direction: column;
     justify-content: start;
@@ -351,6 +352,7 @@ ${urls.map(url => `@import "${url}";`)}
  
 
   #cbtags {
+    contain: content;
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;

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

@@ -65,6 +65,9 @@ class HTMLComboboxElement extends HTMLElement {
         }
         return node;
     };
+    appendChild(node) {
+        return this.insertBefore(node, null);
+    }
     removeChild(child) {
         // console.log(child, 'removed')
         return child;

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

@@ -16,8 +16,8 @@ class HTMLComboboxTagElement extends HTMLElement {
         control?.addEventListener('focusout', HTMLComboboxTagElement.captureFocus);
         control?.addEventListener('click', HTMLComboboxTagElement.onClearTag);
         const root = this.getRootNode();
-        if (root?.host.hasAttribute('multiple')) {
-            if (!control) {
+        if (root instanceof ShadowRoot) {
+            if (root.host.hasAttribute('multiple') && !control) {
                 throw new Error(`A <button> with part="clear-tag" is required for <combo-box> with multiple attribute`);
             }
         }
@@ -28,8 +28,8 @@ class HTMLComboboxTagElement extends HTMLElement {
         control?.removeEventListener('click', HTMLComboboxTagElement.onClearTag);
     }
     static onClearTag(event) {
-        const target = event.target;
-        target?.parentElement?.dispatchEvent(new Event('tagcleared', HTMLComboboxTagElement.EventInit));
+        const [target] = event.composedPath().filter(el => el instanceof HTMLComboboxTagElement);
+        target?.dispatchEvent(new Event('tagcleared', HTMLComboboxTagElement.EventInit));
     }
     static captureFocus(event) {
         event.stopPropagation();

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

@@ -240,7 +240,7 @@ ${urls.map(url => `@import "${url}";`)}
   }
 
   #cbdropdown {
-    contain: layout style paint;
+    contain: content;
     inset: unset;
     margin: 0;
     /*position: absolute;*/
@@ -268,6 +268,7 @@ ${urls.map(url => `@import "${url}";`)}
   }
   
   #cboptions {
+    contain: content;
     display: flex;
     flex-direction: column;
     justify-content: start;
@@ -348,6 +349,7 @@ ${urls.map(url => `@import "${url}";`)}
  
 
   #cbtags {
+    contain: content;
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;

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

@@ -61,6 +61,9 @@ export class HTMLComboboxElement extends HTMLElement {
         }
         return node;
     };
+    appendChild(node) {
+        return this.insertBefore(node, null);
+    }
     removeChild(child) {
         // console.log(child, 'removed')
         return child;

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

@@ -13,8 +13,8 @@ export class HTMLComboboxTagElement extends HTMLElement {
         control?.addEventListener('focusout', HTMLComboboxTagElement.captureFocus);
         control?.addEventListener('click', HTMLComboboxTagElement.onClearTag);
         const root = this.getRootNode();
-        if (root?.host.hasAttribute('multiple')) {
-            if (!control) {
+        if (root instanceof ShadowRoot) {
+            if (root.host.hasAttribute('multiple') && !control) {
                 throw new Error(`A <button> with part="clear-tag" is required for <combo-box> with multiple attribute`);
             }
         }
@@ -25,8 +25,8 @@ export class HTMLComboboxTagElement extends HTMLElement {
         control?.removeEventListener('click', HTMLComboboxTagElement.onClearTag);
     }
     static onClearTag(event) {
-        const target = event.target;
-        target?.parentElement?.dispatchEvent(new Event('tagcleared', HTMLComboboxTagElement.EventInit));
+        const [target] = event.composedPath().filter(el => el instanceof HTMLComboboxTagElement);
+        target?.dispatchEvent(new Event('tagcleared', HTMLComboboxTagElement.EventInit));
     }
     static captureFocus(event) {
         event.stopPropagation();

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;IAE5C,WAAW,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAClD,SAAS,EAAE,sBAAsB,GAAG,IAAI,CAAQ;gBAOpC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB;IAU/D,OAAO;IAwBP,eAAe;IAWf,UAAU;IAQV,cAAc,CAAC,KAAK,EAAE,MAAM;IAM5B,aAAa,CAAC,KAAK,EAAE,MAAM;IAM3B,kBAAkB,GAAI,OAAO,UAAU,UAStC;IAED,cAAc,GAAI,IAAI,UAAU,UAI/B;IAID,IAAI,CAAC,KAAK,EAAE,MAAM;IAiBlB,IAAI,OAAO,0CAEV;IAED,aAAa,CAAC,GAAG,EAAE,sBAAsB;IAczC,mBAAmB;IAqBnB,YAAY;IAIZ,SAAS,aAWR;IAED,aAAa;IAWb,UAAU,aAGT;IAGD,kBAAkB,CAAC,MAAM,EAAE,yBAAyB;IA4CpD,aAAa,CAAC,KAAK,EAAE,MAAM;IAK3B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,IAAI,eAAe,0CAElB;IAED,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE;IAQ/B,MAAM,CAAC,QAAQ,SAyPhB;IACC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC;CAMpC"}
+{"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;IAE5C,WAAW,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAClD,SAAS,EAAE,sBAAsB,GAAG,IAAI,CAAQ;gBAOpC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,gBAAgB;IAU/D,OAAO;IAwBP,eAAe;IAWf,UAAU;IAQV,cAAc,CAAC,KAAK,EAAE,MAAM;IAM5B,aAAa,CAAC,KAAK,EAAE,MAAM;IAM3B,kBAAkB,GAAI,OAAO,UAAU,UAStC;IAED,cAAc,GAAI,IAAI,UAAU,UAI/B;IAID,IAAI,CAAC,KAAK,EAAE,MAAM;IAiBlB,IAAI,OAAO,0CAEV;IAED,aAAa,CAAC,GAAG,EAAE,sBAAsB;IAczC,mBAAmB;IAqBnB,YAAY;IAIZ,SAAS,aAWR;IAED,aAAa;IAWb,UAAU,aAGT;IAGD,kBAAkB,CAAC,MAAM,EAAE,yBAAyB;IA4CpD,aAAa,CAAC,KAAK,EAAE,MAAM;IAK3B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAI9B,IAAI,eAAe,0CAElB;IAED,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE;IAQ/B,MAAM,CAAC,QAAQ,SA2PhB;IACC,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC;CAMpC"}

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

@@ -11,6 +11,7 @@ export declare class HTMLComboboxElement extends HTMLElement {
     constructor();
     connectedCallback(): void;
     insertBefore: (node: Node, referenceNode: Node | null) => any;
+    appendChild(node: Node): any;
     removeChild<T extends Node>(child: T): T;
     get changed(): boolean;
     disconnectedCallback(): void;

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;AAI9E,qBAAa,mBAAoB,SAAQ,WAAW;;IAClD,MAAM,CAAC,OAAO,cAA0H;IACxI,MAAM,CAAC,eAAe;;MAAuB;IAC7C,MAAM,CAAC,UAAU,kBAAuB;IACxC,MAAM,CAAC,cAAc,UAAQ;IAE7B,UAAU,EAAE,UAAU,CAAC;;IA8BvB,iBAAiB;IAqBjB,YAAY,GAAI,MAAM,IAAI,EAAE,eAAe,IAAI,GAAG,IAAI,KAWrC,GAAG,CACnB;IAED,WAAW,CAAC,CAAC,SAAS,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;IAKxC,IAAI,OAAO,YAEV;IAED,oBAAoB;IAWpB,iBAAiB;IAMjB,oBAAoB;IASpB,IAAI,YAAY,aAEf;IAED,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,WAAW,WAEd;IACD,IAAI,WAAW,CAAC,KAAK,QAAA,EAKpB;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,EAKjB;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,EAQtB;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;IA6L5B,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE;IAIrC,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;AAI9E,qBAAa,mBAAoB,SAAQ,WAAW;;IAClD,MAAM,CAAC,OAAO,cAA0H;IACxI,MAAM,CAAC,eAAe;;MAAuB;IAC7C,MAAM,CAAC,UAAU,kBAAuB;IACxC,MAAM,CAAC,cAAc,UAAQ;IAE7B,UAAU,EAAE,UAAU,CAAC;;IA8BvB,iBAAiB;IAqBjB,YAAY,GAAI,MAAM,IAAI,EAAE,eAAe,IAAI,GAAG,IAAI,KAWrC,GAAG,CACnB;IAED,WAAW,CAAC,IAAI,EAAE,IAAI;IAItB,WAAW,CAAC,CAAC,SAAS,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;IAKxC,IAAI,OAAO,YAEV;IAED,oBAAoB;IAWpB,iBAAiB;IAMjB,oBAAoB;IASpB,IAAI,YAAY,aAEf;IAED,IAAI,KAAK,IAGQ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAMtB;IAED,IAAI,WAAW,WAEd;IACD,IAAI,WAAW,CAAC,KAAK,QAAA,EAKpB;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,EAKjB;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,EAQtB;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;IA6L5B,MAAM,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE;IAIrC,MAAM,CAAC,8BAA8B;CAoBtC"}

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

@@ -1 +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;IACrD,MAAM,CAAC,SAAS;;;;MAAuD;IAEvE,IAAI,KAAK,WAER;IAED,iBAAiB;IAkBjB,oBAAoB;IAMpB,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK;IAK9B,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;CAIjC"}
+{"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;IACrD,MAAM,CAAC,SAAS;;;;MAAuD;IAEvE,IAAI,KAAK,WAER;IAED,iBAAiB;IAmBjB,oBAAoB;IAMpB,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK;IAK9B,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;CAIjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "html-combobox-element",
-  "version": "0.0.2-beta.10",
+  "version": "0.0.2-beta.12",
   "description": "The combo-box web-component & customizable select polyfill",
   "type": "module",
   "scripts": {