revotech-ui-kit 0.0.33 → 0.0.35
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/dist/revotech-ui-kit.js +2464 -2266
- package/dist/revotech-ui-kit.umd.cjs +347 -501
- package/dist/src/components/atoms/combobox/combo-box-empty.d.ts +11 -0
- package/dist/src/components/atoms/combobox/combo-box-group.d.ts +25 -0
- package/dist/src/components/atoms/combobox/combo-box-input.d.ts +9 -4
- package/dist/src/components/atoms/combobox/combo-box-item.d.ts +10 -6
- package/dist/src/components/atoms/combobox/combo-box-trigger.d.ts +15 -0
- package/dist/src/components/atoms/combobox/combo-box-value.d.ts +18 -0
- package/dist/src/components/atoms/combobox/combo-box.atom.d.ts +3 -8
- package/dist/src/components/atoms/combobox/combo-box.stories.d.ts +0 -1
- package/dist/src/components/atoms/select/select-group.d.ts +23 -0
- package/dist/src/components/atoms/select/select-item.d.ts +15 -5
- package/dist/src/components/atoms/select/select-label.d.ts +5 -0
- package/dist/src/components/atoms/select/select-seperator.d.ts +2 -1
- package/dist/src/components/atoms/select/select-trigger.d.ts +15 -0
- package/dist/src/components/atoms/select/select-value.d.ts +18 -0
- package/dist/src/components/atoms/select/select.atom.d.ts +6 -18
- package/dist/src/components/atoms/select/select.stories.d.ts +0 -1
- package/dist/src/helpers/genrate-uuid.helper.d.ts +1 -0
- package/dist/src/helpers/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/src/components/atoms/combobox/combo-box-list.d.ts +0 -15
@@ -0,0 +1,11 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare class ComboBoxEmpty extends LitElement {
|
3
|
+
static styles: import("lit").CSSResult[];
|
4
|
+
render(): import("lit-html").TemplateResult<1>;
|
5
|
+
}
|
6
|
+
export { ComboBoxEmpty };
|
7
|
+
declare global {
|
8
|
+
interface HTMLElementTagNameMap {
|
9
|
+
'rtg-combo-box-empty': ComboBoxEmpty;
|
10
|
+
}
|
11
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { ComboBox } from './combo-box.atom';
|
3
|
+
declare class ComboBoxGroup extends LitElement {
|
4
|
+
static styles: import("lit").CSSResult[];
|
5
|
+
private childrenArray;
|
6
|
+
searchKey: string;
|
7
|
+
focusedIndex: number;
|
8
|
+
selectedValue: string;
|
9
|
+
get _comboBox(): ComboBox | null;
|
10
|
+
connectedCallback(): void;
|
11
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
12
|
+
protected updated(_changedProperties: PropertyValues): void;
|
13
|
+
disconnectedCallback(): void;
|
14
|
+
onSelectedValue(value: string, index: number): void;
|
15
|
+
handleKeyDown(event: KeyboardEvent): void;
|
16
|
+
handleMouseOver(event: Event, index: number): void;
|
17
|
+
checkRender: () => import("lit-html").TemplateResult<1> | import("lit-html").TemplateResult<1>[];
|
18
|
+
render(): import("lit-html").TemplateResult<1>;
|
19
|
+
}
|
20
|
+
export { ComboBoxGroup };
|
21
|
+
declare global {
|
22
|
+
interface HTMLElementTagNameMap {
|
23
|
+
'rtg-combo-box-group': ComboBoxGroup;
|
24
|
+
}
|
25
|
+
}
|
@@ -1,11 +1,16 @@
|
|
1
1
|
import { LitElement } from 'lit';
|
2
|
-
|
3
|
-
|
4
|
-
handleClick: () => void;
|
5
|
-
handleKeyDown: () => void;
|
2
|
+
import { ComboBoxGroup } from './combo-box-group';
|
3
|
+
declare class ComboBoxInput extends LitElement {
|
6
4
|
static styles: import("lit").CSSResult[];
|
5
|
+
placeholder: string;
|
6
|
+
twClass: string;
|
7
|
+
searchValue: string;
|
8
|
+
get _comboBoxGroup(): ComboBoxGroup | null;
|
9
|
+
handleSearch(event: Event): void;
|
10
|
+
handleKeyDown(event: Event): void;
|
7
11
|
render(): import("lit-html").TemplateResult<1>;
|
8
12
|
}
|
13
|
+
export { ComboBoxInput };
|
9
14
|
declare global {
|
10
15
|
interface HTMLElementTagNameMap {
|
11
16
|
'rtg-combo-box-input': ComboBoxInput;
|
@@ -1,14 +1,18 @@
|
|
1
|
-
import {
|
2
|
-
export declare class ComboBoxItem extends
|
3
|
-
key: string;
|
4
|
-
searchText: string;
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
export declare class ComboBoxItem extends BaseElement {
|
5
3
|
value: string;
|
4
|
+
key: string;
|
6
5
|
tabindex: number;
|
7
6
|
isSelected: boolean;
|
8
|
-
|
9
|
-
|
7
|
+
isFocus: boolean;
|
8
|
+
class: string;
|
9
|
+
selectItemIndex: number;
|
10
|
+
onSelect: (_value: string, _index: number) => void;
|
11
|
+
onMouseOver: (_event: Event, _index: number) => void;
|
10
12
|
static styles: import("lit").CSSResult[];
|
13
|
+
protected getAttributesToExclude(): string[];
|
11
14
|
connectedCallback(): void;
|
15
|
+
handleClick: (event: Event) => void;
|
12
16
|
render(): import("lit-html").TemplateResult<1>;
|
13
17
|
}
|
14
18
|
declare global {
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { ComboBox } from './combo-box.atom';
|
3
|
+
declare class ComboBoxTrigger extends LitElement {
|
4
|
+
static styles: import("lit").CSSResult[];
|
5
|
+
get _comboBox(): ComboBox | null;
|
6
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
7
|
+
handleClick: () => void;
|
8
|
+
render(): import("lit-html").TemplateResult<1>;
|
9
|
+
}
|
10
|
+
export { ComboBoxTrigger };
|
11
|
+
declare global {
|
12
|
+
interface HTMLElementTagNameMap {
|
13
|
+
'rtg-combo-box-trigger': ComboBoxTrigger;
|
14
|
+
}
|
15
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { ComboBox } from './combo-box.atom';
|
3
|
+
declare class ComboBoxValue extends LitElement {
|
4
|
+
placeholder: string;
|
5
|
+
static styles: import("lit").CSSResult[];
|
6
|
+
get _comboBox(): ComboBox | null;
|
7
|
+
connectedCallback(): void;
|
8
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
9
|
+
handleClick: () => void;
|
10
|
+
renderLabel: () => string;
|
11
|
+
render(): import("lit-html").TemplateResult<1>;
|
12
|
+
}
|
13
|
+
export { ComboBoxValue };
|
14
|
+
declare global {
|
15
|
+
interface HTMLElementTagNameMap {
|
16
|
+
'rtg-combo-box-value': ComboBoxValue;
|
17
|
+
}
|
18
|
+
}
|
@@ -1,25 +1,20 @@
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
2
2
|
declare class ComboBox extends LitElement {
|
3
3
|
static styles: import("lit").CSSResult[];
|
4
|
-
comboBoxid: `${string}-${string}-${string}-${string}-${string}`;
|
5
4
|
isOpen: boolean;
|
6
5
|
selectedValue: string;
|
7
6
|
searchTerm: string;
|
8
7
|
focusedIndex: number;
|
9
8
|
filteredItems: string[];
|
9
|
+
uuid: string;
|
10
10
|
label: string;
|
11
11
|
items: never[];
|
12
12
|
connectedCallback(): void;
|
13
|
-
disconnectedCallback(): void;
|
14
13
|
protected firstUpdated(_changedProperties: PropertyValues): void;
|
15
14
|
updated(changedProps: PropertyValues): void;
|
16
|
-
toggleDropdown(): void;
|
17
|
-
selectItem(event: Event): void;
|
18
15
|
handleClickOutside: (e: MouseEvent) => void;
|
19
|
-
|
20
|
-
|
21
|
-
handleMouseOver(event: Event, index: number): void;
|
22
|
-
updateFocus(): void;
|
16
|
+
disconnectedCallback(): void;
|
17
|
+
selectItem(event: Event): void;
|
23
18
|
render(): import("lit-html").TemplateResult<1>;
|
24
19
|
}
|
25
20
|
export { ComboBox };
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { Select } from './select.atom';
|
3
|
+
declare class SelectGroup extends LitElement {
|
4
|
+
static styles: import("lit").CSSResult[];
|
5
|
+
private childrenArray;
|
6
|
+
focusedIndex: number;
|
7
|
+
selectedValue: string;
|
8
|
+
get _select(): Select | null;
|
9
|
+
connectedCallback(): void;
|
10
|
+
disconnectedCallback(): void;
|
11
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
12
|
+
protected updated(_changedProperties: PropertyValues): void;
|
13
|
+
onSelectedValue(value: string, index: number): void;
|
14
|
+
handleKeyDown(event: KeyboardEvent): void;
|
15
|
+
handleMouseOver(event: Event, index: number): void;
|
16
|
+
render(): import("lit-html").TemplateResult<1>;
|
17
|
+
}
|
18
|
+
export { SelectGroup };
|
19
|
+
declare global {
|
20
|
+
interface HTMLElementTagNameMap {
|
21
|
+
'rtg-select-group': SelectGroup;
|
22
|
+
}
|
23
|
+
}
|
@@ -1,12 +1,22 @@
|
|
1
|
-
import {
|
2
|
-
|
3
|
-
key: string;
|
4
|
-
searchText: string;
|
1
|
+
import { BaseElement } from '../../../helpers';
|
2
|
+
declare class SelectItem extends BaseElement {
|
5
3
|
value: string;
|
4
|
+
key: string;
|
6
5
|
tabindex: number;
|
7
6
|
isSelected: boolean;
|
7
|
+
isFocus: boolean;
|
8
8
|
class: string;
|
9
|
-
|
9
|
+
selectItemIndex: number;
|
10
|
+
onSelect: (_value: string, _index: number) => void;
|
11
|
+
onMouseOver: (_event: Event, _index: number) => void;
|
10
12
|
static styles: import("lit").CSSResult[];
|
13
|
+
protected getAttributesToExclude(): string[];
|
14
|
+
handleClick: (event: Event) => void;
|
11
15
|
render(): import("lit-html").TemplateResult<1>;
|
12
16
|
}
|
17
|
+
export { SelectItem };
|
18
|
+
declare global {
|
19
|
+
interface HTMLElementTagNameMap {
|
20
|
+
'rtg-select-item': SelectItem;
|
21
|
+
}
|
22
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { LitElement } from 'lit';
|
2
|
-
|
2
|
+
declare class SelectSeperator extends LitElement {
|
3
3
|
_id: string;
|
4
4
|
_hidden: string;
|
5
5
|
private static _counter;
|
@@ -7,3 +7,4 @@ export declare class SelectSeperator extends LitElement {
|
|
7
7
|
private get identifier();
|
8
8
|
render(): import("lit-html").TemplateResult<1>;
|
9
9
|
}
|
10
|
+
export { SelectSeperator };
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { Select } from './select.atom';
|
3
|
+
declare class SelectTrigger extends LitElement {
|
4
|
+
static styles: import("lit").CSSResult[];
|
5
|
+
get _select(): Select | null;
|
6
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
7
|
+
handleClick: () => void;
|
8
|
+
render(): import("lit-html").TemplateResult<1>;
|
9
|
+
}
|
10
|
+
export { SelectTrigger };
|
11
|
+
declare global {
|
12
|
+
interface HTMLElementTagNameMap {
|
13
|
+
'rtg-select-trigger': SelectTrigger;
|
14
|
+
}
|
15
|
+
}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { LitElement, PropertyValues } from 'lit';
|
2
|
+
import { Select } from './select.atom';
|
3
|
+
declare class SelectValue extends LitElement {
|
4
|
+
placeholder: string;
|
5
|
+
static styles: import("lit").CSSResult[];
|
6
|
+
get _select(): Select | null;
|
7
|
+
connectedCallback(): void;
|
8
|
+
protected firstUpdated(_changedProperties: PropertyValues): void;
|
9
|
+
handleClick: () => void;
|
10
|
+
renderLabel: () => string;
|
11
|
+
render(): import("lit-html").TemplateResult<1>;
|
12
|
+
}
|
13
|
+
export { SelectValue };
|
14
|
+
declare global {
|
15
|
+
interface HTMLElementTagNameMap {
|
16
|
+
'rtg-select-value': SelectValue;
|
17
|
+
}
|
18
|
+
}
|
@@ -3,34 +3,22 @@ import { SelectItem } from './select-item';
|
|
3
3
|
import { SelectList } from './select-list';
|
4
4
|
import { SelectLabel } from './select-label';
|
5
5
|
import { SelectSeperator } from './select-seperator';
|
6
|
+
import { SelectTrigger } from './select-trigger';
|
7
|
+
import { SelectGroup } from './select-group';
|
8
|
+
import { SelectValue } from './select-value';
|
6
9
|
declare class Select extends LitElement {
|
7
10
|
static styles: import("lit").CSSResult[];
|
8
11
|
isOpen: boolean;
|
9
|
-
selectedValue:
|
10
|
-
|
11
|
-
focusedIndex: number;
|
12
|
-
filteredItems: string[];
|
13
|
-
label: string;
|
14
|
-
items: never[];
|
12
|
+
selectedValue: any;
|
13
|
+
uuid: string;
|
15
14
|
connectedCallback(): void;
|
16
|
-
disconnectedCallback(): void;
|
17
15
|
updated(changedProps: PropertyValues): void;
|
18
|
-
protected firstUpdated(_changedProperties: PropertyValues): void;
|
19
16
|
handleClickOutside: (e: MouseEvent) => void;
|
20
|
-
toggleDropdown(): void;
|
21
|
-
selectItem(event: Event): void;
|
22
|
-
handleInputClick(): void;
|
23
|
-
handleKeyDown(event: KeyboardEvent): void;
|
24
|
-
handleMouseOver(event: Event, index: number): void;
|
25
17
|
render(): import("lit-html").TemplateResult<1>;
|
26
18
|
}
|
27
|
-
export { Select, SelectItem, SelectList, SelectLabel, SelectSeperator };
|
19
|
+
export { Select, SelectGroup, SelectValue, SelectItem, SelectList, SelectLabel, SelectSeperator, SelectTrigger, };
|
28
20
|
declare global {
|
29
21
|
interface HTMLElementTagNameMap {
|
30
22
|
'rtg-select': Select;
|
31
|
-
'rtg-select-list': SelectList;
|
32
|
-
'rtg-select-item': SelectItem;
|
33
|
-
'rtg-select-label': SelectLabel;
|
34
|
-
'rtg-select-seperator': SelectSeperator;
|
35
23
|
}
|
36
24
|
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare function generateUUID(): string;
|
package/package.json
CHANGED
@@ -1,15 +0,0 @@
|
|
1
|
-
import { LitElement } from 'lit';
|
2
|
-
import { ComboBox } from './combo-box.atom';
|
3
|
-
export declare class ComboBoxList extends LitElement {
|
4
|
-
static styles: import("lit").CSSResult[];
|
5
|
-
state: string;
|
6
|
-
handleKeyDown: () => void;
|
7
|
-
isOpen: boolean;
|
8
|
-
get _popover(): ComboBox | null;
|
9
|
-
render(): import("lit-html").TemplateResult<1>;
|
10
|
-
}
|
11
|
-
declare global {
|
12
|
-
interface HTMLElementTagNameMap {
|
13
|
-
'rtg-combo-box-list': ComboBoxList;
|
14
|
-
}
|
15
|
-
}
|