@genesislcap/foundation-ui 14.464.1-alpha-99d66df.0 → 14.465.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.
- package/dist/custom-elements.json +620 -600
- package/dist/dts/react.d.ts +9 -9
- package/dist/dts/stepper/stepper.d.ts +6 -0
- package/dist/dts/stepper/stepper.d.ts.map +1 -1
- package/dist/dts/stepper/stepper.template.d.ts.map +1 -1
- package/dist/esm/stepper/stepper.js +23 -6
- package/dist/esm/stepper/stepper.template.js +2 -0
- package/dist/react.cjs +6 -6
- package/dist/react.mjs +5 -5
- package/package.json +19 -19
package/dist/dts/react.d.ts
CHANGED
|
@@ -129,15 +129,6 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
129
129
|
onInput?(e: Event): void;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
133
|
-
React.PropsWithChildren<
|
|
134
|
-
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
135
|
-
HTMLWCProps & {
|
|
136
|
-
}
|
|
137
|
-
> & React.RefAttributes<AccordionItemWC>
|
|
138
|
-
>;
|
|
139
|
-
export type AccordionItemRef = AccordionItemWC;
|
|
140
|
-
|
|
141
132
|
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
142
133
|
React.PropsWithChildren<
|
|
143
134
|
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
@@ -176,6 +167,15 @@ export declare const AiIndicator: React.ForwardRefExoticComponent<
|
|
|
176
167
|
>;
|
|
177
168
|
export type AiIndicatorRef = AiIndicatorWC;
|
|
178
169
|
|
|
170
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
171
|
+
React.PropsWithChildren<
|
|
172
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
173
|
+
HTMLWCProps & {
|
|
174
|
+
}
|
|
175
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
176
|
+
>;
|
|
177
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
178
|
+
|
|
179
179
|
export declare const Anchor: React.ForwardRefExoticComponent<
|
|
180
180
|
React.PropsWithChildren<
|
|
181
181
|
Omit<PublicOf<AnchorWC>, 'children' | 'style'> &
|
|
@@ -19,6 +19,12 @@ export declare class Stepper extends FoundationElement {
|
|
|
19
19
|
allowForwardJumps: boolean;
|
|
20
20
|
hideAllButtons: boolean;
|
|
21
21
|
hideTabs: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Render only the step-indicator card — no tab-panel container and no action
|
|
24
|
+
* buttons. Lets the stepper be used as a read-only progress indicator with
|
|
25
|
+
* `<stepper-tab>` children but no `<stepper-tab-panel>` children.
|
|
26
|
+
*/
|
|
27
|
+
indicatorOnly: boolean;
|
|
22
28
|
orientation: TabsOrientation;
|
|
23
29
|
orientationChanged(): void;
|
|
24
30
|
activeid: string;
|
|
@@ -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;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACvC,QAAQ,EAAE,OAAO,CAAS;
|
|
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;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACvC,QAAQ,EAAE,OAAO,CAAS;IAC7E;;;;OAIG;IACqD,aAAa,EAAE,OAAO,CAAS;IACjF,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;IAa7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAM;IACpD,WAAW,IAAI,IAAI;IAUP,SAAS,EAAE,WAAW,EAAE,CAAM;IAC1C,gBAAgB,IAAI,IAAI;IAMZ,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;IACnC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,8BAA8B;IAOtC,OAAO,CAAC,cAAc;IAStB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAE,OAAe,GAAG,OAAO;IAkD9E;;;OAGG;IACH,aAAa,IAAI,OAAO;IAIxB;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB,eAAe,CAAC,SAAS,KAAA;IAQzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IA0CzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IA0ChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CAoC1B;IAEF,gBAAgB,aAYd;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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,
|
|
1
|
+
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,iEAqDxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
|
|
@@ -21,7 +21,17 @@ export class Stepper extends FoundationElement {
|
|
|
21
21
|
this.allowForwardJumps = false;
|
|
22
22
|
this.hideAllButtons = false;
|
|
23
23
|
this.hideTabs = false;
|
|
24
|
+
/**
|
|
25
|
+
* Render only the step-indicator card — no tab-panel container and no action
|
|
26
|
+
* buttons. Lets the stepper be used as a read-only progress indicator with
|
|
27
|
+
* `<stepper-tab>` children but no `<stepper-tab-panel>` children.
|
|
28
|
+
*/
|
|
29
|
+
this.indicatorOnly = false;
|
|
24
30
|
this.orientation = TabsOrientation.vertical;
|
|
31
|
+
// Initialised to [] so indicator-only mode (no tab-panel slot, so `slotted`
|
|
32
|
+
// never populates `tabpanels`) doesn't throw in getTabPanelIds()/setTabPanels().
|
|
33
|
+
this.tabs = [];
|
|
34
|
+
this.tabpanels = [];
|
|
25
35
|
this.progressValue = 0;
|
|
26
36
|
this.activeTabIndex = 0;
|
|
27
37
|
this.pendingNextStep = false;
|
|
@@ -39,8 +49,8 @@ export class Stepper extends FoundationElement {
|
|
|
39
49
|
tab.setAttribute('aria-disabled', isActiveTab ? 'false' : 'true');
|
|
40
50
|
tab.setAttribute('selected', isActiveTab ? 'true' : 'false');
|
|
41
51
|
tab.setAttribute('orientation', this.orientation);
|
|
42
|
-
|
|
43
|
-
|
|
52
|
+
if (tabpanelId)
|
|
53
|
+
tab.setAttribute('aria-controls', tabpanelId);
|
|
44
54
|
tab.setAttribute('tab-position', String(index + 1));
|
|
45
55
|
tab.setAttribute('isLast', String(isLast));
|
|
46
56
|
tab.setAttribute('hideStepNumber', String(this.hideStepNumber === true));
|
|
@@ -64,7 +74,8 @@ export class Stepper extends FoundationElement {
|
|
|
64
74
|
completedCount += 1;
|
|
65
75
|
}
|
|
66
76
|
});
|
|
67
|
-
this.
|
|
77
|
+
const denom = this.indicatorOnly ? this.tabs.length : this.tabpanels.length;
|
|
78
|
+
this.progressValue = denom ? Math.round((completedCount / denom) * 100) : 0;
|
|
68
79
|
};
|
|
69
80
|
this.setTabPanels = () => {
|
|
70
81
|
this.tabpanels.forEach((tabpanel, index) => {
|
|
@@ -85,14 +96,16 @@ export class Stepper extends FoundationElement {
|
|
|
85
96
|
}
|
|
86
97
|
}
|
|
87
98
|
activeidChanged(oldValue, newValue) {
|
|
88
|
-
if (this.$fastController.isConnected &&
|
|
99
|
+
if (this.$fastController.isConnected &&
|
|
100
|
+
(this.indicatorOnly || this.tabs.length <= this.tabpanels.length)) {
|
|
89
101
|
this.setTabs();
|
|
90
102
|
this.setTabPanels();
|
|
91
103
|
this.getCompletedTabs();
|
|
92
104
|
}
|
|
93
105
|
}
|
|
94
106
|
tabsChanged() {
|
|
95
|
-
if (this.$fastController.isConnected &&
|
|
107
|
+
if (this.$fastController.isConnected &&
|
|
108
|
+
(this.indicatorOnly || this.tabs.length <= this.tabpanels.length)) {
|
|
96
109
|
this.setTabsAndTabPanels();
|
|
97
110
|
this.checkAndExecutePendingNextStep();
|
|
98
111
|
}
|
|
@@ -115,7 +128,8 @@ export class Stepper extends FoundationElement {
|
|
|
115
128
|
this.setTabs();
|
|
116
129
|
this.setTabPanels();
|
|
117
130
|
this.getCompletedTabs();
|
|
118
|
-
this.slotsInitialized =
|
|
131
|
+
this.slotsInitialized =
|
|
132
|
+
this.tabs.length > 0 && (this.indicatorOnly || this.tabpanels.length > 0);
|
|
119
133
|
}
|
|
120
134
|
checkAndExecutePendingNextStep() {
|
|
121
135
|
if (this.pendingNextStep && this.slotsInitialized) {
|
|
@@ -352,6 +366,9 @@ __decorate([
|
|
|
352
366
|
__decorate([
|
|
353
367
|
attr({ attribute: 'hide-tabs', mode: 'boolean' })
|
|
354
368
|
], Stepper.prototype, "hideTabs", void 0);
|
|
369
|
+
__decorate([
|
|
370
|
+
attr({ attribute: 'indicator-only', mode: 'boolean' })
|
|
371
|
+
], Stepper.prototype, "indicatorOnly", void 0);
|
|
355
372
|
__decorate([
|
|
356
373
|
attr
|
|
357
374
|
], Stepper.prototype, "orientation", void 0);
|
|
@@ -14,6 +14,7 @@ export const getPrefixedStepper = (prefix) => html `
|
|
|
14
14
|
<label>You have completed ${(x) => x.progressValue}% of the fields required to create a project</label>
|
|
15
15
|
</div>`)}
|
|
16
16
|
</${prefix}-card>
|
|
17
|
+
${when((x) => !x.indicatorOnly, html `
|
|
17
18
|
<${prefix}-card class="stepper-tab-panel" part="stepper-tab-panel" data-test-id="stepper-tab-panel">
|
|
18
19
|
<div class="stepper-panel-container" part="stepper-panel-container">
|
|
19
20
|
<slot name="tab-panel" ${slotted('tabpanels')}></slot>
|
|
@@ -33,6 +34,7 @@ export const getPrefixedStepper = (prefix) => html `
|
|
|
33
34
|
</div>
|
|
34
35
|
`)}
|
|
35
36
|
</${prefix}-card>
|
|
37
|
+
`)}
|
|
36
38
|
`;
|
|
37
39
|
export const foundationStepperTemplate = html `
|
|
38
40
|
${(x) => getPrefixedStepper(getPrefix(x))}
|
package/dist/react.cjs
CHANGED
|
@@ -111,11 +111,6 @@ function _mergeRefs(...refs) {
|
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
115
|
-
const { children, ...rest } = props;
|
|
116
|
-
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
117
|
-
});
|
|
118
|
-
|
|
119
114
|
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
120
115
|
const { children, ...rest } = props;
|
|
121
116
|
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
@@ -153,6 +148,11 @@ const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
|
153
148
|
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
154
149
|
});
|
|
155
150
|
|
|
151
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
152
|
+
const { children, ...rest } = props;
|
|
153
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
154
|
+
});
|
|
155
|
+
|
|
156
156
|
const Anchor = React.forwardRef(function Anchor(props, ref) {
|
|
157
157
|
const { children, ...rest } = props;
|
|
158
158
|
return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
|
|
@@ -1078,11 +1078,11 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
|
|
|
1078
1078
|
});
|
|
1079
1079
|
|
|
1080
1080
|
module.exports = {
|
|
1081
|
-
AccordionItem,
|
|
1082
1081
|
Accordion,
|
|
1083
1082
|
ActionsMenu,
|
|
1084
1083
|
AiCriteriaSearch,
|
|
1085
1084
|
AiIndicator,
|
|
1085
|
+
AccordionItem,
|
|
1086
1086
|
Anchor,
|
|
1087
1087
|
AnchoredRegion,
|
|
1088
1088
|
Avatar,
|
package/dist/react.mjs
CHANGED
|
@@ -109,11 +109,6 @@ function _mergeRefs(...refs) {
|
|
|
109
109
|
};
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
113
|
-
const { children, ...rest } = props;
|
|
114
|
-
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
115
|
-
});
|
|
116
|
-
|
|
117
112
|
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
118
113
|
const { children, ...rest } = props;
|
|
119
114
|
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
@@ -151,6 +146,11 @@ export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
|
151
146
|
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
152
147
|
});
|
|
153
148
|
|
|
149
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
150
|
+
const { children, ...rest } = props;
|
|
151
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
152
|
+
});
|
|
153
|
+
|
|
154
154
|
export const Anchor = React.forwardRef(function Anchor(props, ref) {
|
|
155
155
|
const { children, ...rest } = props;
|
|
156
156
|
return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
|
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.
|
|
4
|
+
"version": "14.465.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -85,13 +85,13 @@
|
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
87
|
"devDependencies": {
|
|
88
|
-
"@genesislcap/foundation-testing": "14.
|
|
89
|
-
"@genesislcap/genx": "14.
|
|
90
|
-
"@genesislcap/rollup-builder": "14.
|
|
91
|
-
"@genesislcap/ts-builder": "14.
|
|
92
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
93
|
-
"@genesislcap/vite-builder": "14.
|
|
94
|
-
"@genesislcap/webpack-builder": "14.
|
|
88
|
+
"@genesislcap/foundation-testing": "14.465.0",
|
|
89
|
+
"@genesislcap/genx": "14.465.0",
|
|
90
|
+
"@genesislcap/rollup-builder": "14.465.0",
|
|
91
|
+
"@genesislcap/ts-builder": "14.465.0",
|
|
92
|
+
"@genesislcap/uvu-playwright-builder": "14.465.0",
|
|
93
|
+
"@genesislcap/vite-builder": "14.465.0",
|
|
94
|
+
"@genesislcap/webpack-builder": "14.465.0",
|
|
95
95
|
"copyfiles": "^2.4.1"
|
|
96
96
|
},
|
|
97
97
|
"dependencies": {
|
|
@@ -100,16 +100,16 @@
|
|
|
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/expression-builder": "14.
|
|
104
|
-
"@genesislcap/foundation-ai": "14.
|
|
105
|
-
"@genesislcap/foundation-comms": "14.
|
|
106
|
-
"@genesislcap/foundation-criteria": "14.
|
|
107
|
-
"@genesislcap/foundation-errors": "14.
|
|
108
|
-
"@genesislcap/foundation-events": "14.
|
|
109
|
-
"@genesislcap/foundation-logger": "14.
|
|
110
|
-
"@genesislcap/foundation-notifications": "14.
|
|
111
|
-
"@genesislcap/foundation-user": "14.
|
|
112
|
-
"@genesislcap/foundation-utils": "14.
|
|
103
|
+
"@genesislcap/expression-builder": "14.465.0",
|
|
104
|
+
"@genesislcap/foundation-ai": "14.465.0",
|
|
105
|
+
"@genesislcap/foundation-comms": "14.465.0",
|
|
106
|
+
"@genesislcap/foundation-criteria": "14.465.0",
|
|
107
|
+
"@genesislcap/foundation-errors": "14.465.0",
|
|
108
|
+
"@genesislcap/foundation-events": "14.465.0",
|
|
109
|
+
"@genesislcap/foundation-logger": "14.465.0",
|
|
110
|
+
"@genesislcap/foundation-notifications": "14.465.0",
|
|
111
|
+
"@genesislcap/foundation-user": "14.465.0",
|
|
112
|
+
"@genesislcap/foundation-utils": "14.465.0",
|
|
113
113
|
"@microsoft/fast-colors": "5.3.1",
|
|
114
114
|
"@microsoft/fast-components": "2.30.6",
|
|
115
115
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -142,5 +142,5 @@
|
|
|
142
142
|
"require": "./dist/react.cjs"
|
|
143
143
|
}
|
|
144
144
|
},
|
|
145
|
-
"gitHead": "
|
|
145
|
+
"gitHead": "34632dbdf85431c85479746f775ce4f7597a8eab"
|
|
146
146
|
}
|