@genesislcap/foundation-forms 14.439.2 → 14.439.3

package/dist/custom-elements.json

@@ -2182,6 +2182,47 @@
               "kind": "field",
               "name": "control"
             },
+            {
+              "kind": "field",
+              "name": "mountedTabs",
+              "type": {
+                "text": "Set<number>"
+              },
+              "default": "new Set([0])"
+            },
+            {
+              "kind": "method",
+              "name": "isMounted",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "controlChanged"
+            },
+            {
+              "kind": "method",
+              "name": "handleTabChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "hasCategoryError",
@@ -4001,6 +4042,63 @@
                 "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "mountedTabs",
+              "type": {
+                "text": "Set<number>"
+              },
+              "default": "new Set([0])",
+              "inheritedFrom": {
+                "name": "CategorizationWrapper",
+                "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isMounted",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "CategorizationWrapper",
+                "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "controlChanged",
+              "inheritedFrom": {
+                "name": "CategorizationWrapper",
+                "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleTabChange",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "CategorizationWrapper",
+                "module": "src/jsonforms/renderers/CategorizationWrapperRenderer.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "hasCategoryError",

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

@@ -1,9 +1,13 @@
 import { FASTElement } from '@microsoft/fast-element';
 export declare const tabControlIconStyles: import("@microsoft/fast-element").ElementStyles;
-export declare const CategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<any, any>;
+export declare const CategorizationWrapperRendererTemplate: (prefix?: string) => import("@microsoft/fast-element").ViewTemplate<CategorizationWrapper, any>;
 export declare class CategorizationWrapper extends FASTElement {
     form: any;
     control: any;
+    mountedTabs: Set<number>;
+    isMounted(index: number): boolean;
+    controlChanged(): void;
+    handleTabChange(event: Event): void;
     hasCategoryError(categoryIndex: number): boolean;
 }
 //# sourceMappingURL=CategorizationWrapperRenderer.d.ts.map

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":"AAAA,OAAO,EAKL,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AAIjC,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAAI,eAAe,6DA8CpE,CAAC;AAsBF,qBAQa,qBAAsB,SAAQ,WAAW;IACxC,IAAI,MAAC;IACL,OAAO,MAAC;IAEpB,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;AAIjC,eAAO,MAAM,oBAAoB,iDAKhC,CAAC;AAEF,eAAO,MAAM,qCAAqC,GAChD,eAAe,+EAqDhB,CAAC;AAsBF,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,cAAc;IAId,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":"AASA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFAiDhB,CAAC;AAgEF,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":"AASA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,eAAO,MAAM,6CAA6C,GACxD,eAAe,uFA4DhB,CAAC;AAgEF,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

@@ -8,7 +8,7 @@ export const tabControlIconStyles = css `
 `;
 export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
   <template>
-    <${prefix}-tabs class="tabs-container">
+    <${prefix}-tabs class="tabs-container" @change=${(x, ctx) => x.handleTabChange(ctx.event)}>
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab class="tab-control">
             ${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}
@@ -19,23 +19,25 @@ export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
         `, { positioning: true })}
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab-panel class="tab-panel-control">
-            ${repeat((x) => x.options.childElements, html `
-                <dispatch-renderer
-                  :submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
-                  :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
-                  :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
-                  :prefix=${(x, ctx) => ctx.parentContext.parent.form.prefix}
-                  :props=${(x, ctx) => ({
+            ${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
+                ${repeat((x) => x.options.childElements, html `
+                    <dispatch-renderer
+                      :submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
+                      :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
+                      :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
+                      :prefix=${(x, ctx) => ctx.parentContext.parent.form.prefix}
+                      :props=${(x, ctx) => ({
     uischema: x,
     schema: ctx.parentContext.parent.control.schema,
     renderers: ctx.parentContext.parent.control.renderers,
     path: ctx.parentContext.parent.control.path,
     enabled: ctx.parentContext.parent.control.enabled,
 })}
-                ></dispatch-renderer>
+                    ></dispatch-renderer>
+                  `)}
               `)}
           </${prefix}-tab-panel>
-        `)}
+        `, { positioning: true })}
     </${prefix}-tabs>
   </template>
 `;
@@ -59,6 +61,24 @@ const styles = css `
   }
 `;
 let CategorizationWrapper = class CategorizationWrapper extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.mountedTabs = new Set([0]);
+    }
+    isMounted(index) {
+        return this.mountedTabs.has(index);
+    }
+    controlChanged() {
+        this.mountedTabs = new Set([0]);
+    }
+    handleTabChange(event) {
+        if (event.target !== event.currentTarget)
+            return;
+        const index = event.target.currentTabIndex;
+        if (this.mountedTabs.has(index))
+            return;
+        this.mountedTabs = new Set(this.mountedTabs).add(index);
+    }
     hasCategoryError(categoryIndex) {
         var _a, _b, _c, _d, _e;
         if (!((_c = (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.jsonforms) === null || _b === void 0 ? void 0 : _b.core) === null || _c === void 0 ? void 0 : _c.errors) || !((_e = (_d = this.control) === null || _d === void 0 ? void 0 : _d.uischema) === null || _e === void 0 ? void 0 : _e.elements)) {
@@ -75,6 +95,9 @@ __decorate([
 __decorate([
     observable
 ], CategorizationWrapper.prototype, "control", void 0);
+__decorate([
+    observable
+], CategorizationWrapper.prototype, "mountedTabs", void 0);
 CategorizationWrapper = __decorate([
     customElement({
         name: 'categorization-wrapper',

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

@@ -3,7 +3,11 @@ import { attr, css, customElement, html, repeat, when, } from '@microsoft/fast-e
 import { CategorizationWrapper } from './CategorizationWrapperRenderer';
 export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
   <template>
-    <${prefix}-tabs class="tabs-container" orientation="vertical">
+    <${prefix}-tabs
+      class="tabs-container"
+      orientation="vertical"
+      @change=${(x, ctx) => x.handleTabChange(ctx.event)}
+    >
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab class="tab-control" appearance="secondary">
             <span class="tab-label">
@@ -16,23 +20,25 @@ export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') =
         `, { positioning: true })}
       ${repeat((x) => x.control.uischema.elements, html `
           <${prefix}-tab-panel class="tab-panel-control">
-            ${repeat((x) => x.options.childElements, html `
-                <dispatch-renderer
-                  :submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
-                  :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
-                  :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
-                  :prefix=${(x, ctx) => ctx.parentContext.parent.form.prefix}
-                  :props=${(x, ctx) => ({
+            ${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
+                ${repeat((x) => x.options.childElements, html `
+                    <dispatch-renderer
+                      :submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
+                      :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
+                      :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
+                      :prefix=${(x, ctx) => ctx.parentContext.parent.form.prefix}
+                      :props=${(x, ctx) => ({
     uischema: x,
     schema: ctx.parentContext.parent.control.schema,
     renderers: ctx.parentContext.parent.control.renderers,
     path: ctx.parentContext.parent.control.path,
     enabled: ctx.parentContext.parent.control.enabled,
 })}
-                ></dispatch-renderer>
+                    ></dispatch-renderer>
+                  `)}
               `)}
           </${prefix}-tab-panel>
-        `)}
+        `, { positioning: true })}
     </${prefix}-tabs>
   </template>
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.439.2",
+  "version": "14.439.3",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -55,23 +55,23 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.439.2",
-    "@genesislcap/genx": "14.439.2",
-    "@genesislcap/rollup-builder": "14.439.2",
-    "@genesislcap/ts-builder": "14.439.2",
-    "@genesislcap/uvu-playwright-builder": "14.439.2",
-    "@genesislcap/vite-builder": "14.439.2",
-    "@genesislcap/webpack-builder": "14.439.2",
+    "@genesislcap/foundation-testing": "14.439.3",
+    "@genesislcap/genx": "14.439.3",
+    "@genesislcap/rollup-builder": "14.439.3",
+    "@genesislcap/ts-builder": "14.439.3",
+    "@genesislcap/uvu-playwright-builder": "14.439.3",
+    "@genesislcap/vite-builder": "14.439.3",
+    "@genesislcap/webpack-builder": "14.439.3",
     "@types/json-schema": "^7.0.11",
     "@types/papaparse": "^5.3.14"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.439.2",
-    "@genesislcap/foundation-criteria": "14.439.2",
-    "@genesislcap/foundation-logger": "14.439.2",
-    "@genesislcap/foundation-notifications": "14.439.2",
-    "@genesislcap/foundation-ui": "14.439.2",
-    "@genesislcap/foundation-utils": "14.439.2",
+    "@genesislcap/foundation-comms": "14.439.3",
+    "@genesislcap/foundation-criteria": "14.439.3",
+    "@genesislcap/foundation-logger": "14.439.3",
+    "@genesislcap/foundation-notifications": "14.439.3",
+    "@genesislcap/foundation-ui": "14.439.3",
+    "@genesislcap/foundation-utils": "14.439.3",
     "@json-schema-tools/dereferencer": "^1.6.1",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-components": "2.30.6",
@@ -93,5 +93,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "facafe045b533f2241f9c74f77503eb8bb1d6699"
+  "gitHead": "75d483c70f8d48c49eca72c6da18cb42e1076dd2"
 }