kr-elements 0.0.1-alpha.35 → 0.0.1-alpha.37

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

@@ -147,7 +147,7 @@ class ComboboxMarkup {
             const template = this.tagTemplate;
             tag = template.cloneNode(true);
             const label = tag.querySelector('[part="tag-label"]');
-            label.textContent = option.label;
+            label.textContent = option.textContent;
             button = tag.querySelector('[part="clear-tag"]');
         }
         button?.setAttribute('value', value);
@@ -165,6 +165,13 @@ class ComboboxMarkup {
         return this.optionsContainer
             .querySelectorAll('box-option[selected]');
     }
+    static importCSS(urls) {
+        ComboboxMarkup.template.replace(':host {', `
+${urls.map(url => `@import "${url}"`)}  
+
+:host {
+    `);
+    }
     static get template() {
         return `
 <style>

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

@@ -327,7 +327,8 @@ class HTMLComboboxElement extends HTMLElement {
             this[key] = this.getAttribute(key);
         }
     }
-    static staticLoadCssByUrls(urls) {
+    static loadCssFromUrls(urls) {
+        Combobox_markup_js_1.ComboboxMarkup.importCSS(urls);
     }
     static loadCssFromDocumentStyleSheets() {
         if (document.readyState === 'complete') {

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

@@ -5,54 +5,29 @@ exports.HTMLComboboxOptionElement = void 0;
 const Boolean_attribute_value_normalizer_js_1 = require("./Boolean.attribute.value.normalizer.js");
 class HTMLComboboxOptionElement extends HTMLElement {
     static OWN_IDL = new Set(['value', 'label', 'selected']);
-    constructor() {
-        super();
-    }
     connectedCallback() {
         this.#initialAttributesSynchronization();
         this.part.add('option');
         super.setAttribute('tabindex', "0");
         super.setAttribute('role', "option");
-        const value = this.value;
-        const label = this.label;
-        const hasNoMarkup = this.children.length === 0;
-        const text = this.textContent.trim();
-        const hasText = text.length > 0;
-        if (!value && !label) {
-            if (hasNoMarkup && hasText) {
-                this.value = text;
-                this.label = text;
-            }
-            else {
-                throw new Error('box-option must have value and label attributes');
-            }
-            return;
-        }
-        if (value && !label) {
-            if (hasNoMarkup && hasText) {
-                this.label = text;
-            }
-            else {
-                this.label = value;
-            }
-        }
-        if (!value && label) {
-            this.value = label;
-        }
-        if (hasNoMarkup && !hasText) {
-            this.textContent = label || value;
+        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() {

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

@@ -144,7 +144,7 @@ export class ComboboxMarkup {
             const template = this.tagTemplate;
             tag = template.cloneNode(true);
             const label = tag.querySelector('[part="tag-label"]');
-            label.textContent = option.label;
+            label.textContent = option.textContent;
             button = tag.querySelector('[part="clear-tag"]');
         }
         button?.setAttribute('value', value);
@@ -162,6 +162,13 @@ export class ComboboxMarkup {
         return this.optionsContainer
             .querySelectorAll('box-option[selected]');
     }
+    static importCSS(urls) {
+        ComboboxMarkup.template.replace(':host {', `
+${urls.map(url => `@import "${url}"`)}  
+
+:host {
+    `);
+    }
     static get template() {
         return `
 <style>

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

@@ -323,7 +323,8 @@ export class HTMLComboboxElement extends HTMLElement {
             this[key] = this.getAttribute(key);
         }
     }
-    static staticLoadCssByUrls(urls) {
+    static loadCssFromUrls(urls) {
+        ComboboxMarkup.importCSS(urls);
     }
     static loadCssFromDocumentStyleSheets() {
         if (document.readyState === 'complete') {

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

@@ -1,54 +1,29 @@
 import { toBoolean } from './Boolean.attribute.value.normalizer.js';
 export class HTMLComboboxOptionElement extends HTMLElement {
     static OWN_IDL = new Set(['value', 'label', 'selected']);
-    constructor() {
-        super();
-    }
     connectedCallback() {
         this.#initialAttributesSynchronization();
         this.part.add('option');
         super.setAttribute('tabindex', "0");
         super.setAttribute('role', "option");
-        const value = this.value;
-        const label = this.label;
-        const hasNoMarkup = this.children.length === 0;
-        const text = this.textContent.trim();
-        const hasText = text.length > 0;
-        if (!value && !label) {
-            if (hasNoMarkup && hasText) {
-                this.value = text;
-                this.label = text;
-            }
-            else {
-                throw new Error('box-option must have value and label attributes');
-            }
-            return;
-        }
-        if (value && !label) {
-            if (hasNoMarkup && hasText) {
-                this.label = text;
-            }
-            else {
-                this.label = value;
-            }
-        }
-        if (!value && label) {
-            this.value = label;
-        }
-        if (hasNoMarkup && !hasText) {
-            this.textContent = label || value;
+        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() {

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

@@ -25,6 +25,7 @@ export declare class ComboboxMarkup {
     getTagByValue(value: string): HTMLComboboxTagElement;
     getOptionByValue(value: string): HTMLComboboxOptionElement;
     get selectedOptions(): NodeListOf<HTMLComboboxOptionElement>;
+    static importCSS(urls: string[]): void;
     static get template(): string;
 }
 //# sourceMappingURL=Combobox.markup.d.ts.map

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;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,KAAK,QAAQ,WAoMlB;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;;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,KAAK,QAAQ,WAoMlB;CACF"}

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

@@ -49,7 +49,7 @@ export declare class HTMLComboboxElement extends HTMLElement {
     showPicker(): void;
     setAttribute(name: string, value: any): void;
     removeAttribute(name: string): void;
-    static staticLoadCssByUrls(urls: 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

@@ -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;;;;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,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;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

@@ -1,7 +1,6 @@
 export declare class HTMLComboboxOptionElement extends HTMLElement {
     #private;
     static OWN_IDL: Set<string>;
-    constructor();
     connectedCallback(): void;
     get value(): string;
     set value(value: string);

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,OAAO,cAA2C;;IAMzD,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;IAQD,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAQxC,eAAe,CAAC,IAAI,EAAE,MAAM;CAO7B"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kr-elements",
-  "version": "0.0.1-alpha.35",
+  "version": "0.0.1-alpha.37",
   "description": "Custom elements",
   "type": "module",
   "scripts": {