@fluentui/web-components 3.0.0-beta.39 → 3.0.0-beta.40
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/CHANGELOG.md +13 -2
- package/dist/dts/accordion/accordion.d.ts +35 -12
- package/dist/dts/accordion-item/accordion-item.d.ts +42 -14
- package/dist/dts/accordion-item/accordion-item.options.d.ts +2 -2
- package/dist/dts/accordion-item/index.d.ts +1 -1
- package/dist/dts/checkbox/checkbox.d.ts +98 -48
- package/dist/dts/field/field.d.ts +30 -1
- package/dist/dts/field/field.options.d.ts +2 -0
- package/dist/dts/index.d.ts +1 -1
- package/dist/dts/radio/index.d.ts +1 -1
- package/dist/dts/radio/radio.d.ts +38 -35
- package/dist/dts/radio/radio.options.d.ts +14 -0
- package/dist/dts/radio/radio.styles.d.ts +3 -1
- package/dist/dts/radio/radio.template.d.ts +13 -1
- package/dist/dts/radio-group/radio-group.d.ts +211 -49
- package/dist/dts/radio-group/radio-group.template.d.ts +1 -1
- package/dist/dts/styles/states/index.d.ts +20 -0
- package/dist/dts/switch/switch.d.ts +1 -0
- package/dist/dts/utils/root-active-element.d.ts +1 -0
- package/dist/esm/accordion/accordion.js +46 -85
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.js +63 -19
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.options.js +1 -1
- package/dist/esm/accordion-item/accordion-item.options.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.styles.js +41 -63
- package/dist/esm/accordion-item/accordion-item.styles.js.map +1 -1
- package/dist/esm/accordion-item/accordion-item.template.js +24 -43
- package/dist/esm/accordion-item/accordion-item.template.js.map +1 -1
- package/dist/esm/accordion-item/index.js +1 -1
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +146 -97
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/checkbox.styles.js +1 -6
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -1
- package/dist/esm/checkbox/checkbox.template.js.map +1 -1
- package/dist/esm/field/field.js +91 -29
- package/dist/esm/field/field.js.map +1 -1
- package/dist/esm/field/field.options.js.map +1 -1
- package/dist/esm/field/field.styles.js +31 -16
- package/dist/esm/field/field.styles.js.map +1 -1
- package/dist/esm/field/field.template.js +1 -1
- package/dist/esm/field/field.template.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/radio/radio.js +59 -72
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/radio.options.js +2 -0
- package/dist/esm/radio/radio.options.js.map +1 -0
- package/dist/esm/radio/radio.styles.js +95 -88
- package/dist/esm/radio/radio.styles.js.map +1 -1
- package/dist/esm/radio/radio.template.js +21 -24
- package/dist/esm/radio/radio.template.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +416 -313
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/radio-group/radio-group.styles.js +26 -32
- package/dist/esm/radio-group/radio-group.styles.js.map +1 -1
- package/dist/esm/radio-group/radio-group.template.js +6 -21
- package/dist/esm/radio-group/radio-group.template.js.map +1 -1
- package/dist/esm/styles/states/index.js +20 -0
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/switch/switch.js +4 -0
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +3 -6
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/switch/switch.template.js.map +1 -1
- package/dist/esm/theme/set-theme.js +3 -6
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/utils/root-active-element.js +9 -0
- package/dist/esm/utils/root-active-element.js.map +1 -0
- package/dist/web-components.d.ts +461 -181
- package/dist/web-components.js +1387 -1233
- package/dist/web-components.min.js +262 -258
- package/package.json +1 -1
- package/dist/dts/radio/radio.form-associated.d.ts +0 -14
- package/dist/esm/radio/radio.form-associated.js +0 -14
- package/dist/esm/radio/radio.form-associated.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { html, ref } from '@microsoft/fast-element';
|
|
2
|
-
import {
|
|
2
|
+
import { startSlotTemplate } from '../patterns/index.js';
|
|
3
3
|
import { staticallyCompose } from '../utils/index.js';
|
|
4
4
|
const chevronRight20Filled = html.partial(`<svg
|
|
5
5
|
width="20"
|
|
@@ -7,7 +7,8 @@ const chevronRight20Filled = html.partial(`<svg
|
|
|
7
7
|
viewBox="0 0 20 20"
|
|
8
8
|
fill="none"
|
|
9
9
|
xmlns="http://www.w3.org/2000/svg"
|
|
10
|
-
class="default-collapsed
|
|
10
|
+
class="default-marker-collapsed"
|
|
11
|
+
aria-hidden="true"
|
|
11
12
|
>
|
|
12
13
|
<path
|
|
13
14
|
d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
|
|
@@ -20,7 +21,8 @@ const chevronDown20Filled = html.partial(`<svg
|
|
|
20
21
|
viewBox="0 0 20 20"
|
|
21
22
|
fill="none"
|
|
22
23
|
xmlns="http://www.w3.org/2000/svg"
|
|
23
|
-
class="default-expanded
|
|
24
|
+
class="default-marker-expanded"
|
|
25
|
+
aria-hidden="true"
|
|
24
26
|
>
|
|
25
27
|
<path
|
|
26
28
|
d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"
|
|
@@ -29,47 +31,26 @@ const chevronDown20Filled = html.partial(`<svg
|
|
|
29
31
|
</svg>`);
|
|
30
32
|
export function accordionItemTemplate(options = {}) {
|
|
31
33
|
return html `
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
<div class="heading" part="heading" role="heading" aria-level="${x => x.headinglevel}">
|
|
35
|
+
<button
|
|
36
|
+
class="button"
|
|
37
|
+
part="button"
|
|
38
|
+
${ref('expandbutton')}
|
|
39
|
+
?disabled="${x => (x.disabled ? 'true' : void 0)}"
|
|
40
|
+
aria-expanded="${x => x.expanded}"
|
|
41
|
+
aria-controls="${x => x.id}-panel"
|
|
42
|
+
id="${x => x.id}"
|
|
37
43
|
>
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<span class="heading-content" part="heading-content">
|
|
49
|
-
<slot name="heading"></slot>
|
|
50
|
-
</span>
|
|
51
|
-
</button>
|
|
52
|
-
${startSlotTemplate(options)}
|
|
53
|
-
${endSlotTemplate(options)}
|
|
54
|
-
<span class="icon" part="icon" aria-hidden="true">
|
|
55
|
-
<slot name="expanded-icon">
|
|
56
|
-
${staticallyCompose(options.expandedIcon)}
|
|
57
|
-
</slot>
|
|
58
|
-
<slot name="collapsed-icon">
|
|
59
|
-
${staticallyCompose(options.collapsedIcon)}
|
|
60
|
-
</slot>
|
|
61
|
-
<span>
|
|
62
|
-
</div>
|
|
63
|
-
<div
|
|
64
|
-
class="region"
|
|
65
|
-
part="region"
|
|
66
|
-
id="${x => x.id}-panel"
|
|
67
|
-
role="region"
|
|
68
|
-
aria-labelledby="${x => x.id}"
|
|
69
|
-
>
|
|
70
|
-
<slot></slot>
|
|
71
|
-
</div>
|
|
72
|
-
`;
|
|
44
|
+
<slot name="heading"></slot>
|
|
45
|
+
</button>
|
|
46
|
+
${startSlotTemplate(options)}
|
|
47
|
+
<slot name="marker-expanded"> ${staticallyCompose(options.expandedIcon)} </slot>
|
|
48
|
+
<slot name="marker-collapsed"> ${staticallyCompose(options.collapsedIcon)} </slot>
|
|
49
|
+
</div>
|
|
50
|
+
<div class="content" part="content" id="${x => x.id}-panel" role="region" aria-labelledby="${x => x.id}">
|
|
51
|
+
<slot></slot>
|
|
52
|
+
</div>
|
|
53
|
+
`;
|
|
73
54
|
}
|
|
74
55
|
/**
|
|
75
56
|
* The template for the fluent-accordion component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-item.template.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion-item.template.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAmB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,MAAM,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAanC,CAAC,CAAC;AAET,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;OAalC,CAAC,CAAC;AAET,MAAM,UAAU,qBAAqB,CACnC,UAAgC,EAAE;IAElC,OAAO,IAAI,CAAG;qEACqD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;;;UAI9E,GAAG,CAAC,cAAc,CAAC;qBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;yBAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;cACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;;QAIf,iBAAiB,CAAC,OAAO,CAAC;sCACI,iBAAiB,CAAC,OAAO,CAAC,YAAY,CAAC;uCACtC,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC;;8CAEjC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,0CAA0C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;;;GAGvG,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAuC,qBAAqB,CAAC;IAChF,aAAa,EAAE,oBAAoB;IACnC,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { AccordionItem } from './accordion-item.js';
|
|
2
|
-
export { AccordionItemSize,
|
|
2
|
+
export { AccordionItemSize, AccordionItemMarkerPosition } from './accordion-item.options.js';
|
|
3
3
|
export { styles as accordionItemStyles } from './accordion-item.styles.js';
|
|
4
4
|
export { definition as accordionItemDefinition } from './accordion-item.definition.js';
|
|
5
5
|
export { template as accordionItemTemplate } from './accordion-item.template.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/accordion-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/accordion-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,UAAU,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,QAAQ,IAAI,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -2,17 +2,46 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { attr, FASTElement, Observable, observable } from '@microsoft/fast-element';
|
|
3
3
|
import { toggleState } from '../utils/element-internals.js';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
6
|
-
* Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#checkbox | ARIA checkbox }.
|
|
7
|
-
*
|
|
8
|
-
* @slot checked-indicator - The checked indicator
|
|
9
|
-
* @slot indeterminate-indicator - The indeterminate indicator
|
|
10
|
-
* @fires change - Emits a custom change event when the checked state changes
|
|
11
|
-
* @fires input - Emits a custom input event when the checked state changes
|
|
5
|
+
* The base class for a component with a toggleable checked state.
|
|
12
6
|
*
|
|
13
7
|
* @public
|
|
14
8
|
*/
|
|
15
9
|
export class BaseCheckbox extends FASTElement {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
/**
|
|
13
|
+
* The initial value of the input.
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
* @remarks
|
|
17
|
+
* HTML Attribute: `value`
|
|
18
|
+
*/
|
|
19
|
+
this.initialValue = 'on';
|
|
20
|
+
/**
|
|
21
|
+
* Indicates that the checked state has been changed by the user.
|
|
22
|
+
*
|
|
23
|
+
* @internal
|
|
24
|
+
*/
|
|
25
|
+
this.dirtyChecked = false;
|
|
26
|
+
/**
|
|
27
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
28
|
+
*
|
|
29
|
+
* @internal
|
|
30
|
+
*/
|
|
31
|
+
this.elementInternals = this.attachInternals();
|
|
32
|
+
/**
|
|
33
|
+
* The fallback validation message, taken from a native checkbox `<input>` element.
|
|
34
|
+
*
|
|
35
|
+
* @internal
|
|
36
|
+
*/
|
|
37
|
+
this._validationFallbackMessage = '';
|
|
38
|
+
/**
|
|
39
|
+
* The internal value of the input.
|
|
40
|
+
*
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
this._value = this.initialValue;
|
|
44
|
+
}
|
|
16
45
|
/**
|
|
17
46
|
* The element's current checked state.
|
|
18
47
|
*
|
|
@@ -20,40 +49,52 @@ export class BaseCheckbox extends FASTElement {
|
|
|
20
49
|
*/
|
|
21
50
|
get checked() {
|
|
22
51
|
Observable.track(this, 'checked');
|
|
23
|
-
return this._checked;
|
|
52
|
+
return !!this._checked;
|
|
24
53
|
}
|
|
25
|
-
set checked(
|
|
26
|
-
this._checked =
|
|
27
|
-
this.setFormValue(
|
|
54
|
+
set checked(next) {
|
|
55
|
+
this._checked = next;
|
|
56
|
+
this.setFormValue(next ? this.value : null);
|
|
28
57
|
this.setValidity();
|
|
29
58
|
this.setAriaChecked();
|
|
30
|
-
toggleState(this.elementInternals, 'checked',
|
|
59
|
+
toggleState(this.elementInternals, 'checked', next);
|
|
31
60
|
Observable.notify(this, 'checked');
|
|
32
61
|
}
|
|
33
62
|
/**
|
|
34
|
-
*
|
|
63
|
+
* Toggles the disabled state when the user changes the `disabled` property.
|
|
35
64
|
*
|
|
36
65
|
* @internal
|
|
37
66
|
*/
|
|
38
|
-
|
|
39
|
-
this.
|
|
40
|
-
toggleState(this.elementInternals, '
|
|
67
|
+
disabledChanged(prev, next) {
|
|
68
|
+
this.elementInternals.ariaDisabled = this.disabled ? 'true' : 'false';
|
|
69
|
+
toggleState(this.elementInternals, 'disabled', this.disabled);
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* Sets the disabled state when the `disabled` attribute changes.
|
|
73
|
+
*
|
|
74
|
+
* @param prev - the previous value
|
|
75
|
+
* @param next - the current value
|
|
76
|
+
* @internal
|
|
77
|
+
*/
|
|
78
|
+
disabledAttributeChanged(prev, next) {
|
|
79
|
+
this.disabled = !!next;
|
|
41
80
|
}
|
|
42
81
|
/**
|
|
43
|
-
* Updates the
|
|
82
|
+
* Updates the checked state when the `checked` attribute is changed, unless the checked state has been changed by the user.
|
|
44
83
|
*
|
|
84
|
+
* @param prev - The previous initial checked state
|
|
85
|
+
* @param next - The current initial checked state
|
|
45
86
|
* @internal
|
|
46
87
|
*/
|
|
47
88
|
initialCheckedChanged(prev, next) {
|
|
48
89
|
if (!this.dirtyChecked) {
|
|
49
|
-
this.checked = next;
|
|
90
|
+
this.checked = !!next;
|
|
50
91
|
}
|
|
51
92
|
}
|
|
52
93
|
/**
|
|
53
|
-
* Sets the value of the input when the value attribute changes.
|
|
94
|
+
* Sets the value of the input when the `value` attribute changes.
|
|
54
95
|
*
|
|
55
|
-
* @param prev - The previous value
|
|
56
|
-
* @param next - The current value
|
|
96
|
+
* @param prev - The previous initial value
|
|
97
|
+
* @param next - The current initial value
|
|
57
98
|
* @internal
|
|
58
99
|
*/
|
|
59
100
|
initialValueChanged(prev, next) {
|
|
@@ -69,7 +110,7 @@ export class BaseCheckbox extends FASTElement {
|
|
|
69
110
|
requiredChanged(prev, next) {
|
|
70
111
|
if (this.$fastController.isConnected) {
|
|
71
112
|
this.setValidity();
|
|
72
|
-
this.elementInternals.ariaRequired =
|
|
113
|
+
this.elementInternals.ariaRequired = this.required ? 'true' : 'false';
|
|
73
114
|
}
|
|
74
115
|
}
|
|
75
116
|
/**
|
|
@@ -148,14 +189,6 @@ export class BaseCheckbox extends FASTElement {
|
|
|
148
189
|
get willValidate() {
|
|
149
190
|
return this.elementInternals.willValidate;
|
|
150
191
|
}
|
|
151
|
-
/**
|
|
152
|
-
* Sets the `elementInternals.ariaChecked` value based on the checked state.
|
|
153
|
-
*
|
|
154
|
-
* @internal
|
|
155
|
-
*/
|
|
156
|
-
setAriaChecked() {
|
|
157
|
-
this.elementInternals.ariaChecked = this.indeterminate ? 'mixed' : `${this.checked}`;
|
|
158
|
-
}
|
|
159
192
|
/**
|
|
160
193
|
* Checks the validity of the element and returns the result.
|
|
161
194
|
*
|
|
@@ -177,67 +210,19 @@ export class BaseCheckbox extends FASTElement {
|
|
|
177
210
|
return;
|
|
178
211
|
}
|
|
179
212
|
this.dirtyChecked = true;
|
|
213
|
+
const previousChecked = this.checked;
|
|
180
214
|
this.toggleChecked();
|
|
181
|
-
this
|
|
182
|
-
|
|
215
|
+
if (previousChecked !== this.checked) {
|
|
216
|
+
this.$emit('change');
|
|
217
|
+
this.$emit('input');
|
|
218
|
+
}
|
|
183
219
|
return true;
|
|
184
220
|
}
|
|
185
221
|
connectedCallback() {
|
|
186
222
|
super.connectedCallback();
|
|
187
|
-
this.setFormValue(this.checked ? this.value : null);
|
|
188
223
|
this.setAriaChecked();
|
|
189
224
|
this.setValidity();
|
|
190
225
|
}
|
|
191
|
-
constructor() {
|
|
192
|
-
var _a;
|
|
193
|
-
super();
|
|
194
|
-
/**
|
|
195
|
-
* The element's disabled state.
|
|
196
|
-
* @public
|
|
197
|
-
* @remarks
|
|
198
|
-
* HTML Attribute: `disabled`
|
|
199
|
-
*/
|
|
200
|
-
this.disabled = false;
|
|
201
|
-
/**
|
|
202
|
-
* The initial value of the input.
|
|
203
|
-
*
|
|
204
|
-
* @public
|
|
205
|
-
* @remarks
|
|
206
|
-
* HTML Attribute: `value`
|
|
207
|
-
*/
|
|
208
|
-
this.initialValue = 'on';
|
|
209
|
-
/**
|
|
210
|
-
* The internal checked state of the control.
|
|
211
|
-
*
|
|
212
|
-
* @internal
|
|
213
|
-
*/
|
|
214
|
-
this._checked = (_a = this.initialChecked) !== null && _a !== void 0 ? _a : false;
|
|
215
|
-
/**
|
|
216
|
-
* Indicates that the checked state has been changed by the user.
|
|
217
|
-
*
|
|
218
|
-
* @internal
|
|
219
|
-
*/
|
|
220
|
-
this.dirtyChecked = false;
|
|
221
|
-
/**
|
|
222
|
-
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
223
|
-
*
|
|
224
|
-
* @internal
|
|
225
|
-
*/
|
|
226
|
-
this.elementInternals = this.attachInternals();
|
|
227
|
-
/**
|
|
228
|
-
* The fallback validation message, taken from a native checkbox `<input>` element.
|
|
229
|
-
*
|
|
230
|
-
* @internal
|
|
231
|
-
*/
|
|
232
|
-
this._validationFallbackMessage = '';
|
|
233
|
-
/**
|
|
234
|
-
* The internal value of the input.
|
|
235
|
-
*
|
|
236
|
-
* @internal
|
|
237
|
-
*/
|
|
238
|
-
this._value = this.initialValue;
|
|
239
|
-
this.elementInternals.role = 'checkbox';
|
|
240
|
-
}
|
|
241
226
|
/**
|
|
242
227
|
* Updates the form value when a user changes the `checked` state.
|
|
243
228
|
*
|
|
@@ -245,7 +230,7 @@ export class BaseCheckbox extends FASTElement {
|
|
|
245
230
|
* @internal
|
|
246
231
|
*/
|
|
247
232
|
inputHandler(e) {
|
|
248
|
-
this.
|
|
233
|
+
this.setFormValue(this.value);
|
|
249
234
|
this.setValidity();
|
|
250
235
|
return true;
|
|
251
236
|
}
|
|
@@ -281,7 +266,6 @@ export class BaseCheckbox extends FASTElement {
|
|
|
281
266
|
var _a;
|
|
282
267
|
this.checked = (_a = this.initialChecked) !== null && _a !== void 0 ? _a : false;
|
|
283
268
|
this.dirtyChecked = false;
|
|
284
|
-
this.indeterminate = false;
|
|
285
269
|
this.setValidity();
|
|
286
270
|
}
|
|
287
271
|
/**
|
|
@@ -294,6 +278,15 @@ export class BaseCheckbox extends FASTElement {
|
|
|
294
278
|
reportValidity() {
|
|
295
279
|
return this.elementInternals.reportValidity();
|
|
296
280
|
}
|
|
281
|
+
/**
|
|
282
|
+
* Sets the ARIA checked state.
|
|
283
|
+
*
|
|
284
|
+
* @param value - The checked state
|
|
285
|
+
* @internal
|
|
286
|
+
*/
|
|
287
|
+
setAriaChecked(value = this.checked) {
|
|
288
|
+
this.elementInternals.ariaChecked = value ? 'true' : 'false';
|
|
289
|
+
}
|
|
297
290
|
/**
|
|
298
291
|
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue | `ElementInternals.setFormValue()`} method.
|
|
299
292
|
*
|
|
@@ -321,22 +314,22 @@ export class BaseCheckbox extends FASTElement {
|
|
|
321
314
|
*
|
|
322
315
|
* @internal
|
|
323
316
|
*/
|
|
324
|
-
setValidity(flags
|
|
317
|
+
setValidity(flags, message, anchor) {
|
|
325
318
|
if (this.$fastController.isConnected) {
|
|
326
|
-
if (this.disabled) {
|
|
319
|
+
if (this.disabled || !this.required) {
|
|
327
320
|
this.elementInternals.setValidity({});
|
|
328
321
|
return;
|
|
329
322
|
}
|
|
330
|
-
this.elementInternals.setValidity(flags, message, anchor);
|
|
323
|
+
this.elementInternals.setValidity({ valueMissing: !!this.required && !this.checked, ...flags }, message !== null && message !== void 0 ? message : this.validationMessage, anchor);
|
|
331
324
|
}
|
|
332
325
|
}
|
|
333
326
|
/**
|
|
334
327
|
* Toggles the checked state of the control.
|
|
335
328
|
*
|
|
329
|
+
* @param force - Forces the element to be checked or unchecked
|
|
336
330
|
* @public
|
|
337
331
|
*/
|
|
338
332
|
toggleChecked(force = !this.checked) {
|
|
339
|
-
this.indeterminate = false;
|
|
340
333
|
this.checked = force;
|
|
341
334
|
}
|
|
342
335
|
}
|
|
@@ -351,14 +344,14 @@ __decorate([
|
|
|
351
344
|
attr({ mode: 'boolean' })
|
|
352
345
|
], BaseCheckbox.prototype, "autofocus", void 0);
|
|
353
346
|
__decorate([
|
|
354
|
-
|
|
347
|
+
observable
|
|
355
348
|
], BaseCheckbox.prototype, "disabled", void 0);
|
|
349
|
+
__decorate([
|
|
350
|
+
attr({ attribute: 'disabled', mode: 'boolean' })
|
|
351
|
+
], BaseCheckbox.prototype, "disabledAttribute", void 0);
|
|
356
352
|
__decorate([
|
|
357
353
|
attr({ attribute: 'form' })
|
|
358
354
|
], BaseCheckbox.prototype, "formAttribute", void 0);
|
|
359
|
-
__decorate([
|
|
360
|
-
observable
|
|
361
|
-
], BaseCheckbox.prototype, "indeterminate", void 0);
|
|
362
355
|
__decorate([
|
|
363
356
|
attr({ attribute: 'checked', mode: 'boolean' })
|
|
364
357
|
], BaseCheckbox.prototype, "initialChecked", void 0);
|
|
@@ -371,11 +364,35 @@ __decorate([
|
|
|
371
364
|
__decorate([
|
|
372
365
|
attr({ mode: 'boolean' })
|
|
373
366
|
], BaseCheckbox.prototype, "required", void 0);
|
|
367
|
+
/**
|
|
368
|
+
* A Checkbox Custom HTML Element.
|
|
369
|
+
* Implements the {@link https://w3c.github.io/aria/#checkbox | ARIA checkbox }.
|
|
370
|
+
*
|
|
371
|
+
* @slot checked-indicator - The checked indicator
|
|
372
|
+
* @slot indeterminate-indicator - The indeterminate indicator
|
|
373
|
+
* @fires change - Emits a custom change event when the checked state changes
|
|
374
|
+
* @fires input - Emits a custom input event when the checked state changes
|
|
375
|
+
*
|
|
376
|
+
* @public
|
|
377
|
+
*/
|
|
374
378
|
export class Checkbox extends BaseCheckbox {
|
|
375
379
|
/**
|
|
376
|
-
*
|
|
377
|
-
*
|
|
378
|
-
* @param
|
|
380
|
+
* Updates the indeterminate state when the `indeterminate` property changes.
|
|
381
|
+
*
|
|
382
|
+
* @param prev - the indeterminate state
|
|
383
|
+
* @param next - the current indeterminate state
|
|
384
|
+
* @internal
|
|
385
|
+
*/
|
|
386
|
+
indeterminateChanged(prev, next) {
|
|
387
|
+
this.setAriaChecked();
|
|
388
|
+
toggleState(this.elementInternals, 'indeterminate', next);
|
|
389
|
+
}
|
|
390
|
+
/**
|
|
391
|
+
* Applies shape states when the `shape` property changes.
|
|
392
|
+
*
|
|
393
|
+
* @param prev - the previous shape value
|
|
394
|
+
* @param next - the next shape value
|
|
395
|
+
* @internal
|
|
379
396
|
*/
|
|
380
397
|
shapeChanged(prev, next) {
|
|
381
398
|
if (prev) {
|
|
@@ -386,9 +403,11 @@ export class Checkbox extends BaseCheckbox {
|
|
|
386
403
|
}
|
|
387
404
|
}
|
|
388
405
|
/**
|
|
389
|
-
*
|
|
406
|
+
* Applies size states when the `size` property changes.
|
|
407
|
+
*
|
|
390
408
|
* @param prev - the previous state
|
|
391
409
|
* @param next - the next state
|
|
410
|
+
* @internal
|
|
392
411
|
*/
|
|
393
412
|
sizeChanged(prev, next) {
|
|
394
413
|
if (prev) {
|
|
@@ -398,7 +417,37 @@ export class Checkbox extends BaseCheckbox {
|
|
|
398
417
|
toggleState(this.elementInternals, next, true);
|
|
399
418
|
}
|
|
400
419
|
}
|
|
420
|
+
constructor() {
|
|
421
|
+
super();
|
|
422
|
+
this.elementInternals.role = 'checkbox';
|
|
423
|
+
}
|
|
424
|
+
/**
|
|
425
|
+
* Sets the ARIA checked state. If the `indeterminate` flag is true, the value will be 'mixed'.
|
|
426
|
+
*
|
|
427
|
+
* @internal
|
|
428
|
+
* @override
|
|
429
|
+
*/
|
|
430
|
+
setAriaChecked(value = this.checked) {
|
|
431
|
+
if (this.indeterminate) {
|
|
432
|
+
this.elementInternals.ariaChecked = 'mixed';
|
|
433
|
+
return;
|
|
434
|
+
}
|
|
435
|
+
super.setAriaChecked(value);
|
|
436
|
+
}
|
|
437
|
+
/**
|
|
438
|
+
* Toggles the checked state of the control.
|
|
439
|
+
*
|
|
440
|
+
* @param force - Forces the element to be checked or unchecked
|
|
441
|
+
* @public
|
|
442
|
+
*/
|
|
443
|
+
toggleChecked(force = !this.checked) {
|
|
444
|
+
this.indeterminate = false;
|
|
445
|
+
super.toggleChecked(force);
|
|
446
|
+
}
|
|
401
447
|
}
|
|
448
|
+
__decorate([
|
|
449
|
+
observable
|
|
450
|
+
], Checkbox.prototype, "indeterminate", void 0);
|
|
402
451
|
__decorate([
|
|
403
452
|
attr
|
|
404
453
|
], Checkbox.prototype, "shape", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACpF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG5D
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { checkedState, circularState, largeState } from '../styles/states/index.js';
|
|
2
3
|
import { borderRadiusCircular, borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorCompoundBrandStroke, colorCompoundBrandStrokeHover, colorCompoundBrandStrokePressed, colorNeutralBackground1, colorNeutralBackgroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorStrokeFocus2, colorTransparentStroke, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
3
4
|
import { forcedColorsStylesheetBehavior } from '../utils/behaviors/match-media-stylesheet-behavior.js';
|
|
4
5
|
import { display } from '../utils/display.js';
|
|
5
|
-
import { circularState, largeState } from '../styles/states/index.js';
|
|
6
|
-
/**
|
|
7
|
-
* Selector for the `checked` state.
|
|
8
|
-
* @public
|
|
9
|
-
*/
|
|
10
|
-
const checkedState = css.partial `:is([state--checked], :state(checked))`;
|
|
11
6
|
/**
|
|
12
7
|
* Selector for the `indeterminate` state.
|
|
13
8
|
* @public
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,wBAAwB,EACxB,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,wBAAwB,EACxB,6BAA6B,EAC7B,+BAA+B,EAC/B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,8BAA8B,EAAE,MAAM,uDAAuD,CAAC;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;GAGG;AACH,MAAM,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAAA,oDAAoD,CAAC;AAE3F;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;wBAIF,uBAAuB;qBAC1B,iBAAiB;cACxB,eAAe,UAAU,4BAA4B;;;;;;;;;;;;;;oBAc/C,iCAAiC;;;;oBAIjC,mCAAmC;;;UAG7C,YAAY;wBACE,iCAAiC;oBACrC,6BAA6B;;;UAGvC,YAAY;wBACE,mCAAmC;oBACvC,+BAA+B;;;;;;;;;;;;;cAarC,gBAAgB,UAAU,sBAAsB;qBACzC,kBAAkB;;;;oBAInB,iBAAiB;;;;;aAKxB,8BAA8B;;;;;;;;;;;;;;eAc5B,YAAY;;;;UAIjB,YAAY;UACZ,kBAAkB;oBACR,wBAAwB;;;UAGlC,YAAY;UACZ,kBAAkB;wBACJ,4BAA4B;;;UAG1C,kBAAkB;qBACP,iBAAiB;;;;;;UAM5B,UAAU;;;;UAIV,UAAU;UACV,UAAU;;;;UAIV,aAAa;UACb,aAAa;qBACF,oBAAoB;;;;oBAIrB,YAAY;wBACR,8BAA8B;oBAClC,0BAA0B;;;;;;;oBAO1B,kBAAkB;wBACd,0BAA0B;;;oBAG9B,YAAY;aACnB,0BAA0B;;CAEtC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;;;YAUxB,YAAY;;;;;;;;;;YAUZ,YAAY;YACZ,kBAAkB;;;;YAIlB,YAAY;YACZ,kBAAkB;;;;;;;;sBAQR,kBAAkB;;;;;sBAKlB,YAAY;;;GAG/B,CAAC,CACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;;;;;;;;CAWhD,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;CAEtD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAqB,UAA2B,EAAE;IAChF,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACjC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"checkbox.template.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;;;;;;;;CAWhD,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;CAEtD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAqB,UAA2B,EAAE;IAChF,OAAO,IAAI,CAAG;;kBAEE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACjC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;gBAC/C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;kBAC7C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;gBACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAsB,CAAC;;uCAE3B,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC;6CACrC,iBAAiB,CAAC,OAAO,CAAC,sBAAsB,CAAC;;GAE3F,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAkC,gBAAgB,CAAC;IACtE,gBAAgB;IAChB,sBAAsB;CACvB,CAAC,CAAC"}
|