@lazhus/kg-ui 0.2.2
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 +128 -0
- package/custom-elements.json +3815 -0
- package/dist/components/kg-accordion-item.js +117 -0
- package/dist/components/kg-accordion.js +32 -0
- package/dist/components/kg-button.js +241 -0
- package/dist/components/kg-card.js +129 -0
- package/dist/components/kg-checkbox.js +147 -0
- package/dist/components/kg-colorpicker.js +240 -0
- package/dist/components/kg-column.js +48 -0
- package/dist/components/kg-datagrid.js +428 -0
- package/dist/components/kg-datepicker.js +650 -0
- package/dist/components/kg-divider.js +118 -0
- package/dist/components/kg-drawer.js +178 -0
- package/dist/components/kg-file-upload.js +274 -0
- package/dist/components/kg-grid.js +46 -0
- package/dist/components/kg-image.js +100 -0
- package/dist/components/kg-input.js +318 -0
- package/dist/components/kg-loader.js +175 -0
- package/dist/components/kg-modal.js +165 -0
- package/dist/components/kg-progress.js +82 -0
- package/dist/components/kg-radio-group.js +75 -0
- package/dist/components/kg-radio.js +121 -0
- package/dist/components/kg-row.js +42 -0
- package/dist/components/kg-select.js +331 -0
- package/dist/components/kg-skeleton.js +108 -0
- package/dist/components/kg-slider.js +196 -0
- package/dist/components/kg-spinner.js +79 -0
- package/dist/components/kg-stepper.js +214 -0
- package/dist/components/kg-switch.js +106 -0
- package/dist/components/kg-tab-panel.js +35 -0
- package/dist/components/kg-tabs.js +158 -0
- package/dist/components/kg-text.js +141 -0
- package/dist/components/kg-textarea.js +162 -0
- package/dist/components/kg-toast.js +200 -0
- package/dist/index.js +68 -0
- package/dist/kg-ui.css +1 -0
- package/package.json +57 -0
- package/types/components/kg-accordion-item.d.ts +25 -0
- package/types/components/kg-accordion.d.ts +22 -0
- package/types/components/kg-button.d.ts +34 -0
- package/types/components/kg-card.d.ts +31 -0
- package/types/components/kg-checkbox.d.ts +28 -0
- package/types/components/kg-colorpicker.d.ts +28 -0
- package/types/components/kg-column.d.ts +20 -0
- package/types/components/kg-datagrid.d.ts +55 -0
- package/types/components/kg-datepicker.d.ts +43 -0
- package/types/components/kg-divider.d.ts +34 -0
- package/types/components/kg-drawer.d.ts +31 -0
- package/types/components/kg-file-upload.d.ts +40 -0
- package/types/components/kg-grid.d.ts +20 -0
- package/types/components/kg-image.d.ts +40 -0
- package/types/components/kg-input.d.ts +34 -0
- package/types/components/kg-loader.d.ts +31 -0
- package/types/components/kg-modal.d.ts +31 -0
- package/types/components/kg-progress.d.ts +37 -0
- package/types/components/kg-radio-group.d.ts +25 -0
- package/types/components/kg-radio.d.ts +25 -0
- package/types/components/kg-row.d.ts +20 -0
- package/types/components/kg-select.d.ts +37 -0
- package/types/components/kg-skeleton.d.ts +34 -0
- package/types/components/kg-slider.d.ts +40 -0
- package/types/components/kg-spinner.d.ts +28 -0
- package/types/components/kg-stepper.d.ts +31 -0
- package/types/components/kg-switch.d.ts +28 -0
- package/types/components/kg-tab-panel.d.ts +28 -0
- package/types/components/kg-tabs.d.ts +25 -0
- package/types/components/kg-text.d.ts +31 -0
- package/types/components/kg-textarea.d.ts +43 -0
- package/types/components/kg-toast.d.ts +28 -0
- package/types/index.d.ts +335 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-modal */
|
|
4
|
+
export class kgmodal extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
open: boolean;
|
|
7
|
+
/** */
|
|
8
|
+
size: string;
|
|
9
|
+
/** */
|
|
10
|
+
closable: boolean;
|
|
11
|
+
/** */
|
|
12
|
+
basic: boolean;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
'kg-modal': kgmodal;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
namespace JSX {
|
|
21
|
+
interface IntrinsicElements {
|
|
22
|
+
'kg-modal': {
|
|
23
|
+
open?: boolean;
|
|
24
|
+
size?: string;
|
|
25
|
+
closable?: boolean;
|
|
26
|
+
basic?: boolean;
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-progress */
|
|
4
|
+
export class kgprogress extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
value: number;
|
|
7
|
+
/** */
|
|
8
|
+
max: number;
|
|
9
|
+
/** */
|
|
10
|
+
color: string;
|
|
11
|
+
/** */
|
|
12
|
+
height: string;
|
|
13
|
+
/** */
|
|
14
|
+
showValue: boolean;
|
|
15
|
+
/** */
|
|
16
|
+
indeterminate: boolean;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare global {
|
|
20
|
+
interface HTMLElementTagNameMap {
|
|
21
|
+
'kg-progress': kgprogress;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
namespace JSX {
|
|
25
|
+
interface IntrinsicElements {
|
|
26
|
+
'kg-progress': {
|
|
27
|
+
value?: number;
|
|
28
|
+
max?: number;
|
|
29
|
+
color?: string;
|
|
30
|
+
height?: string;
|
|
31
|
+
showValue?: boolean;
|
|
32
|
+
indeterminate?: boolean;
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-radio-group */
|
|
4
|
+
export class kgradiogroup extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
direction: string;
|
|
7
|
+
/** */
|
|
8
|
+
value: string;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
'kg-radio-group': kgradiogroup;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
namespace JSX {
|
|
17
|
+
interface IntrinsicElements {
|
|
18
|
+
'kg-radio-group': {
|
|
19
|
+
direction?: string;
|
|
20
|
+
value?: string;
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-radio */
|
|
4
|
+
export class kgradio extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
checked: boolean;
|
|
7
|
+
/** */
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
'kg-radio': kgradio;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
namespace JSX {
|
|
17
|
+
interface IntrinsicElements {
|
|
18
|
+
'kg-radio': {
|
|
19
|
+
checked?: boolean;
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-row */
|
|
4
|
+
export class kgrow extends LitElement {
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
declare global {
|
|
8
|
+
interface HTMLElementTagNameMap {
|
|
9
|
+
'kg-row': kgrow;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
namespace JSX {
|
|
13
|
+
interface IntrinsicElements {
|
|
14
|
+
'kg-row': {
|
|
15
|
+
|
|
16
|
+
[key: string]: any;
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-select */
|
|
4
|
+
export class kgselect extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
options: any[];
|
|
7
|
+
/** */
|
|
8
|
+
value: any;
|
|
9
|
+
/** */
|
|
10
|
+
placeholder: string;
|
|
11
|
+
/** */
|
|
12
|
+
multiple: boolean;
|
|
13
|
+
/** */
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
/** */
|
|
16
|
+
searchable: boolean;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare global {
|
|
20
|
+
interface HTMLElementTagNameMap {
|
|
21
|
+
'kg-select': kgselect;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
namespace JSX {
|
|
25
|
+
interface IntrinsicElements {
|
|
26
|
+
'kg-select': {
|
|
27
|
+
options?: any[];
|
|
28
|
+
value?: any;
|
|
29
|
+
placeholder?: string;
|
|
30
|
+
multiple?: boolean;
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
searchable?: boolean;
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-skeleton */
|
|
4
|
+
export class kgskeleton extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
variant: string;
|
|
7
|
+
/** */
|
|
8
|
+
animation: string;
|
|
9
|
+
/** */
|
|
10
|
+
width: string;
|
|
11
|
+
/** */
|
|
12
|
+
height: string;
|
|
13
|
+
/** */
|
|
14
|
+
borderRadius: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare global {
|
|
18
|
+
interface HTMLElementTagNameMap {
|
|
19
|
+
'kg-skeleton': kgskeleton;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
namespace JSX {
|
|
23
|
+
interface IntrinsicElements {
|
|
24
|
+
'kg-skeleton': {
|
|
25
|
+
variant?: string;
|
|
26
|
+
animation?: string;
|
|
27
|
+
width?: string;
|
|
28
|
+
height?: string;
|
|
29
|
+
borderRadius?: string;
|
|
30
|
+
[key: string]: any;
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-slider */
|
|
4
|
+
export class kgslider extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
value: number;
|
|
7
|
+
/** */
|
|
8
|
+
min: number;
|
|
9
|
+
/** */
|
|
10
|
+
max: number;
|
|
11
|
+
/** */
|
|
12
|
+
step: number;
|
|
13
|
+
/** */
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
/** */
|
|
16
|
+
hideValue: boolean;
|
|
17
|
+
/** */
|
|
18
|
+
showPins: boolean;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare global {
|
|
22
|
+
interface HTMLElementTagNameMap {
|
|
23
|
+
'kg-slider': kgslider;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
namespace JSX {
|
|
27
|
+
interface IntrinsicElements {
|
|
28
|
+
'kg-slider': {
|
|
29
|
+
value?: number;
|
|
30
|
+
min?: number;
|
|
31
|
+
max?: number;
|
|
32
|
+
step?: number;
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
hideValue?: boolean;
|
|
35
|
+
showPins?: boolean;
|
|
36
|
+
[key: string]: any;
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-spinner */
|
|
4
|
+
export class kgspinner extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
size: string;
|
|
7
|
+
/** */
|
|
8
|
+
color: string;
|
|
9
|
+
/** */
|
|
10
|
+
thickness: number;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'kg-spinner': kgspinner;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
namespace JSX {
|
|
19
|
+
interface IntrinsicElements {
|
|
20
|
+
'kg-spinner': {
|
|
21
|
+
size?: string;
|
|
22
|
+
color?: string;
|
|
23
|
+
thickness?: number;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-stepper */
|
|
4
|
+
export class kgstepper extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
steps: any[];
|
|
7
|
+
/** */
|
|
8
|
+
activeStep: number;
|
|
9
|
+
/** */
|
|
10
|
+
vertical: boolean;
|
|
11
|
+
/** */
|
|
12
|
+
clickable: boolean;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
'kg-stepper': kgstepper;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
namespace JSX {
|
|
21
|
+
interface IntrinsicElements {
|
|
22
|
+
'kg-stepper': {
|
|
23
|
+
steps?: any[];
|
|
24
|
+
activeStep?: number;
|
|
25
|
+
vertical?: boolean;
|
|
26
|
+
clickable?: boolean;
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-switch */
|
|
4
|
+
export class kgswitch extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
checked: boolean;
|
|
7
|
+
/** */
|
|
8
|
+
disabled: boolean;
|
|
9
|
+
/** */
|
|
10
|
+
color: string;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'kg-switch': kgswitch;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
namespace JSX {
|
|
19
|
+
interface IntrinsicElements {
|
|
20
|
+
'kg-switch': {
|
|
21
|
+
checked?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
color?: string;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-tab-panel */
|
|
4
|
+
export class kgtabpanel extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
value: string;
|
|
7
|
+
/** */
|
|
8
|
+
label: string;
|
|
9
|
+
/** */
|
|
10
|
+
active: boolean;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'kg-tab-panel': kgtabpanel;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
namespace JSX {
|
|
19
|
+
interface IntrinsicElements {
|
|
20
|
+
'kg-tab-panel': {
|
|
21
|
+
value?: string;
|
|
22
|
+
label?: string;
|
|
23
|
+
active?: boolean;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-tabs */
|
|
4
|
+
export class kgtabs extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
activeTab: string;
|
|
7
|
+
/** */
|
|
8
|
+
vertical: boolean;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
'kg-tabs': kgtabs;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
namespace JSX {
|
|
17
|
+
interface IntrinsicElements {
|
|
18
|
+
'kg-tabs': {
|
|
19
|
+
activeTab?: string;
|
|
20
|
+
vertical?: boolean;
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-text */
|
|
4
|
+
export class kgtext extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
variant: string;
|
|
7
|
+
/** */
|
|
8
|
+
weight: string;
|
|
9
|
+
/** */
|
|
10
|
+
align: string;
|
|
11
|
+
/** */
|
|
12
|
+
dividing: boolean;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
declare global {
|
|
16
|
+
interface HTMLElementTagNameMap {
|
|
17
|
+
'kg-text': kgtext;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
namespace JSX {
|
|
21
|
+
interface IntrinsicElements {
|
|
22
|
+
'kg-text': {
|
|
23
|
+
variant?: string;
|
|
24
|
+
weight?: string;
|
|
25
|
+
align?: string;
|
|
26
|
+
dividing?: boolean;
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-textarea */
|
|
4
|
+
export class kgtextarea extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
value: string;
|
|
7
|
+
/** */
|
|
8
|
+
placeholder: string;
|
|
9
|
+
/** */
|
|
10
|
+
rows: number;
|
|
11
|
+
/** */
|
|
12
|
+
disabled: boolean;
|
|
13
|
+
/** */
|
|
14
|
+
error: boolean;
|
|
15
|
+
/** */
|
|
16
|
+
fullwidth: boolean;
|
|
17
|
+
/** */
|
|
18
|
+
inverted: boolean;
|
|
19
|
+
/** */
|
|
20
|
+
resize: string;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
declare global {
|
|
24
|
+
interface HTMLElementTagNameMap {
|
|
25
|
+
'kg-textarea': kgtextarea;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
namespace JSX {
|
|
29
|
+
interface IntrinsicElements {
|
|
30
|
+
'kg-textarea': {
|
|
31
|
+
value?: string;
|
|
32
|
+
placeholder?: string;
|
|
33
|
+
rows?: number;
|
|
34
|
+
disabled?: boolean;
|
|
35
|
+
error?: boolean;
|
|
36
|
+
fullwidth?: boolean;
|
|
37
|
+
inverted?: boolean;
|
|
38
|
+
resize?: string;
|
|
39
|
+
[key: string]: any;
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
|
|
3
|
+
/** @customElement kg-toast */
|
|
4
|
+
export class kgtoast extends LitElement {
|
|
5
|
+
/** */
|
|
6
|
+
duration: number;
|
|
7
|
+
/** */
|
|
8
|
+
visible: boolean;
|
|
9
|
+
/** */
|
|
10
|
+
color: string;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'kg-toast': kgtoast;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
namespace JSX {
|
|
19
|
+
interface IntrinsicElements {
|
|
20
|
+
'kg-toast': {
|
|
21
|
+
duration?: number;
|
|
22
|
+
visible?: boolean;
|
|
23
|
+
color?: string;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|