@genesislcap/foundation-ui 14.125.0 → 14.126.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 +1491 -1470
  2. package/dist/dts/options-datasource/options-datasource.d.ts +1 -1
  3. package/dist/dts/options-datasource/options-datasource.d.ts.map +1 -1
  4. package/dist/dts/stepper-tab/stepper-tab.d.ts +1 -1
  5. package/dist/dts/stepper-tab/stepper-tab.d.ts.map +1 -1
  6. package/dist/dts/stepper-tab/stepper-tab.template.d.ts +2 -3
  7. package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map +1 -1
  8. package/dist/esm/horizontal-scroll/horizontal-scroll.js +4 -4
  9. package/dist/esm/options-datasource/options-datasource.js +3 -1
  10. package/dist/esm/stepper/stepper.js +1 -1
  11. package/dist/esm/stepper-tab/stepper-tab.js +3 -2
  12. package/dist/esm/stepper-tab/stepper-tab.styles.js +1 -1
  13. package/dist/esm/stepper-tab/stepper-tab.template.js +24 -24
  14. package/package.json +10 -10
package/dist/dts/options-datasource/options-datasource.d.ts CHANGED
@@ -3,13 +3,13 @@ import { Select } from '../select';
3
3
  import { BaseDatasource } from '../utils';
4
4
  export declare class OptionsDatasource extends BaseDatasource {
5
5
  labelField: string;
6
+ optionElement: string;
6
7
  valueField: string;
7
8
  labelFormatter: any;
8
9
  initialSelectedValue: string | number;
9
10
  initialSelectedValueChanged(oldValue: any, newValue: any): void;
10
11
  initalSelectedValueInitialized: boolean;
11
12
  protected select: Select | Combobox;
12
- optionElement: string;
13
13
  isSnapshot: boolean;
14
14
  protected options: {
15
15
  value: any;
package/dist/dts/options-datasource/options-datasource.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"options-datasource.d.ts","sourceRoot":"","sources":["../../../src/options-datasource/options-datasource.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,cAAc,EAAU,MAAM,UAAU,CAAC;AAGlD,qBAGa,iBAAkB,SAAQ,cAAc;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IAC3C,cAAc,MAAC;IAEf,oBAAoB,EAAE,MAAM,GAAG,MAAM,CAAC;IAClD,2BAA2B,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA;IAI9C,8BAA8B,EAAE,OAAO,CAAS;IAEhD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAiB;IACtC,UAAU,EAAE,OAAO,CAAQ;IAElC,SAAS,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE7C,iBAAiB;IA8BjB,sBAAsB;IAY5B,SAAS,IAAI,IAAI;IAUjB,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IA8BtC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI;IAI9C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;IAI7C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;CAG9C"}
1
+ {"version":3,"file":"options-datasource.d.ts","sourceRoot":"","sources":["../../../src/options-datasource/options-datasource.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,cAAc,EAAU,MAAM,UAAU,CAAC;AAGlD,qBAGa,iBAAkB,SAAQ,cAAc;IACf,UAAU,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IAC3C,cAAc,MAAC;IAEf,oBAAoB,EAAE,MAAM,GAAG,MAAM,CAAC;IAClD,2BAA2B,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA;IAI9C,8BAA8B,EAAE,OAAO,CAAS;IAEhD,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC7B,UAAU,EAAE,OAAO,CAAQ;IAElC,SAAS,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE7C,iBAAiB;IA8BjB,sBAAsB;IAY5B,SAAS,IAAI,IAAI;IAUjB,iBAAiB,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE;IA8BtC,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,IAAI;IAI9C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;IAI7C,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI;CAG9C"}
package/dist/dts/stepper-tab/stepper-tab.d.ts CHANGED
@@ -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;
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;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"}
package/dist/dts/stepper-tab/stepper-tab.template.d.ts CHANGED
@@ -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
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":"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"}
package/dist/esm/horizontal-scroll/horizontal-scroll.js CHANGED
@@ -14,17 +14,17 @@ export const foundationHorizontalScrollShadowOptions = {
14
14
  };
15
15
  export const defaultHorizontalScrollConfig = {
16
16
  nextFlipper: html `
17
- <fast-flipper
17
+ <foundation-flipper
18
18
  @click="${(x) => x.scrollToNext()}"
19
19
  aria-hidden="${(x) => x.flippersHiddenFromAT}"
20
- ></fast-flipper>
20
+ ></foundation-flipper>
21
21
  `,
22
22
  previousFlipper: html `
23
- <fast-flipper
23
+ <foundation-flipper
24
24
  @click="${(x) => x.scrollToPrevious()}"
25
25
  direction="previous"
26
26
  aria-hidden="${(x) => x.flippersHiddenFromAT}"
27
- ></fast-flipper>
27
+ ></foundation-flipper>
28
28
  `,
29
29
  };
30
30
  /**
package/dist/esm/options-datasource/options-datasource.js CHANGED
@@ -9,7 +9,6 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
9
9
  constructor() {
10
10
  super(...arguments);
11
11
  this.initalSelectedValueInitialized = false;
12
- this.optionElement = 'fast-option';
13
12
  this.isSnapshot = true;
14
13
  }
15
14
  initialSelectedValueChanged(oldValue, newValue) {
@@ -104,6 +103,9 @@ let OptionsDatasource = OptionsDatasource_1 = class OptionsDatasource extends Ba
104
103
  __decorate([
105
104
  attr({ attribute: 'label-field' })
106
105
  ], OptionsDatasource.prototype, "labelField", void 0);
106
+ __decorate([
107
+ attr({ attribute: 'option-element' })
108
+ ], OptionsDatasource.prototype, "optionElement", void 0);
107
109
  __decorate([
108
110
  attr({ attribute: 'value-field' })
109
111
  ], OptionsDatasource.prototype, "valueField", void 0);
package/dist/esm/stepper/stepper.js CHANGED
@@ -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);
package/dist/esm/stepper-tab/stepper-tab.js CHANGED
@@ -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);
package/dist/esm/stepper-tab/stepper-tab.styles.js CHANGED
@@ -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
 
package/dist/esm/stepper-tab/stepper-tab.template.js CHANGED
@@ -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.126.0",
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.126.0",
78
+ "@genesislcap/genx": "14.126.0",
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.126.0",
90
+ "@genesislcap/foundation-criteria": "14.126.0",
91
+ "@genesislcap/foundation-errors": "14.126.0",
92
+ "@genesislcap/foundation-logger": "14.126.0",
93
+ "@genesislcap/foundation-notifications": "14.126.0",
94
+ "@genesislcap/foundation-utils": "14.126.0",
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": "726c78d9ec85c2d1b308d070eb090db8b68e421d"
117
117
  }