@ni/nimble-components 35.5.0 → 35.5.2
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 +327 -160
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3746 -3641
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +105 -2
- package/dist/custom-elements.md +31 -15
- package/dist/esm/anchor-step/template.js +14 -19
- package/dist/esm/anchor-step/template.js.map +1 -1
- package/dist/esm/anchor-step/testing/anchor-step.pageobject.d.ts +7 -0
- package/dist/esm/anchor-step/testing/anchor-step.pageobject.js +7 -0
- package/dist/esm/anchor-step/testing/anchor-step.pageobject.js.map +1 -0
- package/dist/esm/label-provider/core/index.d.ts +6 -0
- package/dist/esm/label-provider/core/index.js +9 -1
- package/dist/esm/label-provider/core/index.js.map +1 -1
- package/dist/esm/label-provider/core/label-token-defaults.js +2 -0
- package/dist/esm/label-provider/core/label-token-defaults.js.map +1 -1
- package/dist/esm/label-provider/core/label-tokens.d.ts +2 -0
- package/dist/esm/label-provider/core/label-tokens.js +8 -0
- package/dist/esm/label-provider/core/label-tokens.js.map +1 -1
- package/dist/esm/patterns/severity/styles.js +4 -6
- package/dist/esm/patterns/severity/styles.js.map +1 -1
- package/dist/esm/patterns/severity/template.js +1 -0
- package/dist/esm/patterns/severity/template.js.map +1 -1
- package/dist/esm/patterns/severity/testing/severity-pattern.pageobject.d.ts +1 -0
- package/dist/esm/patterns/severity/testing/severity-pattern.pageobject.js +7 -0
- package/dist/esm/patterns/severity/testing/severity-pattern.pageobject.js.map +1 -1
- package/dist/esm/patterns/step/models/step-internals.d.ts +1 -0
- package/dist/esm/patterns/step/models/step-internals.js +4 -0
- package/dist/esm/patterns/step/models/step-internals.js.map +1 -1
- package/dist/esm/patterns/step/styles.js +154 -46
- package/dist/esm/patterns/step/styles.js.map +1 -1
- package/dist/esm/patterns/step/testing/step-base.pageobject.d.ts +12 -0
- package/dist/esm/patterns/step/testing/step-base.pageobject.js +40 -0
- package/dist/esm/patterns/step/testing/step-base.pageobject.js.map +1 -0
- package/dist/esm/patterns/step/types.d.ts +3 -2
- package/dist/esm/patterns/step/types.js.map +1 -1
- package/dist/esm/step/template.js +14 -19
- package/dist/esm/step/template.js.map +1 -1
- package/dist/esm/step/testing/step.pageobject.d.ts +7 -0
- package/dist/esm/step/testing/step.pageobject.js +7 -0
- package/dist/esm/step/testing/step.pageobject.js.map +1 -0
- package/dist/esm/stepper/index.d.ts +8 -0
- package/dist/esm/stepper/index.js +30 -0
- package/dist/esm/stepper/index.js.map +1 -1
- package/dist/esm/stepper/styles.js +18 -1
- package/dist/esm/stepper/styles.js.map +1 -1
- package/dist/esm/stepper/template.js +6 -5
- package/dist/esm/stepper/template.js.map +1 -1
- package/package.json +2 -2
|
@@ -5291,6 +5291,55 @@
|
|
|
5291
5291
|
"kind": "class",
|
|
5292
5292
|
"description": "A nimble-styled stepper",
|
|
5293
5293
|
"name": "Stepper",
|
|
5294
|
+
"members": [
|
|
5295
|
+
{
|
|
5296
|
+
"kind": "field",
|
|
5297
|
+
"name": "orientation",
|
|
5298
|
+
"type": {
|
|
5299
|
+
"text": "StepperOrientation"
|
|
5300
|
+
},
|
|
5301
|
+
"privacy": "public"
|
|
5302
|
+
},
|
|
5303
|
+
{
|
|
5304
|
+
"kind": "method",
|
|
5305
|
+
"name": "orientationChanged",
|
|
5306
|
+
"privacy": "private",
|
|
5307
|
+
"return": {
|
|
5308
|
+
"type": {
|
|
5309
|
+
"text": "void"
|
|
5310
|
+
}
|
|
5311
|
+
}
|
|
5312
|
+
},
|
|
5313
|
+
{
|
|
5314
|
+
"kind": "method",
|
|
5315
|
+
"name": "stepsChanged",
|
|
5316
|
+
"privacy": "private",
|
|
5317
|
+
"return": {
|
|
5318
|
+
"type": {
|
|
5319
|
+
"text": "void"
|
|
5320
|
+
}
|
|
5321
|
+
}
|
|
5322
|
+
},
|
|
5323
|
+
{
|
|
5324
|
+
"kind": "method",
|
|
5325
|
+
"name": "updateStepInternals",
|
|
5326
|
+
"privacy": "private",
|
|
5327
|
+
"return": {
|
|
5328
|
+
"type": {
|
|
5329
|
+
"text": "void"
|
|
5330
|
+
}
|
|
5331
|
+
}
|
|
5332
|
+
}
|
|
5333
|
+
],
|
|
5334
|
+
"attributes": [
|
|
5335
|
+
{
|
|
5336
|
+
"name": "orientation",
|
|
5337
|
+
"type": {
|
|
5338
|
+
"text": "StepperOrientation"
|
|
5339
|
+
},
|
|
5340
|
+
"fieldName": "orientation"
|
|
5341
|
+
}
|
|
5342
|
+
],
|
|
5294
5343
|
"superclass": {
|
|
5295
5344
|
"name": "FoundationElement",
|
|
5296
5345
|
"package": "@ni/fast-foundation"
|
|
@@ -8421,6 +8470,22 @@
|
|
|
8421
8470
|
},
|
|
8422
8471
|
"privacy": "public"
|
|
8423
8472
|
},
|
|
8473
|
+
{
|
|
8474
|
+
"kind": "field",
|
|
8475
|
+
"name": "popupIconCompleted",
|
|
8476
|
+
"type": {
|
|
8477
|
+
"text": "string | undefined"
|
|
8478
|
+
},
|
|
8479
|
+
"privacy": "public"
|
|
8480
|
+
},
|
|
8481
|
+
{
|
|
8482
|
+
"kind": "field",
|
|
8483
|
+
"name": "popupIconCurrent",
|
|
8484
|
+
"type": {
|
|
8485
|
+
"text": "string | undefined"
|
|
8486
|
+
},
|
|
8487
|
+
"privacy": "public"
|
|
8488
|
+
},
|
|
8424
8489
|
{
|
|
8425
8490
|
"kind": "field",
|
|
8426
8491
|
"name": "popupIconInformation",
|
|
@@ -8485,7 +8550,7 @@
|
|
|
8485
8550
|
},
|
|
8486
8551
|
"privacy": "protected",
|
|
8487
8552
|
"readonly": true,
|
|
8488
|
-
"default": "{ popupDismiss: popupDismissLabel, numericDecrement: numericDecrementLabel, numericIncrement: numericIncrementLabel, popupIconError: popupIconErrorLabel, popupIconWarning: popupIconWarningLabel, popupIconInformation: popupIconInformationLabel, filterSearch: filterSearchLabel, filterNoResults: filterNoResultsLabel, loading: loadingLabel, scrollBackward: scrollBackwardLabel, scrollForward: scrollForwardLabel, itemRemove: itemRemoveLabel }",
|
|
8553
|
+
"default": "{ popupDismiss: popupDismissLabel, numericDecrement: numericDecrementLabel, numericIncrement: numericIncrementLabel, popupIconError: popupIconErrorLabel, popupIconWarning: popupIconWarningLabel, popupIconCompleted: popupIconCompletedLabel, popupIconCurrent: popupIconCurrentLabel, popupIconInformation: popupIconInformationLabel, filterSearch: filterSearchLabel, filterNoResults: filterNoResultsLabel, loading: loadingLabel, scrollBackward: scrollBackwardLabel, scrollForward: scrollForwardLabel, itemRemove: itemRemoveLabel }",
|
|
8489
8554
|
"inheritedFrom": {
|
|
8490
8555
|
"name": "LabelProviderBase",
|
|
8491
8556
|
"module": "src/label-provider/base/index.ts"
|
|
@@ -8595,6 +8660,20 @@
|
|
|
8595
8660
|
},
|
|
8596
8661
|
"fieldName": "popupIconWarning"
|
|
8597
8662
|
},
|
|
8663
|
+
{
|
|
8664
|
+
"name": "popup-icon-completed",
|
|
8665
|
+
"type": {
|
|
8666
|
+
"text": "string | undefined"
|
|
8667
|
+
},
|
|
8668
|
+
"fieldName": "popupIconCompleted"
|
|
8669
|
+
},
|
|
8670
|
+
{
|
|
8671
|
+
"name": "popup-icon-current",
|
|
8672
|
+
"type": {
|
|
8673
|
+
"text": "string | undefined"
|
|
8674
|
+
},
|
|
8675
|
+
"fieldName": "popupIconCurrent"
|
|
8676
|
+
},
|
|
8598
8677
|
{
|
|
8599
8678
|
"name": "popup-icon-information",
|
|
8600
8679
|
"type": {
|
|
@@ -8688,7 +8767,7 @@
|
|
|
8688
8767
|
"type": {
|
|
8689
8768
|
"text": "{ readonly [key in TokenName]: string }"
|
|
8690
8769
|
},
|
|
8691
|
-
"default": "{ popupDismissLabel: 'Close', numericIncrementLabel: 'Increment', numericDecrementLabel: 'Decrement', popupIconErrorLabel: 'Error', popupIconWarningLabel: 'Warning', popupIconInformationLabel: 'Information', filterSearchLabel: 'Search', filterNoResultsLabel: 'No items found', loadingLabel: 'Loading…', scrollBackwardLabel: 'Scroll backward', scrollForwardLabel: 'Scroll forward', itemRemoveLabel: 'Remove' }"
|
|
8770
|
+
"default": "{ popupDismissLabel: 'Close', numericIncrementLabel: 'Increment', numericDecrementLabel: 'Decrement', popupIconErrorLabel: 'Error', popupIconWarningLabel: 'Warning', popupIconCompletedLabel: 'Completed', popupIconCurrentLabel: 'Current', popupIconInformationLabel: 'Information', filterSearchLabel: 'Search', filterNoResultsLabel: 'No items found', loadingLabel: 'Loading…', scrollBackwardLabel: 'Scroll backward', scrollForwardLabel: 'Scroll forward', itemRemoveLabel: 'Remove' }"
|
|
8692
8771
|
}
|
|
8693
8772
|
],
|
|
8694
8773
|
"exports": [
|
|
@@ -8726,6 +8805,14 @@
|
|
|
8726
8805
|
"kind": "variable",
|
|
8727
8806
|
"name": "popupIconWarningLabel"
|
|
8728
8807
|
},
|
|
8808
|
+
{
|
|
8809
|
+
"kind": "variable",
|
|
8810
|
+
"name": "popupIconCompletedLabel"
|
|
8811
|
+
},
|
|
8812
|
+
{
|
|
8813
|
+
"kind": "variable",
|
|
8814
|
+
"name": "popupIconCurrentLabel"
|
|
8815
|
+
},
|
|
8729
8816
|
{
|
|
8730
8817
|
"kind": "variable",
|
|
8731
8818
|
"name": "popupIconInformationLabel"
|
|
@@ -8796,6 +8883,22 @@
|
|
|
8796
8883
|
"module": "src/label-provider/core/label-tokens.ts"
|
|
8797
8884
|
}
|
|
8798
8885
|
},
|
|
8886
|
+
{
|
|
8887
|
+
"kind": "js",
|
|
8888
|
+
"name": "popupIconCompletedLabel",
|
|
8889
|
+
"declaration": {
|
|
8890
|
+
"name": "popupIconCompletedLabel",
|
|
8891
|
+
"module": "src/label-provider/core/label-tokens.ts"
|
|
8892
|
+
}
|
|
8893
|
+
},
|
|
8894
|
+
{
|
|
8895
|
+
"kind": "js",
|
|
8896
|
+
"name": "popupIconCurrentLabel",
|
|
8897
|
+
"declaration": {
|
|
8898
|
+
"name": "popupIconCurrentLabel",
|
|
8899
|
+
"module": "src/label-provider/core/label-tokens.ts"
|
|
8900
|
+
}
|
|
8901
|
+
},
|
|
8799
8902
|
{
|
|
8800
8903
|
"kind": "js",
|
|
8801
8904
|
"name": "popupIconInformationLabel",
|
package/dist/custom-elements.md
CHANGED
|
@@ -877,6 +877,18 @@
|
|
|
877
877
|
| ------------------- | ------ | ------------------- |
|
|
878
878
|
| `FoundationElement` | | @ni/fast-foundation |
|
|
879
879
|
|
|
880
|
+
### Fields
|
|
881
|
+
|
|
882
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
883
|
+
| ------------- | ------- | -------------------- | ------- | ----------- | -------------- |
|
|
884
|
+
| `orientation` | public | `StepperOrientation` | | | |
|
|
885
|
+
|
|
886
|
+
### Attributes
|
|
887
|
+
|
|
888
|
+
| Name | Field | Inherited From |
|
|
889
|
+
| ------------- | ----------- | -------------- |
|
|
890
|
+
| `orientation` | orientation | |
|
|
891
|
+
|
|
880
892
|
<hr/>
|
|
881
893
|
|
|
882
894
|
## class: `Switch`
|
|
@@ -1235,21 +1247,23 @@
|
|
|
1235
1247
|
|
|
1236
1248
|
### Fields
|
|
1237
1249
|
|
|
1238
|
-
| Name | Privacy | Type | Default
|
|
1239
|
-
| ---------------------- | --------- | --------------------- |
|
|
1240
|
-
| `popupDismiss` | public | `string \| undefined` |
|
|
1241
|
-
| `numericDecrement` | public | `string \| undefined` |
|
|
1242
|
-
| `numericIncrement` | public | `string \| undefined` |
|
|
1243
|
-
| `popupIconError` | public | `string \| undefined` |
|
|
1244
|
-
| `popupIconWarning` | public | `string \| undefined` |
|
|
1245
|
-
| `
|
|
1246
|
-
| `
|
|
1247
|
-
| `
|
|
1248
|
-
| `
|
|
1249
|
-
| `
|
|
1250
|
-
| `
|
|
1251
|
-
| `
|
|
1252
|
-
| `
|
|
1250
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
1251
|
+
| ---------------------- | --------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- | ----------------- |
|
|
1252
|
+
| `popupDismiss` | public | `string \| undefined` | | | |
|
|
1253
|
+
| `numericDecrement` | public | `string \| undefined` | | | |
|
|
1254
|
+
| `numericIncrement` | public | `string \| undefined` | | | |
|
|
1255
|
+
| `popupIconError` | public | `string \| undefined` | | | |
|
|
1256
|
+
| `popupIconWarning` | public | `string \| undefined` | | | |
|
|
1257
|
+
| `popupIconCompleted` | public | `string \| undefined` | | | |
|
|
1258
|
+
| `popupIconCurrent` | public | `string \| undefined` | | | |
|
|
1259
|
+
| `popupIconInformation` | public | `string \| undefined` | | | |
|
|
1260
|
+
| `filterSearch` | public | `string \| undefined` | | | |
|
|
1261
|
+
| `filterNoResults` | public | `string \| undefined` | | | |
|
|
1262
|
+
| `loading` | public | `string \| undefined` | | | |
|
|
1263
|
+
| `scrollBackward` | public | `string \| undefined` | | | |
|
|
1264
|
+
| `scrollForward` | public | `string \| undefined` | | | |
|
|
1265
|
+
| `itemRemove` | public | `string \| undefined` | | | |
|
|
1266
|
+
| `supportedLabels` | protected | `SupportedLabels` | `{ popupDismiss: popupDismissLabel, numericDecrement: numericDecrementLabel, numericIncrement: numericIncrementLabel, popupIconError: popupIconErrorLabel, popupIconWarning: popupIconWarningLabel, popupIconCompleted: popupIconCompletedLabel, popupIconCurrent: popupIconCurrentLabel, popupIconInformation: popupIconInformationLabel, filterSearch: filterSearchLabel, filterNoResults: filterNoResultsLabel, loading: loadingLabel, scrollBackward: scrollBackwardLabel, scrollForward: scrollForwardLabel, itemRemove: itemRemoveLabel }` | | LabelProviderBase |
|
|
1253
1267
|
|
|
1254
1268
|
### Methods
|
|
1255
1269
|
|
|
@@ -1266,6 +1280,8 @@
|
|
|
1266
1280
|
| `numeric-increment` | numericIncrement | |
|
|
1267
1281
|
| `popup-icon-error` | popupIconError | |
|
|
1268
1282
|
| `popup-icon-warning` | popupIconWarning | |
|
|
1283
|
+
| `popup-icon-completed` | popupIconCompleted | |
|
|
1284
|
+
| `popup-icon-current` | popupIconCurrent | |
|
|
1269
1285
|
| `popup-icon-information` | popupIconInformation | |
|
|
1270
1286
|
| `filter-search` | filterSearch | |
|
|
1271
1287
|
| `filter-no-results` | filterNoResults | |
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { html, ref,
|
|
1
|
+
import { html, ref, ViewTemplate, when } from '@ni/fast-element';
|
|
2
2
|
import { startSlotTemplate, endSlotTemplate } from '@ni/fast-foundation';
|
|
3
3
|
import { severityTextTemplate } from '../patterns/severity/template';
|
|
4
4
|
import { Severity } from '../patterns/severity/types';
|
|
5
5
|
import { iconExclamationMarkTag } from '../icons/exclamation-mark';
|
|
6
6
|
import { iconTriangleFilledTag } from '../icons/triangle-filled';
|
|
7
7
|
import { iconCheckTag } from '../icons/check';
|
|
8
|
+
import { popupIconCurrentLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconCompletedLabel } from '../label-provider/core/label-tokens';
|
|
8
9
|
export const template = (context, definition) => html `
|
|
9
10
|
<template slot="step">
|
|
10
|
-
<
|
|
11
|
+
<li class="
|
|
11
12
|
container
|
|
12
13
|
${x => (x.stepInternals.orientation === 'vertical' ? 'vertical' : '')}
|
|
13
14
|
${x => (x.stepInternals.last ? 'last' : '')}
|
|
@@ -46,28 +47,22 @@ export const template = (context, definition) => html `
|
|
|
46
47
|
aria-roledescription="${x => x.ariaRoledescription}"
|
|
47
48
|
${ref('control')}
|
|
48
49
|
>
|
|
49
|
-
<div class="icon">
|
|
50
|
-
<
|
|
50
|
+
<div class="icon">
|
|
51
|
+
<span class="current-label">${x => (x.selected ? popupIconCurrentLabel.getValueFor(x) : '')}</span>
|
|
52
|
+
<div class="step-indicator"><slot name="step-indicator"><span aria-hidden="true">${x => x.stepInternals.position}</span></slot></div>
|
|
51
53
|
<div class="icon-severity">
|
|
52
|
-
${when(x => x.severity === Severity.error, html `<${iconExclamationMarkTag}></${iconExclamationMarkTag}>`)}
|
|
53
|
-
${when(x => x.severity === Severity.warning, html `<${iconTriangleFilledTag}></${iconTriangleFilledTag}>`)}
|
|
54
|
-
${when(x => x.severity === Severity.success, html `<${iconCheckTag}></${iconCheckTag}>`)}
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
<div class="content">
|
|
58
|
-
<div class="title-wrapper">
|
|
59
|
-
${startSlotTemplate(context, definition)}
|
|
60
|
-
<div class="title"><slot name="title"></slot></div>
|
|
61
|
-
${endSlotTemplate(context, definition)}
|
|
62
|
-
<div class="line"></div>
|
|
63
|
-
</div>
|
|
64
|
-
<div class="subtitle">
|
|
65
|
-
<slot name="subtitle"></slot>
|
|
54
|
+
${when(x => x.severity === Severity.error, html `<${iconExclamationMarkTag} role="img" aria-label="${x => popupIconErrorLabel.getValueFor(x)}"></${iconExclamationMarkTag}>`)}
|
|
55
|
+
${when(x => x.severity === Severity.warning, html `<${iconTriangleFilledTag} role="img" aria-label="${x => popupIconWarningLabel.getValueFor(x)}"></${iconTriangleFilledTag}>`)}
|
|
56
|
+
${when(x => x.severity === Severity.success, html `<${iconCheckTag} role="img" aria-label="${x => popupIconCompletedLabel.getValueFor(x)}"></${iconCheckTag}>`)}
|
|
66
57
|
</div>
|
|
67
58
|
</div>
|
|
59
|
+
<div class="top-spacer"></div>
|
|
60
|
+
<div class="title">${startSlotTemplate(context, definition)}<slot name="title"></slot>${endSlotTemplate(context, definition)}</div>
|
|
61
|
+
<div class="line"></div>
|
|
62
|
+
<div class="subtitle"><slot name="subtitle"></slot></div>
|
|
68
63
|
</a>
|
|
69
64
|
${severityTextTemplate}
|
|
70
|
-
</
|
|
65
|
+
</li>
|
|
71
66
|
</template>
|
|
72
67
|
`;
|
|
73
68
|
//# sourceMappingURL=template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-step/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor-step/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, ref, ViewTemplate, when } from '@ni/fast-element';\nimport { type FoundationElementTemplate, type AnchorOptions, startSlotTemplate, endSlotTemplate } from '@ni/fast-foundation';\nimport type { AnchorStep } from '.';\nimport { severityTextTemplate } from '../patterns/severity/template';\nimport { Severity } from '../patterns/severity/types';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconTriangleFilledTag } from '../icons/triangle-filled';\nimport { iconCheckTag } from '../icons/check';\nimport type { StepPattern } from '../patterns/step/types';\nimport { popupIconCurrentLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconCompletedLabel } from '../label-provider/core/label-tokens';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<AnchorStep>,\nAnchorOptions\n> = (context, definition) => html<AnchorStep>`\n <template slot=\"step\">\n <li class=\"\n container\n ${x => (x.stepInternals.orientation === 'vertical' ? 'vertical' : '')}\n ${x => (x.stepInternals.last ? 'last' : '')}\n \">\n <a\n class=\"control\"\n part=\"control\"\n download=\"${x => x.download}\"\n href=${x => (x.disabled ? null : x.href)}\n hreflang=\"${x => x.hreflang}\"\n ping=\"${x => x.ping}\"\n referrerpolicy=\"${x => x.referrerpolicy}\"\n rel=\"${x => x.rel}\"\n target=\"${x => x.target}\"\n type=\"${x => x.type}\"\n tabindex=\"${x => x.tabIndex}\"\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-expanded=\"${x => x.ariaExpanded}\"\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 ${ref('control')}\n >\n <div class=\"icon\">\n <span class=\"current-label\">${x => (x.selected ? popupIconCurrentLabel.getValueFor(x) : '')}</span>\n <div class=\"step-indicator\"><slot name=\"step-indicator\"><span aria-hidden=\"true\">${x => x.stepInternals.position}</span></slot></div>\n <div class=\"icon-severity\">\n ${when(\n x => x.severity === Severity.error,\n html<StepPattern>`<${iconExclamationMarkTag} role=\"img\" aria-label=\"${x => popupIconErrorLabel.getValueFor(x)}\"></${iconExclamationMarkTag}>`\n )}\n ${when(\n x => x.severity === Severity.warning,\n html<StepPattern>`<${iconTriangleFilledTag} role=\"img\" aria-label=\"${x => popupIconWarningLabel.getValueFor(x)}\"></${iconTriangleFilledTag}>`\n )}\n ${when(\n x => x.severity === Severity.success,\n html<StepPattern>`<${iconCheckTag} role=\"img\" aria-label=\"${x => popupIconCompletedLabel.getValueFor(x)}\"></${iconCheckTag}>`\n )}\n </div>\n </div>\n <div class=\"top-spacer\"></div>\n <div class=\"title\">${startSlotTemplate(context, definition)}<slot name=\"title\"></slot>${endSlotTemplate(context, definition)}</div>\n <div class=\"line\"></div>\n <div class=\"subtitle\"><slot name=\"subtitle\"></slot></div>\n </a>\n ${severityTextTemplate}\n </li>\n </template>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"anchor-step.pageobject.js","sourceRoot":"","sources":["../../../../src/anchor-step/testing/anchor-step.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAEtF;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,kBAA8B;CAEvE","sourcesContent":["import type { AnchorStep } from '..';\nimport { StepBasePageObject } from '../../patterns/step/testing/step-base.pageobject';\n\n/**\n * Page object for anchor steps\n */\nexport class AnchorStepPageObject extends StepBasePageObject<AnchorStep> {\n\n}\n"]}
|
|
@@ -10,6 +10,8 @@ declare const supportedLabels: {
|
|
|
10
10
|
readonly numericIncrement: import("@ni/fast-foundation").DesignToken<string>;
|
|
11
11
|
readonly popupIconError: import("@ni/fast-foundation").DesignToken<string>;
|
|
12
12
|
readonly popupIconWarning: import("@ni/fast-foundation").DesignToken<string>;
|
|
13
|
+
readonly popupIconCompleted: import("@ni/fast-foundation").DesignToken<string>;
|
|
14
|
+
readonly popupIconCurrent: import("@ni/fast-foundation").DesignToken<string>;
|
|
13
15
|
readonly popupIconInformation: import("@ni/fast-foundation").DesignToken<string>;
|
|
14
16
|
readonly filterSearch: import("@ni/fast-foundation").DesignToken<string>;
|
|
15
17
|
readonly filterNoResults: import("@ni/fast-foundation").DesignToken<string>;
|
|
@@ -27,6 +29,8 @@ export declare class LabelProviderCore extends LabelProviderBase<typeof supporte
|
|
|
27
29
|
numericIncrement: string | undefined;
|
|
28
30
|
popupIconError: string | undefined;
|
|
29
31
|
popupIconWarning: string | undefined;
|
|
32
|
+
popupIconCompleted: string | undefined;
|
|
33
|
+
popupIconCurrent: string | undefined;
|
|
30
34
|
popupIconInformation: string | undefined;
|
|
31
35
|
filterSearch: string | undefined;
|
|
32
36
|
filterNoResults: string | undefined;
|
|
@@ -40,6 +44,8 @@ export declare class LabelProviderCore extends LabelProviderBase<typeof supporte
|
|
|
40
44
|
readonly numericIncrement: import("@ni/fast-foundation").DesignToken<string>;
|
|
41
45
|
readonly popupIconError: import("@ni/fast-foundation").DesignToken<string>;
|
|
42
46
|
readonly popupIconWarning: import("@ni/fast-foundation").DesignToken<string>;
|
|
47
|
+
readonly popupIconCompleted: import("@ni/fast-foundation").DesignToken<string>;
|
|
48
|
+
readonly popupIconCurrent: import("@ni/fast-foundation").DesignToken<string>;
|
|
43
49
|
readonly popupIconInformation: import("@ni/fast-foundation").DesignToken<string>;
|
|
44
50
|
readonly filterSearch: import("@ni/fast-foundation").DesignToken<string>;
|
|
45
51
|
readonly filterNoResults: import("@ni/fast-foundation").DesignToken<string>;
|
|
@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { attr } from '@ni/fast-element';
|
|
3
3
|
import { DesignSystem } from '@ni/fast-foundation';
|
|
4
4
|
import { LabelProviderBase } from '../base';
|
|
5
|
-
import { popupDismissLabel, numericDecrementLabel, numericIncrementLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconInformationLabel, filterSearchLabel, filterNoResultsLabel, loadingLabel, scrollBackwardLabel, scrollForwardLabel, itemRemoveLabel } from './label-tokens';
|
|
5
|
+
import { popupDismissLabel, numericDecrementLabel, numericIncrementLabel, popupIconErrorLabel, popupIconWarningLabel, popupIconCompletedLabel, popupIconCurrentLabel, popupIconInformationLabel, filterSearchLabel, filterNoResultsLabel, loadingLabel, scrollBackwardLabel, scrollForwardLabel, itemRemoveLabel } from './label-tokens';
|
|
6
6
|
import { styles } from '../base/styles';
|
|
7
7
|
const supportedLabels = {
|
|
8
8
|
popupDismiss: popupDismissLabel,
|
|
@@ -10,6 +10,8 @@ const supportedLabels = {
|
|
|
10
10
|
numericIncrement: numericIncrementLabel,
|
|
11
11
|
popupIconError: popupIconErrorLabel,
|
|
12
12
|
popupIconWarning: popupIconWarningLabel,
|
|
13
|
+
popupIconCompleted: popupIconCompletedLabel,
|
|
14
|
+
popupIconCurrent: popupIconCurrentLabel,
|
|
13
15
|
popupIconInformation: popupIconInformationLabel,
|
|
14
16
|
filterSearch: filterSearchLabel,
|
|
15
17
|
filterNoResults: filterNoResultsLabel,
|
|
@@ -42,6 +44,12 @@ __decorate([
|
|
|
42
44
|
__decorate([
|
|
43
45
|
attr({ attribute: 'popup-icon-warning' })
|
|
44
46
|
], LabelProviderCore.prototype, "popupIconWarning", void 0);
|
|
47
|
+
__decorate([
|
|
48
|
+
attr({ attribute: 'popup-icon-completed' })
|
|
49
|
+
], LabelProviderCore.prototype, "popupIconCompleted", void 0);
|
|
50
|
+
__decorate([
|
|
51
|
+
attr({ attribute: 'popup-icon-current' })
|
|
52
|
+
], LabelProviderCore.prototype, "popupIconCurrent", void 0);
|
|
45
53
|
__decorate([
|
|
46
54
|
attr({ attribute: 'popup-icon-information' })
|
|
47
55
|
], LabelProviderCore.prototype, "popupIconInformation", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/core/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,MAAM,eAAe,GAAG;IACpB,YAAY,EAAE,iBAAiB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,gBAAgB,EAAE,qBAAqB;IACvC,cAAc,EAAE,mBAAmB;IACnC,gBAAgB,EAAE,qBAAqB;IACvC,oBAAoB,EAAE,yBAAyB;IAC/C,YAAY,EAAE,iBAAiB;IAC/B,eAAe,EAAE,oBAAoB;IACrC,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,mBAAmB;IACnC,aAAa,EAAE,kBAAkB;IACjC,UAAU,EAAE,eAAe;CACrB,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,iBACT,SAAQ,iBAAyC;IADrD;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/core/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,qBAAqB,EACrB,yBAAyB,EACzB,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EAClB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAQxC,MAAM,eAAe,GAAG;IACpB,YAAY,EAAE,iBAAiB;IAC/B,gBAAgB,EAAE,qBAAqB;IACvC,gBAAgB,EAAE,qBAAqB;IACvC,cAAc,EAAE,mBAAmB;IACnC,gBAAgB,EAAE,qBAAqB;IACvC,kBAAkB,EAAE,uBAAuB;IAC3C,gBAAgB,EAAE,qBAAqB;IACvC,oBAAoB,EAAE,yBAAyB;IAC/C,YAAY,EAAE,iBAAiB;IAC/B,eAAe,EAAE,oBAAoB;IACrC,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,mBAAmB;IACnC,aAAa,EAAE,kBAAkB;IACjC,UAAU,EAAE,eAAe;CACrB,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,iBACT,SAAQ,iBAAyC;IADrD;;QA6CgC,oBAAe,GAAG,eAAe,CAAC;IAClE,CAAC;CAAA;AA1CU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDACG;AAGjC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;2DACG;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;2DACG;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;yDACE;AAGnC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;2DACE;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;6DACE;AAGvC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;2DACE;AAGrC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;+DACE;AAGzC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDACG;AAGjC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;0DACE;AAGpC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;kDACI;AAG5B;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;yDACG;AAGnC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wDACG;AAGlC;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;qDACG;AAK1C,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,OAAO,CAAC;IACtD,QAAQ,EAAE,qBAAqB;IAC/B,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC","sourcesContent":["import { attr } from '@ni/fast-element';\nimport { DesignSystem } from '@ni/fast-foundation';\nimport { type DesignTokensFor, LabelProviderBase } from '../base';\nimport {\n popupDismissLabel,\n numericDecrementLabel,\n numericIncrementLabel,\n popupIconErrorLabel,\n popupIconWarningLabel,\n popupIconCompletedLabel,\n popupIconCurrentLabel,\n popupIconInformationLabel,\n filterSearchLabel,\n filterNoResultsLabel,\n loadingLabel,\n scrollBackwardLabel,\n scrollForwardLabel,\n itemRemoveLabel\n} from './label-tokens';\nimport { styles } from '../base/styles';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nimble-label-provider-core': LabelProviderCore;\n }\n}\n\nconst supportedLabels = {\n popupDismiss: popupDismissLabel,\n numericDecrement: numericDecrementLabel,\n numericIncrement: numericIncrementLabel,\n popupIconError: popupIconErrorLabel,\n popupIconWarning: popupIconWarningLabel,\n popupIconCompleted: popupIconCompletedLabel,\n popupIconCurrent: popupIconCurrentLabel,\n popupIconInformation: popupIconInformationLabel,\n filterSearch: filterSearchLabel,\n filterNoResults: filterNoResultsLabel,\n loading: loadingLabel,\n scrollBackward: scrollBackwardLabel,\n scrollForward: scrollForwardLabel,\n itemRemove: itemRemoveLabel\n} as const;\n\n/**\n * Core label provider for Nimble\n */\nexport class LabelProviderCore\n extends LabelProviderBase<typeof supportedLabels>\n implements DesignTokensFor<typeof supportedLabels> {\n @attr({ attribute: 'popup-dismiss' })\n public popupDismiss: string | undefined;\n\n @attr({ attribute: 'numeric-decrement' })\n public numericDecrement: string | undefined;\n\n @attr({ attribute: 'numeric-increment' })\n public numericIncrement: string | undefined;\n\n @attr({ attribute: 'popup-icon-error' })\n public popupIconError: string | undefined;\n\n @attr({ attribute: 'popup-icon-warning' })\n public popupIconWarning: string | undefined;\n\n @attr({ attribute: 'popup-icon-completed' })\n public popupIconCompleted: string | undefined;\n\n @attr({ attribute: 'popup-icon-current' })\n public popupIconCurrent: string | undefined;\n\n @attr({ attribute: 'popup-icon-information' })\n public popupIconInformation: string | undefined;\n\n @attr({ attribute: 'filter-search' })\n public filterSearch: string | undefined;\n\n @attr({ attribute: 'filter-no-results' })\n public filterNoResults: string | undefined;\n\n @attr({ attribute: 'loading' })\n public loading: string | undefined;\n\n @attr({ attribute: 'scroll-backward' })\n public scrollBackward: string | undefined;\n\n @attr({ attribute: 'scroll-forward' })\n public scrollForward: string | undefined;\n\n @attr({ attribute: 'item-remove' })\n public itemRemove: string | undefined;\n\n protected override readonly supportedLabels = supportedLabels;\n}\n\nconst nimbleLabelProviderCore = LabelProviderCore.compose({\n baseName: 'label-provider-core',\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('nimble')\n .register(nimbleLabelProviderCore());\nexport const labelProviderCoreTag = 'nimble-label-provider-core';\n"]}
|
|
@@ -4,6 +4,8 @@ export const coreLabelDefaults = {
|
|
|
4
4
|
numericDecrementLabel: 'Decrement',
|
|
5
5
|
popupIconErrorLabel: 'Error',
|
|
6
6
|
popupIconWarningLabel: 'Warning',
|
|
7
|
+
popupIconCompletedLabel: 'Completed',
|
|
8
|
+
popupIconCurrentLabel: 'Current',
|
|
7
9
|
popupIconInformationLabel: 'Information',
|
|
8
10
|
filterSearchLabel: 'Search',
|
|
9
11
|
filterNoResultsLabel: 'No items found',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAA4C;IACtE,iBAAiB,EAAE,OAAO;IAC1B,qBAAqB,EAAE,WAAW;IAClC,qBAAqB,EAAE,WAAW;IAClC,mBAAmB,EAAE,OAAO;IAC5B,qBAAqB,EAAE,SAAS;IAChC,yBAAyB,EAAE,aAAa;IACxC,iBAAiB,EAAE,QAAQ;IAC3B,oBAAoB,EAAE,gBAAgB;IACtC,YAAY,EAAE,UAAU;IACxB,mBAAmB,EAAE,iBAAiB;IACtC,kBAAkB,EAAE,gBAAgB;IACpC,eAAe,EAAE,QAAQ;CAC5B,CAAC","sourcesContent":["import type * as TokensNamespace from './label-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const coreLabelDefaults: { readonly [key in TokenName]: string } = {\n popupDismissLabel: 'Close',\n numericIncrementLabel: 'Increment',\n numericDecrementLabel: 'Decrement',\n popupIconErrorLabel: 'Error',\n popupIconWarningLabel: 'Warning',\n popupIconInformationLabel: 'Information',\n filterSearchLabel: 'Search',\n filterNoResultsLabel: 'No items found',\n loadingLabel: 'Loading…',\n scrollBackwardLabel: 'Scroll backward',\n scrollForwardLabel: 'Scroll forward',\n itemRemoveLabel: 'Remove'\n};\n"]}
|
|
1
|
+
{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAA4C;IACtE,iBAAiB,EAAE,OAAO;IAC1B,qBAAqB,EAAE,WAAW;IAClC,qBAAqB,EAAE,WAAW;IAClC,mBAAmB,EAAE,OAAO;IAC5B,qBAAqB,EAAE,SAAS;IAChC,uBAAuB,EAAE,WAAW;IACpC,qBAAqB,EAAE,SAAS;IAChC,yBAAyB,EAAE,aAAa;IACxC,iBAAiB,EAAE,QAAQ;IAC3B,oBAAoB,EAAE,gBAAgB;IACtC,YAAY,EAAE,UAAU;IACxB,mBAAmB,EAAE,iBAAiB;IACtC,kBAAkB,EAAE,gBAAgB;IACpC,eAAe,EAAE,QAAQ;CAC5B,CAAC","sourcesContent":["import type * as TokensNamespace from './label-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const coreLabelDefaults: { readonly [key in TokenName]: string } = {\n popupDismissLabel: 'Close',\n numericIncrementLabel: 'Increment',\n numericDecrementLabel: 'Decrement',\n popupIconErrorLabel: 'Error',\n popupIconWarningLabel: 'Warning',\n popupIconCompletedLabel: 'Completed',\n popupIconCurrentLabel: 'Current',\n popupIconInformationLabel: 'Information',\n filterSearchLabel: 'Search',\n filterNoResultsLabel: 'No items found',\n loadingLabel: 'Loading…',\n scrollBackwardLabel: 'Scroll backward',\n scrollForwardLabel: 'Scroll forward',\n itemRemoveLabel: 'Remove'\n};\n"]}
|
|
@@ -4,6 +4,8 @@ export declare const numericDecrementLabel: DesignToken<string>;
|
|
|
4
4
|
export declare const numericIncrementLabel: DesignToken<string>;
|
|
5
5
|
export declare const popupIconErrorLabel: DesignToken<string>;
|
|
6
6
|
export declare const popupIconWarningLabel: DesignToken<string>;
|
|
7
|
+
export declare const popupIconCompletedLabel: DesignToken<string>;
|
|
8
|
+
export declare const popupIconCurrentLabel: DesignToken<string>;
|
|
7
9
|
export declare const popupIconInformationLabel: DesignToken<string>;
|
|
8
10
|
export declare const filterSearchLabel: DesignToken<string>;
|
|
9
11
|
export declare const filterNoResultsLabel: DesignToken<string>;
|
|
@@ -20,6 +20,14 @@ export const popupIconWarningLabel = DesignToken.create({
|
|
|
20
20
|
name: 'popup-icon-warning-label',
|
|
21
21
|
cssCustomPropertyName: null
|
|
22
22
|
}).withDefault(coreLabelDefaults.popupIconWarningLabel);
|
|
23
|
+
export const popupIconCompletedLabel = DesignToken.create({
|
|
24
|
+
name: 'popup-icon-completed-label',
|
|
25
|
+
cssCustomPropertyName: null
|
|
26
|
+
}).withDefault(coreLabelDefaults.popupIconCompletedLabel);
|
|
27
|
+
export const popupIconCurrentLabel = DesignToken.create({
|
|
28
|
+
name: 'popup-icon-current-label',
|
|
29
|
+
cssCustomPropertyName: null
|
|
30
|
+
}).withDefault(coreLabelDefaults.popupIconCurrentLabel);
|
|
23
31
|
export const popupIconInformationLabel = DesignToken.create({
|
|
24
32
|
name: 'popup-icon-information-label',
|
|
25
33
|
cssCustomPropertyName: null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAS;IACxD,IAAI,EAAE,qBAAqB;IAC3B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,0BAA0B;IAChC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,WAAW,CAAC,MAAM,CAAS;IAChE,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAS;IACxD,IAAI,EAAE,qBAAqB;IAC3B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC3D,IAAI,EAAE,yBAAyB;IAC/B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CAAS;IACnD,IAAI,EAAE,eAAe;IACrB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,uBAAuB;IAC7B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC,MAAM,CAAS;IACzD,IAAI,EAAE,sBAAsB;IAC5B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAS;IACtD,IAAI,EAAE,mBAAmB;IACzB,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC","sourcesContent":["import { DesignToken } from '@ni/fast-foundation';\nimport { coreLabelDefaults } from './label-token-defaults';\n\nexport const popupDismissLabel = DesignToken.create<string>({\n name: 'popup-dismiss-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupDismissLabel);\n\nexport const numericDecrementLabel = DesignToken.create<string>({\n name: 'numeric-decrement-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericDecrementLabel);\n\nexport const numericIncrementLabel = DesignToken.create<string>({\n name: 'numeric-increment-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericIncrementLabel);\n\nexport const popupIconErrorLabel = DesignToken.create<string>({\n name: 'popup-icon-error-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconErrorLabel);\n\nexport const popupIconWarningLabel = DesignToken.create<string>({\n name: 'popup-icon-warning-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconWarningLabel);\n\nexport const popupIconInformationLabel = DesignToken.create<string>({\n name: 'popup-icon-information-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconInformationLabel);\n\nexport const filterSearchLabel = DesignToken.create<string>({\n name: 'filter-search-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterSearchLabel);\n\nexport const filterNoResultsLabel = DesignToken.create<string>({\n name: 'filter-no-results-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterNoResultsLabel);\n\nexport const loadingLabel = DesignToken.create<string>({\n name: 'loading-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.loadingLabel);\n\nexport const scrollBackwardLabel = DesignToken.create<string>({\n name: 'scroll-backward-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollBackwardLabel);\n\nexport const scrollForwardLabel = DesignToken.create<string>({\n name: 'scroll-forward-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollForwardLabel);\n\nexport const itemRemoveLabel = DesignToken.create<string>({\n name: 'item-remove-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.itemRemoveLabel);\n"]}
|
|
1
|
+
{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/core/label-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignToken } from '@ni/fast-foundation';\nimport { coreLabelDefaults } from './label-token-defaults';\n\nexport const popupDismissLabel = DesignToken.create<string>({\n name: 'popup-dismiss-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupDismissLabel);\n\nexport const numericDecrementLabel = DesignToken.create<string>({\n name: 'numeric-decrement-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericDecrementLabel);\n\nexport const numericIncrementLabel = DesignToken.create<string>({\n name: 'numeric-increment-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.numericIncrementLabel);\n\nexport const popupIconErrorLabel = DesignToken.create<string>({\n name: 'popup-icon-error-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconErrorLabel);\n\nexport const popupIconWarningLabel = DesignToken.create<string>({\n name: 'popup-icon-warning-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconWarningLabel);\n\nexport const popupIconCompletedLabel = DesignToken.create<string>({\n name: 'popup-icon-completed-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconCompletedLabel);\n\nexport const popupIconCurrentLabel = DesignToken.create<string>({\n name: 'popup-icon-current-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconCurrentLabel);\n\nexport const popupIconInformationLabel = DesignToken.create<string>({\n name: 'popup-icon-information-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.popupIconInformationLabel);\n\nexport const filterSearchLabel = DesignToken.create<string>({\n name: 'filter-search-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterSearchLabel);\n\nexport const filterNoResultsLabel = DesignToken.create<string>({\n name: 'filter-no-results-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.filterNoResultsLabel);\n\nexport const loadingLabel = DesignToken.create<string>({\n name: 'loading-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.loadingLabel);\n\nexport const scrollBackwardLabel = DesignToken.create<string>({\n name: 'scroll-backward-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollBackwardLabel);\n\nexport const scrollForwardLabel = DesignToken.create<string>({\n name: 'scroll-forward-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.scrollForwardLabel);\n\nexport const itemRemoveLabel = DesignToken.create<string>({\n name: 'item-remove-label',\n cssCustomPropertyName: null\n}).withDefault(coreLabelDefaults.itemRemoveLabel);\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cssPartial } from '@ni/fast-element';
|
|
2
|
-
import { failColor,
|
|
2
|
+
import { failColor, errorTextFont, buttonLabelFontColor, warningFontColor, } from '../../theme-provider/design-tokens';
|
|
3
3
|
// These styles end up inside a @layer block so must use the
|
|
4
4
|
// cssPartial tag instead of the css tag
|
|
5
5
|
export const styles = cssPartial `
|
|
@@ -7,16 +7,14 @@ export const styles = cssPartial `
|
|
|
7
7
|
display: none;
|
|
8
8
|
font: ${errorTextFont};
|
|
9
9
|
color: ${buttonLabelFontColor};
|
|
10
|
-
width: 100%;
|
|
11
10
|
position: absolute;
|
|
12
|
-
|
|
13
|
-
bottom: calc(-1 * (${errorTextFontLineHeight} - 2px));
|
|
14
|
-
left: 0px;
|
|
11
|
+
padding: 0;
|
|
15
12
|
overflow: hidden;
|
|
16
13
|
text-overflow: ellipsis;
|
|
17
14
|
white-space: nowrap;
|
|
15
|
+
width: 100%;
|
|
18
16
|
}
|
|
19
|
-
|
|
17
|
+
|
|
20
18
|
:host([severity="error"]) .severity-text {
|
|
21
19
|
display: block;
|
|
22
20
|
color: ${failColor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/severity/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACH,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/severity/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EACH,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,gBAAgB,GACnB,MAAM,oCAAoC,CAAC;AAE5C,4DAA4D;AAC5D,wCAAwC;AACxC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAA;;;gBAGhB,aAAa;iBACZ,oBAAoB;;;;;;;;;;;iBAWpB,SAAS;;;;;iBAKT,gBAAgB;;;;;CAKhC,CAAC","sourcesContent":["import { cssPartial } from '@ni/fast-element';\nimport {\n failColor,\n errorTextFont,\n buttonLabelFontColor,\n warningFontColor,\n} from '../../theme-provider/design-tokens';\n\n// These styles end up inside a @layer block so must use the\n// cssPartial tag instead of the css tag\nexport const styles = cssPartial`\n .severity-text {\n display: none;\n font: ${errorTextFont};\n color: ${buttonLabelFontColor};\n position: absolute;\n padding: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n }\n\n :host([severity=\"error\"]) .severity-text {\n display: block;\n color: ${failColor};\n }\n\n :host([severity=\"warning\"]) .severity-text {\n display: block;\n color: ${warningFontColor};\n }\n .severity-text:empty {\n display: none;\n }\n`;\n"]}
|
|
@@ -6,5 +6,6 @@ export const severityTextTemplate = html `
|
|
|
6
6
|
${overflow('severityHasOverflow')}
|
|
7
7
|
title="${x => (x.severityHasOverflow && x.severityText ? x.severityText : undefined)}"
|
|
8
8
|
aria-live="polite"
|
|
9
|
+
@click="${(_x, c) => c.event.stopImmediatePropagation()}"
|
|
9
10
|
>${x => x.severityText}</div>`;
|
|
10
11
|
//# sourceMappingURL=template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/patterns/severity/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAiB;;;UAG/C,QAAQ,CAAC,qBAAqB,CAAC;iBACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;;
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/patterns/severity/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,IAAI,CAAiB;;;UAG/C,QAAQ,CAAC,qBAAqB,CAAC;iBACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;;kBAE1E,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,wBAAwB,EAAE;OACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,QAAQ,CAAC","sourcesContent":["import { html } from '@ni/fast-element';\nimport type { SeverityPattern } from './types';\nimport { overflow } from '../../utilities/directive/overflow';\n\nexport const severityTextTemplate = html<SeverityPattern>`\n <div\n class=\"severity-text\"\n ${overflow('severityHasOverflow')}\n title=\"${x => (x.severityHasOverflow && x.severityText ? x.severityText : undefined)}\"\n aria-live=\"polite\"\n @click=\"${(_x, c) => c.event.stopImmediatePropagation()}\"\n >${x => x.severityText}</div>`;\n"]}
|