@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/step/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/step/template.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, ref, ViewTemplate, when } from '@ni/fast-element';\nimport { endSlotTemplate, startSlotTemplate, type ButtonOptions, type FoundationElementTemplate } from '@ni/fast-foundation';\nimport type { Step } from '.';\nimport { severityTextTemplate } from '../patterns/severity/template';\nimport { iconCheckTag } from '../icons/check';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\nimport { iconTriangleFilledTag } from '../icons/triangle-filled';\nimport { Severity } from '../patterns/severity/types';\nimport { popupIconCompletedLabel, popupIconCurrentLabel, popupIconErrorLabel, popupIconWarningLabel } from '../label-provider/core/label-tokens';\nimport type { StepPattern } from '../patterns/step/types';\n\nexport const template: FoundationElementTemplate<\nViewTemplate<Step>,\nButtonOptions\n> = (context, definition) => html`\n <template slot=\"step\">\n <li class=\"\n container\n ${x => (x.stepInternals.orientation === 'vertical' ? 'vertical' : '')}\n ${x => (x.stepInternals.last ? 'last' : '')}\n \">\n <button\n class=\"control\"\n part=\"control\"\n ?autofocus=\"${x => x.autofocus}\"\n ?disabled=\"${x => x.disabled}\"\n form=\"${x => x.formId}\"\n formaction=\"${x => x.formaction}\"\n formenctype=\"${x => x.formenctype}\"\n formmethod=\"${x => x.formmethod}\"\n formnovalidate=\"${x => x.formnovalidate}\"\n formtarget=\"${x => x.formtarget}\"\n name=\"${x => x.name}\"\n type=\"${x => x.type}\"\n value=\"${x => x.value}\"\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-pressed=\"${x => x.ariaPressed}\"\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 </button>\n ${severityTextTemplate}\n </li>\n </template>\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"step.pageobject.js","sourceRoot":"","sources":["../../../../src/step/testing/step.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAEtF;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,kBAAwB;CAE3D","sourcesContent":["import type { Step } from '..';\nimport { StepBasePageObject } from '../../patterns/step/testing/step-base.pageobject';\n\n/**\n * Page object for steps\n */\nexport class StepPageObject extends StepBasePageObject<Step> {\n\n}\n"]}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { FoundationElement } from '@ni/fast-foundation';
|
|
2
|
+
import { StepperOrientation } from './types';
|
|
3
|
+
import type { StepPattern } from '../patterns/step/types';
|
|
2
4
|
declare global {
|
|
3
5
|
interface HTMLElementTagNameMap {
|
|
4
6
|
'nimble-stepper': Stepper;
|
|
@@ -8,5 +10,11 @@ declare global {
|
|
|
8
10
|
* A nimble-styled stepper
|
|
9
11
|
*/
|
|
10
12
|
export declare class Stepper extends FoundationElement {
|
|
13
|
+
orientation: StepperOrientation;
|
|
14
|
+
/** @internal */
|
|
15
|
+
steps?: (StepPattern)[];
|
|
16
|
+
private orientationChanged;
|
|
17
|
+
private stepsChanged;
|
|
18
|
+
private updateStepInternals;
|
|
11
19
|
}
|
|
12
20
|
export declare const stepperTag = "nimble-stepper";
|
|
@@ -1,11 +1,41 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
1
2
|
import { DesignSystem, FoundationElement } from '@ni/fast-foundation';
|
|
3
|
+
import { attr, observable } from '@ni/fast-element';
|
|
2
4
|
import { styles } from './styles';
|
|
3
5
|
import { template } from './template';
|
|
6
|
+
import { StepperOrientation } from './types';
|
|
4
7
|
/**
|
|
5
8
|
* A nimble-styled stepper
|
|
6
9
|
*/
|
|
7
10
|
export class Stepper extends FoundationElement {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.orientation = StepperOrientation.horizontal;
|
|
14
|
+
}
|
|
15
|
+
orientationChanged() {
|
|
16
|
+
this.updateStepInternals();
|
|
17
|
+
}
|
|
18
|
+
stepsChanged() {
|
|
19
|
+
this.updateStepInternals();
|
|
20
|
+
}
|
|
21
|
+
updateStepInternals() {
|
|
22
|
+
if (!this.steps) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
const lastIndex = this.steps.length - 1;
|
|
26
|
+
this.steps.forEach((step, index) => {
|
|
27
|
+
step.stepInternals.orientation = this.orientation;
|
|
28
|
+
step.stepInternals.last = index === lastIndex;
|
|
29
|
+
step.stepInternals.position = index + 1;
|
|
30
|
+
});
|
|
31
|
+
}
|
|
8
32
|
}
|
|
33
|
+
__decorate([
|
|
34
|
+
attr
|
|
35
|
+
], Stepper.prototype, "orientation", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
observable
|
|
38
|
+
], Stepper.prototype, "steps", void 0);
|
|
9
39
|
const nimbleStepper = Stepper.compose({
|
|
10
40
|
baseName: 'stepper',
|
|
11
41
|
template,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/stepper/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAS7C;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,iBAAiB;IAA9C;;QAEW,gBAAW,GAAuB,kBAAkB,CAAC,UAAU,CAAC;IAyB3E,CAAC;IAnBW,kBAAkB;QACtB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC/B,CAAC;IAEO,mBAAmB;QACvB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO;QACX,CAAC;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACxC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC/B,IAAI,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YAClD,IAAI,CAAC,aAAa,CAAC,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC;YAC9C,IAAI,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,GAAG,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAzBU;IADN,IAAI;4CACkE;AAIhE;IADN,UAAU;sCACoB;AAuBnC,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC;IAClC,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC","sourcesContent":["import { DesignSystem, FoundationElement } from '@ni/fast-foundation';\nimport { attr, observable } from '@ni/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport { StepperOrientation } from './types';\nimport type { StepPattern } from '../patterns/step/types';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nimble-stepper': Stepper;\n }\n}\n\n/**\n * A nimble-styled stepper\n */\nexport class Stepper extends FoundationElement {\n @attr\n public orientation: StepperOrientation = StepperOrientation.horizontal;\n\n /** @internal */\n @observable\n public steps?: (StepPattern)[];\n\n private orientationChanged(): void {\n this.updateStepInternals();\n }\n\n private stepsChanged(): void {\n this.updateStepInternals();\n }\n\n private updateStepInternals(): void {\n if (!this.steps) {\n return;\n }\n const lastIndex = this.steps.length - 1;\n this.steps.forEach((step, index) => {\n step.stepInternals.orientation = this.orientation;\n step.stepInternals.last = index === lastIndex;\n step.stepInternals.position = index + 1;\n });\n }\n}\n\nconst nimbleStepper = Stepper.compose({\n baseName: 'stepper',\n template,\n styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleStepper());\nexport const stepperTag = 'nimble-stepper';\n"]}
|
|
@@ -1,11 +1,28 @@
|
|
|
1
1
|
import { css } from '@ni/fast-element';
|
|
2
2
|
import { display } from '../utilities/style/display';
|
|
3
|
+
import { smallPadding } from '../theme-provider/design-tokens';
|
|
3
4
|
export const styles = css `
|
|
4
5
|
${display('inline-flex')}
|
|
5
6
|
|
|
6
7
|
:host {
|
|
7
8
|
border: none;
|
|
8
|
-
gap:
|
|
9
|
+
gap: ${smallPadding};
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:host([orientation="vertical"]) {
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
ol {
|
|
17
|
+
display: contents;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
slot[name="step"]::slotted(*) {
|
|
21
|
+
flex-grow: 1;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
slot[name="step"]::slotted(:last-child) {
|
|
25
|
+
flex-grow: 0;
|
|
9
26
|
}
|
|
10
27
|
`;
|
|
11
28
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/stepper/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/stepper/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;eAIb,YAAY;;;;;;;;;;;;;;;;;;CAkB1B,CAAC","sourcesContent":["import { css } from '@ni/fast-element';\nimport { display } from '../utilities/style/display';\nimport { smallPadding } from '../theme-provider/design-tokens';\n\nexport const styles = css`\n ${display('inline-flex')}\n\n :host {\n border: none;\n gap: ${smallPadding};\n }\n\n :host([orientation=\"vertical\"]) {\n flex-direction: column;\n }\n\n ol {\n display: contents;\n }\n\n slot[name=\"step\"]::slotted(*) {\n flex-grow: 1;\n }\n\n slot[name=\"step\"]::slotted(:last-child) {\n flex-grow: 0;\n }\n`;\n"]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { html } from '@ni/fast-element';
|
|
1
|
+
import { html, slotted } from '@ni/fast-element';
|
|
2
2
|
import { devicePixelRatio } from '../utilities/models/device-pixel-ratio';
|
|
3
|
-
export const template = html
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export const template = html `<ol><slot
|
|
4
|
+
style="--ni-private-device-pixel-ratio: ${() => devicePixelRatio.current};"
|
|
5
|
+
name="step"
|
|
6
|
+
${slotted('steps')}
|
|
7
|
+
></slot></ol>`;
|
|
7
8
|
//# sourceMappingURL=template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/stepper/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/stepper/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAS;kDACa,GAAG,EAAE,CAAC,gBAAgB,CAAC,OAAO;;UAEtE,OAAO,CAAC,OAAO,CAAC;kBACR,CAAC","sourcesContent":["import { html, slotted } from '@ni/fast-element';\nimport type { Stepper } from '.';\nimport { devicePixelRatio } from '../utilities/models/device-pixel-ratio';\n\nexport const template = html<Stepper>`<ol><slot\n style=\"--ni-private-device-pixel-ratio: ${() => devicePixelRatio.current};\"\n name=\"step\"\n ${slotted('steps')}\n ></slot></ol>`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-components",
|
|
3
|
-
"version": "35.5.
|
|
3
|
+
"version": "35.5.2",
|
|
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",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ni/fast-colors": "^10.0.0",
|
|
49
49
|
"@ni/fast-element": "^10.1.0",
|
|
50
|
-
"@ni/fast-foundation": "^10.2.
|
|
50
|
+
"@ni/fast-foundation": "^10.2.2",
|
|
51
51
|
"@ni/fast-web-utilities": "^10.0.0",
|
|
52
52
|
"@ni/nimble-tokens": "^8.17.0",
|
|
53
53
|
"@ni/unit-format": "^1.0.3",
|