@fluentui/web-components 3.0.0-beta.48 → 3.0.0-beta.49
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 +12 -2
- package/dist/dts/avatar/avatar.d.ts +25 -17
- package/dist/dts/avatar/index.d.ts +1 -1
- package/dist/dts/index.d.ts +2 -2
- package/dist/dts/text-input/index.d.ts +1 -1
- package/dist/dts/text-input/text-input.d.ts +37 -29
- package/dist/esm/avatar/avatar.js +21 -13
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/index.js +1 -1
- package/dist/esm/avatar/index.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/text-input/index.js +1 -1
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.js +63 -55
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/web-components.d.ts +1169 -1151
- package/dist/web-components.js +67 -65
- package/dist/web-components.min.js +164 -164
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui/web-components
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 25 Jul 2024 04:08:23 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [3.0.0-beta.49](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.49)
|
|
8
|
+
|
|
9
|
+
Thu, 25 Jul 2024 04:08:23 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.48..@fluentui/web-components_v3.0.0-beta.49)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: create avatar base class to abstract style specfic api ([PR #32083](https://github.com/microsoft/fluentui/pull/32083) by jes@microsoft.com)
|
|
15
|
+
- chore: create base class for textinput and remove style and layout specific api ([PR #32080](https://github.com/microsoft/fluentui/pull/32080) by jes@microsoft.com)
|
|
16
|
+
|
|
7
17
|
## [3.0.0-beta.48](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.48)
|
|
8
18
|
|
|
9
|
-
Wed, 24 Jul 2024 04:
|
|
19
|
+
Wed, 24 Jul 2024 04:07:07 GMT
|
|
10
20
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.47..@fluentui/web-components_v3.0.0-beta.48)
|
|
11
21
|
|
|
12
22
|
### Changes
|
|
@@ -4,7 +4,7 @@ import { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarSh
|
|
|
4
4
|
* The base class used for constructing a fluent-avatar custom element
|
|
5
5
|
* @public
|
|
6
6
|
*/
|
|
7
|
-
export declare class
|
|
7
|
+
export declare class BaseAvatar extends FASTElement {
|
|
8
8
|
/**
|
|
9
9
|
* The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
|
|
10
10
|
*
|
|
@@ -42,14 +42,6 @@ export declare class Avatar extends FASTElement {
|
|
|
42
42
|
*
|
|
43
43
|
*/
|
|
44
44
|
size?: AvatarSize | undefined;
|
|
45
|
-
/**
|
|
46
|
-
* The avatar can have a circular or square shape.
|
|
47
|
-
*
|
|
48
|
-
* @public
|
|
49
|
-
* @remarks
|
|
50
|
-
* HTML Attribute: shape
|
|
51
|
-
*/
|
|
52
|
-
shape?: AvatarShape | undefined;
|
|
53
45
|
/**
|
|
54
46
|
* Optional activity indicator
|
|
55
47
|
* * active: the avatar will be decorated according to activeAppearance
|
|
@@ -61,14 +53,6 @@ export declare class Avatar extends FASTElement {
|
|
|
61
53
|
* HTML Attribute: active
|
|
62
54
|
*/
|
|
63
55
|
active?: AvatarActive | undefined;
|
|
64
|
-
/**
|
|
65
|
-
* The appearance when `active="active"`
|
|
66
|
-
*
|
|
67
|
-
* @public
|
|
68
|
-
* @remarks
|
|
69
|
-
* HTML Attribute: appearance
|
|
70
|
-
*/
|
|
71
|
-
appearance?: AvatarAppearance | undefined;
|
|
72
56
|
/**
|
|
73
57
|
* The color when displaying either an icon or initials.
|
|
74
58
|
* * neutral (default): gray
|
|
@@ -115,3 +99,27 @@ export declare class Avatar extends FASTElement {
|
|
|
115
99
|
*/
|
|
116
100
|
static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
|
|
117
101
|
}
|
|
102
|
+
/**
|
|
103
|
+
* An Avatar Custom HTML Element.
|
|
104
|
+
* Based on BaseAvatar and includes style and layout specific attributes
|
|
105
|
+
*
|
|
106
|
+
* @public
|
|
107
|
+
*/
|
|
108
|
+
export declare class Avatar extends BaseAvatar {
|
|
109
|
+
/**
|
|
110
|
+
* The avatar can have a circular or square shape.
|
|
111
|
+
*
|
|
112
|
+
* @public
|
|
113
|
+
* @remarks
|
|
114
|
+
* HTML Attribute: shape
|
|
115
|
+
*/
|
|
116
|
+
shape?: AvatarShape | undefined;
|
|
117
|
+
/**
|
|
118
|
+
* The appearance when `active="active"`
|
|
119
|
+
*
|
|
120
|
+
* @public
|
|
121
|
+
* @remarks
|
|
122
|
+
* HTML Attribute: appearance
|
|
123
|
+
*/
|
|
124
|
+
appearance?: AvatarAppearance | undefined;
|
|
125
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Avatar } from './avatar.js';
|
|
1
|
+
export { BaseAvatar, Avatar } from './avatar.js';
|
|
2
2
|
export { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, } from './avatar.options.js';
|
|
3
3
|
export { template as AvatarTemplate } from './avatar.template.js';
|
|
4
4
|
export { styles as AvatarStyles } from './avatar.styles.js';
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, Ac
|
|
|
2
2
|
export type { AccordionItemOptions } from './accordion-item/index.js';
|
|
3
3
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
4
4
|
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
5
|
-
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, } from './avatar/index.js';
|
|
5
|
+
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, BaseAvatar, } from './avatar/index.js';
|
|
6
6
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
7
7
|
export { BaseButton, Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
8
8
|
export type { ButtonOptions } from './button/index.js';
|
|
@@ -43,7 +43,7 @@ export { Tab, TabDefinition, TabStyles, TabTemplate } from './tab/index.js';
|
|
|
43
43
|
export type { TabOptions } from './tab/index.js';
|
|
44
44
|
export { Tabs, TabsAppearance, TabsDefinition, TabsOrientation, TabsSize, TabsStyles, TabsTemplate, } from './tabs/index.js';
|
|
45
45
|
export type { TabsOptions } from './tabs/index.js';
|
|
46
|
-
export { TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
46
|
+
export { BaseTextInput, TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
47
47
|
export type { TextInputOptions } from './text-input/index.js';
|
|
48
48
|
export { Text, TextAlign, TextDefinition, TextFont, TextSize, TextStyles, TextTemplate, TextWeight, } from './text/index.js';
|
|
49
49
|
export * from './theme/design-tokens.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as TextInputDefinition } from './text-input.definition.js';
|
|
2
|
-
export { TextInput } from './text-input.js';
|
|
2
|
+
export { BaseTextInput, TextInput } from './text-input.js';
|
|
3
3
|
export { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
|
|
4
4
|
export type { TextInputOptions } from './text-input.options.js';
|
|
5
5
|
export { styles as TextInputStyles } from './text-input.styles.js';
|
|
@@ -14,21 +14,7 @@ import { TextInputAppearance, TextInputType } from './text-input.options.js';
|
|
|
14
14
|
* @csspart control - The internal `<input>` control
|
|
15
15
|
* @public
|
|
16
16
|
*/
|
|
17
|
-
export declare class
|
|
18
|
-
/**
|
|
19
|
-
* Indicates the styled appearance of the element.
|
|
20
|
-
*
|
|
21
|
-
* @public
|
|
22
|
-
* @remarks
|
|
23
|
-
* HTML Attribute: `appearance`
|
|
24
|
-
*/
|
|
25
|
-
appearance?: TextInputAppearance;
|
|
26
|
-
/**
|
|
27
|
-
* Handles changes to appearance attribute custom states
|
|
28
|
-
* @param prev - the previous state
|
|
29
|
-
* @param next - the next state
|
|
30
|
-
*/
|
|
31
|
-
appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
|
|
17
|
+
export declare class BaseTextInput extends FASTElement {
|
|
32
18
|
/**
|
|
33
19
|
* Indicates the element's autocomplete state.
|
|
34
20
|
* @see The {@link https://developer.mozilla.org/docs/Web/HTML/Attributes/autocomplete | `autocomplete`} attribute
|
|
@@ -47,20 +33,6 @@ export declare class TextInput extends FASTElement {
|
|
|
47
33
|
* HTML Attribute: `autofocus`
|
|
48
34
|
*/
|
|
49
35
|
autofocus: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Sets the size of the control.
|
|
52
|
-
*
|
|
53
|
-
* @public
|
|
54
|
-
* @remarks
|
|
55
|
-
* HTML Attribute: `control-size`
|
|
56
|
-
*/
|
|
57
|
-
controlSize?: TextInputControlSize;
|
|
58
|
-
/**
|
|
59
|
-
* Handles changes to `control-size` attribute custom states
|
|
60
|
-
* @param prev - the previous state
|
|
61
|
-
* @param next - the next state
|
|
62
|
-
*/
|
|
63
|
-
controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
|
|
64
36
|
/**
|
|
65
37
|
* The default slotted content. This is the content that appears in the text field label.
|
|
66
38
|
*
|
|
@@ -411,6 +383,42 @@ export declare class TextInput extends FASTElement {
|
|
|
411
383
|
*/
|
|
412
384
|
setValidity(flags?: Partial<ValidityState>, message?: string, anchor?: HTMLElement): void;
|
|
413
385
|
}
|
|
386
|
+
/**
|
|
387
|
+
* A Text Input Custom HTML Element.
|
|
388
|
+
* Based on BaseTextInput and includes style and layout specific attributes
|
|
389
|
+
*
|
|
390
|
+
* @public
|
|
391
|
+
*/
|
|
392
|
+
export declare class TextInput extends BaseTextInput {
|
|
393
|
+
/**
|
|
394
|
+
* Indicates the styled appearance of the element.
|
|
395
|
+
*
|
|
396
|
+
* @public
|
|
397
|
+
* @remarks
|
|
398
|
+
* HTML Attribute: `appearance`
|
|
399
|
+
*/
|
|
400
|
+
appearance?: TextInputAppearance;
|
|
401
|
+
/**
|
|
402
|
+
* Handles changes to appearance attribute custom states
|
|
403
|
+
* @param prev - the previous state
|
|
404
|
+
* @param next - the next state
|
|
405
|
+
*/
|
|
406
|
+
appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
|
|
407
|
+
/**
|
|
408
|
+
* Sets the size of the control.
|
|
409
|
+
*
|
|
410
|
+
* @public
|
|
411
|
+
* @remarks
|
|
412
|
+
* HTML Attribute: `control-size`
|
|
413
|
+
*/
|
|
414
|
+
controlSize?: TextInputControlSize;
|
|
415
|
+
/**
|
|
416
|
+
* Handles changes to `control-size` attribute custom states
|
|
417
|
+
* @param prev - the previous state
|
|
418
|
+
* @param next - the next state
|
|
419
|
+
*/
|
|
420
|
+
controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
|
|
421
|
+
}
|
|
414
422
|
/**
|
|
415
423
|
* @internal
|
|
416
424
|
* @privateRemarks
|
|
@@ -7,7 +7,7 @@ import { AvatarColor, AvatarNamedColor, } from './avatar.options.js';
|
|
|
7
7
|
* The base class used for constructing a fluent-avatar custom element
|
|
8
8
|
* @public
|
|
9
9
|
*/
|
|
10
|
-
class
|
|
10
|
+
class BaseAvatar extends FASTElement {
|
|
11
11
|
constructor() {
|
|
12
12
|
super();
|
|
13
13
|
/**
|
|
@@ -79,32 +79,40 @@ class Avatar extends FASTElement {
|
|
|
79
79
|
/**
|
|
80
80
|
* An array of the available Avatar named colors
|
|
81
81
|
*/
|
|
82
|
-
|
|
82
|
+
BaseAvatar.colors = Object.values(AvatarNamedColor);
|
|
83
83
|
__decorate([
|
|
84
84
|
attr
|
|
85
|
-
],
|
|
85
|
+
], BaseAvatar.prototype, "name", void 0);
|
|
86
86
|
__decorate([
|
|
87
87
|
attr
|
|
88
|
-
],
|
|
88
|
+
], BaseAvatar.prototype, "initials", void 0);
|
|
89
89
|
__decorate([
|
|
90
90
|
attr({ converter: nullableNumberConverter })
|
|
91
|
-
],
|
|
91
|
+
], BaseAvatar.prototype, "size", void 0);
|
|
92
92
|
__decorate([
|
|
93
93
|
attr
|
|
94
|
-
],
|
|
94
|
+
], BaseAvatar.prototype, "active", void 0);
|
|
95
95
|
__decorate([
|
|
96
96
|
attr
|
|
97
|
-
],
|
|
97
|
+
], BaseAvatar.prototype, "color", void 0);
|
|
98
98
|
__decorate([
|
|
99
|
-
attr
|
|
100
|
-
],
|
|
99
|
+
attr({ attribute: 'color-id' })
|
|
100
|
+
], BaseAvatar.prototype, "colorId", void 0);
|
|
101
|
+
export { BaseAvatar };
|
|
102
|
+
/**
|
|
103
|
+
* An Avatar Custom HTML Element.
|
|
104
|
+
* Based on BaseAvatar and includes style and layout specific attributes
|
|
105
|
+
*
|
|
106
|
+
* @public
|
|
107
|
+
*/
|
|
108
|
+
export class Avatar extends BaseAvatar {
|
|
109
|
+
}
|
|
101
110
|
__decorate([
|
|
102
111
|
attr
|
|
103
|
-
], Avatar.prototype, "
|
|
112
|
+
], Avatar.prototype, "shape", void 0);
|
|
104
113
|
__decorate([
|
|
105
|
-
attr
|
|
106
|
-
], Avatar.prototype, "
|
|
107
|
-
export { Avatar };
|
|
114
|
+
attr
|
|
115
|
+
], Avatar.prototype, "appearance", void 0);
|
|
108
116
|
// copied from React avatar
|
|
109
117
|
const getHashCode = (str) => {
|
|
110
118
|
let hashCode = 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAc,UAAU,EAAW,MAAM,yBAAyB,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAGL,WAAW,EACX,gBAAgB,GAGjB,MAAM,qBAAqB,CAAC;AAE7B;;;GAGG;AACH,MAAa,
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/avatar/avatar.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/avatar/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Avatar } from './avatar.js';
|
|
1
|
+
export { BaseAvatar, Avatar } from './avatar.js';
|
|
2
2
|
export { AvatarActive, AvatarAppearance, AvatarColor, AvatarNamedColor, AvatarShape, AvatarSize, } from './avatar.options.js';
|
|
3
3
|
export { template as AvatarTemplate } from './avatar.template.js';
|
|
4
4
|
export { styles as AvatarStyles } from './avatar.styles.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { AccordionItem, accordionItemDefinition, AccordionItemMarkerPosition, AccordionItemSize, accordionItemStyles, accordionItemTemplate, } from './accordion-item/index.js';
|
|
2
2
|
export { Accordion, accordionDefinition, AccordionExpandMode, accordionStyles, accordionTemplate, } from './accordion/index.js';
|
|
3
3
|
export { Link, LinkAppearance, LinkDefinition, LinkTemplate, LinkTarget } from './link/index.js';
|
|
4
|
-
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, } from './avatar/index.js';
|
|
4
|
+
export { Avatar, AvatarActive, AvatarAppearance, AvatarColor, AvatarDefinition, AvatarNamedColor, AvatarShape, AvatarSize, AvatarStyles, AvatarTemplate, BaseAvatar, } from './avatar/index.js';
|
|
5
5
|
export { Badge, BadgeAppearance, BadgeColor, BadgeDefinition, BadgeShape, BadgeSize, BadgeStyles, BadgeTemplate, } from './badge/index.js';
|
|
6
6
|
export { BaseButton, Button, ButtonAppearance, ButtonDefinition, ButtonFormTarget, ButtonShape, ButtonSize, ButtonStyles, ButtonTemplate, ButtonType, } from './button/index.js';
|
|
7
7
|
export { Checkbox, CheckboxDefinition, CheckboxShape, CheckboxSize, CheckboxStyles, CheckboxTemplate, } from './checkbox/index.js';
|
|
@@ -32,7 +32,7 @@ export { Switch, SwitchDefinition, SwitchLabelPosition, SwitchStyles, SwitchTemp
|
|
|
32
32
|
export { TabPanel, TabPanelDefinition, TabPanelStyles, TabPanelTemplate } from './tab-panel/index.js';
|
|
33
33
|
export { Tab, TabDefinition, TabStyles, TabTemplate } from './tab/index.js';
|
|
34
34
|
export { Tabs, TabsAppearance, TabsDefinition, TabsOrientation, TabsSize, TabsStyles, TabsTemplate, } from './tabs/index.js';
|
|
35
|
-
export { TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
35
|
+
export { BaseTextInput, TextInput, TextInputAppearance, TextInputControlSize, TextInputDefinition, TextInputStyles, TextInputTemplate, TextInputType, } from './text-input/index.js';
|
|
36
36
|
export { Text, TextAlign, TextDefinition, TextFont, TextSize, TextStyles, TextTemplate, TextWeight, } from './text/index.js';
|
|
37
37
|
export * from './theme/design-tokens.js';
|
|
38
38
|
export { setTheme, setThemeFor } from './theme/index.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,2BAA2B,EAC3B,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,SAAS,EACT,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,EACL,eAAe,EACf,UAAU,EACV,eAAe,EACf,UAAU,EACV,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,cAAc,EACd,wBAAwB,EACxB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACvG,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAChH,OAAO,EACL,WAAW,EACX,OAAO,EACP,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,GACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAChH,OAAO,EACL,KAAK,EACL,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,WAAW,EACX,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9G,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,GACb,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,eAAe,GAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EACL,eAAe,EACf,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtF,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,cAAc,GACf,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,WAAW,EACX,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC3B,qBAAqB,EACrB,qBAAqB,EACrB,gCAAgC,EAChC,8BAA8B,EAC9B,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,iCAAiC,EACjC,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEhH,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAO,EACL,IAAI,EACJ,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,GACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,UAAU,GACX,MAAM,iBAAiB,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAc,MAAM,kBAAkB,CAAC;AACrE,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,0BAA0B,EAC1B,8BAA8B,EAC9B,2BAA2B,EAC3B,kBAAkB,EAClB,4BAA4B,GAC7B,MAAM,sDAAsD,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { definition as TextInputDefinition } from './text-input.definition.js';
|
|
2
|
-
export { TextInput } from './text-input.js';
|
|
2
|
+
export { BaseTextInput, TextInput } from './text-input.js';
|
|
3
3
|
export { TextInputAppearance, TextInputControlSize, TextInputType } from './text-input.options.js';
|
|
4
4
|
export { styles as TextInputStyles } from './text-input.styles.js';
|
|
5
5
|
export { template as TextInputTemplate } from './text-input.template.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEnG,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -16,7 +16,7 @@ import { ImplicitSubmissionBlockingTypes, TextInputType } from './text-input.opt
|
|
|
16
16
|
* @csspart control - The internal `<input>` control
|
|
17
17
|
* @public
|
|
18
18
|
*/
|
|
19
|
-
class
|
|
19
|
+
class BaseTextInput extends FASTElement {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
22
22
|
/**
|
|
@@ -46,32 +46,6 @@ class TextInput extends FASTElement {
|
|
|
46
46
|
*/
|
|
47
47
|
this.elementInternals = this.attachInternals();
|
|
48
48
|
}
|
|
49
|
-
/**
|
|
50
|
-
* Handles changes to appearance attribute custom states
|
|
51
|
-
* @param prev - the previous state
|
|
52
|
-
* @param next - the next state
|
|
53
|
-
*/
|
|
54
|
-
appearanceChanged(prev, next) {
|
|
55
|
-
if (prev) {
|
|
56
|
-
toggleState(this.elementInternals, `${prev}`, false);
|
|
57
|
-
}
|
|
58
|
-
if (next) {
|
|
59
|
-
toggleState(this.elementInternals, `${next}`, true);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Handles changes to `control-size` attribute custom states
|
|
64
|
-
* @param prev - the previous state
|
|
65
|
-
* @param next - the next state
|
|
66
|
-
*/
|
|
67
|
-
controlSizeChanged(prev, next) {
|
|
68
|
-
if (prev) {
|
|
69
|
-
toggleState(this.elementInternals, `${prev}`, false);
|
|
70
|
-
}
|
|
71
|
-
if (next) {
|
|
72
|
-
toggleState(this.elementInternals, `${next}`, true);
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
49
|
/**
|
|
76
50
|
* Updates the control label visibility based on the presence of default slotted content.
|
|
77
51
|
*
|
|
@@ -363,64 +337,58 @@ class TextInput extends FASTElement {
|
|
|
363
337
|
*
|
|
364
338
|
* @public
|
|
365
339
|
*/
|
|
366
|
-
|
|
340
|
+
BaseTextInput.formAssociated = true;
|
|
367
341
|
__decorate([
|
|
368
342
|
attr
|
|
369
|
-
],
|
|
370
|
-
__decorate([
|
|
371
|
-
attr
|
|
372
|
-
], TextInput.prototype, "autocomplete", void 0);
|
|
343
|
+
], BaseTextInput.prototype, "autocomplete", void 0);
|
|
373
344
|
__decorate([
|
|
374
345
|
attr({ mode: 'boolean' })
|
|
375
|
-
],
|
|
376
|
-
__decorate([
|
|
377
|
-
attr({ attribute: 'control-size' })
|
|
378
|
-
], TextInput.prototype, "controlSize", void 0);
|
|
346
|
+
], BaseTextInput.prototype, "autofocus", void 0);
|
|
379
347
|
__decorate([
|
|
380
348
|
observable
|
|
381
|
-
],
|
|
349
|
+
], BaseTextInput.prototype, "defaultSlottedNodes", void 0);
|
|
382
350
|
__decorate([
|
|
383
351
|
attr
|
|
384
|
-
],
|
|
352
|
+
], BaseTextInput.prototype, "dirname", void 0);
|
|
385
353
|
__decorate([
|
|
386
354
|
attr({ mode: 'boolean' })
|
|
387
|
-
],
|
|
355
|
+
], BaseTextInput.prototype, "disabled", void 0);
|
|
388
356
|
__decorate([
|
|
389
357
|
attr({ attribute: 'form' })
|
|
390
|
-
],
|
|
358
|
+
], BaseTextInput.prototype, "formAttribute", void 0);
|
|
391
359
|
__decorate([
|
|
392
360
|
attr({ attribute: 'value', mode: 'fromView' })
|
|
393
|
-
],
|
|
361
|
+
], BaseTextInput.prototype, "initialValue", void 0);
|
|
394
362
|
__decorate([
|
|
395
363
|
attr
|
|
396
|
-
],
|
|
364
|
+
], BaseTextInput.prototype, "list", void 0);
|
|
397
365
|
__decorate([
|
|
398
366
|
attr({ converter: nullableNumberConverter })
|
|
399
|
-
],
|
|
367
|
+
], BaseTextInput.prototype, "maxlength", void 0);
|
|
400
368
|
__decorate([
|
|
401
369
|
attr({ converter: nullableNumberConverter })
|
|
402
|
-
],
|
|
370
|
+
], BaseTextInput.prototype, "minlength", void 0);
|
|
403
371
|
__decorate([
|
|
404
372
|
attr({ mode: 'boolean' })
|
|
405
|
-
],
|
|
373
|
+
], BaseTextInput.prototype, "multiple", void 0);
|
|
406
374
|
__decorate([
|
|
407
375
|
attr
|
|
408
|
-
],
|
|
376
|
+
], BaseTextInput.prototype, "name", void 0);
|
|
409
377
|
__decorate([
|
|
410
378
|
attr
|
|
411
|
-
],
|
|
379
|
+
], BaseTextInput.prototype, "pattern", void 0);
|
|
412
380
|
__decorate([
|
|
413
381
|
attr
|
|
414
|
-
],
|
|
382
|
+
], BaseTextInput.prototype, "placeholder", void 0);
|
|
415
383
|
__decorate([
|
|
416
384
|
attr({ attribute: 'readonly', mode: 'boolean' })
|
|
417
|
-
],
|
|
385
|
+
], BaseTextInput.prototype, "readOnly", void 0);
|
|
418
386
|
__decorate([
|
|
419
387
|
attr({ mode: 'boolean' })
|
|
420
|
-
],
|
|
388
|
+
], BaseTextInput.prototype, "required", void 0);
|
|
421
389
|
__decorate([
|
|
422
390
|
attr({ converter: nullableNumberConverter })
|
|
423
|
-
],
|
|
391
|
+
], BaseTextInput.prototype, "size", void 0);
|
|
424
392
|
__decorate([
|
|
425
393
|
attr({
|
|
426
394
|
converter: {
|
|
@@ -428,13 +396,53 @@ __decorate([
|
|
|
428
396
|
toView: value => value.toString(),
|
|
429
397
|
},
|
|
430
398
|
})
|
|
431
|
-
],
|
|
399
|
+
], BaseTextInput.prototype, "spellcheck", void 0);
|
|
432
400
|
__decorate([
|
|
433
401
|
attr
|
|
434
|
-
],
|
|
402
|
+
], BaseTextInput.prototype, "type", void 0);
|
|
435
403
|
__decorate([
|
|
436
404
|
observable
|
|
437
|
-
],
|
|
438
|
-
export {
|
|
405
|
+
], BaseTextInput.prototype, "controlLabel", void 0);
|
|
406
|
+
export { BaseTextInput };
|
|
407
|
+
/**
|
|
408
|
+
* A Text Input Custom HTML Element.
|
|
409
|
+
* Based on BaseTextInput and includes style and layout specific attributes
|
|
410
|
+
*
|
|
411
|
+
* @public
|
|
412
|
+
*/
|
|
413
|
+
export class TextInput extends BaseTextInput {
|
|
414
|
+
/**
|
|
415
|
+
* Handles changes to appearance attribute custom states
|
|
416
|
+
* @param prev - the previous state
|
|
417
|
+
* @param next - the next state
|
|
418
|
+
*/
|
|
419
|
+
appearanceChanged(prev, next) {
|
|
420
|
+
if (prev) {
|
|
421
|
+
toggleState(this.elementInternals, `${prev}`, false);
|
|
422
|
+
}
|
|
423
|
+
if (next) {
|
|
424
|
+
toggleState(this.elementInternals, `${next}`, true);
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
/**
|
|
428
|
+
* Handles changes to `control-size` attribute custom states
|
|
429
|
+
* @param prev - the previous state
|
|
430
|
+
* @param next - the next state
|
|
431
|
+
*/
|
|
432
|
+
controlSizeChanged(prev, next) {
|
|
433
|
+
if (prev) {
|
|
434
|
+
toggleState(this.elementInternals, `${prev}`, false);
|
|
435
|
+
}
|
|
436
|
+
if (next) {
|
|
437
|
+
toggleState(this.elementInternals, `${next}`, true);
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
__decorate([
|
|
442
|
+
attr
|
|
443
|
+
], TextInput.prototype, "appearance", void 0);
|
|
444
|
+
__decorate([
|
|
445
|
+
attr({ attribute: 'control-size' })
|
|
446
|
+
], TextInput.prototype, "controlSize", void 0);
|
|
439
447
|
applyMixins(TextInput, StartEnd);
|
|
440
448
|
//# sourceMappingURL=text-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/text-input/text-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7G,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,OAAO,EAAE,+BAA+B,EAAuB,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE9G;;;;;;;;;;;GAWG;AACH,MAAa,
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/text-input/text-input.ts"],"names":[],"mappings":"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"}
|