html-combobox-element 0.0.1 → 0.0.2-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/combobox-skill/SKILL.md +43 -0
- package/combobox-skill/custom-box-tag.md +17 -0
- package/combobox-skill/customization.md +23 -0
- package/combobox-skill/legacy-react-restrictions.md +14 -0
- package/combobox-skill/share-styles.md +17 -0
- package/dist/cjs/combobox/Combobox.markup.js +231 -123
- package/dist/cjs/combobox/HTML.combobox.element.js +189 -112
- package/dist/cjs/combobox/HTML.combobox.option.element.js +86 -5
- package/dist/cjs/combobox/HTML.combobox.tag.element.js +27 -7
- package/dist/cjs/index.js +0 -62
- package/dist/esm/combobox/Combobox.markup.js +231 -123
- package/dist/esm/combobox/HTML.combobox.element.js +189 -112
- package/dist/esm/combobox/HTML.combobox.option.element.js +86 -5
- package/dist/esm/combobox/HTML.combobox.tag.element.js +27 -7
- package/dist/esm/index.js +0 -62
- package/dist/types/combobox/Combobox.markup.d.ts +14 -8
- package/dist/types/combobox/Combobox.markup.d.ts.map +1 -1
- package/dist/types/combobox/HTML.combobox.element.d.ts +4 -3
- package/dist/types/combobox/HTML.combobox.element.d.ts.map +1 -1
- package/dist/types/combobox/HTML.combobox.option.element.d.ts +11 -0
- package/dist/types/combobox/HTML.combobox.option.element.d.ts.map +1 -1
- package/dist/types/combobox/HTML.combobox.tag.element.d.ts +9 -1
- package/dist/types/combobox/HTML.combobox.tag.element.d.ts.map +1 -1
- package/package.json +3 -2
|
@@ -9,23 +9,29 @@ export declare class ComboboxMarkup {
|
|
|
9
9
|
placeholder: HTMLDivElement | null;
|
|
10
10
|
searchInput: HTMLInputElement | null;
|
|
11
11
|
tagTemplate: HTMLComboboxTagElement | null;
|
|
12
|
-
|
|
13
|
-
connected: boolean;
|
|
12
|
+
customTag: HTMLComboboxTagElement | null;
|
|
14
13
|
constructor(shadowRoot: ShadowRoot, internals: ElementInternals);
|
|
15
14
|
connect(): void;
|
|
16
|
-
|
|
17
|
-
sort(query: string): void;
|
|
15
|
+
onHostConnected(): void;
|
|
18
16
|
disconnect(): void;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
setPlaceholder(value: string): void;
|
|
18
|
+
setInputValue(value: string): void;
|
|
19
|
+
onClearAllFocusOut: (event: FocusEvent) => void;
|
|
20
|
+
onClickOutside: (ev: MouseEvent) => void;
|
|
21
|
+
sort(query: string): void;
|
|
22
|
+
get options(): NodeListOf<HTMLComboboxOptionElement>;
|
|
23
|
+
getTagControl(tag: HTMLComboboxTagElement): HTMLButtonElement;
|
|
24
|
+
setDropdownPosition(): void;
|
|
25
|
+
showDropdown(): void;
|
|
26
|
+
onFocusIn: () => void;
|
|
22
27
|
closeDropdown(): void;
|
|
23
|
-
|
|
28
|
+
onFocusOut: () => void;
|
|
24
29
|
createAndAppendTag(option: HTMLComboboxOptionElement): HTMLButtonElement;
|
|
25
30
|
getTagByValue(value: string): HTMLComboboxTagElement;
|
|
26
31
|
getOptionByValue(value: string): HTMLComboboxOptionElement;
|
|
27
32
|
get selectedOptions(): NodeListOf<HTMLComboboxOptionElement>;
|
|
28
33
|
static importCSS(urls: string[]): void;
|
|
29
34
|
static template: string;
|
|
35
|
+
static markup: HTMLTemplateElement;
|
|
30
36
|
}
|
|
31
37
|
//# sourceMappingURL=Combobox.markup.d.ts.map
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -4,17 +4,18 @@ export declare class HTMLComboboxElement extends HTMLElement {
|
|
|
4
4
|
static OWN_IDL: Set<string>;
|
|
5
5
|
static observerOptions: {
|
|
6
6
|
childList: boolean;
|
|
7
|
-
attributes: boolean;
|
|
8
|
-
subtree: boolean;
|
|
9
7
|
};
|
|
10
8
|
static styleSheet: CSSStyleSheet[];
|
|
11
9
|
static formAssociated: boolean;
|
|
12
10
|
shadowRoot: ShadowRoot;
|
|
13
11
|
constructor();
|
|
14
12
|
connectedCallback(): void;
|
|
13
|
+
insertBefore: (node: Node, referenceNode: Node | null) => any;
|
|
14
|
+
removeChild<T extends Node>(child: T): T;
|
|
15
|
+
get changed(): boolean;
|
|
15
16
|
disconnectedCallback(): void;
|
|
16
17
|
formResetCallback(): void;
|
|
17
|
-
formDisabledCallback(
|
|
18
|
+
formDisabledCallback(): void;
|
|
18
19
|
get valueAsArray(): string[];
|
|
19
20
|
get query(): string;
|
|
20
21
|
set query(value: string);
|
|
@@ -1 +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
|
|
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"}
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
export declare class HTMLComboboxOptionElement extends HTMLElement {
|
|
2
2
|
#private;
|
|
3
3
|
static OWN_IDL: Set<string>;
|
|
4
|
+
static EventInit: {
|
|
5
|
+
bubbles: boolean;
|
|
6
|
+
cancelable: boolean;
|
|
7
|
+
composed: boolean;
|
|
8
|
+
};
|
|
9
|
+
static captureFocus(event: FocusEvent): void;
|
|
10
|
+
static onNavigate(event: KeyboardEvent): void;
|
|
4
11
|
connectedCallback(): void;
|
|
12
|
+
disconnectedCallback(): void;
|
|
5
13
|
get value(): string;
|
|
6
14
|
set value(value: string);
|
|
7
15
|
get label(): string;
|
|
8
16
|
set label(value: string);
|
|
9
17
|
get selected(): boolean;
|
|
10
18
|
set selected(value: boolean);
|
|
19
|
+
get disabled(): boolean;
|
|
20
|
+
set disabled(value: boolean);
|
|
11
21
|
setAttribute(name: string, value: string): void;
|
|
12
22
|
removeAttribute(name: string): void;
|
|
23
|
+
toggleAttribute(name: string, force?: boolean): boolean;
|
|
13
24
|
}
|
|
14
25
|
//# sourceMappingURL=HTML.combobox.option.element.d.ts.map
|
|
@@ -1 +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,
|
|
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,cAAuD;IACrE,MAAM,CAAC,SAAS;;;;MAAuD;IAGvE,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAOrC,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa;IAkCtC,iBAAiB;IAgBjB,oBAAoB;IAYpB,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;IAGD,IAAI,QAAQ,YAEX;IACD,IAAI,QAAQ,CAAC,KAAK,SAAA,EAKjB;IASD,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IASxC,eAAe,CAAC,IAAI,EAAE,MAAM;IAS5B,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO;CAIxD"}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
export declare class HTMLComboboxTagElement extends HTMLElement {
|
|
2
|
-
|
|
2
|
+
static EventInit: {
|
|
3
|
+
bubbles: boolean;
|
|
4
|
+
cancelable: boolean;
|
|
5
|
+
composed: boolean;
|
|
6
|
+
};
|
|
7
|
+
get value(): string;
|
|
3
8
|
connectedCallback(): void;
|
|
9
|
+
disconnectedCallback(): void;
|
|
10
|
+
static onClearTag(event: Event): void;
|
|
11
|
+
static captureFocus(event: Event): void;
|
|
4
12
|
}
|
|
5
13
|
//# sourceMappingURL=HTML.combobox.tag.element.d.ts.map
|
|
@@ -1 +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
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "html-combobox-element",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2-beta.10",
|
|
4
4
|
"description": "The combo-box web-component & customizable select polyfill",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
},
|
|
38
38
|
"sideEffect": false,
|
|
39
39
|
"files": [
|
|
40
|
-
"dist"
|
|
40
|
+
"dist",
|
|
41
|
+
"combobox-skill"
|
|
41
42
|
],
|
|
42
43
|
"main": "dist/cjs/index.js",
|
|
43
44
|
"module": "dist/esm/index.js",
|