@genesislcap/foundation-forms 14.468.1-alpha-cc9e439.0 → 14.470.0

package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts

@@ -1,14 +1,17 @@
 import { FASTElement } from '@microsoft/fast-element';
 import { UiSchemaElement } from '../../types';
 /**
- * Resolves the `activeCategory` option (the zero-based index of the category
- * tab that should open on first render) to a valid tab index. Out-of-bounds or
- * non-numeric values fall back to `0` (the first tab), preserving the default
- * behaviour.
+ * Resolves the `className` option declared on a categorization category element
+ * to the class name(s) that should be applied to its tab header. Mirrors the
+ * control-level `className` option: either a static string, or a function that
+ * receives the entire form data and returns the class name(s).
+ *
+ * Tab headers render eagerly (unlike the lazily-mounted panels), so a class
+ * applied here is in the DOM for every category on first paint — even before
+ * its panel is opened.
  *
  * @internal
  */
-export declare function resolveActiveCategoryIndex(activeCategory: number | undefined, elements: UiSchemaElement[]): number;
 export declare function computeCategoryClassName(category: UiSchemaElement, data: any): string;
 export declare const tabControlIconStyles: import("@microsoft/fast-element").ElementStyles;
 export declare const CategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<CategorizationWrapper, any>;
@@ -16,8 +19,6 @@ export declare class CategorizationWrapper extends FASTElement {
     form: any;
     control: any;
     mountedTabs: Set<number>;
-    activeTabIndex: number;
-    controlChanged(): void;
     isMounted(index: number): boolean;
     handleTabChange(event: Event): void;
     hasCategoryError(categoryIndex: number): boolean;

package/dist/dts/jsonforms/renderers/CategorizationWrapperRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAA2C,eAAe,EAAE,MAAM,aAAa,CAAC;AAEvF;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CACxC,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,QAAQ,EAAE,eAAe,EAAE,GAC1B,MAAM,CAKR;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,CAMrF;AAED,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAChD,eAAe,+EA6DhB,CAAC;AAkBF,qBAQa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IACR,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAgB;IACxC,cAAc,EAAE,MAAM,CAAK;IAEvC,cAAc;IASd,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO;CAQjD"}
+{"version":3,"file":"CategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/CategorizationWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAA2C,eAAe,EAAE,MAAM,aAAa,CAAC;AAEvF;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,GAAG,MAAM,CAMrF;AAED,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAChD,eAAe,+EA4DhB,CAAC;AAkBF,qBAQa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IACR,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAgB;IAEpD,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAIjC,eAAe,CAAC,KAAK,EAAE,KAAK;IAO5B,gBAAgB,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO;CAQjD"}

package/dist/dts/jsonforms/renderers/VerticalCategorizationWrapperRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,iCAAiC,CAAC;AAElG,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFA0EhB,CAAC;AAmEF,qBAQa,6BAA8B,SAAQ,qBAAqB;IAChE,MAAM,EAAE,MAAM,CAAM;IAE1B,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAMjD,iBAAiB;CAIlB"}
+{"version":3,"file":"VerticalCategorizationWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/VerticalCategorizationWrapperRenderer.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,qBAAqB,EAA4B,MAAM,iCAAiC,CAAC;AAElG,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFAwEhB,CAAC;AAmEF,qBAQa,6BAA8B,SAAQ,qBAAqB;IAChE,MAAM,EAAE,MAAM,CAAM;IAE1B,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAMjD,iBAAiB;CAIlB"}

package/dist/esm/jsonforms/renderers/CategorizationWrapperRenderer.js

@@ -2,19 +2,17 @@ import { __decorate } from "tslib";
 import { html, css, observable, customElement, FASTElement, repeat, when, } from '@microsoft/fast-element';
 import { classNames } from '@microsoft/fast-web-utilities';
 /**
- * Resolves the `activeCategory` option (the zero-based index of the category
- * tab that should open on first render) to a valid tab index. Out-of-bounds or
- * non-numeric values fall back to `0` (the first tab), preserving the default
- * behaviour.
+ * Resolves the `className` option declared on a categorization category element
+ * to the class name(s) that should be applied to its tab header. Mirrors the
+ * control-level `className` option: either a static string, or a function that
+ * receives the entire form data and returns the class name(s).
+ *
+ * Tab headers render eagerly (unlike the lazily-mounted panels), so a class
+ * applied here is in the DOM for every category on first paint — even before
+ * its panel is opened.
  *
  * @internal
  */
-export function resolveActiveCategoryIndex(activeCategory, elements) {
-    if (typeof activeCategory === 'number') {
-        return activeCategory >= 0 && activeCategory < elements.length ? activeCategory : 0;
-    }
-    return 0;
-}
 export function computeCategoryClassName(category, data) {
     var _a, _b;
     const className = (_a = category === null || category === void 0 ? void 0 : category.options) === null || _a === void 0 ? void 0 : _a.className;
@@ -31,10 +29,9 @@ export const tabControlIconStyles = css `
 `;
 export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
   <template>
-    <${prefix}-tabs appearance="secondary" class="tabs-container" :activeid="${(x) => 'tab-' + x.activeTabIndex}" @change=${(x, ctx) => x.handleTabChange(ctx.event)}>
+    <${prefix}-tabs appearance="secondary" class="tabs-container" @change=${(x, ctx) => x.handleTabChange(ctx.event)}>
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab
-            id="${(x, ctx) => 'tab-' + ctx.index}"
             appearance="secondary"
             class="${(x, ctx) => {
     var _a, _b, _c;
@@ -92,18 +89,6 @@ let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
     constructor() {
         super(...arguments);
         this.mountedTabs = new Set([0]);
-        this.activeTabIndex = 0;
-    }
-    controlChanged() {
-        var _a, _b, _c, _d;
-        if (!this.control)
-            return;
-        const activeCategory = (_b = (_a = this.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.activeCategory;
-        if (activeCategory === undefined)
-            return;
-        const index = resolveActiveCategoryIndex(activeCategory, (_d = (_c = this.control.uischema) === null || _c === void 0 ? void 0 : _c.elements) !== null && _d !== void 0 ? _d : []);
-        this.activeTabIndex = index;
-        this.mountedTabs = new Set([index]);
     }
     isMounted(index) {
         return this.mountedTabs.has(index);
@@ -112,7 +97,6 @@ let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
         if (event.target !== event.currentTarget)
             return;
         const index = event.target.currentTabIndex;
-        this.activeTabIndex = index;
         if (this.mountedTabs.has(index))
             return;
         this.mountedTabs = new Set(this.mountedTabs).add(index);
@@ -136,9 +120,6 @@ __decorate([
 __decorate([
     observable
 ], CategorizationWrapper.prototype, "mountedTabs", void 0);
-__decorate([
-    observable
-], CategorizationWrapper.prototype, "activeTabIndex", void 0);
 CategorizationWrapper = __decorate([
     customElement({
         name: 'categorization-wrapper',

package/dist/esm/jsonforms/renderers/VerticalCategorizationWrapperRenderer.js

@@ -7,12 +7,10 @@ export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') =
     <${prefix}-tabs
       class="tabs-container"
       orientation="vertical"
-      :activeid="${(x) => 'tab-' + x.activeTabIndex}"
       @change=${(x, ctx) => x.handleTabChange(ctx.event)}
     >
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab
-            id="${(x, ctx) => 'tab-' + ctx.index}"
             class="${(x, ctx) => {
     var _a, _b, _c;
     const custom = computeCategoryClassName(x, (_c = (_b = (_a = ctx.parent.form) === null || _a === void 0 ? void 0 : _a.jsonforms) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.data);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.468.1-alpha-cc9e439.0",
+  "version": "14.470.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -59,13 +59,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/genx": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/rollup-builder": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/ts-builder": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/uvu-playwright-builder": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/vite-builder": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/webpack-builder": "14.468.1-alpha-cc9e439.0",
+    "@genesislcap/foundation-testing": "14.470.0",
+    "@genesislcap/genx": "14.470.0",
+    "@genesislcap/rollup-builder": "14.470.0",
+    "@genesislcap/ts-builder": "14.470.0",
+    "@genesislcap/uvu-playwright-builder": "14.470.0",
+    "@genesislcap/vite-builder": "14.470.0",
+    "@genesislcap/webpack-builder": "14.470.0",
     "@types/json-schema": "^7.0.11",
     "@types/papaparse": "^5.3.14"
   },
@@ -82,12 +82,12 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/foundation-criteria": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/foundation-logger": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/foundation-notifications": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/foundation-ui": "14.468.1-alpha-cc9e439.0",
-    "@genesislcap/foundation-utils": "14.468.1-alpha-cc9e439.0",
+    "@genesislcap/foundation-comms": "14.470.0",
+    "@genesislcap/foundation-criteria": "14.470.0",
+    "@genesislcap/foundation-logger": "14.470.0",
+    "@genesislcap/foundation-notifications": "14.470.0",
+    "@genesislcap/foundation-ui": "14.470.0",
+    "@genesislcap/foundation-utils": "14.470.0",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",
@@ -109,5 +109,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "0f506538109fece5091fa2d6b42cb84271d1bf67"
+  "gitHead": "c222968b05dd3bb5db608222696b1f59a1c65913"
 }