@fluentui/web-components 3.0.0-beta.76 → 3.0.0-beta.78
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 +22 -2
- package/dist/dts/dropdown/define.d.ts +1 -0
- package/dist/dts/dropdown/dropdown.d.ts +492 -0
- package/dist/dts/dropdown/dropdown.definition.d.ts +9 -0
- package/dist/dts/dropdown/dropdown.options.d.ts +53 -0
- package/dist/dts/dropdown/dropdown.styles.d.ts +6 -0
- package/dist/dts/dropdown/dropdown.template.d.ts +38 -0
- package/dist/dts/dropdown/index.d.ts +5 -0
- package/dist/dts/index-rollup.d.ts +3 -0
- package/dist/dts/index.d.ts +3 -0
- package/dist/dts/listbox/define.d.ts +1 -0
- package/dist/dts/listbox/index.d.ts +5 -0
- package/dist/dts/listbox/listbox.d.ts +116 -0
- package/dist/dts/listbox/listbox.definition.d.ts +9 -0
- package/dist/dts/listbox/listbox.options.d.ts +10 -0
- package/dist/dts/listbox/listbox.styles.d.ts +6 -0
- package/dist/dts/listbox/listbox.template.d.ts +17 -0
- package/dist/dts/option/define.d.ts +1 -0
- package/dist/dts/option/index.d.ts +5 -0
- package/dist/dts/option/option.d.ts +260 -0
- package/dist/dts/option/option.definition.d.ts +9 -0
- package/dist/dts/option/option.options.d.ts +20 -0
- package/dist/dts/option/option.styles.d.ts +6 -0
- package/dist/dts/option/option.template.d.ts +16 -0
- package/dist/dts/patterns/start-end.d.ts +16 -2
- package/dist/dts/styles/states/index.d.ts +34 -0
- package/dist/dts/utils/element-internals.d.ts +3 -6
- package/dist/dts/utils/index.d.ts +1 -0
- package/dist/dts/utils/language.d.ts +9 -0
- package/dist/dts/utils/support.d.ts +15 -0
- package/dist/dts/utils/unique-id.d.ts +9 -0
- package/dist/esm/accordion/accordion.js +2 -3
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +2 -4
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/avatar/avatar.js +11 -12
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/button/button.js +19 -23
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/button.template.js +1 -1
- package/dist/esm/button/button.template.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +10 -11
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/compound-button/compound-button.template.js +1 -1
- package/dist/esm/compound-button/compound-button.template.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +1 -2
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/dialog-body/dialog-body.template.js +2 -2
- package/dist/esm/dialog-body/dialog-body.template.js.map +1 -1
- package/dist/esm/divider/divider.js +4 -5
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/dropdown/define.js +4 -0
- package/dist/esm/dropdown/define.js.map +1 -0
- package/dist/esm/dropdown/dropdown.definition.js +20 -0
- package/dist/esm/dropdown/dropdown.definition.js.map +1 -0
- package/dist/esm/dropdown/dropdown.js +779 -0
- package/dist/esm/dropdown/dropdown.js.map +1 -0
- package/dist/esm/dropdown/dropdown.options.js +43 -0
- package/dist/esm/dropdown/dropdown.options.js.map +1 -0
- package/dist/esm/dropdown/dropdown.styles.js +213 -0
- package/dist/esm/dropdown/dropdown.styles.js.map +1 -0
- package/dist/esm/dropdown/dropdown.template.js +92 -0
- package/dist/esm/dropdown/dropdown.template.js.map +1 -0
- package/dist/esm/dropdown/index.js +6 -0
- package/dist/esm/dropdown/index.js.map +1 -0
- package/dist/esm/field/field.js +3 -4
- package/dist/esm/field/field.js.map +1 -1
- package/dist/esm/form-associated/form-associated.js +3 -5
- package/dist/esm/form-associated/form-associated.js.map +1 -1
- package/dist/esm/index-rollup.js +3 -0
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/listbox/define.js +4 -0
- package/dist/esm/listbox/define.js.map +1 -0
- package/dist/esm/listbox/index.js +6 -0
- package/dist/esm/listbox/index.js.map +1 -0
- package/dist/esm/listbox/listbox.definition.js +17 -0
- package/dist/esm/listbox/listbox.definition.js.map +1 -0
- package/dist/esm/listbox/listbox.js +175 -0
- package/dist/esm/listbox/listbox.js.map +1 -0
- package/dist/esm/listbox/listbox.options.js +15 -0
- package/dist/esm/listbox/listbox.options.js.map +1 -0
- package/dist/esm/listbox/listbox.styles.js +26 -0
- package/dist/esm/listbox/listbox.styles.js.map +1 -0
- package/dist/esm/listbox/listbox.template.js +33 -0
- package/dist/esm/listbox/listbox.template.js.map +1 -0
- package/dist/esm/menu/menu.js +23 -32
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +9 -14
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js +4 -5
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/option/define.js +4 -0
- package/dist/esm/option/define.js.map +1 -0
- package/dist/esm/option/index.js +6 -0
- package/dist/esm/option/index.js.map +1 -0
- package/dist/esm/option/option.definition.js +17 -0
- package/dist/esm/option/option.definition.js.map +1 -0
- package/dist/esm/option/option.js +296 -0
- package/dist/esm/option/option.js.map +1 -0
- package/dist/esm/option/option.options.js +15 -0
- package/dist/esm/option/option.options.js.map +1 -0
- package/dist/esm/option/option.styles.js +127 -0
- package/dist/esm/option/option.styles.js.map +1 -0
- package/dist/esm/option/option.template.js +42 -0
- package/dist/esm/option/option.template.js.map +1 -0
- package/dist/esm/patterns/start-end.js +12 -0
- package/dist/esm/patterns/start-end.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js +3 -4
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +27 -38
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/rating-display/rating-display.js +7 -13
- package/dist/esm/rating-display/rating-display.js.map +1 -1
- package/dist/esm/slider/slider.js +13 -16
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/spinner/spinner.styles.js +4 -4
- package/dist/esm/styles/states/index.js +34 -0
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/switch/switch.styles.js +4 -0
- package/dist/esm/switch/switch.styles.js.map +1 -1
- package/dist/esm/tablist/tablist.js +5 -7
- package/dist/esm/tablist/tablist.js.map +1 -1
- package/dist/esm/tabs/tabs.js +5 -8
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/text-input/text-input.js +13 -15
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/textarea/textarea.js +20 -29
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/theme/set-theme.js +1 -2
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/tooltip/tooltip.js +13 -18
- package/dist/esm/tooltip/tooltip.js.map +1 -1
- package/dist/esm/utils/direction.js +1 -2
- package/dist/esm/utils/direction.js.map +1 -1
- package/dist/esm/utils/element-internals.js +8 -11
- package/dist/esm/utils/element-internals.js.map +1 -1
- package/dist/esm/utils/get-initials.js +2 -2
- package/dist/esm/utils/get-initials.js.map +1 -1
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/esm/utils/language.js +12 -0
- package/dist/esm/utils/language.js.map +1 -0
- package/dist/esm/utils/support.js +16 -0
- package/dist/esm/utils/support.js.map +1 -0
- package/dist/esm/utils/unique-id.js +14 -0
- package/dist/esm/utils/unique-id.js.map +1 -0
- package/dist/esm/utils/whitespace-filter.js +1 -1
- package/dist/esm/utils/whitespace-filter.js.map +1 -1
- package/dist/web-components.d.ts +1928 -862
- package/dist/web-components.js +1668 -448
- package/dist/web-components.min.js +344 -322
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../../src/menu-list/menu-list.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAEzG,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEjE;;;;;;;GAOG;AACH,MAAM,OAAO,QAAS,SAAQ,WAAW;IAa7B,YAAY,CAAC,QAAuB,EAAE,QAAuB;QACrE,4DAA4D;QAC5D,4CAA4C;QAC5C,sCAAsC;QACtC,IAAI,IAAI,CAAC,eAAe,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE,CAAC;YACrE,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClB,CAAC;IACH,CAAC;
|
|
1
|
+
{"version":3,"file":"menu-list.js","sourceRoot":"","sources":["../../../src/menu-list/menu-list.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/option/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { definition as DropdownOptionDefinition } from './option.definition.js';
|
|
2
|
+
export { DropdownOption } from './option.js';
|
|
3
|
+
export { isDropdownOption } from './option.options.js';
|
|
4
|
+
export { styles as DropdownOptionStyles } from './option.styles.js';
|
|
5
|
+
export { template as DropdownOptionTemplate } from './option.template.js';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAA8B,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,QAAQ,IAAI,sBAAsB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { DropdownOption } from './option.js';
|
|
3
|
+
import { styles } from './option.styles.js';
|
|
4
|
+
import { template } from './option.template.js';
|
|
5
|
+
/**
|
|
6
|
+
* The Fluent Option Element.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
* @remarks
|
|
10
|
+
* HTML Element: `<fluent-option>`
|
|
11
|
+
*/
|
|
12
|
+
export const definition = DropdownOption.compose({
|
|
13
|
+
name: `${FluentDesignSystem.prefix}-option`,
|
|
14
|
+
template,
|
|
15
|
+
styles,
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=option.definition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.definition.js","sourceRoot":"","sources":["../../../src/option/option.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,SAAS;IAC3C,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}
|
|
@@ -0,0 +1,296 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { attr, FASTElement, Observable, observable, Updates } from '@microsoft/fast-element';
|
|
3
|
+
import { toggleState } from '../utils/element-internals.js';
|
|
4
|
+
import { uniqueId } from '../utils/unique-id.js';
|
|
5
|
+
/**
|
|
6
|
+
* A DropdownOption Custom HTML Element.
|
|
7
|
+
* Implements the {@link https://w3c.github.io/aria/#option | ARIA option } role.
|
|
8
|
+
*
|
|
9
|
+
* @slot - The default slot for the option's content.
|
|
10
|
+
* @slot checked-indicator - The checked indicator.
|
|
11
|
+
* @slot description - Optional description content.
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* To support single and multiple selection modes with the {@link (BaseDropdown:class)} element, the Option element
|
|
15
|
+
* itself handles form association and value submission, rather than its parent Dropdown element. In this way, the
|
|
16
|
+
* Option element is a variation of the Checkbox element that is specifically designed for use in the Dropdown element.
|
|
17
|
+
*
|
|
18
|
+
* This class is named `DropdownOption` to avoid conflicts with the native `Option` global. Related constructs are also
|
|
19
|
+
* titled with `DropdownOption` to maintain consistency.
|
|
20
|
+
*
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export class DropdownOption extends FASTElement {
|
|
24
|
+
/**
|
|
25
|
+
* Changes the active state of the option when the active property changes.
|
|
26
|
+
*
|
|
27
|
+
* @param prev - the previous active state
|
|
28
|
+
* @param next - the current active state
|
|
29
|
+
* @internal
|
|
30
|
+
*/
|
|
31
|
+
activeChanged(prev, next) {
|
|
32
|
+
toggleState(this.elementInternals, 'active', next);
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Sets the selected property to match the currentSelected state.
|
|
36
|
+
*
|
|
37
|
+
* @param prev - the previous selected state
|
|
38
|
+
* @param next - the current selected state
|
|
39
|
+
* @internal
|
|
40
|
+
*/
|
|
41
|
+
currentSelectedChanged(prev, next) {
|
|
42
|
+
this.selected = !!next;
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Updates the selected state when the `selected` attribute is changed, unless the selected state has been changed by the user.
|
|
46
|
+
*
|
|
47
|
+
* @param prev - The previous initial selected state
|
|
48
|
+
* @param next - The current initial selected state
|
|
49
|
+
* @internal
|
|
50
|
+
*/
|
|
51
|
+
defaultSelectedChanged(prev, next) {
|
|
52
|
+
this.selected = !!next;
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Changes the description state of the option when the description slot changes.
|
|
56
|
+
*
|
|
57
|
+
* @param prev - the previous collection of description elements
|
|
58
|
+
* @param next - the current collection of description elements
|
|
59
|
+
* @internal
|
|
60
|
+
*/
|
|
61
|
+
descriptionSlotChanged(prev, next) {
|
|
62
|
+
toggleState(this.elementInternals, 'description', !!next?.length);
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Toggles the disabled state when the user changes the `disabled` property.
|
|
66
|
+
*
|
|
67
|
+
* @internal
|
|
68
|
+
*/
|
|
69
|
+
disabledChanged(prev, next) {
|
|
70
|
+
this.elementInternals.ariaDisabled = this.disabled ? 'true' : 'false';
|
|
71
|
+
toggleState(this.elementInternals, 'disabled', this.disabled);
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Sets the disabled state when the `disabled` attribute changes.
|
|
75
|
+
*
|
|
76
|
+
* @param prev - the previous value
|
|
77
|
+
* @param next - the current value
|
|
78
|
+
* @internal
|
|
79
|
+
*/
|
|
80
|
+
disabledAttributeChanged(prev, next) {
|
|
81
|
+
this.disabled = !!next;
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Sets the value of the option when the `value` attribute changes.
|
|
85
|
+
*
|
|
86
|
+
* @param prev - The previous initial value
|
|
87
|
+
* @param next - The current initial value
|
|
88
|
+
* @internal
|
|
89
|
+
*/
|
|
90
|
+
initialValueChanged(prev, next) {
|
|
91
|
+
this._value = next;
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Updates the multiple state of the option when the multiple property changes.
|
|
95
|
+
*
|
|
96
|
+
* @param prev - the previous multiple state
|
|
97
|
+
* @param next - the current multiple state
|
|
98
|
+
*/
|
|
99
|
+
multipleChanged(prev, next) {
|
|
100
|
+
toggleState(this.elementInternals, 'multiple', next);
|
|
101
|
+
this.selected = false;
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* The associated `<form>` element.
|
|
105
|
+
*
|
|
106
|
+
* @public
|
|
107
|
+
* @remarks
|
|
108
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/form | `ElementInternals.form`} property.
|
|
109
|
+
*/
|
|
110
|
+
get form() {
|
|
111
|
+
return this.elementInternals.form;
|
|
112
|
+
}
|
|
113
|
+
/**
|
|
114
|
+
* The form-associated flag.
|
|
115
|
+
* @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
|
|
116
|
+
*
|
|
117
|
+
* @public
|
|
118
|
+
*/
|
|
119
|
+
static { this.formAssociated = true; }
|
|
120
|
+
/**
|
|
121
|
+
* A reference to all associated `<label>` elements.
|
|
122
|
+
*
|
|
123
|
+
* @public
|
|
124
|
+
*/
|
|
125
|
+
get labels() {
|
|
126
|
+
return Object.freeze(Array.from(this.elementInternals.labels));
|
|
127
|
+
}
|
|
128
|
+
/**
|
|
129
|
+
* The option's current selected state.
|
|
130
|
+
*
|
|
131
|
+
* @public
|
|
132
|
+
*/
|
|
133
|
+
get selected() {
|
|
134
|
+
Observable.track(this, 'selected');
|
|
135
|
+
return !!this.currentSelected;
|
|
136
|
+
}
|
|
137
|
+
set selected(next) {
|
|
138
|
+
this.currentSelected = next;
|
|
139
|
+
Updates.enqueue(() => {
|
|
140
|
+
if (this.$fastController.isConnected) {
|
|
141
|
+
this.setFormValue(next ? this.value : null);
|
|
142
|
+
this.elementInternals.ariaSelected = next ? 'true' : 'false';
|
|
143
|
+
toggleState(this.elementInternals, 'selected', next);
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
Observable.notify(this, 'selected');
|
|
147
|
+
}
|
|
148
|
+
/**
|
|
149
|
+
* The display text of the option.
|
|
150
|
+
*
|
|
151
|
+
* @public
|
|
152
|
+
* @remarks
|
|
153
|
+
* When the option is freeform, the text is the value of the option.
|
|
154
|
+
*/
|
|
155
|
+
get text() {
|
|
156
|
+
if (this.freeform) {
|
|
157
|
+
return this.value.replace(/\s+/g, ' ').trim();
|
|
158
|
+
}
|
|
159
|
+
return (this.textAttribute ?? this.textContent)?.replace(/\s+/g, ' ').trim() ?? '';
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* The current value of the option.
|
|
163
|
+
*
|
|
164
|
+
* @public
|
|
165
|
+
*/
|
|
166
|
+
get value() {
|
|
167
|
+
Observable.track(this, 'value');
|
|
168
|
+
return this._value ?? this.text;
|
|
169
|
+
}
|
|
170
|
+
set value(value) {
|
|
171
|
+
this._value = value;
|
|
172
|
+
if (this.$fastController.isConnected) {
|
|
173
|
+
this.setFormValue(this.selected ? value : null);
|
|
174
|
+
this.freeformOutputs?.forEach(output => {
|
|
175
|
+
output.value = value;
|
|
176
|
+
});
|
|
177
|
+
Observable.notify(this, 'value');
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
connectedCallback() {
|
|
181
|
+
super.connectedCallback();
|
|
182
|
+
if (this.freeform) {
|
|
183
|
+
this.value = '';
|
|
184
|
+
this.hidden = true;
|
|
185
|
+
this.selected = false;
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
constructor() {
|
|
189
|
+
super();
|
|
190
|
+
/**
|
|
191
|
+
* Indicates that the option is active.
|
|
192
|
+
*
|
|
193
|
+
* @public
|
|
194
|
+
*/
|
|
195
|
+
this.active = false;
|
|
196
|
+
/**
|
|
197
|
+
* The id of the option. If not provided, a unique id will be assigned.
|
|
198
|
+
*
|
|
199
|
+
* @override
|
|
200
|
+
* @public
|
|
201
|
+
* @remarks
|
|
202
|
+
* HTML Attribute: `id`
|
|
203
|
+
*/
|
|
204
|
+
this.id = uniqueId('option-');
|
|
205
|
+
/**
|
|
206
|
+
* The initial value of the option.
|
|
207
|
+
*
|
|
208
|
+
* @public
|
|
209
|
+
* @remarks
|
|
210
|
+
* HTML Attribute: `value`
|
|
211
|
+
*/
|
|
212
|
+
this.initialValue = '';
|
|
213
|
+
/**
|
|
214
|
+
* Indicates that the option is in a multiple selection mode context.
|
|
215
|
+
* @public
|
|
216
|
+
*/
|
|
217
|
+
this.multiple = false;
|
|
218
|
+
/**
|
|
219
|
+
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
220
|
+
*
|
|
221
|
+
* @internal
|
|
222
|
+
*/
|
|
223
|
+
this.elementInternals = this.attachInternals();
|
|
224
|
+
/**
|
|
225
|
+
* The internal value of the option.
|
|
226
|
+
*
|
|
227
|
+
* @internal
|
|
228
|
+
*/
|
|
229
|
+
this._value = this.initialValue;
|
|
230
|
+
this.elementInternals.role = 'option';
|
|
231
|
+
}
|
|
232
|
+
/**
|
|
233
|
+
* Reflects the {@link https://developer.mozilla.org/docs/Web/API/ElementInternals/setFormValue | `ElementInternals.setFormValue()`} method.
|
|
234
|
+
*
|
|
235
|
+
* @internal
|
|
236
|
+
*/
|
|
237
|
+
setFormValue(value, state) {
|
|
238
|
+
if (this.disabled) {
|
|
239
|
+
this.elementInternals.setFormValue(null);
|
|
240
|
+
return;
|
|
241
|
+
}
|
|
242
|
+
this.elementInternals.setFormValue(value, value ?? state);
|
|
243
|
+
}
|
|
244
|
+
/**
|
|
245
|
+
* Toggles the selected state of the control.
|
|
246
|
+
*
|
|
247
|
+
* @param force - Forces the element to be checked or unchecked
|
|
248
|
+
* @public
|
|
249
|
+
*/
|
|
250
|
+
toggleSelected(force = !this.selected) {
|
|
251
|
+
this.selected = force;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
__decorate([
|
|
255
|
+
observable
|
|
256
|
+
], DropdownOption.prototype, "active", void 0);
|
|
257
|
+
__decorate([
|
|
258
|
+
attr({ attribute: 'current-selected', mode: 'boolean' })
|
|
259
|
+
], DropdownOption.prototype, "currentSelected", void 0);
|
|
260
|
+
__decorate([
|
|
261
|
+
attr({ attribute: 'selected', mode: 'boolean' })
|
|
262
|
+
], DropdownOption.prototype, "defaultSelected", void 0);
|
|
263
|
+
__decorate([
|
|
264
|
+
observable
|
|
265
|
+
], DropdownOption.prototype, "descriptionSlot", void 0);
|
|
266
|
+
__decorate([
|
|
267
|
+
observable
|
|
268
|
+
], DropdownOption.prototype, "disabled", void 0);
|
|
269
|
+
__decorate([
|
|
270
|
+
attr({ attribute: 'disabled', mode: 'boolean' })
|
|
271
|
+
], DropdownOption.prototype, "disabledAttribute", void 0);
|
|
272
|
+
__decorate([
|
|
273
|
+
attr({ attribute: 'form' })
|
|
274
|
+
], DropdownOption.prototype, "formAttribute", void 0);
|
|
275
|
+
__decorate([
|
|
276
|
+
attr({ mode: 'boolean' })
|
|
277
|
+
], DropdownOption.prototype, "freeform", void 0);
|
|
278
|
+
__decorate([
|
|
279
|
+
attr({ attribute: 'id' })
|
|
280
|
+
], DropdownOption.prototype, "id", void 0);
|
|
281
|
+
__decorate([
|
|
282
|
+
attr({ attribute: 'value', mode: 'fromView' })
|
|
283
|
+
], DropdownOption.prototype, "initialValue", void 0);
|
|
284
|
+
__decorate([
|
|
285
|
+
observable
|
|
286
|
+
], DropdownOption.prototype, "multiple", void 0);
|
|
287
|
+
__decorate([
|
|
288
|
+
attr
|
|
289
|
+
], DropdownOption.prototype, "name", void 0);
|
|
290
|
+
__decorate([
|
|
291
|
+
observable
|
|
292
|
+
], DropdownOption.prototype, "start", void 0);
|
|
293
|
+
__decorate([
|
|
294
|
+
attr({ attribute: 'text', mode: 'fromView' })
|
|
295
|
+
], DropdownOption.prototype, "textAttribute", void 0);
|
|
296
|
+
//# sourceMappingURL=option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.js","sourceRoot":"","sources":["../../../src/option/option.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Predicate function that determines if the element should be considered an option.
|
|
3
|
+
*
|
|
4
|
+
* @param element - The element to check.
|
|
5
|
+
* @param tagName - The tag name to check.
|
|
6
|
+
* @returns true if the element is an option.
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
export function isDropdownOption(value, tagName = '-option') {
|
|
10
|
+
if (value?.nodeType !== Node.ELEMENT_NODE) {
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
return value.tagName.toLowerCase().endsWith(tagName);
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=option.options.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.options.js","sourceRoot":"","sources":["../../../src/option/option.options.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAkB,EAAE,UAAkB,SAAS;IAC9E,IAAI,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC1C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,KAAiB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACpE,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { typographyBody1Styles, typographyCaption1Styles } from '../styles/partials/typography.partials.js';
|
|
3
|
+
import { activeState, descriptionState, multipleState, selectedState } from '../styles/states/index.js';
|
|
4
|
+
import { borderRadiusMedium, borderRadiusSmall, colorCompoundBrandBackground, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground1Hover, colorNeutralBackground1Pressed, colorNeutralBackgroundDisabled, colorNeutralForeground2, colorNeutralForeground2Hover, colorNeutralForeground2Pressed, colorNeutralForeground3, colorNeutralForegroundDisabled, colorNeutralForegroundInverted, colorNeutralStrokeAccessible, colorNeutralStrokeDisabled, colorStrokeFocus2, colorTransparentStroke, spacingHorizontalSNudge, spacingHorizontalXS, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
|
|
5
|
+
import { display } from '../utils/display.js';
|
|
6
|
+
/**
|
|
7
|
+
* Styles for the {@link (DropdownOption:class)} component.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
11
|
+
export const styles = css `
|
|
12
|
+
${display('inline-grid')}
|
|
13
|
+
|
|
14
|
+
:host {
|
|
15
|
+
-webkit-tap-highlight-color: transparent;
|
|
16
|
+
${typographyBody1Styles}
|
|
17
|
+
align-items: center;
|
|
18
|
+
background-color: ${colorNeutralBackground1};
|
|
19
|
+
border-radius: ${borderRadiusMedium};
|
|
20
|
+
border: ${strokeWidthThick} solid ${colorTransparentStroke};
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
color: ${colorNeutralForeground2};
|
|
23
|
+
column-gap: ${spacingHorizontalXS};
|
|
24
|
+
cursor: pointer;
|
|
25
|
+
grid-template-areas: 'indicator start content';
|
|
26
|
+
grid-template-columns: auto auto 1fr;
|
|
27
|
+
min-height: 32px;
|
|
28
|
+
padding: ${spacingHorizontalSNudge};
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.content {
|
|
32
|
+
grid-area: content;
|
|
33
|
+
line-height: 1;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
::slotted([slot='start']) {
|
|
37
|
+
grid-area: start;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:host(:hover) {
|
|
41
|
+
background-color: ${colorNeutralBackground1Hover};
|
|
42
|
+
color: ${colorNeutralForeground2Hover};
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:host(:active) {
|
|
46
|
+
background-color: ${colorNeutralBackground1Pressed};
|
|
47
|
+
color: ${colorNeutralForeground2Pressed};
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
:host(:disabled) {
|
|
51
|
+
background-color: ${colorNeutralBackground1};
|
|
52
|
+
color: ${colorNeutralForegroundDisabled};
|
|
53
|
+
cursor: default;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.checkmark-16-filled {
|
|
57
|
+
fill: currentColor;
|
|
58
|
+
width: 16px;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
slot[name='checked-indicator'] > *,
|
|
62
|
+
::slotted([slot='checked-indicator']) {
|
|
63
|
+
aspect-ratio: 1;
|
|
64
|
+
flex: 0 0 auto;
|
|
65
|
+
grid-area: indicator;
|
|
66
|
+
visibility: hidden;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
:host(${selectedState}) :is(slot[name='checked-indicator'] > *, ::slotted([slot='checked-indicator'])) {
|
|
70
|
+
visibility: visible;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
:host(${multipleState}) .checkmark-16-filled,
|
|
74
|
+
:host(:not(${multipleState})) .checkmark-12-regular {
|
|
75
|
+
display: none;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:host(${multipleState}) .checkmark-12-regular {
|
|
79
|
+
background-color: ${colorNeutralBackground1};
|
|
80
|
+
border-radius: ${borderRadiusSmall};
|
|
81
|
+
border: ${strokeWidthThin} solid ${colorNeutralStrokeAccessible};
|
|
82
|
+
box-sizing: border-box;
|
|
83
|
+
cursor: pointer;
|
|
84
|
+
fill: transparent;
|
|
85
|
+
position: relative;
|
|
86
|
+
visibility: visible;
|
|
87
|
+
width: 16px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:host(${multipleState}${selectedState}) .checkmark-12-regular {
|
|
91
|
+
background-color: ${colorCompoundBrandBackground};
|
|
92
|
+
border-color: ${colorCompoundBrandStroke};
|
|
93
|
+
fill: ${colorNeutralForegroundInverted};
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
:host(:disabled${multipleState}) .checkmark-12-regular {
|
|
97
|
+
border-color: ${colorNeutralStrokeDisabled};
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
:host(:disabled${multipleState}${selectedState}) .checkmark-12-regular {
|
|
101
|
+
background-color: ${colorNeutralBackgroundDisabled};
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
:host(${activeState}) {
|
|
105
|
+
border: ${strokeWidthThick} solid ${colorStrokeFocus2};
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
@supports (selector(:host(:has(*)))) {
|
|
109
|
+
:host(:has([slot='start']:not([size='16']))) {
|
|
110
|
+
column-gap: ${spacingHorizontalSNudge};
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
:host(${descriptionState}) {
|
|
115
|
+
column-gap: ${spacingHorizontalSNudge};
|
|
116
|
+
grid-template-areas:
|
|
117
|
+
'indicator start content'
|
|
118
|
+
'indicator start description';
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
::slotted([slot='description']) {
|
|
122
|
+
color: ${colorNeutralForeground3};
|
|
123
|
+
grid-area: description;
|
|
124
|
+
${typographyCaption1Styles}
|
|
125
|
+
}
|
|
126
|
+
`;
|
|
127
|
+
//# sourceMappingURL=option.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../../src/option/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxG,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,4BAA4B,EAC5B,wBAAwB,EACxB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,8BAA8B,EAC9B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,uBAAuB,EACvB,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;MAIpB,qBAAqB;;wBAEH,uBAAuB;qBAC1B,kBAAkB;cACzB,gBAAgB,UAAU,sBAAsB;;aAEjD,uBAAuB;kBAClB,mBAAmB;;;;;eAKtB,uBAAuB;;;;;;;;;;;;;wBAad,4BAA4B;aACvC,4BAA4B;;;;wBAIjB,8BAA8B;aACzC,8BAA8B;;;;wBAInB,uBAAuB;aAClC,8BAA8B;;;;;;;;;;;;;;;;;UAiBjC,aAAa;;;;UAIb,aAAa;eACR,aAAa;;;;UAIlB,aAAa;wBACC,uBAAuB;qBAC1B,iBAAiB;cACxB,eAAe,UAAU,4BAA4B;;;;;;;;;UASzD,aAAa,GAAG,aAAa;wBACf,4BAA4B;oBAChC,wBAAwB;YAChC,8BAA8B;;;mBAGvB,aAAa;oBACZ,0BAA0B;;;mBAG3B,aAAa,GAAG,aAAa;wBACxB,8BAA8B;;;UAG5C,WAAW;cACP,gBAAgB,UAAU,iBAAiB;;;;;oBAKrC,uBAAuB;;;;UAIjC,gBAAgB;kBACR,uBAAuB;;;;;;;aAO5B,uBAAuB;;MAE9B,wBAAwB;;CAE7B,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { elements, html, slotted } from '@microsoft/fast-element';
|
|
2
|
+
import { startSlotTemplate } from '../patterns/start-end.js';
|
|
3
|
+
import { staticallyCompose } from '../utils/template-helpers.js';
|
|
4
|
+
const checkedIndicator = html.partial(/* html */ `
|
|
5
|
+
<svg aria-hidden="true" class="checkmark-16-filled" viewBox="0 0 16 16">
|
|
6
|
+
<path
|
|
7
|
+
d="M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032"
|
|
8
|
+
/>
|
|
9
|
+
</svg>
|
|
10
|
+
<svg aria-hidden="true" class="checkmark-12-regular" viewBox="0 0 12 12">
|
|
11
|
+
<path
|
|
12
|
+
d="M9.854 3.146a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L5 7.293l4.146-4.147a.5.5 0 0 1 .708 0"
|
|
13
|
+
/>
|
|
14
|
+
</svg>
|
|
15
|
+
`);
|
|
16
|
+
/**
|
|
17
|
+
* Generates a template for the {@link (Option:class)} component.
|
|
18
|
+
*
|
|
19
|
+
* @param options - The {@link (OptionOptions:interface)} to use for generating the template.
|
|
20
|
+
* @returns The template object.
|
|
21
|
+
* @public
|
|
22
|
+
*/
|
|
23
|
+
export function dropdownOptionTemplate(options = {}) {
|
|
24
|
+
return html `
|
|
25
|
+
<slot name="checked-indicator">${staticallyCompose(options.checkedIndicator)}</slot>
|
|
26
|
+
${startSlotTemplate(options)}
|
|
27
|
+
<div class="content" part="content">
|
|
28
|
+
<slot ${slotted({ property: 'freeformOutputs', filter: elements('output') })}></slot>
|
|
29
|
+
</div>
|
|
30
|
+
<div class="description" part="description">
|
|
31
|
+
<slot name="description" ${slotted('descriptionSlot')}></slot>
|
|
32
|
+
</div>
|
|
33
|
+
`;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* Template for the Option component.
|
|
37
|
+
* @public
|
|
38
|
+
*/
|
|
39
|
+
export const template = dropdownOptionTemplate({
|
|
40
|
+
checkedIndicator,
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=option.template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.template.js","sourceRoot":"","sources":["../../../src/option/option.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;;;;;;;;;;;CAWhD,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB,CACpC,UAAiC,EAAE;IAEnC,OAAO,IAAI,CAAG;qCACqB,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC;MAC1E,iBAAiB,CAAC,OAAO,CAAC;;cAElB,OAAO,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;;;iCAGjD,OAAO,CAAC,iBAAiB,CAAC;;GAExD,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAwC,sBAAsB,CAAC;IAClF,gBAAgB;CACjB,CAAC,CAAC"}
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
//Copied from @microsoft/fast-foundation
|
|
2
2
|
import { html, ref } from '@microsoft/fast-element';
|
|
3
3
|
import { staticallyCompose } from '../utils/index.js';
|
|
4
|
+
/**
|
|
5
|
+
* A mixin class implementing start slots.
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export class Start {
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* A mixin class implementing end slots.
|
|
12
|
+
* @public
|
|
13
|
+
*/
|
|
14
|
+
export class End {
|
|
15
|
+
}
|
|
4
16
|
/**
|
|
5
17
|
* A mixin class implementing start and end slots.
|
|
6
18
|
* These are generally used to decorate text elements with icons or other visual indicators.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"start-end.js","sourceRoot":"","sources":["../../../src/patterns/start-end.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAAoB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAyBtD;;;;GAIG;AACH,MAAM,OAAO,QAAQ;CAGpB;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAqC;IAErC,OAAO,IAAI,CAAA,qBAAqB,GAAG,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;AAClG,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,OAAuC;IAEvC,OAAO,IAAI,CAAA,uBAAuB,GAAG,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;AACxG,CAAC"}
|
|
1
|
+
{"version":3,"file":"start-end.js","sourceRoot":"","sources":["../../../src/patterns/start-end.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAAoB,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAyBtD;;;GAGG;AACH,MAAM,OAAO,KAAK;CAEjB;AAED;;;GAGG;AACH,MAAM,OAAO,GAAG;CAEf;AAED;;;;GAIG;AACH,MAAM,OAAO,QAAQ;CAGpB;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAqC;IAErC,OAAO,IAAI,CAAA,qBAAqB,GAAG,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;AAClG,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,OAAuC;IAEvC,OAAO,IAAI,CAAA,uBAAuB,GAAG,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;AACxG,CAAC"}
|
|
@@ -49,10 +49,9 @@ export class BaseProgressBar extends FASTElement {
|
|
|
49
49
|
* @internal
|
|
50
50
|
*/
|
|
51
51
|
get percentComplete() {
|
|
52
|
-
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const value = (_c = this.value) !== null && _c !== void 0 ? _c : 0;
|
|
52
|
+
const min = this.min ?? 0;
|
|
53
|
+
const max = this.max ?? 100;
|
|
54
|
+
const value = this.value ?? 0;
|
|
56
55
|
const range = max - min;
|
|
57
56
|
return range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
|
|
58
57
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE/G;;;;;GAKG;AACH,MAAM,OAAO,eAAgB,SAAQ,WAAW;IAgB9C;;;;OAIG;IACI,sBAAsB,CAC3B,IAA4C,EAC5C,IAA4C;QAE5C,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,0BAA0B,CAAC,CAAC;IAC5E,CAAC;IAUD;;;;OAIG;IACO,YAAY,CAAC,IAAwB,EAAE,IAAwB;QACvE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAUD;;;;;OAKG;IACO,UAAU,CAAC,IAAwB,EAAE,IAAwB;QACrE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAUD;;;;;;OAMG;IACO,UAAU,CAAC,IAAwB,EAAE,IAAwB;QACrE,IAAI,CAAC,gBAAgB,CAAC,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAED;;;OAGG;IAEH,IAAW,eAAe
|
|
1
|
+
{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.ts"],"names":[],"mappings":"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"}
|