@genesislcap/foundation-forms 14.451.2-FUI-2550.2 → 14.451.2-FUI-2550.4

package/dist/custom-elements.json

@@ -3050,7 +3050,7 @@
         {
           "kind": "variable",
           "name": "LayoutFormGridRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 8px;\n          \"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div class=\"fl-form-grid-layout\" part=\"fl-form-grid-layout\">\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
@@ -3087,7 +3087,7 @@
         {
           "kind": "variable",
           "name": "LayoutGroupRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      hideLabel: true,\n      innerTemplate: html<DispatchRenderer>`\n        <div>\n          ${when(\n            (x) => x.control.label,\n            html<DispatchRenderer>`\n              <div\n                for=\"${(x) => x.control.path + '-wrapper'}\"\n                class=\"group-label\"\n                style=\"color: var(--neutral-foreground-rest);\n                     padding-bottom: calc(var(--design-unit) * 1px);\n                     margin-bottom: calc(var(--design-unit) * 4px);\n                     font-weight: 600;\n                     font-size: var(--type-ramp-base-font-size);\n                     display: flex;\n                     justify-content: space-between;\"\n              >\n                ${(x) => x.control.label}\n              </div>\n            `,\n          )}\n          ${repeat(\n            (x) => x.control.uischema.options.childElements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      hideLabel: true,\n      innerTemplate: html<DispatchRenderer>`\n        <div class=\"fl-group-layout\" part=\"fl-group-layout\">\n          ${when(\n            (x) => x.control.label,\n            html<DispatchRenderer>`\n              <div\n                for=\"${(x) => x.control.path + '-wrapper'}\"\n                class=\"fl-group-label\"\n                part=\"fl-group-label\"\n              >\n                ${(x) => x.control.label}\n              </div>\n            `,\n          )}\n          ${repeat(\n            (x) => x.control.uischema.options.childElements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
@@ -3124,7 +3124,7 @@
         {
           "kind": "variable",
           "name": "LayoutHorizontalRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: flex;\n            flex-direction: row;\n            gap: 10px\"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                style=\"flex: 1; min-width: 0\"\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div class=\"fl-horizontal-layout\" part=\"fl-horizontal-layout\">\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                class=\"fl-horizontal-layout-item\"\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
@@ -3180,7 +3180,7 @@
         {
           "kind": "variable",
           "name": "LayoutRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div>\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div class=\"fl-vertical-layout\" part=\"fl-vertical-layout\">\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <dispatch-renderer\n                :submitted=${(x, ctx) => ctx.parent.submitted}\n                :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                :prefix=${(x, ctx) => ctx.parent.prefix}\n                :props=${(x, ctx) => ({\n                  uischema: x,\n                  schema: ctx.parent.control.schema,\n                  renderers: ctx.parent.control.renderers,\n                  path: ctx.parent.control.path,\n                  enabled: ctx.parent.control.enabled,\n                })}\n              ></dispatch-renderer>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
@@ -3314,7 +3314,7 @@
         {
           "kind": "variable",
           "name": "LayoutVertical2ColumnsRendererTemplate",
-          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div\n          style=\"\n            display: flex;\n            flex-direction: row;\n            flex-wrap: wrap;\n            justify-content: space-between;\"\n        >\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <div style=\"width: 49%\">\n                <dispatch-renderer\n                  :submitted=${(x, ctx) => ctx.parent.submitted}\n                  :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                  :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                  :prefix=${(x, ctx) => ctx.parent.prefix}\n                  :props=${(x, ctx) => ({\n                    uischema: x,\n                    schema: ctx.parent.control.schema,\n                    renderers: ctx.parent.control.renderers,\n                    path: ctx.parent.control.path,\n                    enabled: ctx.parent.control.enabled,\n                  })}\n                ></dispatch-renderer>\n              </div>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
+          "default": "html<DispatchRenderer>`\n  <template>\n    ${layoutWrapperTemplate({\n      innerTemplate: html<DispatchRenderer>`\n        <div class=\"fl-2-column-layout\" part=\"fl-2-column-layout\">\n          ${repeat(\n            (x) => x.control.uischema.elements,\n            html`\n              <div class=\"fl-2-column-item\" part=\"fl-2-column-item\">\n                <dispatch-renderer\n                  :submitted=${(x, ctx) => ctx.parent.submitted}\n                  :dispatch=${(x, ctx) => ctx.parent.dispatch}\n                  :jsonforms=${(x, ctx) => ctx.parent.jsonforms}\n                  :prefix=${(x, ctx) => ctx.parent.prefix}\n                  :props=${(x, ctx) => ({\n                    uischema: x,\n                    schema: ctx.parent.control.schema,\n                    renderers: ctx.parent.control.renderers,\n                    path: ctx.parent.control.path,\n                    enabled: ctx.parent.control.enabled,\n                  })}\n                ></dispatch-renderer>\n              </div>\n            `,\n          )}\n        </div>\n      `,\n    })}\n  </template>\n`"
         },
         {
           "kind": "variable",
@@ -4382,6 +4382,44 @@
               "kind": "field",
               "name": "determinedRenderer",
               "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "depth",
+              "type": {
+                "text": "number"
+              },
+              "default": "1"
+            },
+            {
+              "kind": "method",
+              "name": "computeHostClass",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "computeHostPart",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateHostAttributes",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             }
           ],
           "superclass": {

package/dist/dts/form.d.ts

@@ -352,7 +352,10 @@ declare const Form_base: (new (...args: any[]) => {
     ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
     ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
     ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchmove? /**
+     * Builds the commit payload for the form submission.
+     * @internal
+     */: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
     ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
     ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
     ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
@@ -655,6 +658,10 @@ export declare class Form extends Form_base {
      * @internal
      */
     onChange(event: CustomEvent): void;
+    /**
+     * @internal
+     */
+    connectedCallback(): void;
     /**
      * @internal
      */

package/dist/dts/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"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"}

package/dist/dts/form.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAMA,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,GAAI,SAAQ,MAAe,WAK7D,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,oBAAoB,iDAoFhC,CAAC"}
+{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAMA,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,GAAI,SAAQ,MAAe,WAK7D,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,oBAAoB,iDAoIhC,CAAC"}

package/dist/dts/form.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBnC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,8DAiHrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DAElC,CAAC"}
+{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBnC,gBAAgB;AAChB,eAAO,MAAM,eAAe,GAAI,WAAM,8DAkHrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DAElC,CAAC"}

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;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,eAAe,CAAC,KAAK,EAAE,KAAK;IAO5B,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,+EAsDhB,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/ControlWrapperRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ControlWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ControlWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,oDAwD3D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iDAA6C,CAAC;AAE/E,UAAU,qBAAqB;IAC7B;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC9C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,qBAAqB,KAC7B,YAAY,CAAC,gBAAgB,CA2D/B,CAAC;AAmCF,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,wBAoD1C,CAAC;AAoEF;;;;GAIG;AACH,qBAKa,cAAe,SAAQ,WAAW;IACjC,OAAO,MAAC;IACR,SAAS,MAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACuB,SAAS,EAAE,OAAO,CAAS;IACzE,MAAM,EAAE,MAAM,CAAC;IAEZ,iBAAiB;IAQ1B,IACI,eAAe,YAOlB;IAED,IACI,aAAa,WAOhB;IAED,IACI,kBAAkB,2BAGrB;IAED,IACI,UAAU,WAOb;CACF"}
+{"version":3,"file":"ControlWrapperRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/ControlWrapperRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,oDA0D3D,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,iDAAmC,CAAC;AAErE,UAAU,qBAAqB;IAC7B;;;;OAIG;IACH,aAAa,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC9C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,GACjC,SAAS,qBAAqB,KAC7B,YAAY,CAAC,gBAAgB,CAgE/B,CAAC;AAmCF,4BAA4B;AAC5B,eAAO,MAAM,8BAA8B,wBAoD1C,CAAC;AAoEF;;;;GAIG;AACH,qBAKa,cAAe,SAAQ,WAAW;IACjC,OAAO,MAAC;IACR,SAAS,MAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACuB,SAAS,EAAE,OAAO,CAAS;IACzE,MAAM,EAAE,MAAM,CAAC;IAEZ,iBAAiB;IAQ1B,IACI,eAAe,YAOlB;IAED,IACI,aAAa,WAOhB;IAED,IACI,kBAAkB,2BAGrB;IAED,IACI,UAAU,WAOb;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutFormGridRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutFormGridRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,8BAA8B,uEAiC1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,GAIjC,CAAC"}
+{"version":3,"file":"LayoutFormGridRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutFormGridRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,8BAA8B,uEA2B1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,GAIjC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutGroupRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutGroupRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,2BAA2B,uEA8CvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAItC,CAAC"}
+{"version":3,"file":"LayoutGroupRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutGroupRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,2BAA2B,uEAwCvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,GAItC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutHorizontalRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutHorizontalRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,uEAiC5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,GAInC,CAAC"}
+{"version":3,"file":"LayoutHorizontalRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutHorizontalRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,uEA4B5C,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,GAInC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutVertical2ColumnsRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,sCAAsC,uEAmClD,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,GAIzC,CAAC"}
+{"version":3,"file":"LayoutVertical2ColumnsRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,sCAAsC,uEA6BlD,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,GAIzC,CAAC"}

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,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"}
+{"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,uFA8DhB,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/dts/jsonforms/renderers/dispatch-renderer.d.ts

@@ -17,6 +17,11 @@ export declare class DispatchRenderer extends FASTElement {
     createRenderer: () => void;
     onBlur(): void;
     get determinedRenderer(): any;
+    depth: number;
+    private computeHostClass;
+    private computeHostPart;
+    private updateHostAttributes;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }
 //# sourceMappingURL=dispatch-renderer.d.ts.map

package/dist/dts/jsonforms/renderers/dispatch-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dispatch-renderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/dispatch-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAsBjC,qBAMa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,MAAC;IACtB,gBAAgB;IAIJ,KAAK,MAAC;IAClB,YAAY;IAGA,OAAO,MAAC;IAEpB,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,SAAS,IAAI,OAAO,CAGvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAI3B;IAED,gBAAgB;IAGJ,QAAQ,MAAC;IACT,OAAO,MAAC;IACR,QAAQ,MAAC;IACT,MAAM,MAAC;IACnB,aAAa;IAIb,cAAc,aAmBZ;IAEF,MAAM;IAIN,IAAI,kBAAkB,QAgBrB;IAED,oBAAoB;CAKrB"}
+{"version":3,"file":"dispatch-renderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/dispatch-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAMZ,MAAM,yBAAyB,CAAC;AAsBjC,qBAMa,gBAAiB,SAAQ,WAAW;IACnC,SAAS,MAAC;IACtB,gBAAgB;IAIJ,KAAK,MAAC;IAClB,YAAY;IAIA,OAAO,MAAC;IAEpB,OAAO,CAAC,UAAU,CAAS;IAE3B,IAAI,SAAS,IAAI,OAAO,CAGvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAI3B;IAED,gBAAgB;IAGJ,QAAQ,MAAC;IACT,OAAO,MAAC;IACR,QAAQ,MAAC;IACT,MAAM,MAAC;IACnB,aAAa;IAIb,cAAc,aAmBZ;IAEF,MAAM;IAIN,IAAI,kBAAkB,QAgBrB;IAED,KAAK,EAAE,MAAM,CAAK;IAElB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,oBAAoB;IAO5B,iBAAiB;IAYjB,oBAAoB;CAKrB"}

package/dist/esm/form.js

@@ -571,6 +571,13 @@ let Form = class Form extends LifecycleMixin(FoundationElement) {
             this.$emit('data-change', event.detail);
         }
     }
+    /**
+     * @internal
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('part', 'foundation-form');
+    }
     /**
      * @internal
      */
@@ -851,7 +858,6 @@ Form = __decorate([
         name: 'foundation-form',
         template,
         styles,
-        shadowOptions: null,
     })
 ], Form);
 export { Form };

package/dist/esm/form.styles.js

@@ -14,7 +14,7 @@ export const comboboxRendererStyles = (prefix = 'zero') => `
 export const foundationFormStyles = css `
   ${controlWrapperStyles}
 
-  foundation-form {
+  :host {
     border: calc(${strokeWidth} * 1px) solid transparent;
     margin: 0;
     border-radius: calc(${controlCornerRadius} * 1px);
@@ -28,7 +28,7 @@ export const foundationFormStyles = css `
     box-sizing: border-box;
   }
 
-  foundation-form .actions {
+  .actions {
     display: flex;
     flex-direction: row;
     align-items: flex-end;
@@ -37,22 +37,22 @@ export const foundationFormStyles = css `
     gap: 10px;
   }
 
-  foundation-form .approval-message-actions {
+  .approval-message-actions {
     display: flex;
     justify-content: flex-end;
     gap: calc(${designUnit} * 2px);
     margin-top: calc(${designUnit} * 2px);
   }
 
-  foundation-form .submit-button {
+  .submit-button {
     margin: 0;
   }
 
-  foundation-form .reset-button {
+  .reset-button {
     margin-right: auto;
   }
 
-  foundation-form .csv-upload-section {
+  .csv-upload-section {
     display: flex;
     align-items: center;
     gap: calc(${designUnit} * 3px);
@@ -60,13 +60,13 @@ export const foundationFormStyles = css `
     margin-bottom: calc(${designUnit} * 2px);
   }
 
-  foundation-form .csv-file-input {
+  .csv-file-input {
     display: none;
   }
 
   /* Card-like styling for CSV buttons - matches array item aesthetic */
-  foundation-form .csv-template-button,
-  foundation-form .csv-import-button {
+  .csv-template-button,
+  .csv-import-button {
     display: flex;
     align-items: center;
     gap: calc(${designUnit} * 1px);
@@ -82,14 +82,62 @@ export const foundationFormStyles = css `
       border-color 0.15s ease;
   }
 
-  foundation-form .csv-template-button:hover,
-  foundation-form .csv-import-button:hover {
+  .csv-template-button:hover,
+  .csv-import-button:hover {
     box-shadow:
       0 2px 4px rgb(0 0 0 / 6%),
       0 6px 12px rgb(0 0 0 / 8%);
   }
+
+  /* ── Layout wrappers ────────────────────────────────────────────────────── */
+
+  .fl-layout-label {
+    color: var(--neutral-foreground-hint);
+  }
+
+  .fl-vertical-layout {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .fl-horizontal-layout {
+    display: flex;
+    flex-direction: row;
+    gap: calc(${designUnit} * 2px);
+  }
+
+  .fl-horizontal-layout-item {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .fl-form-grid-layout {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: calc(${designUnit} * 2px);
+  }
+
+  .fl-2-column-layout {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+  }
+
+  .fl-2-column-item {
+    width: 49%;
+  }
+
+  .fl-group-label {
+    color: var(--neutral-foreground-rest);
+    padding-bottom: calc(${designUnit} * 1px);
+    margin-bottom: calc(${designUnit} * 2px);
+    font-weight: 600;
+    font-size: var(--type-ramp-base-font-size);
+    display: flex;
+    justify-content: space-between;
+  }
 `.withBehaviors(forcedColorsStylesheetBehavior(css `
-    foundation-form {
+    :host {
       background: ${SystemColors.Canvas};
       border-color: ${SystemColors.CanvasText};
     }

package/dist/esm/form.template.js

@@ -40,6 +40,7 @@ export const getPrefixedForm = (prefix) => html `
         </div>
       `)}
     <json-forms
+      part="json-forms"
       @submit-button-clicked=${(x) => x._submit()}
       @submit-part=${(x, c) => x.submitPart(c.event)}
       @submit-single-row=${(x, c) => x.submitSingleRow(c.event.detail.index)}

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

@@ -8,20 +8,21 @@ export const tabControlIconStyles = css `
 `;
 export const CategorizationWrapperRendererTemplate = (prefix = 'zero') => html `
   <template>
-    <${prefix}-tabs class="tabs-container" @change=${(x, ctx) => x.handleTabChange(ctx.event)}>
+    <${prefix}-tabs appearance="secondary" class="tabs-container" part="fl-categorization-tabs" @change=${(x, ctx) => x.handleTabChange(ctx.event)}>
       ${repeat((x) => x.control.uischema.elements, html `
-          <${prefix}-tab class="tab-control">
+          <${prefix}-tab appearance="secondary" class="tab-control" part="fl-categorization-tab">
             ${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}
             ${when((x, ctx) => ctx.parent.hasCategoryError(ctx.index), html `
-                <${prefix}-icon class="tab-control-icon" name="circle-exclamation"></${prefix}-icon>
+                <${prefix}-icon class="tab-control-icon" part="fl-categorization-tab-error-icon" name="circle-exclamation"></${prefix}-icon>
             `)}
           </${prefix}-tab>
         `, { positioning: true })}
       ${repeat((x) => x.control.uischema.elements, html `
-          <${prefix}-tab-panel class="tab-panel-control">
+          <${prefix}-tab-panel class="tab-panel-control" part="fl-categorization-tab-panel">
             ${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
                 ${repeat((x) => x.options.childElements, html `
                     <dispatch-renderer
+                      class="fl-categorization-item"
                       :submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
                       :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
                       :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}
@@ -47,10 +48,6 @@ const styles = css `
     border-bottom: none;
   }
 
-  categorization-wrapper .tab-control {
-    box-shadow: none;
-  }
-
   categorization-wrapper .tab-control .tab-control-icon {
     margin-left: 3px;
     color: #f9644d;

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

@@ -25,6 +25,7 @@ export const controlWrapperStylesFor = (hostSelector) => css `
     justify-content: space-between;
     font-weight: 700;
     cursor: default;
+    font-size: var(--type-ramp-base-font-size);
   }
   ${hostSelector} .foundation-control-wrapper-label.visually-hidden {
     position: absolute;
@@ -46,7 +47,8 @@ export const controlWrapperStylesFor = (hostSelector) => css `
   }
   ${hostSelector} .labelLeft .foundation-control-wrapper-label {
     flex: 0 1 auto;
-    width: calc(var(--design-unit) * 30px);
+    width: var(--form-label-left-width, calc(var(--design-unit) * 30px));
+    min-width: var(--form-label-left-width, calc(var(--design-unit) * 30px));
     margin-right: calc(var(--design-unit) * 2px);
     align-items: center;
     margin-bottom: 0;
@@ -75,7 +77,7 @@ export const controlWrapperStylesFor = (hostSelector) => css `
  *
  * @internal
  */
-export const controlWrapperStyles = controlWrapperStylesFor('foundation-form');
+export const controlWrapperStyles = controlWrapperStylesFor(':host');
 /**
  * Light-DOM-friendly control wrapper that replaces the former `<control-wrapper>`
  * custom element. Renders label, error/description slots, and composes a provided
@@ -93,6 +95,7 @@ export const controlWrapperTemplate = (options) => {
         var _a, _b, _c, _d;
         return classNames(['foundation-control-wrapper-root', true], ['labelLeft', ((_d = (_c = (_b = (_a = x.jsonforms) === null || _a === void 0 ? void 0 : _a.core) === null || _b === void 0 ? void 0 : _b.uischema) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.labelPlacement) === 'left']);
     }}
+          part="fl-control-root"
           id=${(x) => x.control.path + '-wrapper'}
           data-test-id=${(x) => x.control.path + '-wrapper'}
           role="group"
@@ -103,8 +106,9 @@ export const controlWrapperTemplate = (options) => {
                 id="${(x) => x.control.path + '-label'}"
                 for="${(x) => x.control.path}"
                 class="${() => classNames('foundation-control-wrapper-label', ['visually-hidden', hideLabel])}"
+                part="fl-control-label"
               >
-                <span>
+                <span part="fl-control-label-text">
                   ${(x) => computeControlLabel(x)}${when((x) => { var _a, _b; return (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.tooltip; }, html `
                       <${prefix}-icon
                         tooltip="${(x) => { var _a, _b; return (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.tooltip; }}"
@@ -115,11 +119,14 @@ export const controlWrapperTemplate = (options) => {
               </label>
             `)}
 
-          <div class="foundation-control-wrapper" part="wrapper">${innerTemplate}</div>
+          <div class="foundation-control-wrapper" part="wrapper fl-control-wrapper">
+            ${innerTemplate}
+          </div>
           <div
             class="${(x) => (x.control.errors || computeAnyOfError(x)) && x.touched
         ? 'foundation-control-wrapper-error'
         : 'foundation-control-wrapper-description'}"
+            part="fl-control-message"
           >
             ${(x) => x.touched && (x.control.errors || computeAnyOfError(x))
         ? [x.control.errors, computeAnyOfError(x)].filter(Boolean).join(' ')

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

@@ -6,13 +6,7 @@ export const LayoutFormGridRendererTemplate = html `
   <template>
     ${layoutWrapperTemplate({
     innerTemplate: html `
-        <div
-          style="
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 8px;
-          "
-        >
+        <div class="fl-form-grid-layout" part="fl-form-grid-layout">
           ${repeat((x) => x.control.uischema.elements, html `
               <dispatch-renderer
                 :submitted=${(x, ctx) => ctx.parent.submitted}

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

@@ -7,18 +7,12 @@ export const LayoutGroupRendererTemplate = html `
     ${layoutWrapperTemplate({
     hideLabel: true,
     innerTemplate: html `
-        <div>
+        <div class="fl-group-layout" part="fl-group-layout">
           ${when((x) => x.control.label, html `
               <div
                 for="${(x) => x.control.path + '-wrapper'}"
-                class="group-label"
-                style="color: var(--neutral-foreground-rest);
-                     padding-bottom: calc(var(--design-unit) * 1px);
-                     margin-bottom: calc(var(--design-unit) * 4px);
-                     font-weight: 600;
-                     font-size: var(--type-ramp-base-font-size);
-                     display: flex;
-                     justify-content: space-between;"
+                class="fl-group-label"
+                part="fl-group-label"
               >
                 ${(x) => x.control.label}
               </div>

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

@@ -6,15 +6,10 @@ export const LayoutHorizontalRendererTemplate = html `
   <template>
     ${layoutWrapperTemplate({
     innerTemplate: html `
-        <div
-          style="
-            display: flex;
-            flex-direction: row;
-            gap: 10px"
-        >
+        <div class="fl-horizontal-layout" part="fl-horizontal-layout">
           ${repeat((x) => x.control.uischema.elements, html `
               <dispatch-renderer
-                style="flex: 1; min-width: 0"
+                class="fl-horizontal-layout-item"
                 :submitted=${(x, ctx) => ctx.parent.submitted}
                 :dispatch=${(x, ctx) => ctx.parent.dispatch}
                 :jsonforms=${(x, ctx) => ctx.parent.jsonforms}

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

@@ -15,7 +15,7 @@ export const layoutWrapperTemplate = (options) => {
     const { innerTemplate, hideLabel = false } = options;
     return html `
     ${when((x) => { var _a; return !!((_a = x.control) === null || _a === void 0 ? void 0 : _a.label) && !hideLabel; }, html `
-        <div style="color: var(--neutral-foreground-hint);">${(x) => x.control.label}</div>
+        <div class="fl-layout-label" part="fl-layout-label">${(x) => x.control.label}</div>
       `)}
     ${when((x) => { var _a; return (_a = x.control) === null || _a === void 0 ? void 0 : _a.visible; }, innerTemplate)}
   `;
@@ -24,7 +24,7 @@ export const LayoutRendererTemplate = html `
   <template>
     ${layoutWrapperTemplate({
     innerTemplate: html `
-        <div>
+        <div class="fl-vertical-layout" part="fl-vertical-layout">
           ${repeat((x) => x.control.uischema.elements, html `
               <dispatch-renderer
                 :submitted=${(x, ctx) => ctx.parent.submitted}

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

@@ -6,15 +6,9 @@ export const LayoutVertical2ColumnsRendererTemplate = html `
   <template>
     ${layoutWrapperTemplate({
     innerTemplate: html `
-        <div
-          style="
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-            justify-content: space-between;"
-        >
+        <div class="fl-2-column-layout" part="fl-2-column-layout">
           ${repeat((x) => x.control.uischema.elements, html `
-              <div style="width: 49%">
+              <div class="fl-2-column-item" part="fl-2-column-item">
                 <dispatch-renderer
                   :submitted=${(x, ctx) => ctx.parent.submitted}
                   :dispatch=${(x, ctx) => ctx.parent.dispatch}

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

@@ -28,7 +28,7 @@ export const NumberControlRendererTemplate = (prefix = 'zero') => html `
           tabindex="${(x) => { var _a, _b; return (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.tabIndex; }}"
           @change=${handleNumberChange}
           @input=${(x, c) => { var _a; return (((_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.changeOnInput) ? handleNumberChange(x, c) : undefined); }}
-          placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
+          placeholder=${(x) => x.control.uischema.placeholder || ''}
           id=${(x) => x.control.path}
           data-test-id=${(x) => x.control.path}
           ?required=${(x) => x.control.required}

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

@@ -36,7 +36,7 @@ export const getStringControlRendererTemplate = (prefix = 'zero') => html `
               :value=${(x) => x.control.data || ''}
               @input=${(x, c) => { var _a; return (((_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.changeOnInput) ? changeHandler(x, c) : undefined); }}
               @change=${changeHandler}
-              placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
+              placeholder=${(x) => x.control.uischema.placeholder || ''}
               id=${(x) => x.control.path}
               data-test-id=${(x) => x.control.path}
               tabindex="${(x) => { var _a, _b; return (_b = (_a = x.control.uischema) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.tabIndex; }}"
@@ -50,7 +50,7 @@ export const getStringControlRendererTemplate = (prefix = 'zero') => html `
               :value=${(x) => x.control.data || ''}
               @input=${(x, c) => { var _a; return (((_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.changeOnInput) ? changeHandler(x, c) : undefined); }}
               @change=${changeHandler}
-              placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
+              placeholder=${(x) => x.control.uischema.placeholder || ''}
               id=${(x) => x.control.path}
               data-test-id=${(x) => x.control.path}
               ?required=${(x) => x.control.required}

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

@@ -5,24 +5,26 @@ export const VerticalCategorizationWrapperRendererTemplate = (prefix = 'zero') =
   <template>
     <${prefix}-tabs
       class="tabs-container"
+      part="fl-vertical-categorization-tabs"
       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">
+          <${prefix}-tab class="tab-control" part="fl-vertical-categorization-tab" appearance="secondary">
+            <span class="tab-label" part="fl-vertical-categorization-tab-label">
               ${(x, ctx) => { var _a; return (_a = x.label) !== null && _a !== void 0 ? _a : `Category ${ctx.index + 1}`; }}
               ${when((x, ctx) => ctx.parent.hasCategoryError(ctx.index), html `
-                  <${prefix}-icon class="tab-control-icon" name="circle-exclamation"></${prefix}-icon>
+                  <${prefix}-icon class="tab-control-icon" part="fl-vertical-categorization-tab-error-icon" name="circle-exclamation"></${prefix}-icon>
                 `)}
             </span>
           </${prefix}-tab>
         `, { positioning: true })}
       ${repeat((x) => x.control.uischema.elements, html `
-          <${prefix}-tab-panel class="tab-panel-control">
+          <${prefix}-tab-panel class="tab-panel-control" part="fl-vertical-categorization-tab-panel">
             ${when((x, ctx) => ctx.parent.isMounted(ctx.index), html `
                 ${repeat((x) => x.options.childElements, html `
                     <dispatch-renderer
+                      class="fl-vertical-categorization-item"
                       :submitted=${(x, ctx) => ctx.parentContext.parent.form.submitted}
                       :dispatch=${(x, ctx) => ctx.parentContext.parent.form.dispatch}
                       :jsonforms=${(x, ctx) => ctx.parentContext.parent.form.jsonforms}

package/dist/esm/jsonforms/renderers/dispatch-renderer.js

@@ -30,12 +30,14 @@ let DispatchRenderer = class DispatchRenderer extends FASTElement {
             // @ts-ignore
             this.determinedRenderer.dispatchMapper);
         };
+        this.depth = 1;
     }
     jsonformsChanged() {
         this.createRenderer();
     }
     propsChanged() {
         this.createRenderer();
+        this.updateHostAttributes();
     }
     get submitted() {
         Observable.track(this, 'submitted');
@@ -69,6 +71,47 @@ let DispatchRenderer = class DispatchRenderer extends FASTElement {
             return rendererEntry;
         }
     }
+    computeHostClass() {
+        var _a, _b, _c, _d, _e, _f;
+        const uischema = (_a = this.props) === null || _a === void 0 ? void 0 : _a.uischema;
+        const levelClass = `dr-level-${this.depth}`;
+        if (!uischema)
+            return levelClass;
+        const type = (_c = (_b = uischema.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : '';
+        const field = (_f = (_e = (_d = uischema.scope) === null || _d === void 0 ? void 0 : _d.split('/').pop()) === null || _e === void 0 ? void 0 : _e.toLowerCase()) !== null && _f !== void 0 ? _f : '';
+        return [type && `dr-${type}`, field && `dr-${field}`, levelClass].filter(Boolean).join(' ');
+    }
+    computeHostPart() {
+        var _a, _b;
+        const uischema = (_a = this.props) === null || _a === void 0 ? void 0 : _a.uischema;
+        const parts = ['dispatch-renderer', `dr-level-${this.depth}`];
+        if (uischema === null || uischema === void 0 ? void 0 : uischema.type)
+            parts.push(`dr-${uischema.type.toLowerCase()}`);
+        if (uischema === null || uischema === void 0 ? void 0 : uischema.scope) {
+            const field = (_b = uischema.scope.split('/').pop()) === null || _b === void 0 ? void 0 : _b.toLowerCase();
+            if (field)
+                parts.push(`dr-${field}`);
+        }
+        return parts.join(' ');
+    }
+    updateHostAttributes() {
+        const preserved = Array.from(this.classList).filter((c) => !c.startsWith('dr-'));
+        const drClasses = this.computeHostClass().split(' ');
+        this.setAttribute('class', [...preserved, ...drClasses].join(' '));
+        this.setAttribute('part', this.computeHostPart());
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        let depth = 1;
+        let el = this.parentElement;
+        while (el) {
+            if (el.tagName.toLowerCase() === 'dispatch-renderer')
+                depth += 1;
+            el = el.parentElement;
+        }
+        this.depth = depth;
+        this.updateHostAttributes();
+    }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.touched = false;

package/dist/foundation-forms.d.ts

@@ -488,6 +488,11 @@ declare class DispatchRenderer extends FASTElement {
     createRenderer: () => void;
     onBlur(): void;
     get determinedRenderer(): any;
+    depth: number;
+    private computeHostClass;
+    private computeHostPart;
+    private updateHostAttributes;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }
 
@@ -1299,6 +1304,10 @@ export declare class Form extends Form_base {
      * @internal
      */
     onChange(event: CustomEvent): void;
+    /**
+     * @internal
+     */
+    connectedCallback(): void;
     /**
      * @internal
      */
@@ -1690,7 +1699,10 @@ declare const Form_base: (new (...args: any[]) => {
     ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
     ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
     ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchmove? /**
+    * Builds the commit payload for the form submission.
+    * @internal
+    */: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
     ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
     ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
     ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.451.2-FUI-2550.2",
+  "version": "14.451.2-FUI-2550.4",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -59,13 +59,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.451.2-FUI-2550.2",
-    "@genesislcap/genx": "14.451.2-FUI-2550.2",
-    "@genesislcap/rollup-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/ts-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/vite-builder": "14.451.2-FUI-2550.2",
-    "@genesislcap/webpack-builder": "14.451.2-FUI-2550.2",
+    "@genesislcap/foundation-testing": "14.451.2-FUI-2550.4",
+    "@genesislcap/genx": "14.451.2-FUI-2550.4",
+    "@genesislcap/rollup-builder": "14.451.2-FUI-2550.4",
+    "@genesislcap/ts-builder": "14.451.2-FUI-2550.4",
+    "@genesislcap/uvu-playwright-builder": "14.451.2-FUI-2550.4",
+    "@genesislcap/vite-builder": "14.451.2-FUI-2550.4",
+    "@genesislcap/webpack-builder": "14.451.2-FUI-2550.4",
     "@types/json-schema": "^7.0.11",
     "@types/papaparse": "^5.3.14"
   },
@@ -82,12 +82,12 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-criteria": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-logger": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-notifications": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-ui": "14.451.2-FUI-2550.2",
-    "@genesislcap/foundation-utils": "14.451.2-FUI-2550.2",
+    "@genesislcap/foundation-comms": "14.451.2-FUI-2550.4",
+    "@genesislcap/foundation-criteria": "14.451.2-FUI-2550.4",
+    "@genesislcap/foundation-logger": "14.451.2-FUI-2550.4",
+    "@genesislcap/foundation-notifications": "14.451.2-FUI-2550.4",
+    "@genesislcap/foundation-ui": "14.451.2-FUI-2550.4",
+    "@genesislcap/foundation-utils": "14.451.2-FUI-2550.4",
     "@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": "b92c01a659248d27f0ea5a920e37c4dfb7b4259f"
+  "gitHead": "eec1ec9a43449a08439095922d329f5fe851b50e"
 }