@ni/nimble-components 35.12.4 → 35.12.5
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/dist/all-components-bundle.js +4 -0
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2 -1
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +100 -83
- package/dist/custom-elements.md +35 -33
- package/dist/esm/text-field/index.d.ts +9 -0
- package/dist/esm/text-field/index.js +3 -0
- package/dist/esm/text-field/index.js.map +1 -1
- package/dist/esm/text-field/template.js +1 -0
- package/dist/esm/text-field/template.js.map +1 -1
- package/package.json +1 -1
|
@@ -392,89 +392,6 @@
|
|
|
392
392
|
}
|
|
393
393
|
]
|
|
394
394
|
},
|
|
395
|
-
{
|
|
396
|
-
"kind": "javascript-module",
|
|
397
|
-
"path": "src/anchor-tab/index.ts",
|
|
398
|
-
"declarations": [
|
|
399
|
-
{
|
|
400
|
-
"kind": "class",
|
|
401
|
-
"description": "A nimble-styled link tab",
|
|
402
|
-
"name": "AnchorTab",
|
|
403
|
-
"members": [
|
|
404
|
-
{
|
|
405
|
-
"kind": "field",
|
|
406
|
-
"name": "disabled",
|
|
407
|
-
"type": {
|
|
408
|
-
"text": "boolean"
|
|
409
|
-
},
|
|
410
|
-
"privacy": "public",
|
|
411
|
-
"default": "false",
|
|
412
|
-
"description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information."
|
|
413
|
-
},
|
|
414
|
-
{
|
|
415
|
-
"kind": "field",
|
|
416
|
-
"name": "ariaSelected",
|
|
417
|
-
"type": {
|
|
418
|
-
"text": "string"
|
|
419
|
-
},
|
|
420
|
-
"privacy": "public",
|
|
421
|
-
"default": "'false'",
|
|
422
|
-
"description": "Indicates the current \"selected\" state of various widgets.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-selected"
|
|
423
|
-
}
|
|
424
|
-
],
|
|
425
|
-
"attributes": [
|
|
426
|
-
{
|
|
427
|
-
"name": "disabled",
|
|
428
|
-
"type": {
|
|
429
|
-
"text": "boolean"
|
|
430
|
-
},
|
|
431
|
-
"default": "false",
|
|
432
|
-
"description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
|
|
433
|
-
"fieldName": "disabled"
|
|
434
|
-
},
|
|
435
|
-
{
|
|
436
|
-
"name": "aria-selected",
|
|
437
|
-
"type": {
|
|
438
|
-
"text": "string"
|
|
439
|
-
},
|
|
440
|
-
"default": "'false'",
|
|
441
|
-
"description": "Indicates the current \"selected\" state of various widgets.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-selected",
|
|
442
|
-
"fieldName": "ariaSelected"
|
|
443
|
-
}
|
|
444
|
-
],
|
|
445
|
-
"superclass": {
|
|
446
|
-
"name": "AnchorBase",
|
|
447
|
-
"module": "/src/anchor-base"
|
|
448
|
-
}
|
|
449
|
-
},
|
|
450
|
-
{
|
|
451
|
-
"kind": "variable",
|
|
452
|
-
"name": "anchorTabTag",
|
|
453
|
-
"type": {
|
|
454
|
-
"text": "string"
|
|
455
|
-
},
|
|
456
|
-
"default": "'nimble-anchor-tab'"
|
|
457
|
-
}
|
|
458
|
-
],
|
|
459
|
-
"exports": [
|
|
460
|
-
{
|
|
461
|
-
"kind": "js",
|
|
462
|
-
"name": "AnchorTab",
|
|
463
|
-
"declaration": {
|
|
464
|
-
"name": "AnchorTab",
|
|
465
|
-
"module": "src/anchor-tab/index.ts"
|
|
466
|
-
}
|
|
467
|
-
},
|
|
468
|
-
{
|
|
469
|
-
"kind": "js",
|
|
470
|
-
"name": "anchorTabTag",
|
|
471
|
-
"declaration": {
|
|
472
|
-
"name": "anchorTabTag",
|
|
473
|
-
"module": "src/anchor-tab/index.ts"
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
]
|
|
477
|
-
},
|
|
478
395
|
{
|
|
479
396
|
"kind": "javascript-module",
|
|
480
397
|
"path": "src/anchor-step/index.ts",
|
|
@@ -659,6 +576,89 @@
|
|
|
659
576
|
}
|
|
660
577
|
]
|
|
661
578
|
},
|
|
579
|
+
{
|
|
580
|
+
"kind": "javascript-module",
|
|
581
|
+
"path": "src/anchor-tab/index.ts",
|
|
582
|
+
"declarations": [
|
|
583
|
+
{
|
|
584
|
+
"kind": "class",
|
|
585
|
+
"description": "A nimble-styled link tab",
|
|
586
|
+
"name": "AnchorTab",
|
|
587
|
+
"members": [
|
|
588
|
+
{
|
|
589
|
+
"kind": "field",
|
|
590
|
+
"name": "disabled",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "boolean"
|
|
593
|
+
},
|
|
594
|
+
"privacy": "public",
|
|
595
|
+
"default": "false",
|
|
596
|
+
"description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information."
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"kind": "field",
|
|
600
|
+
"name": "ariaSelected",
|
|
601
|
+
"type": {
|
|
602
|
+
"text": "string"
|
|
603
|
+
},
|
|
604
|
+
"privacy": "public",
|
|
605
|
+
"default": "'false'",
|
|
606
|
+
"description": "Indicates the current \"selected\" state of various widgets.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-selected"
|
|
607
|
+
}
|
|
608
|
+
],
|
|
609
|
+
"attributes": [
|
|
610
|
+
{
|
|
611
|
+
"name": "disabled",
|
|
612
|
+
"type": {
|
|
613
|
+
"text": "boolean"
|
|
614
|
+
},
|
|
615
|
+
"default": "false",
|
|
616
|
+
"description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
|
|
617
|
+
"fieldName": "disabled"
|
|
618
|
+
},
|
|
619
|
+
{
|
|
620
|
+
"name": "aria-selected",
|
|
621
|
+
"type": {
|
|
622
|
+
"text": "string"
|
|
623
|
+
},
|
|
624
|
+
"default": "'false'",
|
|
625
|
+
"description": "Indicates the current \"selected\" state of various widgets.\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-selected",
|
|
626
|
+
"fieldName": "ariaSelected"
|
|
627
|
+
}
|
|
628
|
+
],
|
|
629
|
+
"superclass": {
|
|
630
|
+
"name": "AnchorBase",
|
|
631
|
+
"module": "/src/anchor-base"
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"kind": "variable",
|
|
636
|
+
"name": "anchorTabTag",
|
|
637
|
+
"type": {
|
|
638
|
+
"text": "string"
|
|
639
|
+
},
|
|
640
|
+
"default": "'nimble-anchor-tab'"
|
|
641
|
+
}
|
|
642
|
+
],
|
|
643
|
+
"exports": [
|
|
644
|
+
{
|
|
645
|
+
"kind": "js",
|
|
646
|
+
"name": "AnchorTab",
|
|
647
|
+
"declaration": {
|
|
648
|
+
"name": "AnchorTab",
|
|
649
|
+
"module": "src/anchor-tab/index.ts"
|
|
650
|
+
}
|
|
651
|
+
},
|
|
652
|
+
{
|
|
653
|
+
"kind": "js",
|
|
654
|
+
"name": "anchorTabTag",
|
|
655
|
+
"declaration": {
|
|
656
|
+
"name": "anchorTabTag",
|
|
657
|
+
"module": "src/anchor-tab/index.ts"
|
|
658
|
+
}
|
|
659
|
+
}
|
|
660
|
+
]
|
|
661
|
+
},
|
|
662
662
|
{
|
|
663
663
|
"kind": "javascript-module",
|
|
664
664
|
"path": "src/anchor-tabs/index.ts",
|
|
@@ -7001,6 +7001,15 @@
|
|
|
7001
7001
|
"privacy": "public",
|
|
7002
7002
|
"description": "The appearance the text field should have."
|
|
7003
7003
|
},
|
|
7004
|
+
{
|
|
7005
|
+
"kind": "field",
|
|
7006
|
+
"name": "autocomplete",
|
|
7007
|
+
"type": {
|
|
7008
|
+
"text": "string | undefined"
|
|
7009
|
+
},
|
|
7010
|
+
"privacy": "public",
|
|
7011
|
+
"description": "The autofill hint forwarded to the internal input (e.g. \"username\",\n\"current-password\", \"off\") for browser password managers and autofill."
|
|
7012
|
+
},
|
|
7004
7013
|
{
|
|
7005
7014
|
"kind": "field",
|
|
7006
7015
|
"name": "fullBleed",
|
|
@@ -7081,6 +7090,14 @@
|
|
|
7081
7090
|
"description": "The appearance the text field should have.",
|
|
7082
7091
|
"fieldName": "appearance"
|
|
7083
7092
|
},
|
|
7093
|
+
{
|
|
7094
|
+
"name": "autocomplete",
|
|
7095
|
+
"type": {
|
|
7096
|
+
"text": "string | undefined"
|
|
7097
|
+
},
|
|
7098
|
+
"description": "The autofill hint forwarded to the internal input (e.g. \"username\",\n\"current-password\", \"off\") for browser password managers and autofill.",
|
|
7099
|
+
"fieldName": "autocomplete"
|
|
7100
|
+
},
|
|
7084
7101
|
{
|
|
7085
7102
|
"name": "full-bleed",
|
|
7086
7103
|
"type": {
|
package/dist/custom-elements.md
CHANGED
|
@@ -93,30 +93,6 @@
|
|
|
93
93
|
|
|
94
94
|
<hr/>
|
|
95
95
|
|
|
96
|
-
## class: `AnchorTab`
|
|
97
|
-
|
|
98
|
-
### Superclass
|
|
99
|
-
|
|
100
|
-
| Name | Module | Package |
|
|
101
|
-
| ------------ | ---------------- | ------- |
|
|
102
|
-
| `AnchorBase` | /src/anchor-base | |
|
|
103
|
-
|
|
104
|
-
### Fields
|
|
105
|
-
|
|
106
|
-
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
107
|
-
| -------------- | ------- | --------- | --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
|
|
108
|
-
| `disabled` | public | `boolean` | `false` | When true, the control will be immutable by user interaction. See https\://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled \| disabled HTML attribute for more information. | |
|
|
109
|
-
| `ariaSelected` | public | `string` | `'false'` | Indicates the current "selected" state of various widgets.
https\://www\.w3.org/TR/wai-aria-1.1/#aria-selected | |
|
|
110
|
-
|
|
111
|
-
### Attributes
|
|
112
|
-
|
|
113
|
-
| Name | Field | Inherited From |
|
|
114
|
-
| --------------- | ------------ | -------------- |
|
|
115
|
-
| `disabled` | disabled | |
|
|
116
|
-
| `aria-selected` | ariaSelected | |
|
|
117
|
-
|
|
118
|
-
<hr/>
|
|
119
|
-
|
|
120
96
|
## class: `AnchorStep`
|
|
121
97
|
|
|
122
98
|
### Superclass
|
|
@@ -149,6 +125,30 @@
|
|
|
149
125
|
|
|
150
126
|
<hr/>
|
|
151
127
|
|
|
128
|
+
## class: `AnchorTab`
|
|
129
|
+
|
|
130
|
+
### Superclass
|
|
131
|
+
|
|
132
|
+
| Name | Module | Package |
|
|
133
|
+
| ------------ | ---------------- | ------- |
|
|
134
|
+
| `AnchorBase` | /src/anchor-base | |
|
|
135
|
+
|
|
136
|
+
### Fields
|
|
137
|
+
|
|
138
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
139
|
+
| -------------- | ------- | --------- | --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
|
|
140
|
+
| `disabled` | public | `boolean` | `false` | When true, the control will be immutable by user interaction. See https\://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled \| disabled HTML attribute for more information. | |
|
|
141
|
+
| `ariaSelected` | public | `string` | `'false'` | Indicates the current "selected" state of various widgets.
https\://www\.w3.org/TR/wai-aria-1.1/#aria-selected | |
|
|
142
|
+
|
|
143
|
+
### Attributes
|
|
144
|
+
|
|
145
|
+
| Name | Field | Inherited From |
|
|
146
|
+
| --------------- | ------------ | -------------- |
|
|
147
|
+
| `disabled` | disabled | |
|
|
148
|
+
| `aria-selected` | ariaSelected | |
|
|
149
|
+
|
|
150
|
+
<hr/>
|
|
151
|
+
|
|
152
152
|
## class: `AnchorTabs`
|
|
153
153
|
|
|
154
154
|
### Superclass
|
|
@@ -1036,21 +1036,23 @@
|
|
|
1036
1036
|
|
|
1037
1037
|
### Fields
|
|
1038
1038
|
|
|
1039
|
-
| Name | Privacy | Type | Default | Description
|
|
1040
|
-
| -------------------- | ------- | --------------------- | ------- |
|
|
1041
|
-
| `appearance` | public | `TextFieldAppearance` | | The appearance the text field should have.
|
|
1042
|
-
| `
|
|
1043
|
-
| `
|
|
1044
|
-
| `
|
|
1045
|
-
| `
|
|
1046
|
-
| `
|
|
1047
|
-
| `
|
|
1039
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
1040
|
+
| -------------------- | ------- | --------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |
|
|
1041
|
+
| `appearance` | public | `TextFieldAppearance` | | The appearance the text field should have. | |
|
|
1042
|
+
| `autocomplete` | public | `string \| undefined` | | The autofill hint forwarded to the internal input (e.g. "username",
"current-password", "off") for browser password managers and autofill. | |
|
|
1043
|
+
| `fullBleed` | public | `boolean` | `false` | | |
|
|
1044
|
+
| `appearanceReadOnly` | public | `boolean` | `false` | | |
|
|
1045
|
+
| `errorText` | public | `string \| undefined` | | The error text that will be displayed when a component is in the error appearance | mixinErrorPattern |
|
|
1046
|
+
| `errorVisible` | public | `boolean` | `false` | | mixinErrorPattern |
|
|
1047
|
+
| `errorHasOverflow` | public | `boolean` | `false` | | mixinErrorPattern |
|
|
1048
|
+
| `requiredVisible` | public | `boolean` | `false` | | mixinRequiredVisiblePattern |
|
|
1048
1049
|
|
|
1049
1050
|
### Attributes
|
|
1050
1051
|
|
|
1051
1052
|
| Name | Field | Inherited From |
|
|
1052
1053
|
| --------------------- | ------------------ | -------------- |
|
|
1053
1054
|
| `appearance` | appearance | |
|
|
1055
|
+
| `autocomplete` | autocomplete | |
|
|
1054
1056
|
| `full-bleed` | fullBleed | |
|
|
1055
1057
|
| `appearance-readonly` | appearanceReadOnly | |
|
|
1056
1058
|
|
|
@@ -34,6 +34,15 @@ export declare class TextField extends TextField_base {
|
|
|
34
34
|
* HTML Attribute: appearance
|
|
35
35
|
*/
|
|
36
36
|
appearance: TextFieldAppearance;
|
|
37
|
+
/**
|
|
38
|
+
* The autofill hint forwarded to the internal input (e.g. "username",
|
|
39
|
+
* "current-password", "off") for browser password managers and autofill.
|
|
40
|
+
*
|
|
41
|
+
* @public
|
|
42
|
+
* @remarks
|
|
43
|
+
* HTML Attribute: autocomplete
|
|
44
|
+
*/
|
|
45
|
+
autocomplete?: string;
|
|
37
46
|
fullBleed: boolean;
|
|
38
47
|
appearanceReadOnly: boolean;
|
|
39
48
|
}
|
|
@@ -29,6 +29,9 @@ export class TextField extends mixinErrorPattern(mixinRequiredVisiblePattern(Fou
|
|
|
29
29
|
__decorate([
|
|
30
30
|
attr
|
|
31
31
|
], TextField.prototype, "appearance", void 0);
|
|
32
|
+
__decorate([
|
|
33
|
+
attr
|
|
34
|
+
], TextField.prototype, "autocomplete", void 0);
|
|
32
35
|
__decorate([
|
|
33
36
|
attr({ attribute: 'full-bleed', mode: 'boolean' })
|
|
34
37
|
], TextField.prototype, "fullBleed", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACH,YAAY,EACZ,SAAS,IAAI,mBAAmB,EAEnC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAQjF;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,iBAAiB,CAC5C,2BAA2B,CAAC,mBAAmB,CAAC,CACnD;IAFD;;QAGI;;;;;;WAMG;QAEI,eAAU,GAAwB,mBAAmB,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACH,YAAY,EACZ,SAAS,IAAI,mBAAmB,EAEnC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAQjF;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,iBAAiB,CAC5C,2BAA2B,CAAC,mBAAmB,CAAC,CACnD;IAFD;;QAGI;;;;;;WAMG;QAEI,eAAU,GAAwB,mBAAmB,CAAC,SAAS,CAAC;QAchE,cAAS,GAAG,KAAK,CAAC;QAGlB,uBAAkB,GAAG,KAAK,CAAC;IACtC,CAAC;CAAA;AAlBU;IADN,IAAI;6CACkE;AAWhE;IADN,IAAI;+CACwB;AAGtB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CAC1B;AAGlB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;qDAC1B;AAGtC,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAmB;IACxD,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;IACD,GAAG,EAAE,IAAI,CAAW;WACb,sBAAsB;;;aAGpB,sBAAsB;;;;UAIzB,iBAAiB;KACtB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,YAAY,GAAG,mBAAmB,CAAC","sourcesContent":["import { attr, html } from '@ni/fast-element';\nimport {\n DesignSystem,\n TextField as FoundationTextField,\n type TextFieldOptions\n} from '@ni/fast-foundation';\nimport { styles } from './styles';\nimport { TextFieldAppearance } from './types';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { mixinErrorPattern } from '../patterns/error/types';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { template } from './template';\nimport { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nimble-text-field': TextField;\n }\n}\n\n/**\n * A nimble-styed HTML text input\n */\nexport class TextField extends mixinErrorPattern(\n mixinRequiredVisiblePattern(FoundationTextField)\n) {\n /**\n * The appearance the text field should have.\n *\n * @public\n * @remarks\n * HTML Attribute: appearance\n */\n @attr\n public appearance: TextFieldAppearance = TextFieldAppearance.underline;\n\n /**\n * The autofill hint forwarded to the internal input (e.g. \"username\",\n * \"current-password\", \"off\") for browser password managers and autofill.\n *\n * @public\n * @remarks\n * HTML Attribute: autocomplete\n */\n @attr\n public autocomplete?: string;\n\n @attr({ attribute: 'full-bleed', mode: 'boolean' })\n public fullBleed = false;\n\n @attr({ attribute: 'appearance-readonly', mode: 'boolean' })\n public appearanceReadOnly = false;\n}\n\nconst nimbleTextField = TextField.compose<TextFieldOptions>({\n baseName: 'text-field',\n baseClass: FoundationTextField,\n template,\n styles,\n shadowOptions: {\n delegatesFocus: true\n },\n end: html<TextField>`\n <${iconExclamationMarkTag}\n severity=\"error\"\n class=\"error-icon\"\n ></${iconExclamationMarkTag}>\n <span part=\"actions\">\n <slot name=\"actions\"></slot>\n </span>\n ${errorTextTemplate}\n `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleTextField());\nexport const textFieldTag = 'nimble-text-field';\n"]}
|
|
@@ -45,6 +45,7 @@ export const template = (context, definition) => html `
|
|
|
45
45
|
?spellcheck="${x => x.spellcheck}"
|
|
46
46
|
:value="${x => x.value}"
|
|
47
47
|
type="${x => x.type}"
|
|
48
|
+
autocomplete="${x => x.autocomplete}"
|
|
48
49
|
aria-atomic="${x => x.ariaAtomic}"
|
|
49
50
|
aria-busy="${x => x.ariaBusy}"
|
|
50
51
|
aria-controls="${x => x.ariaControls}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/text-field/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAGH,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EAClB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,kCAAkC,EAAE,MAAM,uCAAuC,CAAC;AAE3F,MAAM,aAAa,GAAG,kCAAkC,CACpD,IAAI,CAAW;;;iBAGF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;cAG7E,OAAO,CAAC;IACd,QAAQ,EAAE,qBAAqB;IAC/B,MAAM,EAAE,gBAAgB;CAC3B,CAAC;;aAEO,CACZ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAA;;;cAGnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;;;UAGvC,aAAa;;cAET,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;0BAK1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;2BACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE;8BAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;6BACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;6BACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;6BAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BAClB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;+BACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;+BACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;0BACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;wBACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;+
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/text-field/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, ref, slotted } from '@ni/fast-element';\nimport type { ViewTemplate } from '@ni/fast-element';\nimport {\n type FoundationElementTemplate,\n type TextFieldOptions,\n whitespaceFilter,\n startSlotTemplate,\n endSlotTemplate\n} from '@ni/fast-foundation';\nimport type { TextField } from '.';\nimport { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';\n\nconst labelTemplate = createRequiredVisibleLabelTemplate(\n html<TextField>`<label\n part=\"label\"\n for=\"control\"\n class=\"${x => (x.defaultSlottedNodes?.length > 0 ? 'label' : 'label label__hidden')}\"\n >\n <slot\n ${slotted({\n property: 'defaultSlottedNodes',\n filter: whitespaceFilter\n })}\n ></slot>\n </label>`\n);\n\n/**\n * The template for the {@link @ni/fast-foundation#(TextField:class)} component.\n * @public\n */\nexport const template: FoundationElementTemplate<\nViewTemplate<TextField>,\nTextFieldOptions\n> = (context, definition) => html`\n <template\n class=\"\n ${x => (x.readOnly ? 'readonly' : '')}\n \"\n >\n ${labelTemplate}\n <div class=\"root\" part=\"root\">\n ${startSlotTemplate(context, definition)}\n <input\n class=\"control\"\n part=\"control\"\n id=\"control\"\n @input=\"${x => x.handleTextInput()}\"\n @change=\"${x => x.handleChange()}\"\n ?autofocus=\"${x => x.autofocus}\"\n ?disabled=\"${x => x.disabled}\"\n list=\"${x => x.list}\"\n maxlength=\"${x => x.maxlength}\"\n minlength=\"${x => x.minlength}\"\n pattern=\"${x => x.pattern}\"\n placeholder=\"${x => x.placeholder}\"\n ?readonly=\"${x => x.readOnly}\"\n ?required=\"${x => x.required}\"\n size=\"${x => x.size}\"\n ?spellcheck=\"${x => x.spellcheck}\"\n :value=\"${x => x.value}\"\n type=\"${x => x.type}\"\n autocomplete=\"${x => x.autocomplete}\"\n aria-atomic=\"${x => x.ariaAtomic}\"\n aria-busy=\"${x => x.ariaBusy}\"\n aria-controls=\"${x => x.ariaControls}\"\n aria-current=\"${x => x.ariaCurrent}\"\n aria-describedby=\"${x => x.ariaDescribedby}\"\n aria-details=\"${x => x.ariaDetails}\"\n aria-disabled=\"${x => x.ariaDisabled}\"\n aria-errormessage=\"${x => x.ariaErrormessage}\"\n aria-flowto=\"${x => x.ariaFlowto}\"\n aria-haspopup=\"${x => x.ariaHaspopup}\"\n aria-hidden=\"${x => x.ariaHidden}\"\n aria-invalid=\"${x => x.ariaInvalid}\"\n aria-keyshortcuts=\"${x => x.ariaKeyshortcuts}\"\n aria-label=\"${x => x.ariaLabel}\"\n aria-labelledby=\"${x => x.ariaLabelledby}\"\n aria-live=\"${x => x.ariaLive}\"\n aria-owns=\"${x => x.ariaOwns}\"\n aria-relevant=\"${x => x.ariaRelevant}\"\n aria-roledescription=\"${x => x.ariaRoledescription}\"\n aria-required=\"${x => x.requiredVisible}\"\n ${ref('control')}\n />\n ${endSlotTemplate(context, definition)}\n </div>\n </template>\n`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "35.12.
|
|
3
|
+
"version": "35.12.5",
|
|
4
4
|
"description": "Styled web components for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:icons && npm run build:workers && npm run build:components && npm run build:scss && npm run build:cem",
|