@fluentui/web-components 3.0.0-beta.54 → 3.0.0-beta.56
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 +21 -2
- package/dist/dts/anchor-button/index.d.ts +1 -1
- package/dist/dts/helpers.tests.d.ts +22 -0
- package/dist/dts/index-rollup.d.ts +1 -0
- package/dist/dts/index.d.ts +3 -2
- package/dist/dts/rating-display/index.d.ts +1 -1
- package/dist/dts/rating-display/rating-display.d.ts +65 -33
- package/dist/dts/slider/slider.d.ts +1 -1
- package/dist/dts/styles/states/index.d.ts +36 -0
- package/dist/dts/textarea/define.d.ts +1 -0
- package/dist/dts/textarea/index.d.ts +5 -0
- package/dist/dts/textarea/textarea.bench.d.ts +3 -0
- package/dist/dts/textarea/textarea.d.ts +390 -0
- package/dist/dts/textarea/textarea.definition.d.ts +9 -0
- package/dist/dts/textarea/textarea.options.d.ts +47 -0
- package/dist/dts/textarea/textarea.styles.d.ts +7 -0
- package/dist/dts/textarea/textarea.template.d.ts +12 -0
- package/dist/esm/anchor-button/index.js +1 -1
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/helpers.tests.js +44 -0
- package/dist/esm/helpers.tests.js.map +1 -1
- package/dist/esm/index-rollup.js +1 -0
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +3 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/rating-display/index.js +1 -1
- package/dist/esm/rating-display/index.js.map +1 -1
- package/dist/esm/rating-display/rating-display.js +91 -46
- package/dist/esm/rating-display/rating-display.js.map +1 -1
- package/dist/esm/slider/slider.js +1 -1
- package/dist/esm/styles/states/index.js +40 -0
- package/dist/esm/styles/states/index.js.map +1 -1
- package/dist/esm/textarea/define.js +4 -0
- package/dist/esm/textarea/define.js.map +1 -0
- package/dist/esm/textarea/index.js +6 -0
- package/dist/esm/textarea/index.js.map +1 -0
- package/dist/esm/textarea/textarea.bench.js +10 -0
- package/dist/esm/textarea/textarea.bench.js.map +1 -0
- package/dist/esm/textarea/textarea.definition.js +20 -0
- package/dist/esm/textarea/textarea.definition.js.map +1 -0
- package/dist/esm/textarea/textarea.js +605 -0
- package/dist/esm/textarea/textarea.js.map +1 -0
- package/dist/esm/textarea/textarea.options.js +56 -0
- package/dist/esm/textarea/textarea.options.js.map +1 -0
- package/dist/esm/textarea/textarea.styles.js +268 -0
- package/dist/esm/textarea/textarea.styles.js.map +1 -0
- package/dist/esm/textarea/textarea.template.js +54 -0
- package/dist/esm/textarea/textarea.template.js.map +1 -0
- package/dist/web-components.d.ts +540 -47
- package/dist/web-components.js +1150 -561
- package/dist/web-components.min.js +284 -280
- package/package.json +11 -5
|
@@ -5,31 +5,7 @@ import { toggleState } from '../utils/element-internals.js';
|
|
|
5
5
|
* The base class used for constructing a fluent-rating-display custom element
|
|
6
6
|
* @public
|
|
7
7
|
*/
|
|
8
|
-
export class
|
|
9
|
-
/**
|
|
10
|
-
* Handles changes to the color attribute.
|
|
11
|
-
*
|
|
12
|
-
* @param prev - The previous state
|
|
13
|
-
* @param next - The next state
|
|
14
|
-
*/
|
|
15
|
-
colorChanged(prev, next) {
|
|
16
|
-
if (prev)
|
|
17
|
-
toggleState(this.elementInternals, prev, false);
|
|
18
|
-
if (next)
|
|
19
|
-
toggleState(this.elementInternals, next, true);
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Handles changes to the size attribute.
|
|
23
|
-
*
|
|
24
|
-
* @param prev - The previous state
|
|
25
|
-
* @param next - The next state
|
|
26
|
-
*/
|
|
27
|
-
sizeChanged(prev, next) {
|
|
28
|
-
if (prev)
|
|
29
|
-
toggleState(this.elementInternals, prev, false);
|
|
30
|
-
if (next)
|
|
31
|
-
toggleState(this.elementInternals, next, true);
|
|
32
|
-
}
|
|
8
|
+
export class BaseRatingDisplay extends FASTElement {
|
|
33
9
|
constructor() {
|
|
34
10
|
super();
|
|
35
11
|
/**
|
|
@@ -38,14 +14,6 @@ export class RatingDisplay extends FASTElement {
|
|
|
38
14
|
* @internal
|
|
39
15
|
*/
|
|
40
16
|
this.elementInternals = this.attachInternals();
|
|
41
|
-
/**
|
|
42
|
-
* Renders a single filled icon with a label next to it.
|
|
43
|
-
*
|
|
44
|
-
* @public
|
|
45
|
-
* @remarks
|
|
46
|
-
* HTML Attribute: `compact`
|
|
47
|
-
*/
|
|
48
|
-
this.compact = false;
|
|
49
17
|
this.intlNumberFormatter = new Intl.NumberFormat();
|
|
50
18
|
this.elementInternals.role = 'img';
|
|
51
19
|
}
|
|
@@ -57,19 +25,35 @@ export class RatingDisplay extends FASTElement {
|
|
|
57
25
|
get formattedCount() {
|
|
58
26
|
return this.count ? this.intlNumberFormatter.format(this.count) : '';
|
|
59
27
|
}
|
|
28
|
+
/**
|
|
29
|
+
* Gets the selected value
|
|
30
|
+
*
|
|
31
|
+
* @protected
|
|
32
|
+
*/
|
|
33
|
+
getSelectedValue() {
|
|
34
|
+
var _a;
|
|
35
|
+
return Math.round(((_a = this.value) !== null && _a !== void 0 ? _a : 0) * 2) / 2;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Gets the maximum icons to render
|
|
39
|
+
*
|
|
40
|
+
* @protected
|
|
41
|
+
*/
|
|
42
|
+
getMaxIcons() {
|
|
43
|
+
var _a;
|
|
44
|
+
return ((_a = this.max) !== null && _a !== void 0 ? _a : 5) * 2;
|
|
45
|
+
}
|
|
60
46
|
/**
|
|
61
47
|
* Generates the icon SVG elements based on the "max" attribute.
|
|
62
48
|
*
|
|
63
49
|
* @internal
|
|
64
50
|
*/
|
|
65
51
|
generateIcons() {
|
|
66
|
-
var _a, _b;
|
|
67
52
|
let htmlString = '';
|
|
68
53
|
// The value of the selected icon. Based on the "value" attribute, rounded to the nearest half.
|
|
69
|
-
const selectedValue =
|
|
54
|
+
const selectedValue = this.getSelectedValue();
|
|
70
55
|
// Render the icons based on the "max" attribute. If "max" is not set, render 5 icons.
|
|
71
|
-
|
|
72
|
-
for (let i = 0; i < (this.compact ? 1 : (_b = this.max) !== null && _b !== void 0 ? _b : 5) * 2; i++) {
|
|
56
|
+
for (let i = 0; i < this.getMaxIcons(); i++) {
|
|
73
57
|
const iconValue = (i + 1) / 2;
|
|
74
58
|
htmlString += `<svg aria-hidden="true" ${iconValue === selectedValue ? 'selected' : ''}><use href="#star"></use></svg>`;
|
|
75
59
|
}
|
|
@@ -77,21 +61,82 @@ export class RatingDisplay extends FASTElement {
|
|
|
77
61
|
}
|
|
78
62
|
}
|
|
79
63
|
__decorate([
|
|
80
|
-
attr
|
|
81
|
-
],
|
|
82
|
-
__decorate([
|
|
83
|
-
attr({ mode: 'boolean' })
|
|
84
|
-
], RatingDisplay.prototype, "compact", void 0);
|
|
64
|
+
attr({ converter: nullableNumberConverter })
|
|
65
|
+
], BaseRatingDisplay.prototype, "count", void 0);
|
|
85
66
|
__decorate([
|
|
86
67
|
attr({ converter: nullableNumberConverter })
|
|
87
|
-
],
|
|
68
|
+
], BaseRatingDisplay.prototype, "max", void 0);
|
|
88
69
|
__decorate([
|
|
89
70
|
attr({ converter: nullableNumberConverter })
|
|
90
|
-
],
|
|
71
|
+
], BaseRatingDisplay.prototype, "value", void 0);
|
|
72
|
+
/**
|
|
73
|
+
* A Rating Dislpay Custom HTML Element.
|
|
74
|
+
* Based on BaseRatingDisplay and includes style and layout specific attributes
|
|
75
|
+
*
|
|
76
|
+
* @public
|
|
77
|
+
*/
|
|
78
|
+
export class RatingDisplay extends BaseRatingDisplay {
|
|
79
|
+
constructor() {
|
|
80
|
+
super(...arguments);
|
|
81
|
+
/**
|
|
82
|
+
* Renders a single filled icon with a label next to it.
|
|
83
|
+
*
|
|
84
|
+
* @public
|
|
85
|
+
* @remarks
|
|
86
|
+
* HTML Attribute: `compact`
|
|
87
|
+
*/
|
|
88
|
+
this.compact = false;
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Handles changes to the color attribute.
|
|
92
|
+
*
|
|
93
|
+
* @param prev - The previous state
|
|
94
|
+
* @param next - The next state
|
|
95
|
+
*/
|
|
96
|
+
colorChanged(prev, next) {
|
|
97
|
+
if (prev)
|
|
98
|
+
toggleState(this.elementInternals, prev, false);
|
|
99
|
+
if (next)
|
|
100
|
+
toggleState(this.elementInternals, next, true);
|
|
101
|
+
}
|
|
102
|
+
/**
|
|
103
|
+
* Handles changes to the size attribute.
|
|
104
|
+
*
|
|
105
|
+
* @param prev - The previous state
|
|
106
|
+
* @param next - The next state
|
|
107
|
+
*/
|
|
108
|
+
sizeChanged(prev, next) {
|
|
109
|
+
if (prev)
|
|
110
|
+
toggleState(this.elementInternals, prev, false);
|
|
111
|
+
if (next)
|
|
112
|
+
toggleState(this.elementInternals, next, true);
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* Overrides the selected value and returns 1 if compact is true.
|
|
116
|
+
*
|
|
117
|
+
* @override
|
|
118
|
+
*/
|
|
119
|
+
getSelectedValue() {
|
|
120
|
+
var _a;
|
|
121
|
+
return Math.round((this.compact ? 1 : (_a = this.value) !== null && _a !== void 0 ? _a : 0) * 2) / 2;
|
|
122
|
+
}
|
|
123
|
+
/**
|
|
124
|
+
* Overrides the maximum icons and returns a max of 1 if compact is true.
|
|
125
|
+
*
|
|
126
|
+
* @override
|
|
127
|
+
*/
|
|
128
|
+
getMaxIcons() {
|
|
129
|
+
var _a;
|
|
130
|
+
return (this.compact ? 1 : (_a = this.max) !== null && _a !== void 0 ? _a : 5) * 2;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
__decorate([
|
|
134
|
+
attr
|
|
135
|
+
], RatingDisplay.prototype, "color", void 0);
|
|
91
136
|
__decorate([
|
|
92
137
|
attr
|
|
93
138
|
], RatingDisplay.prototype, "size", void 0);
|
|
94
139
|
__decorate([
|
|
95
|
-
attr({
|
|
96
|
-
], RatingDisplay.prototype, "
|
|
140
|
+
attr({ mode: 'boolean' })
|
|
141
|
+
], RatingDisplay.prototype, "compact", void 0);
|
|
97
142
|
//# sourceMappingURL=rating-display.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating-display.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAG5D;;;GAGG;AACH,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"rating-display.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ import { convertPixelToPercent } from './slider-utilities.js';
|
|
|
12
12
|
* @slot thumb - The slot for a custom thumb element.
|
|
13
13
|
* @csspart thumb-container - The container element of the thumb.
|
|
14
14
|
* @csspart track-container - The container element of the track.
|
|
15
|
-
* @
|
|
15
|
+
* @fires change - Fires a custom 'change' event when the value changes.
|
|
16
16
|
*
|
|
17
17
|
* @public
|
|
18
18
|
*/
|
|
@@ -219,4 +219,44 @@ export const expandedState = css.partial `:is([state--expanded], :state(expanded
|
|
|
219
219
|
* @public
|
|
220
220
|
*/
|
|
221
221
|
export const blockState = css.partial `:is([state--block], :state(block))`;
|
|
222
|
+
/**
|
|
223
|
+
* Selector for the `resize` state. This indicates the element is resizable.
|
|
224
|
+
* @public
|
|
225
|
+
*/
|
|
226
|
+
export const resizeState = css.partial `:is([state--resize], :state(resize))`;
|
|
227
|
+
/**
|
|
228
|
+
* Selector for the `resize-horizontal` state.
|
|
229
|
+
* @public
|
|
230
|
+
*/
|
|
231
|
+
export const resizeHorizontalState = css.partial `:is([state--resize-horizontal], :state(resize-horizontal))`;
|
|
232
|
+
/**
|
|
233
|
+
* Selector for the `resize-vertical` state.
|
|
234
|
+
* @public
|
|
235
|
+
*/
|
|
236
|
+
export const resizeVerticalState = css.partial `:is([state--resize-vertical], :state(resize-vertical))`;
|
|
237
|
+
/**
|
|
238
|
+
* Selector for the `resize-both` state.
|
|
239
|
+
* @public
|
|
240
|
+
*/
|
|
241
|
+
export const resizeBothState = css.partial `:is([state--resize-both], :state(resize-both))`;
|
|
242
|
+
/**
|
|
243
|
+
* Selector for the `auto-resize` state.
|
|
244
|
+
* @public
|
|
245
|
+
*/
|
|
246
|
+
export const autoResizeState = css.partial `:is([state--auto-resize], :state(auto-resize))`;
|
|
247
|
+
/**
|
|
248
|
+
* Selector for the `display-shadow` state.
|
|
249
|
+
* @public
|
|
250
|
+
*/
|
|
251
|
+
export const displayShadowState = css.partial `:is([state--display-shadow], :state(display-shadow))`;
|
|
252
|
+
/*
|
|
253
|
+
* Selector for the `user-invalid` state.
|
|
254
|
+
* @public
|
|
255
|
+
*/
|
|
256
|
+
export const userInvalidState = css.partial `:is([state--user-invalid], :state(user-invalid))`;
|
|
257
|
+
/**
|
|
258
|
+
* Selector for the `user-valid` state.
|
|
259
|
+
* @public
|
|
260
|
+
*/
|
|
261
|
+
export const userValidState = css.partial `:is([state--user-valid], :state(user-valid))`;
|
|
222
262
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/states/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/states/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/textarea/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { definition as TextAreaDefinition } from './textarea.definition.js';
|
|
2
|
+
export { BaseTextArea, TextArea } from './textarea.js';
|
|
3
|
+
export { TextAreaAppearance, TextAreaAppearancesForDisplayShadow, TextAreaAutocomplete, TextAreaResizableResize, TextAreaHorizontallyResizableResize, TextAreaVerticallyResizableResize, TextAreaResize, TextAreaSize, } from './textarea.options.js';
|
|
4
|
+
export { styles as TextAreaStyles } from './textarea.styles.js';
|
|
5
|
+
export { template as TextAreaTemplate } from './textarea.template.js';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,kBAAkB,EAClB,mCAAmC,EACnC,oBAAoB,EACpB,uBAAuB,EACvB,mCAAmC,EACnC,iCAAiC,EACjC,cAAc,EACd,YAAY,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { definition } from './textarea.definition.js';
|
|
3
|
+
definition.define(FluentDesignSystem.registry);
|
|
4
|
+
const itemRenderer = () => {
|
|
5
|
+
const textarea = document.createElement('fluent-textarea');
|
|
6
|
+
return textarea;
|
|
7
|
+
};
|
|
8
|
+
export default itemRenderer;
|
|
9
|
+
export { tests } from '../utils/benchmark-wrapper.js';
|
|
10
|
+
//# sourceMappingURL=textarea.bench.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.bench.js","sourceRoot":"","sources":["../../../src/textarea/textarea.bench.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3D,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FluentDesignSystem } from '../fluent-design-system.js';
|
|
2
|
+
import { TextArea } from './textarea.js';
|
|
3
|
+
import { styles } from './textarea.styles.js';
|
|
4
|
+
import { template } from './textarea.template.js';
|
|
5
|
+
/**
|
|
6
|
+
* The Fluent Textarea Element definition.
|
|
7
|
+
*
|
|
8
|
+
* @public
|
|
9
|
+
* @remarks
|
|
10
|
+
* HTML Element: `<fluent-textarea>`
|
|
11
|
+
*/
|
|
12
|
+
export const definition = TextArea.compose({
|
|
13
|
+
name: `${FluentDesignSystem.prefix}-textarea`,
|
|
14
|
+
template,
|
|
15
|
+
styles,
|
|
16
|
+
shadowOptions: {
|
|
17
|
+
delegatesFocus: true,
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=textarea.definition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.definition.js","sourceRoot":"","sources":["../../../src/textarea/textarea.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,WAAW;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
|