@genesislcap/foundation-ui 14.125.0 → 14.125.1

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.
@@ -4,7 +4,7 @@ import { FoundationElement, TabsOrientation, TreeItem } from '@microsoft/fast-fo
4
4
  */
5
5
  export declare class StepperTab extends FoundationElement {
6
6
  treeItem: TreeItem;
7
- disabled: boolean;
7
+ slot: string;
8
8
  selected: boolean;
9
9
  completed: boolean;
10
10
  error: boolean;
@@ -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;IACQ,QAAQ,EAAE,OAAO,CAAC;IAClB,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;CAKhB;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;IACN,WAAW,EAAE,MAAM,CAAC;IACnD,WAAW,EAAE,eAAe,CAA4B;IAE9D,WAAW;IAIX,eAAe;CAKhB;AAGD,eAAO,MAAM,iCAAiC,EAAE,cAA0B,CAAC;AAE3E,eAAO,MAAM,uBAAuB,IAAK,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,0TAM/B,CAAC"}
@@ -1,5 +1,4 @@
1
- import type { ViewTemplate } from '@microsoft/fast-element';
2
- import type { FoundationElementTemplate, TabsOptions } from '@microsoft/fast-foundation';
3
1
  import { StepperTab } from './stepper-tab';
4
- export declare const foundationStepperTabTemplate: FoundationElementTemplate<ViewTemplate<StepperTab>, TabsOptions>;
2
+ export declare const getPrefixedStepperTab: (prefix: string) => import("@microsoft/fast-element").ViewTemplate<StepperTab, any>;
3
+ export declare const foundationStepperTabTemplate: import("@microsoft/fast-element").ViewTemplate<StepperTab, any>;
5
4
  //# sourceMappingURL=stepper-tab.template.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,4BAA4B,EAAE,yBAAyB,CAClE,YAAY,CAAC,UAAU,CAAC,EACxB,WAAW,CAqDZ,CAAC"}
1
+ {"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,qBAAqB,WAAY,MAAM,oEAgDnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
@@ -24,7 +24,7 @@ export class Stepper extends FoundationElement {
24
24
  const tabpanelId = this.tabpanelIds[index];
25
25
  tab.setAttribute('id', tabId);
26
26
  tab.setAttribute('aria-selected', isActiveTab ? 'true' : 'false');
27
- tab.setAttribute('disabled', isActiveTab ? 'false' : 'true');
27
+ tab.setAttribute('aria-disabled', isActiveTab ? 'false' : 'true');
28
28
  tab.setAttribute('selected', isActiveTab ? 'true' : 'false');
29
29
  tab.setAttribute('orientation', this.orientation);
30
30
  tab.setAttribute('aria-controls', tabpanelId);
@@ -9,6 +9,7 @@ import { foundationStepperTabTemplate as template } from './stepper-tab.template
9
9
  export class StepperTab extends FoundationElement {
10
10
  constructor() {
11
11
  super(...arguments);
12
+ this.slot = 'tab';
12
13
  this.orientation = TabsOrientation.vertical;
13
14
  }
14
15
  isCompleted() {
@@ -21,8 +22,8 @@ export class StepperTab extends FoundationElement {
21
22
  }
22
23
  }
23
24
  __decorate([
24
- attr({ mode: 'boolean' })
25
- ], StepperTab.prototype, "disabled", void 0);
25
+ attr
26
+ ], StepperTab.prototype, "slot", void 0);
26
27
  __decorate([
27
28
  attr({ mode: 'boolean' })
28
29
  ], StepperTab.prototype, "selected", void 0);
@@ -16,7 +16,7 @@ export const foundationStepperTabStyles = (context, definition) => css `
16
16
  background: var(--neutral-fill-stealth-rest);
17
17
  }
18
18
 
19
- foundation-icon {
19
+ .stepper-icon {
20
20
  margin-right: 5px;
21
21
  }
22
22
 
@@ -1,43 +1,43 @@
1
1
  import { whenElse } from '@genesislcap/foundation-utils';
2
2
  import { html, ref, when } from '@microsoft/fast-element';
3
- import { endSlotTemplate, startSlotTemplate, TabsOrientation } from '@microsoft/fast-foundation';
4
- export const foundationStepperTabTemplate = (context, definition) => html `
5
- <template slot="tab" role="stepper-tab" aria-disabled="${(x) => x.disabled}">
6
- ${startSlotTemplate(context, definition)}
7
- ${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
8
- <foundation-tree-item ${ref('treeItem')} class="tree-item">
3
+ import { TabsOrientation } from '@microsoft/fast-foundation';
4
+ import { getPrefix } from '../utils';
5
+ export const getPrefixedStepperTab = (prefix) => html `
6
+ ${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
7
+ <${prefix}-tree-item ${ref('treeItem')} class="tree-item">
9
8
  ${when((x) => x.completed, html `
10
- <foundation-icon
9
+ <${prefix}-icon
11
10
  name="check-circle"
12
11
  variant="regular"
13
12
  size="lg"
14
- class="completed-icon"
15
- ></foundation-icon>
13
+ class="stepper-icon completed-icon"
14
+ ></${prefix}-icon>
16
15
  `)}
17
16
  ${when((x) => x.error, html `
18
- <foundation-icon
17
+ <${prefix}-icon
19
18
  name="times-circle"
20
19
  variant="regular"
21
20
  size="lg"
22
- class="error-icon"
23
- ></foundation-icon>
21
+ class="stepper-icon error-icon"
22
+ ></${prefix}-icon>
24
23
  `)}
25
24
  <slot></slot>
26
- </foundation-tree-item>
25
+ </${prefix}-tree-item>
27
26
  `, html `
28
- <div class="step-number-container">
29
- <span class="step-number">${(x) => x.tabPosition}</span>
30
- <slot class="step-title"></slot>
31
- ${when((x) => !x.isLast, html `
32
- <foundation-icon
33
- class="angle-icon"
27
+ <div class="step-number-container">
28
+ <span class="step-number">${(x) => x.tabPosition}</span>
29
+ <slot class="step-title"></slot>
30
+ ${when((x) => !x.isLast, html `
31
+ <${prefix}-icon
32
+ class="stepper-icon angle-icon"
34
33
  name="angle-right"
35
34
  variant="solid"
36
35
  size="lg"
37
- ></foundation-icon>
36
+ ></${prefix}-icon>
38
37
  `)}
39
- </div>
40
- `)}
41
- ${endSlotTemplate(context, definition)}
42
- </template>
38
+ </div>
39
+ `)}
40
+ `;
41
+ export const foundationStepperTabTemplate = html `
42
+ ${(x) => getPrefixedStepperTab(getPrefix(x))}
43
43
  `;
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.125.0",
4
+ "version": "14.125.1",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -74,8 +74,8 @@
74
74
  "test:debug": "genx test --debug"
75
75
  },
76
76
  "devDependencies": {
77
- "@genesislcap/foundation-testing": "14.125.0",
78
- "@genesislcap/genx": "14.125.0",
77
+ "@genesislcap/foundation-testing": "14.125.1",
78
+ "@genesislcap/genx": "14.125.1",
79
79
  "copyfiles": "^2.4.1",
80
80
  "rimraf": "^3.0.2",
81
81
  "rxjs": "^7.5.4"
@@ -86,12 +86,12 @@
86
86
  "@fortawesome/free-regular-svg-icons": "^6.2.1",
87
87
  "@fortawesome/free-solid-svg-icons": "^6.2.1",
88
88
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
89
- "@genesislcap/foundation-comms": "14.125.0",
90
- "@genesislcap/foundation-criteria": "14.125.0",
91
- "@genesislcap/foundation-errors": "14.125.0",
92
- "@genesislcap/foundation-logger": "14.125.0",
93
- "@genesislcap/foundation-notifications": "14.125.0",
94
- "@genesislcap/foundation-utils": "14.125.0",
89
+ "@genesislcap/foundation-comms": "14.125.1",
90
+ "@genesislcap/foundation-criteria": "14.125.1",
91
+ "@genesislcap/foundation-errors": "14.125.1",
92
+ "@genesislcap/foundation-logger": "14.125.1",
93
+ "@genesislcap/foundation-notifications": "14.125.1",
94
+ "@genesislcap/foundation-utils": "14.125.1",
95
95
  "@microsoft/fast-colors": "^5.1.4",
96
96
  "@microsoft/fast-components": "^2.21.3",
97
97
  "@microsoft/fast-element": "^1.7.0",
@@ -113,5 +113,5 @@
113
113
  "access": "public"
114
114
  },
115
115
  "customElements": "dist/custom-elements.json",
116
- "gitHead": "c59496ce3895b80fa7faf7fb4d2b58b5a64355ba"
116
+ "gitHead": "1c6f03b9dccb2332ab68e08f66ecc4f4011b604b"
117
117
  }