@kodaris/krubble-components 1.0.53 → 1.0.55
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/custom-elements.json +845 -239
- package/dist/form/auto-suggest/auto-suggest.d.ts +20 -42
- package/dist/form/auto-suggest/auto-suggest.d.ts.map +1 -1
- package/dist/form/auto-suggest/auto-suggest.js +194 -426
- package/dist/form/auto-suggest/auto-suggest.js.map +1 -1
- package/dist/form/combo-box/combo-box.d.ts +93 -0
- package/dist/form/combo-box/combo-box.d.ts.map +1 -0
- package/dist/form/combo-box/combo-box.js +726 -0
- package/dist/form/combo-box/combo-box.js.map +1 -0
- package/dist/form/index.d.ts +1 -0
- package/dist/form/index.d.ts.map +1 -1
- package/dist/form/index.js +1 -0
- package/dist/form/index.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/krubble-components.bundled.js +1092 -582
- package/dist/krubble-components.bundled.js.map +1 -1
- package/dist/krubble-components.bundled.min.js +371 -239
- package/dist/krubble-components.bundled.min.js.map +1 -1
- package/dist/krubble-components.umd.js +1093 -583
- package/dist/krubble-components.umd.js.map +1 -1
- package/dist/krubble-components.umd.min.js +464 -332
- package/dist/krubble-components.umd.min.js.map +1 -1
- package/dist/table/table.d.ts +21 -2
- package/dist/table/table.d.ts.map +1 -1
- package/dist/table/table.js +14 -2
- package/dist/table/table.js.map +1 -1
- package/dist/tabs/tab.d.ts +1 -0
- package/dist/tabs/tab.d.ts.map +1 -1
- package/dist/tabs/tab.js +8 -1
- package/dist/tabs/tab.js.map +1 -1
- package/package.json +5 -1
|
@@ -1,20 +1,9 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
export interface
|
|
1
|
+
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
+
export interface KRAutoSuggestOption {
|
|
3
3
|
value: string;
|
|
4
4
|
label?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
labelTag?: string;
|
|
7
|
-
tags?: string[];
|
|
8
|
-
filteringTags?: string[];
|
|
9
5
|
disabled?: boolean;
|
|
10
6
|
}
|
|
11
|
-
export interface SuggestionOptionGroup {
|
|
12
|
-
label: string;
|
|
13
|
-
options: SuggestionOption[];
|
|
14
|
-
}
|
|
15
|
-
export type SuggestionOptions = Array<SuggestionOption | SuggestionOptionGroup>;
|
|
16
|
-
export type AutoSuggestStatusType = 'pending' | 'loading' | 'finished' | 'error';
|
|
17
|
-
export type AutoSuggestFilteringType = 'auto' | 'manual';
|
|
18
7
|
/**
|
|
19
8
|
* @element kr-auto-suggest
|
|
20
9
|
*
|
|
@@ -26,23 +15,20 @@ export type AutoSuggestFilteringType = 'auto' | 'manual';
|
|
|
26
15
|
* @property {boolean} readonly - Whether the input is readonly
|
|
27
16
|
* @property {boolean} required - Whether the input is required
|
|
28
17
|
* @property {string} hint - Helper text displayed below the input
|
|
29
|
-
* @property {
|
|
30
|
-
* @property {
|
|
31
|
-
* @property {string} loadingText - Text to show during loading
|
|
32
|
-
* @property {string} errorText - Text to show on error
|
|
33
|
-
* @property {string} emptyText - Text to show when no matches
|
|
34
|
-
* @property {AutoSuggestFilteringType} filteringType - 'auto' (client-side) or 'manual' (server-side)
|
|
35
|
-
* @property {boolean} highlightMatches - Whether to highlight matching text
|
|
18
|
+
* @property {KRAutoSuggestOption[]} options - Array of suggestion options
|
|
19
|
+
* @property {Function} fetch - Function that returns a promise of options
|
|
36
20
|
*
|
|
37
21
|
* @fires change - Fired when the input value changes
|
|
38
22
|
* @fires select - Fired when a suggestion is selected
|
|
39
|
-
* @fires load-items - Fired when items should be loaded (manual filtering)
|
|
40
23
|
*
|
|
41
24
|
* @slot - Not used
|
|
42
25
|
*/
|
|
43
26
|
export declare class KRAutoSuggest extends LitElement {
|
|
44
27
|
static styles: import("lit").CSSResult;
|
|
45
28
|
static formAssociated: boolean;
|
|
29
|
+
private _internals;
|
|
30
|
+
private _requestId;
|
|
31
|
+
private _handleDocumentClick;
|
|
46
32
|
label: string;
|
|
47
33
|
name: string;
|
|
48
34
|
value: string;
|
|
@@ -51,24 +37,17 @@ export declare class KRAutoSuggest extends LitElement {
|
|
|
51
37
|
readonly: boolean;
|
|
52
38
|
required: boolean;
|
|
53
39
|
hint: string;
|
|
54
|
-
options:
|
|
55
|
-
|
|
56
|
-
loadingText: string;
|
|
57
|
-
errorText: string;
|
|
58
|
-
emptyText: string;
|
|
59
|
-
filteringType: AutoSuggestFilteringType;
|
|
60
|
-
highlightMatches: boolean;
|
|
40
|
+
options: KRAutoSuggestOption[];
|
|
41
|
+
fetch: ((query: string) => Promise<KRAutoSuggestOption[]>) | null;
|
|
61
42
|
private _isOpen;
|
|
62
43
|
private _highlightedIndex;
|
|
63
44
|
private _touched;
|
|
64
|
-
private _dirty;
|
|
65
45
|
private _input;
|
|
66
|
-
private _internals;
|
|
67
|
-
private _handleDocumentClick;
|
|
68
46
|
constructor();
|
|
69
47
|
connectedCallback(): void;
|
|
70
48
|
disconnectedCallback(): void;
|
|
71
49
|
firstUpdated(): void;
|
|
50
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
72
51
|
get form(): HTMLFormElement | null;
|
|
73
52
|
get validity(): ValidityState;
|
|
74
53
|
get validationMessage(): string;
|
|
@@ -76,21 +55,20 @@ export declare class KRAutoSuggest extends LitElement {
|
|
|
76
55
|
reportValidity(): boolean;
|
|
77
56
|
formResetCallback(): void;
|
|
78
57
|
formStateRestoreCallback(state: string): void;
|
|
79
|
-
private
|
|
80
|
-
private
|
|
81
|
-
private
|
|
82
|
-
private
|
|
83
|
-
private
|
|
84
|
-
private
|
|
85
|
-
private
|
|
58
|
+
private _handleInvalid;
|
|
59
|
+
private _updateValidity;
|
|
60
|
+
private _fetch;
|
|
61
|
+
private _handleInput;
|
|
62
|
+
private _positionDropdown;
|
|
63
|
+
private _handleFocus;
|
|
64
|
+
private _handleBlur;
|
|
65
|
+
private _handleKeyDown;
|
|
86
66
|
private _scrollToHighlighted;
|
|
87
67
|
private _selectOption;
|
|
88
68
|
private _handleClear;
|
|
89
|
-
private
|
|
90
|
-
private _highlightMatch;
|
|
69
|
+
private _handleOptionMouseEnter;
|
|
91
70
|
private _renderOption;
|
|
92
|
-
|
|
93
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
71
|
+
render(): TemplateResult<1>;
|
|
94
72
|
}
|
|
95
73
|
declare global {
|
|
96
74
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auto-suggest.d.ts","sourceRoot":"","sources":["../../../src/form/auto-suggest/auto-suggest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"auto-suggest.d.ts","sourceRoot":"","sources":["../../../src/form/auto-suggest/auto-suggest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAGD;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BA6JpB;IAEF,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,UAAU,CAAoB;IAEtC,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,oBAAoB,CAK1B;IAE0B,KAAK,SAAM;IAEX,IAAI,SAAM;IAEV,KAAK,SAAM;IAEX,WAAW,SAAM;IAEhB,QAAQ,UAAS;IAEjB,QAAQ,UAAS;IAEjB,QAAQ,UAAS;IAElB,IAAI,SAAM;IAEX,OAAO,EAAE,mBAAmB,EAAE,CAAM;IAE/B,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC,GAAG,IAAI,CAAQ;IAEhG,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,iBAAiB,CAAM;IAE/B,OAAO,CAAC,QAAQ,CAAS;IAElB,OAAO,CAAC,MAAM,CAAoB;;IAOzC,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS/D,IAAI,IAAI,2BAEP;IAED,IAAI,QAAQ,kBAEX;IAED,IAAI,iBAAiB,WAEpB;IAED,aAAa;IAIb,cAAc;IAId,iBAAiB;IASjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAItC,OAAO,CAAC,cAAc,CAGpB;IAEF,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,YAAY;IAapB,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,cAAc;IAyCtB,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,aAAa;IAsBrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,aAAa;IAmBZ,MAAM;CA0EhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
|