@politiet/sheriff-web-components 1.0.0-rc.4 → 1.0.0-rc.6
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/frameworks/preact.d.ts +18 -36
- package/dist/frameworks/preact.d.ts.map +1 -0
- package/dist/frameworks/react.d.ts +18 -36
- package/dist/frameworks/react.d.ts.map +1 -0
- package/dist/frameworks/solidjs.d.ts +18 -36
- package/dist/frameworks/solidjs.d.ts.map +1 -0
- package/dist/frameworks/svelte.d.ts +22 -1
- package/dist/frameworks/svelte.d.ts.map +1 -0
- package/dist/frameworks/vue.d.ts +18 -36
- package/dist/frameworks/vue.d.ts.map +1 -0
- package/dist/sds-button/sds-button.js +2 -2
- package/dist/sds-button/sds-button.js.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.d.ts +4 -0
- package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.js +21 -2
- package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
- package/dist/sds-chip/sds-chip.d.ts +7 -0
- package/dist/sds-chip/sds-chip.d.ts.map +1 -1
- package/dist/sds-chip/sds-chip.js +24 -2
- package/dist/sds-chip/sds-chip.js.map +1 -1
- package/dist/sds-icon/sds-icon-loader.d.ts +1 -2
- package/dist/sds-icon/sds-icon-loader.d.ts.map +1 -1
- package/dist/sds-icon/sds-icon-loader.js +7 -33
- package/dist/sds-icon/sds-icon-loader.js.map +1 -1
- package/dist/sds-icon/sds-icon.js +2 -2
- package/dist/sds-icon/sds-icon.js.map +1 -1
- package/dist/sds-switch/sds-switch.d.ts.map +1 -1
- package/dist/sds-switch/sds-switch.js +6 -4
- package/dist/sds-switch/sds-switch.js.map +1 -1
- package/dist/sds-textfield/sds-textfield.d.ts +5 -0
- package/dist/sds-textfield/sds-textfield.d.ts.map +1 -1
- package/dist/sds-textfield/sds-textfield.js +15 -2
- package/dist/sds-textfield/sds-textfield.js.map +1 -1
- package/dist/sheriff-web-components.js +111 -57
- package/package.json +7 -3
|
@@ -1,43 +1,25 @@
|
|
|
1
1
|
import 'preact';
|
|
2
|
-
import { SDSButtonProps } from '../sds-button/sds-button';
|
|
3
|
-
import { SDSCheckboxProps } from '../sds-checkbox/sds-checkbox';
|
|
4
|
-
import { SDSCheckboxGroupProps } from '../sds-checkbox-group/sds-checkbox-group';
|
|
5
|
-
import { SDSChipProps } from '../sds-chip/sds-chip';
|
|
6
|
-
import { SDSDetailProps } from '../sds-detail/sds-detail';
|
|
7
|
-
import { SDSHeadingProps } from '../sds-heading/sds-heading';
|
|
8
|
-
import { SDSIconProps } from '../sds-icon/sds-icon';
|
|
9
|
-
import { SDSLabelProps } from '../sds-label/sds-label';
|
|
10
|
-
import { SDSLinkProps } from '../sds-link/sds-link';
|
|
11
|
-
import { SDSLoaderProps } from '../sds-loader/sds-loader';
|
|
12
|
-
import { SDSNavCardProps } from '../sds-nav-card/sds-nav-card';
|
|
13
|
-
import { SDSNotificationProps } from '../sds-notification/sds-notification';
|
|
14
|
-
import { SDSParagraphProps } from '../sds-paragraph/sds-paragraph';
|
|
15
|
-
import { SDSRadioProps } from '../sds-radio/sds-radio';
|
|
16
|
-
import { SDSRadioGroupProps } from '../sds-radio-group/sds-radio-group';
|
|
17
|
-
import { SDSSwitchProps } from '../sds-switch/sds-switch';
|
|
18
|
-
import { SDSTextProps } from '../sds-text/sds-text';
|
|
19
|
-
import { SDSTextFieldProps } from '../sds-textfield/sds-textfield';
|
|
20
2
|
declare module 'preact' {
|
|
21
3
|
namespace JSX {
|
|
22
4
|
interface IntrinsicElements {
|
|
23
|
-
'sds-button':
|
|
24
|
-
'sds-checkbox':
|
|
25
|
-
'sds-checkbox-group':
|
|
26
|
-
'sds-chip':
|
|
27
|
-
'sds-detail':
|
|
28
|
-
'sds-heading':
|
|
29
|
-
'sds-icon':
|
|
30
|
-
'sds-label':
|
|
31
|
-
'sds-link':
|
|
32
|
-
'sds-loader':
|
|
33
|
-
'sds-nav-card':
|
|
34
|
-
'sds-notification':
|
|
35
|
-
'sds-paragraph':
|
|
36
|
-
'sds-radio':
|
|
37
|
-
'sds-radio-group':
|
|
38
|
-
'sds-switch':
|
|
39
|
-
'sds-text':
|
|
40
|
-
'sds-textfield':
|
|
5
|
+
'sds-button': any;
|
|
6
|
+
'sds-checkbox': any;
|
|
7
|
+
'sds-checkbox-group': any;
|
|
8
|
+
'sds-chip': any;
|
|
9
|
+
'sds-detail': any;
|
|
10
|
+
'sds-heading': any;
|
|
11
|
+
'sds-icon': any;
|
|
12
|
+
'sds-label': any;
|
|
13
|
+
'sds-link': any;
|
|
14
|
+
'sds-loader': any;
|
|
15
|
+
'sds-nav-card': any;
|
|
16
|
+
'sds-notification': any;
|
|
17
|
+
'sds-paragraph': any;
|
|
18
|
+
'sds-radio': any;
|
|
19
|
+
'sds-radio-group': any;
|
|
20
|
+
'sds-switch': any;
|
|
21
|
+
'sds-text': any;
|
|
22
|
+
'sds-textfield': any;
|
|
41
23
|
}
|
|
42
24
|
}
|
|
43
25
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preact.d.ts","sourceRoot":"","sources":["../../src/frameworks/preact.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,CAAC;AAEhB,OAAO,QAAQ,QAAQ,CAAC;IACvB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;SACrB;KACD;CACD"}
|
|
@@ -1,43 +1,25 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import { SDSButtonProps } from '../sds-button/sds-button';
|
|
3
|
-
import { SDSCheckboxProps } from '../sds-checkbox/sds-checkbox';
|
|
4
|
-
import { SDSCheckboxGroupProps } from '../sds-checkbox-group/sds-checkbox-group';
|
|
5
|
-
import { SDSChipProps } from '../sds-chip/sds-chip';
|
|
6
|
-
import { SDSDetailProps } from '../sds-detail/sds-detail';
|
|
7
|
-
import { SDSHeadingProps } from '../sds-heading/sds-heading';
|
|
8
|
-
import { SDSIconProps } from '../sds-icon/sds-icon';
|
|
9
|
-
import { SDSLabelProps } from '../sds-label/sds-label';
|
|
10
|
-
import { SDSLinkProps } from '../sds-link/sds-link';
|
|
11
|
-
import { SDSLoaderProps } from '../sds-loader/sds-loader';
|
|
12
|
-
import { SDSNavCardProps } from '../sds-nav-card/sds-nav-card';
|
|
13
|
-
import { SDSNotificationProps } from '../sds-notification/sds-notification';
|
|
14
|
-
import { SDSParagraphProps } from '../sds-paragraph/sds-paragraph';
|
|
15
|
-
import { SDSRadioProps } from '../sds-radio/sds-radio';
|
|
16
|
-
import { SDSRadioGroupProps } from '../sds-radio-group/sds-radio-group';
|
|
17
|
-
import { SDSSwitchProps } from '../sds-switch/sds-switch';
|
|
18
|
-
import { SDSTextProps } from '../sds-text/sds-text';
|
|
19
|
-
import { SDSTextFieldProps } from '../sds-textfield/sds-textfield';
|
|
20
2
|
declare module 'react' {
|
|
21
3
|
namespace JSX {
|
|
22
4
|
interface IntrinsicElements {
|
|
23
|
-
'sds-button':
|
|
24
|
-
'sds-checkbox':
|
|
25
|
-
'sds-checkbox-group':
|
|
26
|
-
'sds-chip':
|
|
27
|
-
'sds-detail':
|
|
28
|
-
'sds-heading':
|
|
29
|
-
'sds-icon':
|
|
30
|
-
'sds-label':
|
|
31
|
-
'sds-link':
|
|
32
|
-
'sds-loader':
|
|
33
|
-
'sds-nav-card':
|
|
34
|
-
'sds-notification':
|
|
35
|
-
'sds-paragraph':
|
|
36
|
-
'sds-radio':
|
|
37
|
-
'sds-radio-group':
|
|
38
|
-
'sds-switch':
|
|
39
|
-
'sds-text':
|
|
40
|
-
'sds-textfield':
|
|
5
|
+
'sds-button': any;
|
|
6
|
+
'sds-checkbox': any;
|
|
7
|
+
'sds-checkbox-group': any;
|
|
8
|
+
'sds-chip': any;
|
|
9
|
+
'sds-detail': any;
|
|
10
|
+
'sds-heading': any;
|
|
11
|
+
'sds-icon': any;
|
|
12
|
+
'sds-label': any;
|
|
13
|
+
'sds-link': any;
|
|
14
|
+
'sds-loader': any;
|
|
15
|
+
'sds-nav-card': any;
|
|
16
|
+
'sds-notification': any;
|
|
17
|
+
'sds-paragraph': any;
|
|
18
|
+
'sds-radio': any;
|
|
19
|
+
'sds-radio-group': any;
|
|
20
|
+
'sds-switch': any;
|
|
21
|
+
'sds-text': any;
|
|
22
|
+
'sds-textfield': any;
|
|
41
23
|
}
|
|
42
24
|
}
|
|
43
25
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/frameworks/react.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,CAAC;AAEf,OAAO,QAAQ,OAAO,CAAC;IACtB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;SACrB;KACD;CACD"}
|
|
@@ -1,43 +1,25 @@
|
|
|
1
1
|
import 'solid-js';
|
|
2
|
-
import { SDSButtonProps } from '../sds-button/sds-button';
|
|
3
|
-
import { SDSCheckboxProps } from '../sds-checkbox/sds-checkbox';
|
|
4
|
-
import { SDSCheckboxGroupProps } from '../sds-checkbox-group/sds-checkbox-group';
|
|
5
|
-
import { SDSChipProps } from '../sds-chip/sds-chip';
|
|
6
|
-
import { SDSDetailProps } from '../sds-detail/sds-detail';
|
|
7
|
-
import { SDSHeadingProps } from '../sds-heading/sds-heading';
|
|
8
|
-
import { SDSIconProps } from '../sds-icon/sds-icon';
|
|
9
|
-
import { SDSLabelProps } from '../sds-label/sds-label';
|
|
10
|
-
import { SDSLinkProps } from '../sds-link/sds-link';
|
|
11
|
-
import { SDSLoaderProps } from '../sds-loader/sds-loader';
|
|
12
|
-
import { SDSNavCardProps } from '../sds-nav-card/sds-nav-card';
|
|
13
|
-
import { SDSNotificationProps } from '../sds-notification/sds-notification';
|
|
14
|
-
import { SDSParagraphProps } from '../sds-paragraph/sds-paragraph';
|
|
15
|
-
import { SDSRadioProps } from '../sds-radio/sds-radio';
|
|
16
|
-
import { SDSRadioGroupProps } from '../sds-radio-group/sds-radio-group';
|
|
17
|
-
import { SDSSwitchProps } from '../sds-switch/sds-switch';
|
|
18
|
-
import { SDSTextProps } from '../sds-text/sds-text';
|
|
19
|
-
import { SDSTextFieldProps } from '../sds-textfield/sds-textfield';
|
|
20
2
|
declare module 'solid-js' {
|
|
21
3
|
namespace JSX {
|
|
22
4
|
interface IntrinsicElements {
|
|
23
|
-
'sds-button':
|
|
24
|
-
'sds-checkbox':
|
|
25
|
-
'sds-checkbox-group':
|
|
26
|
-
'sds-chip':
|
|
27
|
-
'sds-detail':
|
|
28
|
-
'sds-heading':
|
|
29
|
-
'sds-icon':
|
|
30
|
-
'sds-label':
|
|
31
|
-
'sds-link':
|
|
32
|
-
'sds-loader':
|
|
33
|
-
'sds-nav-card':
|
|
34
|
-
'sds-notification':
|
|
35
|
-
'sds-paragraph':
|
|
36
|
-
'sds-radio':
|
|
37
|
-
'sds-radio-group':
|
|
38
|
-
'sds-switch':
|
|
39
|
-
'sds-text':
|
|
40
|
-
'sds-textfield':
|
|
5
|
+
'sds-button': any;
|
|
6
|
+
'sds-checkbox': any;
|
|
7
|
+
'sds-checkbox-group': any;
|
|
8
|
+
'sds-chip': any;
|
|
9
|
+
'sds-detail': any;
|
|
10
|
+
'sds-heading': any;
|
|
11
|
+
'sds-icon': any;
|
|
12
|
+
'sds-label': any;
|
|
13
|
+
'sds-link': any;
|
|
14
|
+
'sds-loader': any;
|
|
15
|
+
'sds-nav-card': any;
|
|
16
|
+
'sds-notification': any;
|
|
17
|
+
'sds-paragraph': any;
|
|
18
|
+
'sds-radio': any;
|
|
19
|
+
'sds-radio-group': any;
|
|
20
|
+
'sds-switch': any;
|
|
21
|
+
'sds-text': any;
|
|
22
|
+
'sds-textfield': any;
|
|
41
23
|
}
|
|
42
24
|
}
|
|
43
25
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"solidjs.d.ts","sourceRoot":"","sources":["../../src/frameworks/solidjs.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAC;AAElB,OAAO,QAAQ,UAAU,CAAC;IACzB,UAAU,GAAG,CAAC;QACb,UAAU,iBAAiB;YAC1B,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,oBAAoB,EAAE,GAAG,CAAC;YAC1B,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,aAAa,EAAE,GAAG,CAAC;YACnB,UAAU,EAAE,GAAG,CAAC;YAChB,WAAW,EAAE,GAAG,CAAC;YACjB,UAAU,EAAE,GAAG,CAAC;YAChB,YAAY,EAAE,GAAG,CAAC;YAClB,cAAc,EAAE,GAAG,CAAC;YACpB,kBAAkB,EAAE,GAAG,CAAC;YACxB,eAAe,EAAE,GAAG,CAAC;YACrB,WAAW,EAAE,GAAG,CAAC;YACjB,iBAAiB,EAAE,GAAG,CAAC;YACvB,YAAY,EAAE,GAAG,CAAC;YAClB,UAAU,EAAE,GAAG,CAAC;YAChB,eAAe,EAAE,GAAG,CAAC;SACrB;KACD;CACD"}
|
|
@@ -1,2 +1,23 @@
|
|
|
1
|
-
|
|
1
|
+
declare namespace svelte.JSX {
|
|
2
|
+
interface IntrinsicElements {
|
|
3
|
+
'sds-button': any;
|
|
4
|
+
'sds-checkbox': any;
|
|
5
|
+
'sds-checkbox-group': any;
|
|
6
|
+
'sds-chip': any;
|
|
7
|
+
'sds-detail': any;
|
|
8
|
+
'sds-heading': any;
|
|
9
|
+
'sds-icon': any;
|
|
10
|
+
'sds-label': any;
|
|
11
|
+
'sds-link': any;
|
|
12
|
+
'sds-loader': any;
|
|
13
|
+
'sds-nav-card': any;
|
|
14
|
+
'sds-notification': any;
|
|
15
|
+
'sds-paragraph': any;
|
|
16
|
+
'sds-radio': any;
|
|
17
|
+
'sds-radio-group': any;
|
|
18
|
+
'sds-switch': any;
|
|
19
|
+
'sds-text': any;
|
|
20
|
+
'sds-textfield': any;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
2
23
|
//# sourceMappingURL=svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"svelte.d.ts","sourceRoot":"","sources":["../../src/frameworks/svelte.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,CAAC,GAAG,CAAC;IAC5B,UAAU,iBAAiB;QAC1B,YAAY,EAAE,GAAG,CAAC;QAClB,cAAc,EAAE,GAAG,CAAC;QACpB,oBAAoB,EAAE,GAAG,CAAC;QAC1B,UAAU,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG,CAAC;QAClB,aAAa,EAAE,GAAG,CAAC;QACnB,UAAU,EAAE,GAAG,CAAC;QAChB,WAAW,EAAE,GAAG,CAAC;QACjB,UAAU,EAAE,GAAG,CAAC;QAChB,YAAY,EAAE,GAAG,CAAC;QAClB,cAAc,EAAE,GAAG,CAAC;QACpB,kBAAkB,EAAE,GAAG,CAAC;QACxB,eAAe,EAAE,GAAG,CAAC;QACrB,WAAW,EAAE,GAAG,CAAC;QACjB,iBAAiB,EAAE,GAAG,CAAC;QACvB,YAAY,EAAE,GAAG,CAAC;QAClB,UAAU,EAAE,GAAG,CAAC;QAChB,eAAe,EAAE,GAAG,CAAC;KACrB;CACD"}
|
package/dist/frameworks/vue.d.ts
CHANGED
|
@@ -1,42 +1,24 @@
|
|
|
1
1
|
import type { DefineComponent } from 'vue';
|
|
2
|
-
import { SDSButtonProps } from '../sds-button/sds-button';
|
|
3
|
-
import { SDSCheckboxProps } from '../sds-checkbox/sds-checkbox';
|
|
4
|
-
import { SDSCheckboxGroupProps } from '../sds-checkbox-group/sds-checkbox-group';
|
|
5
|
-
import { SDSChipProps } from '../sds-chip/sds-chip';
|
|
6
|
-
import { SDSDetailProps } from '../sds-detail/sds-detail';
|
|
7
|
-
import { SDSHeadingProps } from '../sds-heading/sds-heading';
|
|
8
|
-
import { SDSIconProps } from '../sds-icon/sds-icon';
|
|
9
|
-
import { SDSLabelProps } from '../sds-label/sds-label';
|
|
10
|
-
import { SDSLinkProps } from '../sds-link/sds-link';
|
|
11
|
-
import { SDSLoaderProps } from '../sds-loader/sds-loader';
|
|
12
|
-
import { SDSNavCardProps } from '../sds-nav-card/sds-nav-card';
|
|
13
|
-
import { SDSNotificationProps } from '../sds-notification/sds-notification';
|
|
14
|
-
import { SDSParagraphProps } from '../sds-paragraph/sds-paragraph';
|
|
15
|
-
import { SDSRadioProps } from '../sds-radio/sds-radio';
|
|
16
|
-
import { SDSRadioGroupProps } from '../sds-radio-group/sds-radio-group';
|
|
17
|
-
import { SDSSwitchProps } from '../sds-switch/sds-switch';
|
|
18
|
-
import { SDSTextProps } from '../sds-text/sds-text';
|
|
19
|
-
import { SDSTextFieldProps } from '../sds-textfield/sds-textfield';
|
|
20
2
|
declare module 'vue' {
|
|
21
3
|
interface GlobalComponents {
|
|
22
|
-
'sds-button': DefineComponent<
|
|
23
|
-
'sds-checkbox': DefineComponent<
|
|
24
|
-
'sds-checkbox-group': DefineComponent<
|
|
25
|
-
'sds-chip': DefineComponent<
|
|
26
|
-
'sds-detail': DefineComponent<
|
|
27
|
-
'sds-heading': DefineComponent<
|
|
28
|
-
'sds-icon': DefineComponent<
|
|
29
|
-
'sds-label': DefineComponent<
|
|
30
|
-
'sds-link': DefineComponent<
|
|
31
|
-
'sds-loader': DefineComponent<
|
|
32
|
-
'sds-nav-card': DefineComponent<
|
|
33
|
-
'sds-notification': DefineComponent<
|
|
34
|
-
'sds-paragraph': DefineComponent<
|
|
35
|
-
'sds-radio': DefineComponent<
|
|
36
|
-
'sds-radio-group': DefineComponent<
|
|
37
|
-
'sds-switch': DefineComponent<
|
|
38
|
-
'sds-text': DefineComponent<
|
|
39
|
-
'sds-textfield': DefineComponent<
|
|
4
|
+
'sds-button': DefineComponent<any>;
|
|
5
|
+
'sds-checkbox': DefineComponent<any>;
|
|
6
|
+
'sds-checkbox-group': DefineComponent<any>;
|
|
7
|
+
'sds-chip': DefineComponent<any>;
|
|
8
|
+
'sds-detail': DefineComponent<any>;
|
|
9
|
+
'sds-heading': DefineComponent<any>;
|
|
10
|
+
'sds-icon': DefineComponent<any>;
|
|
11
|
+
'sds-label': DefineComponent<any>;
|
|
12
|
+
'sds-link': DefineComponent<any>;
|
|
13
|
+
'sds-loader': DefineComponent<any>;
|
|
14
|
+
'sds-nav-card': DefineComponent<any>;
|
|
15
|
+
'sds-notification': DefineComponent<any>;
|
|
16
|
+
'sds-paragraph': DefineComponent<any>;
|
|
17
|
+
'sds-radio': DefineComponent<any>;
|
|
18
|
+
'sds-radio-group': DefineComponent<any>;
|
|
19
|
+
'sds-switch': DefineComponent<any>;
|
|
20
|
+
'sds-text': DefineComponent<any>;
|
|
21
|
+
'sds-textfield': DefineComponent<any>;
|
|
40
22
|
}
|
|
41
23
|
}
|
|
42
24
|
//# sourceMappingURL=vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../src/frameworks/vue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAE3C,OAAO,QAAQ,KAAK,CAAC;IACpB,UAAiB,gBAAgB;QAChC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACrC,oBAAoB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAC3C,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,aAAa,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACpC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAClC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,cAAc,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACrC,kBAAkB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACzC,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACtC,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QAClC,iBAAiB,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACxC,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACnC,UAAU,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;QACjC,eAAe,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;KACtC;CACD"}
|
|
@@ -33,10 +33,10 @@ let SDSButton = class SDSButton extends LitElement {
|
|
|
33
33
|
if (this.form) {
|
|
34
34
|
const root = this.getRootNode();
|
|
35
35
|
const formElement = root.querySelector(`form#${this.form}`);
|
|
36
|
-
formElement?.
|
|
36
|
+
formElement?.requestSubmit();
|
|
37
37
|
}
|
|
38
38
|
else if (this.internals.form) {
|
|
39
|
-
this.internals.form.
|
|
39
|
+
this.internals.form.requestSubmit();
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
break;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-button.js","sourceRoot":"","sources":["../../src/sds-button/sds-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAoBtC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAoBxC;QACC,KAAK,EAAE,CAAC;QAdT,SAAI,GAAe,QAAQ,CAAC;QAG5B,YAAO,GAAkB,SAAS,CAAC;QAGnC,SAAI,GAAe,OAAO,CAAC;QAEiB,aAAQ,GAAY,KAAK,CAAC;QAE3B,UAAK,GAAW,EAAE,CAAC;QAS7C,iBAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YAEjC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;oBACnB,KAAK,QAAQ,CAAC,CAAC,CAAC;wBACf,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,QAAQ,EAAE;4BAC7C,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,IAAI;4BACd,UAAU,EAAE,IAAI;yBAChB,CAAC,CAAC;wBACH,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;wBAErD,IAAI,YAAY,EAAE,CAAC;4BAClB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gCACf,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAA2B,CAAC;gCACzD,MAAM,WAAW,GAA2B,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gCACpF,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"sds-button.js","sourceRoot":"","sources":["../../src/sds-button/sds-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { styles } from './sds-button.styles';\n\ntype ButtonType = 'button' | 'submit' | 'reset';\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'critical';\ntype ButtonSize = 'large' | 'medium' | 'small';\n\nexport interface SDSButtonProps {\n\ttype?: ButtonType;\n\tvariant?: ButtonVariant;\n\tsize?: ButtonSize;\n\tdisabled?: boolean;\n\tname?: string;\n\tvalue?: string;\n\tform?: string;\n\tonClick?: (event: CustomEvent) => void;\n\tonSubmit?: (event: CustomEvent) => void;\n\tonReset?: (event: CustomEvent) => void;\n}\n\n@customElement('sds-button')\nexport class SDSButton extends LitElement {\n\tstatic override styles = [styles];\n\n\tstatic formAssociated = true;\n\tpublic readonly internals: ElementInternals;\n\n\t@property({ type: String, reflect: true })\n\ttype: ButtonType = 'button';\n\n\t@property({ type: String, reflect: true })\n\tvariant: ButtonVariant = 'primary';\n\n\t@property({ type: String, reflect: true })\n\tsize: ButtonSize = 'large';\n\n\t@property({ type: Boolean, reflect: true }) disabled: boolean = false;\n\t@property({ type: String, reflect: true }) name?: string;\n\t@property({ type: String, reflect: true }) value: string = '';\n\t@property({ type: String, reflect: true }) form?: string;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.internals = this.attachInternals();\n\t\tthis.attachShadow({ mode: 'open', delegatesFocus: true });\n\t}\n\n\tprivate readonly _handleClick = (event: MouseEvent) => {\n\t\tevent.preventDefault();\n\t\tevent.stopImmediatePropagation();\n\n\t\tif (!this.disabled) {\n\t\t\tswitch (this.type) {\n\t\t\t\tcase 'submit': {\n\t\t\t\t\tconst submitEvent = new CustomEvent('submit', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tcancelable: true,\n\t\t\t\t\t});\n\t\t\t\t\tconst shouldSubmit = this.dispatchEvent(submitEvent);\n\n\t\t\t\t\tif (shouldSubmit) {\n\t\t\t\t\t\tif (this.form) {\n\t\t\t\t\t\t\tconst root = this.getRootNode() as Document | ShadowRoot;\n\t\t\t\t\t\t\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\n\t\t\t\t\t\t\tformElement?.requestSubmit();\n\t\t\t\t\t\t} else if (this.internals.form) {\n\t\t\t\t\t\t\tthis.internals.form.requestSubmit();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase 'reset': {\n\t\t\t\t\tconst resetEvent = new CustomEvent('reset', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\tcancelable: true,\n\t\t\t\t\t});\n\t\t\t\t\tconst shouldReset = this.dispatchEvent(resetEvent);\n\n\t\t\t\t\tif (shouldReset) {\n\t\t\t\t\t\tif (this.form) {\n\t\t\t\t\t\t\tconst root = this.getRootNode() as Document | ShadowRoot;\n\t\t\t\t\t\t\tconst formElement: HTMLFormElement | null = root.querySelector(`form#${this.form}`);\n\t\t\t\t\t\t\tformElement?.reset();\n\t\t\t\t\t\t} else if (this.internals.form) {\n\t\t\t\t\t\t\tthis.internals.form.reset();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tdefault:\n\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent('click', {\n\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n\n\toverride focus(): void {\n\t\tif (!this.disabled) this.shadowRoot?.querySelector('button')?.focus();\n\t}\n\n\toverride blur(): void {\n\t\tif (!this.disabled) this.shadowRoot?.querySelector('button')?.blur();\n\t}\n\n\toverride click(): void {\n\t\tif (!this.disabled) this.shadowRoot?.querySelector('button')?.click();\n\t}\n\n\toverride render() {\n\t\tconst buttonClasses = {\n\t\t\t'sds-button': true,\n\t\t\t'sds-button--secondary': this.variant === 'secondary',\n\t\t\t'sds-button--tertiary': this.variant === 'tertiary',\n\t\t\t'sds-button--critical': this.variant === 'critical',\n\t\t\t'sds-button--medium': this.size === 'medium',\n\t\t\t'sds-button--small': this.size === 'small',\n\t\t};\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tid=\"control\"\n\t\t\t\tform=\"${ifDefined(this.form)}\"\n\t\t\t\tclass=\"${classMap(buttonClasses)}\"\n\t\t\t\ttype=\"${this.type}\"\n\t\t\t\tname=\"${ifDefined(this.name)}\"\n\t\t\t\tvalue=\"${ifDefined(this.value)}\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t@click=\"${this._handleClick}\"\n\t\t\t>\n\t\t\t\t<slot name=\"before\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"after\"></slot>\n\t\t\t</button>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-button': SDSButton;\n\t}\n}\n"]}
|
|
@@ -27,7 +27,11 @@ export declare class SDSCheckbox extends LitElement {
|
|
|
27
27
|
checked: boolean;
|
|
28
28
|
disabled: boolean;
|
|
29
29
|
error: boolean;
|
|
30
|
+
control: HTMLInputElement;
|
|
31
|
+
private _initialChecked;
|
|
30
32
|
constructor();
|
|
33
|
+
connectedCallback(): void;
|
|
34
|
+
formResetCallback(): void;
|
|
31
35
|
private readonly _handleChange;
|
|
32
36
|
private readonly _handleFocus;
|
|
33
37
|
private readonly _handleBlur;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-checkbox.d.ts","sourceRoot":"","sources":["../../src/sds-checkbox/sds-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-checkbox.d.ts","sourceRoot":"","sources":["../../src/sds-checkbox/sds-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAMhD,MAAM,WAAW,gBAAgB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC7E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,qBACa,WAAY,SAAQ,UAAU;IAE1C,OAAgB,MAAM,4BAAY;IAElC,MAAM,CAAC,cAAc,UAAQ;IAC7B,SAAgB,SAAS,EAAE,gBAAgB,CAAC;IAGD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACC,OAAO,UAAS;IAChB,QAAQ,UAAS;IACjB,KAAK,UAAS;IAEvC,OAAO,EAAG,gBAAgB,CAAC;IAE9C,OAAO,CAAC,eAAe,CAAkB;;IAQhC,iBAAiB;IAS1B,iBAAiB;IAOjB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAc5B;IAEF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAS3B;IAEF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAS1B;IAEO,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM;CA+Bf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { LitElement, html, nothing } from 'lit';
|
|
8
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
8
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
9
9
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
10
10
|
import { classMap } from 'lit/directives/class-map.js';
|
|
11
11
|
import { styles } from './sds-checkbox.styles';
|
|
@@ -15,12 +15,13 @@ let SDSCheckbox = class SDSCheckbox extends LitElement {
|
|
|
15
15
|
this.checked = false;
|
|
16
16
|
this.disabled = false;
|
|
17
17
|
this.error = false;
|
|
18
|
-
|
|
18
|
+
this._initialChecked = false;
|
|
19
19
|
this._handleChange = (event) => {
|
|
20
20
|
event.stopImmediatePropagation();
|
|
21
21
|
if (!this.disabled) {
|
|
22
22
|
const elem = event.target;
|
|
23
23
|
this.checked = elem.checked;
|
|
24
|
+
this.internals.setFormValue(elem.checked ? elem.value : '');
|
|
24
25
|
this.dispatchEvent(new CustomEvent('change', {
|
|
25
26
|
detail: { checked: this.checked, value: elem.value },
|
|
26
27
|
bubbles: true,
|
|
@@ -47,6 +48,20 @@ let SDSCheckbox = class SDSCheckbox extends LitElement {
|
|
|
47
48
|
this.internals = this.attachInternals();
|
|
48
49
|
this.attachShadow({ mode: 'open', delegatesFocus: true });
|
|
49
50
|
}
|
|
51
|
+
connectedCallback() {
|
|
52
|
+
super.connectedCallback();
|
|
53
|
+
this._initialChecked = this.checked;
|
|
54
|
+
this.internals.role = 'checkbox';
|
|
55
|
+
if (this.checked) {
|
|
56
|
+
this.internals.setFormValue(this.value ? this.value : '');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
formResetCallback() {
|
|
60
|
+
this.checked = this._initialChecked;
|
|
61
|
+
this.control.checked = this._initialChecked;
|
|
62
|
+
const resetValue = this.checked && this.value ? this.value : '';
|
|
63
|
+
this.internals.setFormValue(resetValue);
|
|
64
|
+
}
|
|
50
65
|
focus() {
|
|
51
66
|
if (!this.disabled)
|
|
52
67
|
this.shadowRoot?.querySelector('input')?.focus();
|
|
@@ -72,6 +87,7 @@ let SDSCheckbox = class SDSCheckbox extends LitElement {
|
|
|
72
87
|
<div class="${classMap(checkboxClasses)}">
|
|
73
88
|
<label class="sds-checkbox__label">
|
|
74
89
|
<input
|
|
90
|
+
id="control"
|
|
75
91
|
type="checkbox"
|
|
76
92
|
name="${ifDefined(this.name)}"
|
|
77
93
|
value="${ifDefined(this.value)}"
|
|
@@ -109,6 +125,9 @@ __decorate([
|
|
|
109
125
|
__decorate([
|
|
110
126
|
property({ type: Boolean, reflect: true })
|
|
111
127
|
], SDSCheckbox.prototype, "error", void 0);
|
|
128
|
+
__decorate([
|
|
129
|
+
query('#control')
|
|
130
|
+
], SDSCheckbox.prototype, "control", void 0);
|
|
112
131
|
SDSCheckbox = __decorate([
|
|
113
132
|
customElement('sds-checkbox')
|
|
114
133
|
], SDSCheckbox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-checkbox.js","sourceRoot":"","sources":["../../src/sds-checkbox/sds-checkbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"sds-checkbox.js","sourceRoot":"","sources":["../../src/sds-checkbox/sds-checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './sds-checkbox.styles';\n\nexport interface SDSCheckboxProps {\n\tname?: string;\n\tlabel?: string;\n\tvalue?: string;\n\tchecked?: boolean;\n\tdisabled?: boolean;\n\terror?: boolean;\n\tonChange?: (event: CustomEvent<{ checked: boolean; value: string }>) => void;\n\tonFocus?: (event: CustomEvent<{ checked: boolean }>) => void;\n\tonBlur?: (event: CustomEvent<{ checked: boolean }>) => void;\n}\n\n@customElement('sds-checkbox')\nexport class SDSCheckbox extends LitElement {\n\t// Styling\n\tstatic override styles = [styles];\n\n\tstatic formAssociated = true;\n\tpublic readonly internals: ElementInternals;\n\n\t// Props\n\t@property({ type: String, reflect: true }) name?: string;\n\t@property({ type: String, reflect: true }) label?: string;\n\t@property({ type: String }) value?: string;\n\t@property({ type: Boolean, reflect: true }) checked = false;\n\t@property({ type: Boolean, reflect: true }) disabled = false;\n\t@property({ type: Boolean, reflect: true }) error = false;\n\n\t@query('#control') control!: HTMLInputElement;\n\n\tprivate _initialChecked: boolean = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.internals = this.attachInternals();\n\t\tthis.attachShadow({ mode: 'open', delegatesFocus: true });\n\t}\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis._initialChecked = this.checked;\n\t\tthis.internals.role = 'checkbox';\n\t\tif (this.checked) {\n\t\t\tthis.internals.setFormValue(this.value ? this.value : '');\n\t\t}\n\t}\n\n\tformResetCallback() {\n\t\tthis.checked = this._initialChecked;\n\t\tthis.control.checked = this._initialChecked;\n\t\tconst resetValue = this.checked && this.value ? this.value : '';\n\t\tthis.internals.setFormValue(resetValue);\n\t}\n\n\tprivate readonly _handleChange = (event: Event) => {\n\t\tevent.stopImmediatePropagation();\n\t\tif (!this.disabled) {\n\t\t\tconst elem = event.target as HTMLInputElement;\n\t\t\tthis.checked = elem.checked;\n\t\t\tthis.internals.setFormValue(elem.checked ? elem.value : '');\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { checked: this.checked, value: elem.value },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t};\n\n\tprivate readonly _handleFocus = (event: FocusEvent) => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('focus', {\n\t\t\t\tdetail: { checked: this.checked },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t);\n\t};\n\n\tprivate readonly _handleBlur = (event: FocusEvent) => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('blur', {\n\t\t\t\tdetail: { checked: this.checked },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t})\n\t\t);\n\t};\n\n\toverride focus(): void {\n\t\tif (!this.disabled) this.shadowRoot?.querySelector('input')?.focus();\n\t}\n\n\toverride blur(): void {\n\t\tif (!this.disabled) this.shadowRoot?.querySelector('input')?.blur();\n\t}\n\n\toverride click(): void {\n\t\tif (!this.disabled) this.shadowRoot?.querySelector('input')?.click();\n\t}\n\n\toverride render() {\n\t\tconst checkboxClasses = {\n\t\t\t'sds-checkbox': true,\n\t\t\t'sds-checkbox--error': Boolean(this.error),\n\t\t};\n\n\t\tconst inputClasses = {\n\t\t\t'sds-checkbox__input': true,\n\t\t\t'sds-checkbox__input--error': Boolean(this.error),\n\t\t};\n\n\t\treturn html`\n\t\t\t<div class=\"${classMap(checkboxClasses)}\">\n\t\t\t\t<label class=\"sds-checkbox__label\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tid=\"control\"\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tname=\"${ifDefined(this.name)}\"\n\t\t\t\t\t\tvalue=\"${ifDefined(this.value)}\"\n\t\t\t\t\t\t?checked=\"${this.checked}\"\n\t\t\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t\t\t@change=\"${this._handleChange}\"\n\t\t\t\t\t\t@focus=\"${this._handleFocus}\"\n\t\t\t\t\t\t@blur=\"${this._handleBlur}\"\n\t\t\t\t\t\tclass=\"${classMap(inputClasses)}\"\n\t\t\t\t\t/>\n\t\t\t\t\t${this.label ? html`<span class=\"sds-checkbox__text\">${this.label}</span>` : nothing}\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-checkbox': SDSCheckbox;\n\t}\n}\n"]}
|
|
@@ -17,12 +17,19 @@ export interface SDSChipProps {
|
|
|
17
17
|
}
|
|
18
18
|
export declare class SDSChip extends LitElement {
|
|
19
19
|
static styles: import("lit").CSSResult[];
|
|
20
|
+
static formAssociated: boolean;
|
|
21
|
+
readonly internals: ElementInternals;
|
|
20
22
|
variant: ChipVariant;
|
|
21
23
|
size: ChipSize;
|
|
22
24
|
checked: boolean;
|
|
23
25
|
name?: string;
|
|
24
26
|
value?: string;
|
|
25
27
|
disabled: boolean;
|
|
28
|
+
control: HTMLInputElement;
|
|
29
|
+
private _initialChecked;
|
|
30
|
+
constructor();
|
|
31
|
+
connectedCallback(): void;
|
|
32
|
+
formResetCallback(): void;
|
|
26
33
|
focus(): void;
|
|
27
34
|
blur(): void;
|
|
28
35
|
click(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sds-chip.d.ts","sourceRoot":"","sources":["../../src/sds-chip/sds-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,sBAAsB,CAAC;AAE9B,KAAK,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAC9C,KAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC3F,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AAED,qBACa,OAAQ,SAAQ,UAAU;IAEtC,OAAgB,MAAM,4BAAY;
|
|
1
|
+
{"version":3,"file":"sds-chip.d.ts","sourceRoot":"","sources":["../../src/sds-chip/sds-chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,sBAAsB,CAAC;AAE9B,KAAK,WAAW,GAAG,YAAY,GAAG,WAAW,CAAC;AAC9C,KAAK,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAElC,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC3F,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AAED,qBACa,OAAQ,SAAQ,UAAU;IAEtC,OAAgB,MAAM,4BAAY;IAElC,MAAM,CAAC,cAAc,UAAQ;IAC7B,SAAgB,SAAS,EAAE,gBAAgB,CAAC;IAGD,OAAO,EAAE,WAAW,CAAgB;IACpC,IAAI,EAAE,QAAQ,CAAW;IACxB,OAAO,UAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACC,QAAQ,UAAS;IAE1C,OAAO,EAAG,gBAAgB,CAAC;IAE9C,OAAO,CAAC,eAAe,CAAkB;;IAQhC,iBAAiB;IAS1B,iBAAiB;IAMR,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM;IA0Bf,OAAO,CAAC,QAAQ,CAAC,OAAO,CAatB;IAEF,OAAO,CAAC,QAAQ,CAAC,OAAO,CAOtB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
|
|
@@ -5,23 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { LitElement, html } from 'lit';
|
|
8
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
8
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
9
9
|
import { classMap } from 'lit/directives/class-map.js';
|
|
10
10
|
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
11
11
|
import { styles } from './sds-chip.styles';
|
|
12
12
|
import '../sds-icon/sds-icon';
|
|
13
13
|
let SDSChip = class SDSChip extends LitElement {
|
|
14
14
|
constructor() {
|
|
15
|
-
super(
|
|
15
|
+
super();
|
|
16
16
|
// Reactive Props
|
|
17
17
|
this.variant = 'selectable';
|
|
18
18
|
this.size = 'large';
|
|
19
19
|
this.checked = false;
|
|
20
20
|
this.disabled = false;
|
|
21
|
+
this._initialChecked = false;
|
|
21
22
|
this._toggle = (event) => {
|
|
22
23
|
event.preventDefault();
|
|
23
24
|
event.stopImmediatePropagation();
|
|
24
25
|
this.checked = !this.checked;
|
|
26
|
+
this.internals.setFormValue(this.checked && this.value ? this.value : '');
|
|
25
27
|
this.dispatchEvent(new CustomEvent('change', {
|
|
26
28
|
detail: { value: this.value, isChecked: this.checked },
|
|
27
29
|
bubbles: true,
|
|
@@ -34,6 +36,21 @@ let SDSChip = class SDSChip extends LitElement {
|
|
|
34
36
|
composed: true,
|
|
35
37
|
}));
|
|
36
38
|
};
|
|
39
|
+
this.internals = this.attachInternals();
|
|
40
|
+
this.attachShadow({ mode: 'open', delegatesFocus: true });
|
|
41
|
+
}
|
|
42
|
+
connectedCallback() {
|
|
43
|
+
super.connectedCallback();
|
|
44
|
+
this._initialChecked = this.checked;
|
|
45
|
+
this.internals.role = 'checkbox';
|
|
46
|
+
if (this.checked) {
|
|
47
|
+
this.internals.setFormValue(this.value ? this.value : '');
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
formResetCallback() {
|
|
51
|
+
this.checked = this._initialChecked;
|
|
52
|
+
const resetValue = this.checked && this.value ? this.value : '';
|
|
53
|
+
this.internals.setFormValue(resetValue);
|
|
37
54
|
}
|
|
38
55
|
focus() {
|
|
39
56
|
if (!this.disabled)
|
|
@@ -60,6 +77,7 @@ let SDSChip = class SDSChip extends LitElement {
|
|
|
60
77
|
}
|
|
61
78
|
return html `<label class="${classMap(chipClasses)}" @click="${this._toggle}">
|
|
62
79
|
<input
|
|
80
|
+
id="control"
|
|
63
81
|
type="checkbox"
|
|
64
82
|
name="${ifDefined(this.name)}"
|
|
65
83
|
value="${ifDefined(this.value)}"
|
|
@@ -72,6 +90,7 @@ let SDSChip = class SDSChip extends LitElement {
|
|
|
72
90
|
};
|
|
73
91
|
// Styling
|
|
74
92
|
SDSChip.styles = [styles];
|
|
93
|
+
SDSChip.formAssociated = true;
|
|
75
94
|
__decorate([
|
|
76
95
|
property({ type: String, reflect: true })
|
|
77
96
|
], SDSChip.prototype, "variant", void 0);
|
|
@@ -90,6 +109,9 @@ __decorate([
|
|
|
90
109
|
__decorate([
|
|
91
110
|
property({ type: Boolean, reflect: true })
|
|
92
111
|
], SDSChip.prototype, "disabled", void 0);
|
|
112
|
+
__decorate([
|
|
113
|
+
query('#control')
|
|
114
|
+
], SDSChip.prototype, "control", void 0);
|
|
93
115
|
SDSChip = __decorate([
|
|
94
116
|
customElement('sds-chip')
|
|
95
117
|
], SDSChip);
|