@fluentui/web-components 3.0.0-beta.20 → 3.0.0-beta.22
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 +20 -2
- package/dist/dts/accordion/accordion.options.d.ts +2 -2
- package/dist/dts/accordion-item/accordion-item.d.ts +1 -4
- package/dist/dts/accordion-item/accordion-item.template.d.ts +1 -1
- package/dist/dts/accordion-item/index.d.ts +2 -1
- package/dist/dts/anchor-button/index.d.ts +3 -2
- package/dist/dts/button/index.d.ts +4 -3
- package/dist/dts/checkbox/checkbox.d.ts +0 -3
- package/dist/dts/checkbox/index.d.ts +4 -3
- package/dist/dts/dialog/dialog.d.ts +14 -15
- package/dist/dts/divider/divider.d.ts +4 -7
- package/dist/dts/index-rollup.d.ts +29 -35
- package/dist/dts/index.d.ts +49 -34
- package/dist/dts/label/label.d.ts +0 -2
- package/dist/dts/menu/menu.d.ts +27 -25
- package/dist/dts/menu-button/index.d.ts +4 -3
- package/dist/dts/menu-button/menu-button.options.d.ts +1 -1
- package/dist/dts/menu-item/index.d.ts +4 -3
- package/dist/dts/progress-bar/index.d.ts +3 -2
- package/dist/dts/radio/index.d.ts +2 -1
- package/dist/dts/slider/index.d.ts +3 -2
- package/dist/dts/spinner/spinner.d.ts +0 -2
- package/dist/dts/switch/index.d.ts +3 -2
- package/dist/dts/switch/switch.d.ts +0 -1
- package/dist/dts/tab/index.d.ts +4 -3
- package/dist/dts/tab/tab.template.d.ts +1 -1
- package/dist/dts/tabs/index.d.ts +4 -3
- package/dist/dts/tabs/tabs.d.ts +13 -9
- package/dist/dts/text-input/index.d.ts +5 -4
- package/dist/dts/text-input/text-input.d.ts +282 -67
- package/dist/dts/text-input/text-input.definition.d.ts +2 -3
- package/dist/dts/text-input/text-input.options.d.ts +19 -29
- package/dist/dts/text-input/text-input.styles.d.ts +5 -2
- package/dist/dts/text-input/text-input.template.d.ts +9 -3
- package/dist/dts/theme/design-tokens.d.ts +1744 -0
- package/dist/dts/theme/set-theme.d.ts +5 -1
- package/dist/dts/toggle-button/index.d.ts +4 -3
- package/dist/dts/toggle-button/toggle-button.options.d.ts +1 -1
- package/dist/esm/accordion/accordion.js +1 -6
- package/dist/esm/accordion/accordion.js.map +1 -1
- package/dist/esm/accordion/accordion.options.js +1 -1
- package/dist/esm/accordion-item/accordion-item.js +1 -7
- package/dist/esm/accordion-item/accordion-item.js.map +1 -1
- package/dist/esm/accordion-item/index.js.map +1 -1
- package/dist/esm/anchor-button/anchor-button.js +1 -6
- package/dist/esm/anchor-button/anchor-button.js.map +1 -1
- package/dist/esm/anchor-button/index.js +2 -2
- package/dist/esm/anchor-button/index.js.map +1 -1
- package/dist/esm/avatar/avatar.js +1 -6
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/badge/badge.js +1 -6
- package/dist/esm/badge/badge.js.map +1 -1
- package/dist/esm/button/button.js +1 -6
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/button/index.js +3 -3
- package/dist/esm/button/index.js.map +1 -1
- package/dist/esm/checkbox/checkbox.js +1 -6
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/index.js +2 -2
- package/dist/esm/checkbox/index.js.map +1 -1
- package/dist/esm/counter-badge/counter-badge.js +1 -6
- package/dist/esm/counter-badge/counter-badge.js.map +1 -1
- package/dist/esm/dialog/dialog.js +15 -21
- package/dist/esm/dialog/dialog.js.map +1 -1
- package/dist/esm/divider/divider.js +2 -7
- package/dist/esm/divider/divider.js.map +1 -1
- package/dist/esm/image/image.js +1 -6
- package/dist/esm/image/image.js.map +1 -1
- package/dist/esm/index-rollup.js +29 -35
- package/dist/esm/index-rollup.js.map +1 -1
- package/dist/esm/index.js +33 -33
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/label/label.js +1 -6
- package/dist/esm/label/label.js.map +1 -1
- package/dist/esm/menu/menu.js +26 -29
- package/dist/esm/menu/menu.js.map +1 -1
- package/dist/esm/menu-button/index.js +2 -2
- package/dist/esm/menu-button/index.js.map +1 -1
- package/dist/esm/menu-item/index.js +2 -2
- package/dist/esm/menu-item/index.js.map +1 -1
- package/dist/esm/menu-item/menu-item.js +1 -6
- package/dist/esm/menu-item/menu-item.js.map +1 -1
- package/dist/esm/menu-list/menu-list.js +3 -7
- package/dist/esm/menu-list/menu-list.js.map +1 -1
- package/dist/esm/patterns/aria-globals.js +1 -6
- package/dist/esm/patterns/aria-globals.js.map +1 -1
- package/dist/esm/progress-bar/base-progress.js +1 -6
- package/dist/esm/progress-bar/base-progress.js.map +1 -1
- package/dist/esm/progress-bar/index.js +2 -2
- package/dist/esm/progress-bar/index.js.map +1 -1
- package/dist/esm/progress-bar/progress-bar.js +1 -6
- package/dist/esm/progress-bar/progress-bar.js.map +1 -1
- package/dist/esm/radio/index.js +1 -1
- package/dist/esm/radio/index.js.map +1 -1
- package/dist/esm/radio/radio.js +1 -6
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio-group/radio-group.js +1 -6
- package/dist/esm/radio-group/radio-group.js.map +1 -1
- package/dist/esm/slider/index.js +1 -1
- package/dist/esm/slider/index.js.map +1 -1
- package/dist/esm/slider/slider.js +1 -6
- package/dist/esm/slider/slider.js.map +1 -1
- package/dist/esm/spinner/spinner.js +1 -6
- package/dist/esm/spinner/spinner.js.map +1 -1
- package/dist/esm/switch/index.js +1 -1
- package/dist/esm/switch/index.js.map +1 -1
- package/dist/esm/switch/switch.js +1 -6
- package/dist/esm/switch/switch.js.map +1 -1
- package/dist/esm/tab/index.js +2 -2
- package/dist/esm/tab/index.js.map +1 -1
- package/dist/esm/tab/tab.js +1 -6
- package/dist/esm/tab/tab.js.map +1 -1
- package/dist/esm/tabs/index.js +2 -2
- package/dist/esm/tabs/index.js.map +1 -1
- package/dist/esm/tabs/tabs.js +14 -15
- package/dist/esm/tabs/tabs.js.map +1 -1
- package/dist/esm/text/text.js +1 -6
- package/dist/esm/text/text.js.map +1 -1
- package/dist/esm/text-input/index.js +3 -3
- package/dist/esm/text-input/index.js.map +1 -1
- package/dist/esm/text-input/text-input.definition.js +2 -3
- package/dist/esm/text-input/text-input.definition.js.map +1 -1
- package/dist/esm/text-input/text-input.js +271 -102
- package/dist/esm/text-input/text-input.js.map +1 -1
- package/dist/esm/text-input/text-input.options.js +25 -18
- package/dist/esm/text-input/text-input.options.js.map +1 -1
- package/dist/esm/text-input/text-input.styles.js +8 -3
- package/dist/esm/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/text-input/text-input.template.js +16 -32
- package/dist/esm/text-input/text-input.template.js.map +1 -1
- package/dist/esm/theme/design-tokens.js +1744 -0
- package/dist/esm/theme/design-tokens.js.map +1 -1
- package/dist/esm/theme/set-theme.js +5 -1
- package/dist/esm/theme/set-theme.js.map +1 -1
- package/dist/esm/toggle-button/index.js +3 -3
- package/dist/esm/toggle-button/index.js.map +1 -1
- package/dist/esm/toggle-button/toggle-button.js +1 -6
- package/dist/esm/toggle-button/toggle-button.js.map +1 -1
- package/dist/fluent-web-components.api.json +890 -916
- package/dist/web-components.d.ts +2109 -187
- package/dist/web-components.js +1335 -2042
- package/dist/web-components.min.js +266 -266
- package/docs/api-report.md +654 -485
- package/package.json +7 -4
- package/tsdoc.json +44 -0
- package/dist/dts/text-input/text-field.form-associated.d.ts +0 -14
- package/dist/esm/text-input/text-field.form-associated.js +0 -14
- package/dist/esm/text-input/text-field.form-associated.js.map +0 -1
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { html, ref, slotted } from '@microsoft/fast-element';
|
|
2
2
|
import { endSlotTemplate, startSlotTemplate } from '../patterns/index.js';
|
|
3
3
|
import { whitespaceFilter } from '../utils/index.js';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Generates a template for the TextInput component.
|
|
6
|
+
*
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
export function textInputTemplate(options = {}) {
|
|
5
10
|
return html `
|
|
6
|
-
<label
|
|
7
|
-
part="label"
|
|
8
|
-
for="control"
|
|
9
|
-
class="${x => (x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label__hidden')}"
|
|
10
|
-
>
|
|
11
|
+
<label part="label" for="control" class="label" ${ref('controlLabel')}>
|
|
11
12
|
<slot
|
|
12
13
|
${slotted({
|
|
13
14
|
property: 'defaultSlottedNodes',
|
|
@@ -21,41 +22,24 @@ export function textFieldTemplate(options = {}) {
|
|
|
21
22
|
class="control"
|
|
22
23
|
part="control"
|
|
23
24
|
id="control"
|
|
24
|
-
@
|
|
25
|
-
@
|
|
25
|
+
@change="${(x, c) => x.changeHandler(c.event)}"
|
|
26
|
+
@input="${(x, c) => x.inputHandler(c.event)}"
|
|
26
27
|
?autofocus="${x => x.autofocus}"
|
|
28
|
+
autocomplete="${x => x.autocomplete}"
|
|
27
29
|
?disabled="${x => x.disabled}"
|
|
28
30
|
list="${x => x.list}"
|
|
29
31
|
maxlength="${x => x.maxlength}"
|
|
30
|
-
name="${x => x.name}"
|
|
31
32
|
minlength="${x => x.minlength}"
|
|
33
|
+
?multiple="${x => x.multiple}"
|
|
34
|
+
name="${x => x.name}"
|
|
32
35
|
pattern="${x => x.pattern}"
|
|
33
36
|
placeholder="${x => x.placeholder}"
|
|
34
|
-
?readonly="${x => x.
|
|
37
|
+
?readonly="${x => x.readonly}"
|
|
35
38
|
?required="${x => x.required}"
|
|
36
39
|
size="${x => x.size}"
|
|
37
|
-
|
|
38
|
-
:value="${x => x.value}"
|
|
40
|
+
spellcheck="${x => x.spellcheck}"
|
|
39
41
|
type="${x => x.type}"
|
|
40
|
-
|
|
41
|
-
aria-busy="${x => x.ariaBusy}"
|
|
42
|
-
aria-controls="${x => x.ariaControls}"
|
|
43
|
-
aria-current="${x => x.ariaCurrent}"
|
|
44
|
-
aria-describedby="${x => x.ariaDescribedby}"
|
|
45
|
-
aria-details="${x => x.ariaDetails}"
|
|
46
|
-
aria-disabled="${x => x.ariaDisabled}"
|
|
47
|
-
aria-errormessage="${x => x.ariaErrormessage}"
|
|
48
|
-
aria-flowto="${x => x.ariaFlowto}"
|
|
49
|
-
aria-haspopup="${x => x.ariaHaspopup}"
|
|
50
|
-
aria-hidden="${x => x.ariaHidden}"
|
|
51
|
-
aria-invalid="${x => x.ariaInvalid}"
|
|
52
|
-
aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
|
|
53
|
-
aria-label="${x => x.ariaLabel}"
|
|
54
|
-
aria-labelledby="${x => x.ariaLabelledby}"
|
|
55
|
-
aria-live="${x => x.ariaLive}"
|
|
56
|
-
aria-owns="${x => x.ariaOwns}"
|
|
57
|
-
aria-relevant="${x => x.ariaRelevant}"
|
|
58
|
-
aria-roledescription="${x => x.ariaRoledescription}"
|
|
42
|
+
value="${x => x.initialValue}"
|
|
59
43
|
${ref('control')}
|
|
60
44
|
/>
|
|
61
45
|
${endSlotTemplate(options)}
|
|
@@ -65,5 +49,5 @@ export function textFieldTemplate(options = {}) {
|
|
|
65
49
|
/**
|
|
66
50
|
* @internal
|
|
67
51
|
*/
|
|
68
|
-
export const template =
|
|
52
|
+
export const template = textInputTemplate();
|
|
69
53
|
//# sourceMappingURL=text-input.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.template.js","sourceRoot":"","sources":["../../../src/text-input/text-input.template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text-input.template.js","sourceRoot":"","sources":["../../../src/text-input/text-input.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;;GAIG;AACH,MAAM,UAAU,iBAAiB,CAAsB,UAA4B,EAAE;IACnF,OAAO,IAAI,CAAG;sDACsC,GAAG,CAAC,cAAc,CAAC;;UAE/D,OAAO,CAAC;QACR,QAAQ,EAAE,qBAAqB;QAC/B,MAAM,EAAE,gBAAgB;KACzB,CAAC;;;;QAIF,iBAAiB,CAAC,OAAO,CAAC;;;;;mBAKf,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACjD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;sBAC3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;wBACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;qBACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;qBACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;mBACR,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;uBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;qBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;sBACL,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;gBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;iBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;UAC1B,GAAG,CAAC,SAAS,CAAC;;QAEhB,eAAe,CAAC,OAAO,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAmC,iBAAiB,EAAE,CAAC"}
|