@genesislcap/foundation-forms 14.44.0 → 14.45.0

package/dist/custom-elements.json

@@ -5,43 +5,14 @@
     {
       "kind": "javascript-module",
       "path": "src/form.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "foundationFormStyles"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "foundationFormStyles",
-          "declaration": {
-            "name": "foundationFormStyles",
-            "module": "src/form.styles.ts"
-          }
-        }
-      ]
+      "declarations": [],
+      "exports": []
     },
     {
       "kind": "javascript-module",
       "path": "src/form.template.ts",
-      "declarations": [
-        {
-          "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        <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": [
-        {
-          "kind": "js",
-          "name": "foundationFormTemplate",
-          "declaration": {
-            "name": "foundationFormTemplate",
-            "module": "src/form.template.ts"
-          }
-        }
-      ]
+      "declarations": [],
+      "exports": []
     },
     {
       "kind": "javascript-module",
@@ -227,6 +198,22 @@
             "package": "./form"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./form.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./form.template"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -1571,7 +1558,7 @@
         {
           "kind": "variable",
           "name": "LayoutVertical2ColumnsRendererTemplate",
-          "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`"
+          "default": "html`\n  <template>\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              :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,6 +97,7 @@ 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;IAwBb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,oBAAoB;IAKpB;;;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;IA2Bb;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,WAAW;IAQ3B,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB;IAMpB;;;OAGG;IACH,KAAK;CAIN"}

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

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

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

@@ -1,3 +1,4 @@
 import type { Form } from './form';
+/** @internal */
 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,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,gBAAgB;AAChB,eAAO,MAAM,sBAAsB,2DA2BlC,CAAC"}

package/dist/dts/index.d.ts

@@ -1,5 +1,7 @@
 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,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,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/dts/types.d.ts

@@ -27,6 +27,7 @@ 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,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,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"}

package/dist/esm/form.js

@@ -106,6 +106,9 @@ 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();
             }
@@ -136,8 +139,13 @@ 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,6 +2,7 @@ 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';
+/** @internal */
 export const foundationFormStyles = css `
   :host {
     border: calc(${strokeWidth} * 1px) solid transparent;
@@ -34,10 +35,11 @@ export const foundationFormStyles = css `
 
   .actions {
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     align-items: flex-end;
-    justify-content: center;
+    justify-content: flex-end;
     padding: calc(${designUnit} * 2px);
+    gap: 10px;
   }
 
   .error {

package/dist/esm/form.template.js

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

package/dist/esm/index.js

@@ -1,4 +1,6 @@
 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.label}
+        placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
         ?disabled=${(x) => !x.control.enabled}
         @value-change=${(x, c) => {
     var _a;

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

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

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

@@ -10,18 +10,18 @@ export const NumberControlRendererTemplate = (prefix = 'zero') => html `
       ?submitted=${(x) => x.submitted}
     >
       <${prefix}-number-field
+      withFormatting=${(x) => { var _a; return (((_a = x.control.uischema.options) === null || _a === void 0 ? void 0 : _a.withoutFormatting) ? false : true); }}
         :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);
     return x.control.handleChange(x.control.path, !isNaN(value) ? value : undefined);
 }}
-        placeholder=${(x) => x.control.label}
+        placeholder=${(x) => x.control.uischema.placeholder || x.control.label}
         id=${(x) => x.control.path}
         data-test-id=${(x) => x.control.path}
         ?required=${(x) => x.control.required}
         ?disabled=${(x) => !x.control.enabled}
-        withFormatting
         hideStep
         @blur=${(x) => x.onBlur()}
         style="width: 100%"

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

@@ -14,7 +14,7 @@ export const getStringControlRendererTemplate = (prefix = 'zero') => html `
     const inputValue = c.event.target.value;
     x.control.handleChange(x.control.path, inputValue === '' ? null : inputValue);
 }}
-        placeholder=${(x) => x.control.label}
+        placeholder=${(x) => x.control.uischema.placeholder || 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,6 +560,37 @@
           "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",
@@ -1030,7 +1061,7 @@
             },
             {
               "kind": "Content",
-              "text": ";\n    scope: string;\n    label?: string;\n    options?: "
+              "text": ";\n    scope: string;\n    label?: string;\n    placeholder?: string;\n    options?: "
             },
             {
               "kind": "Reference",

package/dist/foundation-forms.d.ts

@@ -1,4 +1,5 @@
 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';
@@ -230,6 +231,7 @@ export declare class Form extends FoundationElement {
      * @internal
      */
     onChange(event: CustomEvent): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     /**
      * Reset the form state
@@ -238,6 +240,12 @@ export declare class Form extends FoundationElement {
     reset(): void;
 }
 
+/** @internal */
+export declare const foundationFormStyles: ElementStyles;
+
+/** @internal */
+export declare const foundationFormTemplate: ViewTemplate<Form, any>;
+
 /** @public */
 export declare const genesisErrorTranslator: ErrorTranslator;
 
@@ -280,6 +288,7 @@ export declare type UiSchemaElement = {
     type: UiSchemaElementType;
     scope: string;
     label?: string;
+    placeholder?: string;
     options?: UiSchemaElementOptions;
 };
 

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

@@ -0,0 +1,18 @@
+<!-- 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.form.md

@@ -31,6 +31,7 @@ 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.uischemaelement.md

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

package/docs/api-report.md

@@ -5,6 +5,7 @@
 ```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';
@@ -60,6 +61,8 @@ export const filtersRenderers: any[];
 
 // @beta
 export class Form extends FoundationElement {
+    // (undocumented)
+    connectedCallback(): void;
     // @public
     data: any;
     // (undocumented)
@@ -86,6 +89,16 @@ export class Form extends FoundationElement {
     uischema: UISchemaElement;
 }
 
+// Warning: (ae-internal-missing-underscore) The name "foundationFormStyles" should be prefixed with an underscore because the declaration is marked as @internal
+//
+// @internal (undocumented)
+export const foundationFormStyles: ElementStyles;
+
+// Warning: (ae-internal-missing-underscore) The name "foundationFormTemplate" should be prefixed with an underscore because the declaration is marked as @internal
+//
+// @internal (undocumented)
+export const foundationFormTemplate: ViewTemplate<Form, any>;
+
 // @public (undocumented)
 export const genesisErrorTranslator: ErrorTranslator;
 
@@ -125,6 +138,7 @@ export type UiSchemaElement = {
     type: UiSchemaElementType;
     scope: string;
     label?: string;
+    placeholder?: string;
     options?: UiSchemaElementOptions;
 };
 
@@ -151,7 +165,7 @@ export type UiSchemaElementType = 'Control' | 'VerticalLayout' | any;
 
 // Warnings were encountered during analysis:
 //
-// src/types.ts:50:3 - (ae-forgotten-export) The symbol "DispatchRenderer" needs to be exported by the entry point index.d.ts
+// src/types.ts:51: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.44.0",
+  "version": "14.45.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -40,17 +40,17 @@
     "test:debug": "genx test --debug"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "^14.44.0",
-    "@genesislcap/genx": "^14.44.0",
+    "@genesislcap/foundation-testing": "^14.45.0",
+    "@genesislcap/genx": "^14.45.0",
     "@types/json-schema": "^7.0.11",
     "@types/ua-parser-js": "^0.7.36",
     "analytics": "^0.8.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "^14.44.0",
-    "@genesislcap/foundation-criteria": "^14.44.0",
-    "@genesislcap/foundation-ui": "^14.44.0",
-    "@genesislcap/foundation-utils": "^14.44.0",
+    "@genesislcap/foundation-comms": "^14.45.0",
+    "@genesislcap/foundation-criteria": "^14.45.0",
+    "@genesislcap/foundation-ui": "^14.45.0",
+    "@genesislcap/foundation-utils": "^14.45.0",
     "@jsonforms/core": "^3.0.0",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "077e749b309b7cce6982ec9c85255036e5f254dc"
+  "gitHead": "f4b5cf86b3f9a49530ba9a15ca5db0df4d2e2e36"
 }