@justifi/webcomponents 4.4.0 → 4.5.1

package/dist/collection/components/form/form-control-number.js

@@ -0,0 +1,194 @@
+import { Host, h, } from "@stencil/core";
+export class NumberInput {
+  constructor() {
+    this.label = undefined;
+    this.name = undefined;
+    this.error = undefined;
+    this.defaultValue = undefined;
+    this.inputHandler = undefined;
+    this.disabled = undefined;
+    this.input = undefined;
+  }
+  handleDefaultValueChange(newValue) {
+    this.updateInput(newValue);
+  }
+  updateInput(newValue) {
+    const inputElement = this.el.shadowRoot.querySelector('input');
+    if (inputElement) {
+      inputElement.value = newValue || '';
+    }
+  }
+  handleFormControlInput(event) {
+    const target = event.target;
+    const name = target.getAttribute('name');
+    this.inputHandler(name, target.value);
+  }
+  componentDidLoad() {
+    this.updateInput(this.defaultValue);
+  }
+  render() {
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { id: this.name, name: this.name, onInput: (event) => this.handleFormControlInput(event), onBlur: () => this.formControlBlur.emit(), part: `input ${this.error && 'input-invalid'}`, class: this.error ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), this.error && h("div", { class: "invalid-feedback" }, this.error)));
+  }
+  static get is() { return "form-control-number"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["form-control-number.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form-control-number.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
+      },
+      "name": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "error": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error",
+        "reflect": false
+      },
+      "defaultValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "default-value",
+        "reflect": false
+      },
+      "inputHandler": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(name: string, value: string) => void",
+          "resolved": "(name: string, value: string) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "input": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "formControlInput",
+        "name": "formControlInput",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "formControlBlur",
+        "name": "formControlBlur",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "defaultValue",
+        "methodName": "handleDefaultValueChange"
+      }];
+  }
+}
+//# sourceMappingURL=form-control-number.js.map

package/dist/collection/components/form/form-control-number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-number.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-number.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,EACL,OAAO,EACP,KAAK,GACN,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,WAAW;;;;;;;;;;EActB,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/D,IAAI,YAAY,EAAE;MAChB,YAAY,CAAC,KAAK,GAAG,QAAQ,IAAI,EAAE,CAAC;KACrC;EACH,CAAC;EAED,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-number',\n  styleUrl: 'form-control-number.scss',\n  shadow: true,\n})\nexport class NumberInput {\n  @Element() el: HTMLElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() disabled: boolean;\n  @State() input: string;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    const inputElement = this.el.shadowRoot.querySelector('input');\n    if (inputElement) {\n      inputElement.value = newValue || '';\n    }\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"number\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/form/form-control-select.css

@@ -1791,4 +1791,10 @@ textarea.form-control-lg {
   line-height: 1.5;
   color: #212529;
   display: block;
+}
+
+select[disabled] {
+  background-color: #e9ecef;
+  opacity: 0.5;
+  cursor: not-allowed;
 }

package/dist/collection/components/form/form-control-select.js

@@ -1,5 +1,5 @@
-import { Host, h } from "@stencil/core";
-export class TextInput {
+import { Host, h, } from "@stencil/core";
+export class SelectInput {
   constructor() {
     this.label = undefined;
     this.name = undefined;
@@ -7,15 +7,24 @@ export class TextInput {
     this.defaultValue = undefined;
     this.inputHandler = undefined;
     this.options = undefined;
+    this.disabled = undefined;
+  }
+  handleDefaultValueChange(newValue) {
+    this.updateInput(newValue);
+  }
+  updateInput(newValue) {
+    this.selectElement.value = newValue;
   }
   handleFormControlInput(event) {
     const target = event.target;
     const name = target.getAttribute('name');
     this.inputHandler(name, target.value);
   }
-  ;
+  componentDidLoad() {
+    this.updateInput(this.defaultValue);
+  }
   render() {
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { id: this.name, name: this.name, onInput: (event) => this.handleFormControlInput(event), part: `input ${this.error && 'input-invalid'}`, class: this.error ? 'form-select is-invalid' : 'form-select' }, this.options.map(option => (h("option", { value: option.value }, option.label)))), this.error && h("div", { class: "invalid-feedback" }, this.error)));
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { ref: el => (this.selectElement = el), id: this.name, name: this.name, onInput: (event) => this.handleFormControlInput(event), onBlur: () => this.formControlBlur.emit(), part: `input ${this.error && 'input-invalid'}`, class: this.error ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, this.options.map(option => (h("option", { value: option.value }, option.label)))), this.error && h("div", { class: "invalid-feedback" }, this.error)));
   }
   static get is() { return "form-control-select"; }
   static get encapsulation() { return "shadow"; }
@@ -128,6 +137,23 @@ export class TextInput {
           "tags": [],
           "text": ""
         }
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       }
     };
   }
@@ -164,5 +190,11 @@ export class TextInput {
         }
       }];
   }
+  static get watchers() {
+    return [{
+        "propName": "defaultValue",
+        "methodName": "handleDefaultValueChange"
+      }];
+  }
 }
 //# sourceMappingURL=form-control-select.js.map

package/dist/collection/components/form/form-control-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control-select.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,SAAS;;;;;;;;;EAUpB,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAAA,CAAC;EAEF,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,cACE,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,IAC3D,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAU,CACrD,CAAC,CACK;MACR,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'form-control-select',\n  styleUrl: 'form-control-select.scss',\n  shadow: true,\n})\nexport class TextInput {\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() options: { label: string; value: string }[];\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  };\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <select\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-select is-invalid' : 'form-select'}>\n          {this.options.map(option => (\n            <option value={option.value}>{option.label}</option>\n          ))}\n        </select>\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"form-control-select.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,GACN,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,WAAW;;;;;;;;;;EActB,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;EACtC,CAAC;EAED,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,cACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EACzD,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,EAC5D,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAU,CACrD,CAAC,CACK;MACR,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-select',\n  styleUrl: 'form-control-select.scss',\n  shadow: true,\n})\nexport class SelectInput {\n  selectElement!: HTMLSelectElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Prop() options: { label: string; value: string }[];\n  @Prop() disabled: boolean;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    this.selectElement.value = newValue;\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <select\n          ref={el => (this.selectElement = el as HTMLSelectElement)}\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-select is-invalid' : 'form-select'}\n          disabled={this.disabled}\n        >\n          {this.options.map(option => (\n            <option value={option.value}>{option.label}</option>\n          ))}\n        </select>\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/form/form-control-text.css

@@ -1791,4 +1791,11 @@ textarea.form-control-lg {
   line-height: 1.5;
   color: #212529;
   display: block;
+}
+
+input[type=text][disabled] {
+  color: var(--jfi-form-control-disabled-color);
+  background-color: var(--jfi-form-control-disabled-background-color);
+  opacity: 0.5;
+  cursor: not-allowed;
 }

package/dist/collection/components/form/form-control-text.js

@@ -1,20 +1,33 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 export class TextInput {
   constructor() {
     this.label = undefined;
     this.name = undefined;
     this.error = undefined;
     this.defaultValue = undefined;
+    this.disabled = undefined;
     this.inputHandler = undefined;
+    this.input = undefined;
+  }
+  handleDefaultValueChange(newValue) {
+    this.updateInput(newValue);
+  }
+  updateInput(newValue) {
+    const inputElement = this.el.shadowRoot.querySelector('input');
+    if (inputElement) {
+      inputElement.value = newValue || '';
+    }
   }
   handleFormControlInput(event) {
     const target = event.target;
     const name = target.getAttribute('name');
     this.inputHandler(name, target.value);
   }
-  ;
+  componentDidLoad() {
+    this.updateInput(this.defaultValue);
+  }
   render() {
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { id: this.name, name: this.name, onInput: (event) => this.handleFormControlInput(event), onBlur: () => this.formControlBlur.emit(), part: `input ${this.error && 'input-invalid'}`, class: this.error ? 'form-control is-invalid' : 'form-control', type: "text" }), this.error && h("div", { class: "invalid-feedback" }, this.error)));
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { id: this.name, name: this.name, onInput: (event) => this.handleFormControlInput(event), onBlur: () => this.formControlBlur.emit(), part: `input ${this.error && 'input-invalid'} ${this.disabled && 'input-disabled'}`, class: this.error ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), this.error && h("div", { class: "invalid-feedback" }, this.error)));
   }
   static get is() { return "form-control-text"; }
   static get encapsulation() { return "shadow"; }
@@ -98,6 +111,23 @@ export class TextInput {
         "attribute": "default-value",
         "reflect": false
       },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
+      },
       "inputHandler": {
         "type": "unknown",
         "mutable": false,
@@ -115,6 +145,11 @@ export class TextInput {
       }
     };
   }
+  static get states() {
+    return {
+      "input": {}
+    };
+  }
   static get events() {
     return [{
         "method": "formControlInput",
@@ -148,5 +183,12 @@ export class TextInput {
         }
       }];
   }
+  static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "defaultValue",
+        "methodName": "handleDefaultValueChange"
+      }];
+  }
 }
 //# sourceMappingURL=form-control-text.js.map

package/dist/collection/components/form/form-control-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control-text.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,SAAS;;;;;;;;EASpB,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAAA,CAAC;EAEF,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,MAAM,GACX;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'form-control-text',\n  styleUrl: 'form-control-text.scss',\n  shadow: true,\n})\nexport class TextInput {\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  };\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'}`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"text\"\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"form-control-text.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,EACL,OAAO,EACP,KAAK,GACN,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,SAAS;;;;;;;;;;EAcpB,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/D,IAAI,YAAY,EAAE;MAChB,YAAY,CAAC,KAAK,GAAG,QAAQ,IAAI,EAAE,CAAC;KACrC;EACH,CAAC;EAED,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,IAC1C,IAAI,CAAC,QAAQ,IAAI,gBACnB,EAAE,EACF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Element,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'form-control-text',\n  styleUrl: 'form-control-text.scss',\n  shadow: true,\n})\nexport class TextInput {\n  @Element() el: HTMLElement;\n\n  @Prop() label: string;\n  @Prop() name: any;\n  @Prop() error: string;\n  @Prop() defaultValue: string;\n  @Prop() disabled: boolean;\n  @Prop() inputHandler: (name: string, value: string) => void;\n  @State() input: string;\n  @Event() formControlInput: EventEmitter<any>;\n  @Event() formControlBlur: EventEmitter<any>;\n\n  @Watch('defaultValue')\n  handleDefaultValueChange(newValue: string) {\n    this.updateInput(newValue);\n  }\n\n  updateInput(newValue: any) {\n    const inputElement = this.el.shadowRoot.querySelector('input');\n    if (inputElement) {\n      inputElement.value = newValue || '';\n    }\n  }\n\n  handleFormControlInput(event: any) {\n    const target = event.target;\n    const name = target.getAttribute('name');\n    this.inputHandler(name, target.value);\n  }\n\n  componentDidLoad() {\n    this.updateInput(this.defaultValue);\n  }\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n          {this.label}\n        </label>\n        <input\n          id={this.name}\n          name={this.name}\n          onInput={(event: any) => this.handleFormControlInput(event)}\n          onBlur={() => this.formControlBlur.emit()}\n          part={`input ${this.error && 'input-invalid'} ${\n            this.disabled && 'input-disabled'\n          }`}\n          class={this.error ? 'form-control is-invalid' : 'form-control'}\n          type=\"text\"\n          disabled={this.disabled}\n        />\n        {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/form/form.js

@@ -1,19 +1,19 @@
 import { BehaviorSubject } from "rxjs";
 export class FormController {
-  constructor(schema, defaultValues = {}) {
-    this.defaultValues = new BehaviorSubject({});
+  constructor(schema) {
     this.values = new BehaviorSubject({});
     this.errors = new BehaviorSubject({});
-    this._defaultValues = {};
+    this._initialValues = {};
     this._values = {};
     this._errors = {};
     this._isValid = true;
     this._schema = schema;
-    this._defaultValues = defaultValues;
   }
   processArrayError(obj, property, remainingProperties, message) {
     // Extract array name and index from the property string
-    const [arrayName, indexStr] = property.match(/^([a-zA-Z0-9]+)\[(\d+)\]/).slice(1);
+    const [arrayName, indexStr] = property
+      .match(/^([a-zA-Z0-9]+)\[(\d+)\]/)
+      .slice(1);
     const index = parseInt(indexStr, 10);
     // Ensure the array exists and has an entry at the given index
     obj[arrayName] = obj[arrayName] || [];
@@ -73,13 +73,21 @@ export class FormController {
       submitHandler();
     }
   }
+  setInitialValues(values) {
+    this._initialValues = values;
+    this._values = values;
+    this.values.next(this._values);
+  }
   setValues(values) {
     this._values = Object.assign(Object.assign({}, this._values), values);
     this.values.next(this._values);
   }
-  setDefaultValues(values) {
-    this._defaultValues = Object.assign(Object.assign({}, this._defaultValues), values);
-    this.defaultValues.next(this._defaultValues);
+  resetValues() {
+    this._values = this._initialValues;
+    this.values.next(this._values);
+  }
+  getInitialValues() {
+    return this._initialValues;
   }
 }
 //# sourceMappingURL=form.js.map

package/dist/collection/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { BehaviorSubject } from 'rxjs';\nimport { ObjectSchema, ValidationError } from 'yup';\n\nexport class FormController {\n  public defaultValues = new BehaviorSubject<any>({});\n  public values = new BehaviorSubject<any>({});\n  public errors = new BehaviorSubject<any>({});\n\n  private _schema: ObjectSchema<any>;\n  private _defaultValues: any = {};\n  private _values: any = {};\n  private _errors: any = {};\n  private _isValid = true;\n\n  constructor(schema: ObjectSchema<any>, defaultValues: any = {}) {\n    this._schema = schema;\n    this._defaultValues = defaultValues;\n  }\n\n  private processArrayError(obj: any, property: string, remainingProperties: string[], message: string): void {\n    // Extract array name and index from the property string\n    const [arrayName, indexStr] = property.match(/^([a-zA-Z0-9]+)\\[(\\d+)\\]/).slice(1);\n    const index = parseInt(indexStr, 10);\n\n    // Ensure the array exists and has an entry at the given index\n    obj[arrayName] = obj[arrayName] || [];\n    obj[arrayName][index] = obj[arrayName][index] || {};\n\n    // Recursively set the error if there are remaining properties, else set the error message\n    if (remainingProperties.length) {\n      this.setNestedError(obj[arrayName][index], remainingProperties, message);\n    } else {\n      obj[arrayName][index] = message;\n    }\n  }\n\n  private processRegularError(obj: any, property: string, remainingProperties: string[], message: string): void {\n    // Ensure the property exists\n    obj[property] = obj[property] || {};\n\n    // Recursively set the error if there are remaining properties, else set the error message\n    if (remainingProperties.length) {\n      this.setNestedError(obj[property], remainingProperties, message);\n    } else {\n      obj[property] = message;\n    }\n  }\n\n  private setNestedError(obj: any, properties: string[], message: string): void {\n    const property = properties.shift();\n    const isArrayError = property.includes('[');\n\n    if (isArrayError) {\n      this.processArrayError(obj, property, properties, message);\n    } else {\n      this.processRegularError(obj, property, properties, message);\n    }\n  }\n\n  private setError(obj: any, path: string, message: string): void {\n    // Convert path to properties array\n    const properties = Array.isArray(path) ? path : path.split('.');\n    this.setNestedError(obj, properties, message);\n  }\n\n  private async validate(): Promise<boolean> {\n    this._isValid = true;\n    this._errors = {};\n\n    try {\n      await this._schema.validate(this._values, { abortEarly: false });\n    } catch (err) {\n      this._isValid = false;\n      err.inner.forEach((item: ValidationError) => {\n        this.setError(this._errors, item.path, item.message);\n      });\n    }\n\n    this.errors.next(this._errors);\n    return this._isValid;\n  }\n\n  public async validateAndSubmit(submitHandler: () => void): Promise<void> {\n    const isValid = await this.validate();\n    if (isValid) {\n      submitHandler();\n    }\n  }\n\n  public setValues(values: any): void {\n    this._values = { ...this._values, ...values };\n    this.values.next(this._values);\n  }\n\n  public setDefaultValues(values: any): void {\n    this._defaultValues = { ...this._defaultValues, ...values };\n    this.defaultValues.next(this._defaultValues);\n  }\n}\n"]}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { BehaviorSubject } from 'rxjs';\nimport { ObjectSchema, ValidationError } from 'yup';\n\nexport class FormController {\n  public values = new BehaviorSubject<any>({});\n  public errors = new BehaviorSubject<any>({});\n\n  private _schema: ObjectSchema<any>;\n  private _initialValues: any = {};\n  private _values: any = {};\n  private _errors: any = {};\n  private _isValid = true;\n\n  constructor(schema: ObjectSchema<any>) {\n    this._schema = schema;\n  }\n\n  private processArrayError(\n    obj: any,\n    property: string,\n    remainingProperties: string[],\n    message: string,\n  ): void {\n    // Extract array name and index from the property string\n    const [arrayName, indexStr] = property\n      .match(/^([a-zA-Z0-9]+)\\[(\\d+)\\]/)\n      .slice(1);\n    const index = parseInt(indexStr, 10);\n\n    // Ensure the array exists and has an entry at the given index\n    obj[arrayName] = obj[arrayName] || [];\n    obj[arrayName][index] = obj[arrayName][index] || {};\n\n    // Recursively set the error if there are remaining properties, else set the error message\n    if (remainingProperties.length) {\n      this.setNestedError(obj[arrayName][index], remainingProperties, message);\n    } else {\n      obj[arrayName][index] = message;\n    }\n  }\n\n  private processRegularError(\n    obj: any,\n    property: string,\n    remainingProperties: string[],\n    message: string,\n  ): void {\n    // Ensure the property exists\n    obj[property] = obj[property] || {};\n\n    // Recursively set the error if there are remaining properties, else set the error message\n    if (remainingProperties.length) {\n      this.setNestedError(obj[property], remainingProperties, message);\n    } else {\n      obj[property] = message;\n    }\n  }\n\n  private setNestedError(\n    obj: any,\n    properties: string[],\n    message: string,\n  ): void {\n    const property = properties.shift();\n    const isArrayError = property.includes('[');\n\n    if (isArrayError) {\n      this.processArrayError(obj, property, properties, message);\n    } else {\n      this.processRegularError(obj, property, properties, message);\n    }\n  }\n\n  private setError(obj: any, path: string, message: string): void {\n    // Convert path to properties array\n    const properties = Array.isArray(path) ? path : path.split('.');\n    this.setNestedError(obj, properties, message);\n  }\n\n  private async validate(): Promise<boolean> {\n    this._isValid = true;\n    this._errors = {};\n\n    try {\n      await this._schema.validate(this._values, { abortEarly: false });\n    } catch (err) {\n      this._isValid = false;\n      err.inner.forEach((item: ValidationError) => {\n        this.setError(this._errors, item.path, item.message);\n      });\n    }\n\n    this.errors.next(this._errors);\n    return this._isValid;\n  }\n\n  public async validateAndSubmit(submitHandler: () => void): Promise<void> {\n    const isValid = await this.validate();\n    if (isValid) {\n      submitHandler();\n    }\n  }\n\n  public setInitialValues(values: any): void {\n    this._initialValues = values;\n    this._values = values;\n    this.values.next(this._values);\n  }\n\n  public setValues(values: any): void {\n    this._values = { ...this._values, ...values };\n    this.values.next(this._values);\n  }\n\n  public resetValues(): void {\n    this._values = this._initialValues;\n    this.values.next(this._values);\n  }\n\n  public getInitialValues(): any {\n    return this._initialValues;\n  }\n}\n"]}

package/dist/collection/components/legal-address-form/legal-address-form-schema.js

@@ -0,0 +1,11 @@
+import * as Yup from "yup";
+const legalAddressSchema = Yup.object({
+  line1: Yup.string().required('Enter street address'),
+  line2: Yup.string(),
+  city: Yup.string().required('Enter city'),
+  state: Yup.string().required('Select state'),
+  postal_code: Yup.string().required('Enter postal code'),
+  country: Yup.string().required('Select country'),
+});
+export default legalAddressSchema;
+//# sourceMappingURL=legal-address-form-schema.js.map

package/dist/collection/components/legal-address-form/legal-address-form-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legal-address-form-schema.js","sourceRoot":"","sources":["../../../../src/components/legal-address-form/legal-address-form-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAE3B,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,CAAC;EACpC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC;EACpD,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;EACnB,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EACzC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC;EAC5C,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC;EACvD,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC","sourcesContent":["import * as Yup from 'yup';\n\nconst legalAddressSchema = Yup.object({\n  line1: Yup.string().required('Enter street address'),\n  line2: Yup.string(),\n  city: Yup.string().required('Enter city'),\n  state: Yup.string().required('Select state'),\n  postal_code: Yup.string().required('Enter postal code'),\n  country: Yup.string().required('Select country'),\n});\n\nexport default legalAddressSchema;\n"]}