@genesislcap/foundation-ui 14.214.4 → 14.215.0

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.
Files changed (14) hide show
  1. package/dist/custom-elements.json +1233 -1211
  2. package/dist/dts/stepper/stepper.d.ts +1 -0
  3. package/dist/dts/stepper/stepper.d.ts.map +1 -1
  4. package/dist/dts/stepper/stepper.template.d.ts.map +1 -1
  5. package/dist/dts/stepper-tab/stepper-tab.d.ts +1 -0
  6. package/dist/dts/stepper-tab/stepper-tab.d.ts.map +1 -1
  7. package/dist/dts/stepper-tab/stepper-tab.styles.d.ts.map +1 -1
  8. package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map +1 -1
  9. package/dist/esm/stepper/stepper.js +10 -0
  10. package/dist/esm/stepper/stepper.template.js +3 -2
  11. package/dist/esm/stepper-tab/stepper-tab.js +3 -0
  12. package/dist/esm/stepper-tab/stepper-tab.styles.js +4 -0
  13. package/dist/esm/stepper-tab/stepper-tab.template.js +15 -9
  14. package/package.json +16 -16
package/dist/dts/stepper/stepper.d.ts CHANGED
@@ -24,6 +24,7 @@ export declare class Stepper extends FoundationElement {
24
24
  private tabpanelIds;
25
25
  connectedCallback(): void;
26
26
  private getActiveIndex;
27
+ handleStepClick(stepIndex: any): void;
27
28
  get disabledPreviousStep(): boolean;
28
29
  get isLastStep(): boolean;
29
30
  get islastStepValid(): boolean;
package/dist/dts/stepper/stepper.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAChF,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAQ7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/C,WAAW,IAAI,IAAI;IAWP,SAAS,EAAE,WAAW,EAAE,CAAC;IACrC,gBAAgB,IAAI,IAAI;IAUZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IAEnC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,cAAc;IAStB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IAqChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CA6B1B;IAEF,gBAAgB,aAWd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}
1
+ {"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAChF,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAQ7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;IAC/C,WAAW,IAAI,IAAI;IAWP,SAAS,EAAE,WAAW,EAAE,CAAC;IACrC,gBAAgB,IAAI,IAAI;IAUZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IAEnC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,cAAc;IAStB,eAAe,CAAC,SAAS,KAAA;IAUzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IAqChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CA6B1B;IAEF,gBAAgB,aAWd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}
package/dist/dts/stepper/stepper.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,+EA0C9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
1
+ {"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,+EA2C9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
package/dist/dts/stepper-tab/stepper-tab.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare class StepperTab extends FoundationElement {
9
9
  completed: boolean;
10
10
  error: boolean;
11
11
  isLast: boolean;
12
+ showCursorPointer: boolean;
12
13
  tabPosition: number;
13
14
  orientation: TabsOrientation;
14
15
  isCompleted(): boolean;
package/dist/dts/stepper-tab/stepper-tab.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI1F;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IAC/C,QAAQ,EAAE,QAAQ,CAAC;IACb,IAAI,SAAS;IACQ,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IACN,WAAW,EAAE,MAAM,CAAC;IACnD,WAAW,EAAE,eAAe,CAA4B;IAE9D,WAAW;IAIX,eAAe;IAMf,oBAAoB,IAAI,IAAI;CAO7B;AAGD,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,0TAM/B,CAAC"}
1
+ {"version":3,"file":"stepper-tab.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAI1F;;GAEG;AACH,qBAAa,UAAW,SAAQ,iBAAiB;IAC/C,QAAQ,EAAE,QAAQ,CAAC;IACb,IAAI,SAAS;IACQ,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACnD,WAAW,EAAE,eAAe,CAA4B;IAE9D,WAAW;IAIX,eAAe;IAMf,oBAAoB,IAAI,IAAI;CAO7B;AAGD,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,0TAM/B,CAAC"}
package/dist/dts/stepper-tab/stepper-tab.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.styles.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,0BAA0B,YAC5B,wBAAwB,cACrB,2BAA2B,KACtC,aA6EF,CAAC"}
1
+ {"version":3,"file":"stepper-tab.styles.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,0BAA0B,YAC5B,wBAAwB,cACrB,2BAA2B,KACtC,aAiFF,CAAC"}
package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEAgDnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
1
+ {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEAqDnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
package/dist/esm/stepper/stepper.js CHANGED
@@ -31,6 +31,7 @@ export class Stepper extends FoundationElement {
31
31
  tab.setAttribute('tab-position', String(index + 1));
32
32
  tab.setAttribute('isLast', String(isLast));
33
33
  tab.setAttribute('tabindex', isActiveTab ? '0' : '-1');
34
+ tab.setAttribute('showCursorPointer', String(index <= this.activeTabIndex));
34
35
  if (isActiveTab) {
35
36
  this.activetab = tab;
36
37
  this.activeid = tabId;
@@ -108,6 +109,15 @@ export class Stepper extends FoundationElement {
108
109
  return 0;
109
110
  }
110
111
  }
112
+ handleStepClick(stepIndex) {
113
+ if (stepIndex < this.activeTabIndex) {
114
+ for (let i = stepIndex + 1; i <= this.activeTabIndex; i = i + 1) {
115
+ this.tabs[i].completed = false;
116
+ }
117
+ this.activetab = this.tabs[stepIndex];
118
+ this.activeid = this.tabIds[stepIndex];
119
+ }
120
+ }
111
121
  get disabledPreviousStep() {
112
122
  return this.activeTabIndex === 0 ? true : false;
113
123
  }
package/dist/esm/stepper/stepper.template.js CHANGED
@@ -2,9 +2,10 @@ import { html, slotted, when } from '@microsoft/fast-element';
2
2
  import { TabsOrientation } from '@microsoft/fast-foundation';
3
3
  import { getPrefix } from '../utils';
4
4
  export const getPrefixedStepper = (prefix) => html `
5
- <${prefix}-card class="stepper-tab" part="stepper-tab" role="stepper-tab" data-test-id="stepper-tab">
5
+
6
+ <${prefix}-card class="stepper-tab" part="stepper-tab" @tab-clicked="${(x, c) => x.handleStepClick(c.event.detail)}" role="stepper-tab" data-test-id="stepper-tab">
6
7
  <div class="stepper-tab-menu" part="stepper-tab-menu">
7
- <slot name="tab" ${slotted('tabs')}></slot>
8
+ <slot name="tab" ${slotted('tabs')} ></slot>
8
9
  </div>
9
10
  ${when((x) => x.orientation === TabsOrientation.vertical, html `
10
11
  <div class="stepper-tab-progress" part="stepper-tab-progress">
package/dist/esm/stepper-tab/stepper-tab.js CHANGED
@@ -42,6 +42,9 @@ __decorate([
42
42
  __decorate([
43
43
  attr({ mode: 'boolean' })
44
44
  ], StepperTab.prototype, "isLast", void 0);
45
+ __decorate([
46
+ attr({ mode: 'boolean' })
47
+ ], StepperTab.prototype, "showCursorPointer", void 0);
45
48
  __decorate([
46
49
  attr({ attribute: 'tab-position' })
47
50
  ], StepperTab.prototype, "tabPosition", void 0);
package/dist/esm/stepper-tab/stepper-tab.styles.js CHANGED
@@ -76,4 +76,8 @@ export const foundationStepperTabStyles = (context, definition) => css `
76
76
  :host([error]) .step-title {
77
77
  color: #f14376;
78
78
  }
79
+
80
+ .cursor-pointer {
81
+ cursor: pointer;
82
+ }
79
83
  `;
package/dist/esm/stepper-tab/stepper-tab.template.js CHANGED
@@ -1,10 +1,13 @@
1
1
  import { whenElse } from '@genesislcap/foundation-utils';
2
2
  import { html, ref, when } from '@microsoft/fast-element';
3
3
  import { TabsOrientation } from '@microsoft/fast-foundation';
4
+ import { classNames } from '@microsoft/fast-web-utilities';
4
5
  import { getPrefix } from '../utils';
5
6
  export const getPrefixedStepperTab = (prefix) => html `
6
7
  ${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
7
- <${prefix}-tree-item ${ref('treeItem')} class="tree-item">
8
+ <${prefix}-tree-item ${ref('treeItem')}
9
+ class=${(x) => classNames('tree-item', ['cursor-pointer', x.showCursorPointer])}
10
+ @click="${(x, c) => x.$emit('tab-clicked', x.tabPosition - 1)}">
8
11
  ${when((x) => x.completed, html `
9
12
  <${prefix}-icon
10
13
  name="check-circle"
@@ -24,17 +27,20 @@ export const getPrefixedStepperTab = (prefix) => html `
24
27
  <slot></slot>
25
28
  </${prefix}-tree-item>
26
29
  `, html `
27
- <div class="step-number-container">
30
+ <div
31
+ class=${(x) => classNames('step-number-container', ['cursor-pointer', x.showCursorPointer])}
32
+ @click="${(x) => x.$emit('tab-clicked', x.tabPosition - 1)}"
33
+ >
28
34
  <span class="step-number">${(x) => x.tabPosition}</span>
29
35
  <slot class="step-title"></slot>
30
36
  ${when((x) => !x.isLast, html `
31
- <${prefix}-icon
32
- class="stepper-icon angle-icon"
33
- name="angle-right"
34
- variant="solid"
35
- size="lg"
36
- ></${prefix}-icon>
37
- `)}
37
+ <${prefix}-icon
38
+ class="stepper-icon angle-icon"
39
+ name="angle-right"
40
+ variant="solid"
41
+ size="lg"
42
+ ></${prefix}-icon>
43
+ `)}
38
44
  </div>
39
45
  `)}
40
46
  `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-ui",
3
3
  "description": "Genesis Foundation UI",
4
- "version": "14.214.4",
4
+ "version": "14.215.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
83
83
  }
84
84
  },
85
85
  "devDependencies": {
86
- "@genesislcap/foundation-testing": "14.214.4",
87
- "@genesislcap/genx": "14.214.4",
88
- "@genesislcap/rollup-builder": "14.214.4",
89
- "@genesislcap/ts-builder": "14.214.4",
90
- "@genesislcap/uvu-playwright-builder": "14.214.4",
91
- "@genesislcap/vite-builder": "14.214.4",
92
- "@genesislcap/webpack-builder": "14.214.4",
86
+ "@genesislcap/foundation-testing": "14.215.0",
87
+ "@genesislcap/genx": "14.215.0",
88
+ "@genesislcap/rollup-builder": "14.215.0",
89
+ "@genesislcap/ts-builder": "14.215.0",
90
+ "@genesislcap/uvu-playwright-builder": "14.215.0",
91
+ "@genesislcap/vite-builder": "14.215.0",
92
+ "@genesislcap/webpack-builder": "14.215.0",
93
93
  "copyfiles": "^2.4.1",
94
94
  "rimraf": "^5.0.0",
95
95
  "rxjs": "^7.5.4"
@@ -100,13 +100,13 @@
100
100
  "@fortawesome/free-regular-svg-icons": "^6.2.1",
101
101
  "@fortawesome/free-solid-svg-icons": "^6.2.1",
102
102
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
103
- "@genesislcap/foundation-comms": "14.214.4",
104
- "@genesislcap/foundation-criteria": "14.214.4",
105
- "@genesislcap/foundation-errors": "14.214.4",
106
- "@genesislcap/foundation-logger": "14.214.4",
107
- "@genesislcap/foundation-notifications": "14.214.4",
108
- "@genesislcap/foundation-user": "14.214.4",
109
- "@genesislcap/foundation-utils": "14.214.4",
103
+ "@genesislcap/foundation-comms": "14.215.0",
104
+ "@genesislcap/foundation-criteria": "14.215.0",
105
+ "@genesislcap/foundation-errors": "14.215.0",
106
+ "@genesislcap/foundation-logger": "14.215.0",
107
+ "@genesislcap/foundation-notifications": "14.215.0",
108
+ "@genesislcap/foundation-user": "14.215.0",
109
+ "@genesislcap/foundation-utils": "14.215.0",
110
110
  "@microsoft/fast-colors": "^5.3.1",
111
111
  "@microsoft/fast-components": "^2.30.6",
112
112
  "@microsoft/fast-element": "^1.12.0",
@@ -128,5 +128,5 @@
128
128
  "access": "public"
129
129
  },
130
130
  "customElements": "dist/custom-elements.json",
131
- "gitHead": "bf09c1923937329fe6e048704860737f1b92e088"
131
+ "gitHead": "bb6ce44be244b1e9f16e6dddb2c8cffb4b85d330"
132
132
  }