@genesislcap/foundation-forms 14.30.2-bny.1 → 14.30.3

package/dist/custom-elements.json

@@ -29,7 +29,7 @@
         {
           "kind": "variable",
           "name": "foundationFormTemplate",
-          "default": "html<Form>`\n  <template>\n    <json-forms\n      ?readonly=${(x) => x.readonly}\n      ?submitted=${(x) => x.submitted}\n      :renderers=${(x) => x.renderers}\n      :uischema=${(x) => x.uischema}\n      :schema=${(x) => x.jsonSchema}\n      :data=${(x) => x.data}\n      @data-change=${(x, c) => x.onChange(c.event as CustomEvent)}\n    ></json-forms>\n    ${when(\n      (x) => !x.readonly,\n      html<Form>`\n        <slot name=\"userActions\" part=\"userActions\" class=\"actions\">\n          <fast-button\n            @click=\"${(x) => x._submit()}\"\n            ?disable=${(x) => !x.submitting}\n            class=\"submit-button\"\n            appearance=\"accent\"\n          >\n            Submit\n          </fast-button>\n        </slot>\n      `\n    )}\n  </template>\n`"
+          "default": "html<Form>`\n  <template>\n    <json-forms\n      ?readonly=${(x) => x.readonly}\n      ?submitted=${(x) => x.submitted}\n      :renderers=${(x) => x.renderers}\n      :uischema=${(x) => x.uischema}\n      :schema=${(x) => x.jsonSchema}\n      :data=${(x) => x.data}\n      @data-change=${(x, c) => x.onChange(c.event as CustomEvent)}\n    ></json-forms>\n    ${when(\n      (x) => !x.readonly,\n      html<Form>`\n        <div class=\"actions\">\n          <fast-button\n            @click=\"${(x) => x._submit()}\"\n            ?disable=${(x) => !x.submitting}\n            class=\"submit-button\"\n            appearance=\"accent\"\n          >\n            Submit\n          </fast-button>\n        </div>\n      `\n    )}\n  </template>\n`"
         }
       ],
       "exports": [
@@ -338,22 +338,6 @@
             "package": "./form"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./form.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./form.template"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -1809,7 +1793,7 @@
         {
           "kind": "variable",
           "name": "LayoutVertical2ColumnsRendererTemplate",
-          "default": "html`\n  <template>\n    <div\n      style=\"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              :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  </template>\n`"
+          "default": "html`\n  <template>\n    <div\n      style=\"max-width:600px;\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              :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  </template>\n`"
         },
         {
           "kind": "variable",

package/dist/dts/form.d.ts

@@ -97,7 +97,6 @@ export declare class Form extends FoundationElement {
      * @internal
      */
     onChange(event: CustomEvent): void;
-    connectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Reset the form state

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkB1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAgBrB,CAAC;AACF;;;;;GAKG;AAEH,qBAKa,IAAK,SAAQ,iBAAiB;IACzC;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAQjC,OAAO,CAAC,oBAAoB;IA0B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,eAAe,CAAC;IACtC;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAqB;IAC1B,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAEJ,QAAQ,EAAE,OAAO,CAAC;IAE7C;;OAEG;IACG,OAAO;IA2Bb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB;IAMpB;;;OAGG;IACH,KAAK;CAIN"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/form.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkB1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,gBAAgB;AAChB,eAAO,MAAM,MAAM,gDAAkC,CAAC;AActD,cAAc;AACd,eAAO,MAAM,SAAS,OAgBrB,CAAC;AACF;;;;;GAKG;AAEH,qBAKa,IAAK,SAAQ,iBAAiB;IACzC;;;;OAIG;IACG,YAAY,EAAE,MAAM,CAAC;YACb,mBAAmB;IAQjC,OAAO,CAAC,oBAAoB;IA0B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACS,QAAQ,EAAE,eAAe,CAAC;IACtC;;;OAGG;IACS,SAAS,EAAE,aAAa,EAAE,CAAa;IACnD;;;;;;OAMG;IACS,UAAU,EAAE,WAAW,CAAC;IAEpC,OAAO,CAAC,MAAM,CAAqB;IAC1B,OAAO,CAAC,OAAO,CAAW;IACnC;;;OAGG;IACS,IAAI,EAAE,GAAG,CAAM;IAE3B;;OAEG;IACS,UAAU,EAAE,OAAO,CAAC;IAChC;;OAEG;IACS,SAAS,EAAE,OAAO,CAAC;IAEJ,QAAQ,EAAE,OAAO,CAAC;IAE7C;;OAEG;IACG,OAAO;IAwBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,oBAAoB;IAKpB;;;OAGG;IACH,KAAK;CAIN"}

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

@@ -1,3 +1,2 @@
-/** @beta */
 export declare const foundationFormStyles: import("@microsoft/fast-element").ElementStyles;
 //# sourceMappingURL=form.styles.d.ts.map

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":"AAKA,YAAY;AACZ,eAAO,MAAM,oBAAoB,iDAqDhC,CAAC"}
+{"version":3,"file":"form.styles.d.ts","sourceRoot":"","sources":["../../src/form.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB,iDAoDhC,CAAC"}

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

@@ -1,4 +1,3 @@
 import type { Form } from './form';
-/** @beta */
 export declare const foundationFormTemplate: import("@microsoft/fast-element").ViewTemplate<Form, any>;
 //# sourceMappingURL=form.template.d.ts.map

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":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAanC,YAAY;AACZ,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}
+{"version":3,"file":"form.template.d.ts","sourceRoot":"","sources":["../../src/form.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAanC,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}

package/dist/dts/index.d.ts

@@ -1,7 +1,5 @@
 export * from './filters';
 export * from './form';
-export * from './form.styles';
-export * from './form.template';
 export * from './types';
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,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":"AAIA,eAAO,MAAM,sCAAsC,0DA6BlD,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,GAIzC,CAAC"}
+{"version":3,"file":"LayoutVertical2ColumnsRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/LayoutVertical2ColumnsRenderer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sCAAsC,0DA8BlD,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,GAIzC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"NumberControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/NumberControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,YAAY,MAAM,6DA0B3D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,GAMxC,CAAC"}
+{"version":3,"file":"NumberControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/NumberControlRenderer.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,6BAA6B,YAAY,MAAM,6DAyB3D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,GAMxC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"StringControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/StringControlRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,YAAY,MAAM,0EAqB9D,CAAC;AACF,eAAO,MAAM,6BAA6B,uEAEzC,CAAC"}
+{"version":3,"file":"StringControlRenderer.d.ts","sourceRoot":"","sources":["../../../../src/jsonforms/renderers/StringControlRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,eAAO,MAAM,gCAAgC,YAAY,MAAM,0EAwB9D,CAAC;AACF,eAAO,MAAM,6BAA6B,uEAEzC,CAAC"}

package/dist/dts/types.d.ts

@@ -27,7 +27,6 @@ export type UiSchemaElement = {
     type: UiSchemaElementType;
     scope: string;
     label?: string;
-    placeholder?: string;
     options?: UiSchemaElementOptions;
 };
 /** @public */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAErE,cAAc;AACd,MAAM,MAAM,sBAAsB,GAAG;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;CACrF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAE3E,cAAc;AACd,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,GAAG,CAAC;AAErE,cAAc;AACd,MAAM,MAAM,sBAAsB,GAAG;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,EAAE,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,cAAc;AACd,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,KAAK,mBAAmB,CAAC;CACrF,CAAC"}

package/dist/esm/form.js

@@ -106,9 +106,6 @@ let Form = class Form extends FoundationElement {
      */
     _submit() {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.submitting) {
-                return;
-            }
             if (this.removeDataProperties()) {
                 yield DOM.nextUpdate();
             }
@@ -139,13 +136,8 @@ let Form = class Form extends FoundationElement {
             this.errors = event.detail.errors;
         }
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener('submit-button-clicked', this._submit);
-    }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this.removeEventListener('submit-button-clicked', this._submit);
         this.reset();
     }
     /**

package/dist/esm/form.styles.js

@@ -2,7 +2,6 @@ import { controlCornerRadius, designUnit, strokeWidth } from '@microsoft/fast-co
 import { css } from '@microsoft/fast-element';
 import { forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
 import { SystemColors } from '@microsoft/fast-web-utilities';
-/** @beta */
 export const foundationFormStyles = css `
   :host {
     border: calc(${strokeWidth} * 1px) solid transparent;
@@ -35,11 +34,10 @@ export const foundationFormStyles = css `
 
   .actions {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     align-items: flex-end;
-    justify-content: flex-end;
+    justify-content: center;
     padding: calc(${designUnit} * 2px);
-    gap: 10px;
   }
 
   .error {

package/dist/esm/form.template.js

@@ -9,7 +9,6 @@ ArrayListWrapper;
 CategorizationWrapper;
 ControlWrapper;
 DispatchRenderer;
-/** @beta */
 export const foundationFormTemplate = html `
   <template>
     <json-forms
@@ -22,7 +21,7 @@ export const foundationFormTemplate = html `
       @data-change=${(x, c) => x.onChange(c.event)}
     ></json-forms>
     ${when((x) => !x.readonly, html `
-        <slot name="userActions" part="userActions" class="actions">
+        <div class="actions">
           <fast-button
             @click="${(x) => x._submit()}"
             ?disable=${(x) => !x.submitting}
@@ -31,7 +30,7 @@ export const foundationFormTemplate = html `
           >
             Submit
           </fast-button>
-        </slot>
+        </div>
       `)}
   </template>
 `;

package/dist/esm/index.js

@@ -1,6 +1,4 @@
 export * from './filters';
 export * from './form';
-export * from './form.styles';
-export * from './form.template';
 export * from './types';
 export * from './utils';

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

@@ -13,7 +13,7 @@ export const ConnectedSelectControlRendererTemplate = (prefix = 'zero') => html
     >
       <${prefix}-combobox
         style="width: 100%"
-        placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
+        placeholder=${(x) => x.control.label}
         ?disabled=${(x) => !x.control.enabled}
         @value-change=${(x, c) => {
     var _a;

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

@@ -4,7 +4,8 @@ import { LAYOUT2COLUMNS_RANK } from './RenderersRanks';
 export const LayoutVertical2ColumnsRendererTemplate = html `
   <template>
     <div
-      style="display: flex;
+      style="max-width:600px;
+      display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       justify-content: space-between;"

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

@@ -10,13 +10,12 @@ export const NumberControlRendererTemplate = (prefix = 'zero') => html `
       ?submitted=${(x) => x.submitted}
     >
       <${prefix}-number-field
-        :options=${(x) => { var _a; return (_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.formatOptions; }}
         :value=${(x) => (x.control.data === undefined ? '' : String(x.control.data))}
         @change=${(x, c) => {
     const value = parseFloat(c.event.target.value.replace(/,/g, ''));
     return x.control.handleChange(x.control.path, !isNaN(value) ? value : undefined);
 }}
-        placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
+        placeholder=${(x) => x.control.label}
         id=${(x) => x.control.path}
         data-test-id=${(x) => x.control.path}
         ?required=${(x) => x.control.required}

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

@@ -10,8 +10,11 @@ export const getStringControlRendererTemplate = (prefix = 'zero') => html `
       <${prefix}-text-field
         type=${(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.isPassword) ? 'password' : 'text'); }}
         :value=${(x) => x.control.data || ''}
-        @change=${(x, c) => x.control.handleChange(x.control.path, c.event.target.value)}
-        placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
+        @change=${(x, c) => {
+    const inputValue = c.event.target.value;
+    x.control.handleChange(x.control.path, inputValue === '' ? null : inputValue);
+}}
+        placeholder=${(x) => x.control.label}
         id=${(x) => x.control.path}
         data-test-id=${(x) => x.control.path}
         ?required=${(x) => x.control.required}

package/dist/foundation-forms.api.json

@@ -560,37 +560,6 @@
           "name": "Form",
           "preserveMemberOrder": false,
           "members": [
-            {
-              "kind": "Method",
-              "canonicalReference": "@genesislcap/foundation-forms!Form#connectedCallback:member(1)",
-              "docComment": "",
-              "excerptTokens": [
-                {
-                  "kind": "Content",
-                  "text": "connectedCallback(): "
-                },
-                {
-                  "kind": "Content",
-                  "text": "void"
-                },
-                {
-                  "kind": "Content",
-                  "text": ";"
-                }
-              ],
-              "isStatic": false,
-              "returnTypeTokenRange": {
-                "startIndex": 1,
-                "endIndex": 2
-              },
-              "releaseTag": "Beta",
-              "isProtected": false,
-              "overloadIndex": 1,
-              "parameters": [],
-              "isOptional": false,
-              "isAbstract": false,
-              "name": "connectedCallback"
-            },
             {
               "kind": "Property",
               "canonicalReference": "@genesislcap/foundation-forms!Form#data:member",
@@ -847,75 +816,6 @@
           },
           "implementsTokenRanges": []
         },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@genesislcap/foundation-forms!foundationFormStyles:var",
-          "docComment": "/**\n * @beta\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "foundationFormStyles: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "ElementStyles",
-              "canonicalReference": "@microsoft/fast-element!ElementStyles:class"
-            }
-          ],
-          "fileUrlPath": "src/form.styles.ts",
-          "isReadonly": true,
-          "releaseTag": "Beta",
-          "name": "foundationFormStyles",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 3
-          }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@genesislcap/foundation-forms!foundationFormTemplate:var",
-          "docComment": "/**\n * @beta\n */\n",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "foundationFormTemplate: "
-            },
-            {
-              "kind": "Content",
-              "text": "import(\"@microsoft/fast-element\")."
-            },
-            {
-              "kind": "Reference",
-              "text": "ViewTemplate",
-              "canonicalReference": "@microsoft/fast-element!ViewTemplate:class"
-            },
-            {
-              "kind": "Content",
-              "text": "<"
-            },
-            {
-              "kind": "Reference",
-              "text": "Form",
-              "canonicalReference": "@genesislcap/foundation-forms!Form:class"
-            },
-            {
-              "kind": "Content",
-              "text": ", any>"
-            }
-          ],
-          "fileUrlPath": "src/form.template.ts",
-          "isReadonly": true,
-          "releaseTag": "Beta",
-          "name": "foundationFormTemplate",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 6
-          }
-        },
         {
           "kind": "Variable",
           "canonicalReference": "@genesislcap/foundation-forms!genesisErrorTranslator:var",
@@ -1130,7 +1030,7 @@
             },
             {
               "kind": "Content",
-              "text": ";\n    scope: string;\n    label?: string;\n    placeholder?: string;\n    options?: "
+              "text": ";\n    scope: string;\n    label?: string;\n    options?: "
             },
             {
               "kind": "Reference",

package/dist/foundation-forms.d.ts

@@ -1,5 +1,4 @@
 import { DatasourceOptions } from '@genesislcap/foundation-comms';
-import { ElementStyles } from '@microsoft/fast-element';
 import { ErrorObject } from 'ajv';
 import { ErrorTranslator } from '@jsonforms/core';
 import { Expression } from '@genesislcap/foundation-criteria';
@@ -231,7 +230,6 @@ export declare class Form extends FoundationElement {
      * @internal
      */
     onChange(event: CustomEvent): void;
-    connectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Reset the form state
@@ -240,12 +238,6 @@ export declare class Form extends FoundationElement {
     reset(): void;
 }
 
-/** @beta */
-export declare const foundationFormStyles: ElementStyles;
-
-/** @beta */
-export declare const foundationFormTemplate: ViewTemplate<Form, any>;
-
 /** @public */
 export declare const genesisErrorTranslator: ErrorTranslator;
 
@@ -288,7 +280,6 @@ export declare type UiSchemaElement = {
     type: UiSchemaElementType;
     scope: string;
     label?: string;
-    placeholder?: string;
     options?: UiSchemaElementOptions;
 };
 

package/docs/api/foundation-forms.form.md

@@ -31,7 +31,6 @@ export declare class Form extends FoundationElement
 
 |  Method | Modifiers | Description |
 |  --- | --- | --- |
-|  [connectedCallback()](./foundation-forms.form.connectedcallback.md) |  | **_(BETA)_** |
 |  [disconnectedCallback()](./foundation-forms.form.disconnectedcallback.md) |  | **_(BETA)_** |
 |  [reset()](./foundation-forms.form.reset.md) |  | Reset the form state |
 

package/docs/api/foundation-forms.md

@@ -17,8 +17,6 @@
 |  --- | --- |
 |  [createExpressions](./foundation-forms.createexpressions.md) | Creates a expressions/criteria from given payload |
 |  [filtersRenderers](./foundation-forms.filtersrenderers.md) |  |
-|  [foundationFormStyles](./foundation-forms.foundationformstyles.md) | **_(BETA)_** |
-|  [foundationFormTemplate](./foundation-forms.foundationformtemplate.md) | **_(BETA)_** |
 |  [genesisErrorTranslator](./foundation-forms.genesiserrortranslator.md) |  |
 |  [mustMatch](./foundation-forms.mustmatch.md) | Ensures the value of the current field (the one the validator is on) matches the one of the target field. |
 |  [renderers](./foundation-forms.renderers.md) |  |

package/docs/api/foundation-forms.uischemaelement.md

@@ -12,7 +12,6 @@ export type UiSchemaElement = {
     type: UiSchemaElementType;
     scope: string;
     label?: string;
-    placeholder?: string;
     options?: UiSchemaElementOptions;
 };
 ```

package/docs/api-report.md

@@ -5,7 +5,6 @@
 ```ts
 
 import { DatasourceOptions } from '@genesislcap/foundation-comms';
-import { ElementStyles } from '@microsoft/fast-element';
 import { ErrorObject } from 'ajv';
 import { ErrorTranslator } from '@jsonforms/core';
 import { Expression } from '@genesislcap/foundation-criteria';
@@ -61,8 +60,6 @@ export const filtersRenderers: any[];
 
 // @beta
 export class Form extends FoundationElement {
-    // (undocumented)
-    connectedCallback(): void;
     // @public
     data: any;
     // (undocumented)
@@ -89,12 +86,6 @@ export class Form extends FoundationElement {
     uischema: UISchemaElement;
 }
 
-// @beta (undocumented)
-export const foundationFormStyles: ElementStyles;
-
-// @beta (undocumented)
-export const foundationFormTemplate: ViewTemplate<Form, any>;
-
 // @public (undocumented)
 export const genesisErrorTranslator: ErrorTranslator;
 
@@ -134,7 +125,6 @@ export type UiSchemaElement = {
     type: UiSchemaElementType;
     scope: string;
     label?: string;
-    placeholder?: string;
     options?: UiSchemaElementOptions;
 };
 
@@ -161,7 +151,7 @@ export type UiSchemaElementType = 'Control' | 'VerticalLayout' | any;
 
 // Warnings were encountered during analysis:
 //
-// src/types.ts:51:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
+// src/types.ts:50:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
 
 // (No @packageDocumentation comment for this package)
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-forms",
   "description": "Genesis Foundation Forms",
-  "version": "14.30.2-bny.1",
+  "version": "14.30.3",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -43,8 +43,8 @@
     "test:unit:watch": "watchlist src test -- npm run test:unit"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.30.2-bny.1",
-    "@genesislcap/genx": "14.30.2-bny.1",
+    "@genesislcap/foundation-testing": "^14.30.3",
+    "@genesislcap/genx": "^14.30.3",
     "@playwright/test": "^1.18.1",
     "@types/json-schema": "^7.0.11",
     "@types/ua-parser-js": "^0.7.36",
@@ -59,10 +59,10 @@
     "watchlist": "^0.3.1"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.30.2-bny.1",
-    "@genesislcap/foundation-criteria": "14.30.2-bny.1",
-    "@genesislcap/foundation-ui": "14.30.2-bny.1",
-    "@genesislcap/foundation-utils": "14.30.2-bny.1",
+    "@genesislcap/foundation-comms": "^14.30.3",
+    "@genesislcap/foundation-criteria": "^14.30.3",
+    "@genesislcap/foundation-ui": "^14.30.3",
+    "@genesislcap/foundation-utils": "^14.30.3",
     "@jsonforms/core": "^3.0.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -83,5 +83,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "63f9dfb5e58f87fc514c73b185788088b7fac94a"
+  "gitHead": "5f2858b6708b64c5ed6378fc54e09629539a563a"
 }

package/docs/api/foundation-forms.form.connectedcallback.md

@@ -1,18 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [Form](./foundation-forms.form.md) &gt; [connectedCallback](./foundation-forms.form.connectedcallback.md)
-
-## Form.connectedCallback() method
-
-> This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-**Signature:**
-
-```typescript
-connectedCallback(): void;
-```
-**Returns:**
-
-void
-

package/docs/api/foundation-forms.foundationformstyles.md

@@ -1,15 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [foundationFormStyles](./foundation-forms.foundationformstyles.md)
-
-## foundationFormStyles variable
-
-> This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-
-**Signature:**
-
-```typescript
-foundationFormStyles: import("@microsoft/fast-element").ElementStyles
-```

package/docs/api/foundation-forms.foundationformtemplate.md

@@ -1,15 +0,0 @@
-<!-- Do not edit this file. It is automatically generated by API Documenter. -->
-
-[Home](./index.md) &gt; [@genesislcap/foundation-forms](./foundation-forms.md) &gt; [foundationFormTemplate](./foundation-forms.foundationformtemplate.md)
-
-## foundationFormTemplate variable
-
-> This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
-> 
-
-
-**Signature:**
-
-```typescript
-foundationFormTemplate: import("@microsoft/fast-element").ViewTemplate<Form, any>
-```