@saasquatch/mint-components 1.6.2-2 → 1.7.0-1

package/dist/collection/components/sqm-qa/sqm-qa.js

@@ -1,1038 +1,1064 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-/**
- * @uiName QA Component
- */
-export class ShareButton {
-  constructor() {
-    /**
-     * Description here
-     * @uiName Text Input with default
-     */
-    this.textInput = "short text string";
-    /**
-     * Description here
-     * @uiName Number Input with default
-     */
-    this.numberInput = 5;
-    /**
-     * Description here
-     * @uiName Boolean Switch with default
-     */
-    this.booleanSwitch = true;
-    /**
-     * Description here
-     * @uiName Text Area Input
-     * @uiWidget textArea with default
-     */
-    this.textAreaInput = "Really Really Really long text";
-    /**
-     * Description here
-     * @uiName String Enum Select with default
-     * @uiEnum ["option1","option2","option3"]
-     * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-     */
-    this.stringEnumSelect = "option2";
-    /**
-     * Description here
-     * @uiName Number Enum Select with default
-     * @uiEnum [1,2,3]
-     * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
-     */
-    this.numberEnumSelect = 3;
-    /**
-     * Description here
-     * @uiName Color with default
-     * @uiWidget color
-     * @format color
-     */
-    this.color = "blue";
-    /**
-     * Description here
-     * @uiName Image Upload with default
-     * @uiWidget ImageUpload
-     * @format url
-     */
-    this.imageUpload = "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png";
-    /**
-     * Description here
-     * @uiName Date Interval with default
-     * @uiWidget dateRange
-     * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-     * @format date-interval
-     */
-    this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";
-    /**
-     * Description here
-     * @uiName Stat Selector with default
-     * @uiWidget statTypeSelectWidget
-     */
-    this.statSelector = "/referralCount";
-    /**
-     * Description here
-     * @uiName Program Selector with default
-     * @uiWidget programSelector
-     */
-    this.programSelector = "program1";
-    /**
-     * Description here
-     * @uiName Number Max 7
-     * @maximum 7
-     */
-    this.max = 6;
-    /**
-     * Description here
-     * @uiName Number Min 7
-     * @minimum 7
-     */
-    this.min = 8;
-    /**
-     * Description here
-     * @uiName String Max Length 10
-     * @maxLength 10
-     */
-    this.maxLength = "default";
-    /**
-     * Description here
-     * @uiName String Min Length 10
-     * @minLength 10
-     */
-    this.minLength = "default text";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h("div", null,
-      h("h1", null, "I am the QA Component")));
-  }
-  static get is() { return "sqm-qa"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "textInput": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Text Input with default",
-            "name": "uiName"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "text-input",
-      "reflect": false,
-      "defaultValue": "\"short text string\""
-    },
-    "numberInput": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Input with default",
-            "name": "uiName"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "number-input",
-      "reflect": false,
-      "defaultValue": "5"
-    },
-    "booleanSwitch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Boolean Switch with default",
-            "name": "uiName"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "boolean-switch",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "textAreaInput": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Text Area Input",
-            "name": "uiName"
-          }, {
-            "text": "textArea with default",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "text-area-input",
-      "reflect": false,
-      "defaultValue": "\"Really Really Really long text\""
-    },
-    "stringEnumSelect": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "String Enum Select with default",
-            "name": "uiName"
-          }, {
-            "text": "[\"option1\",\"option2\",\"option3\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "string-enum-select",
-      "reflect": false,
-      "defaultValue": "\"option2\""
-    },
-    "numberEnumSelect": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Enum Select with default",
-            "name": "uiName"
-          }, {
-            "text": "[1,2,3]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "number-enum-select",
-      "reflect": false,
-      "defaultValue": "3"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Color with default",
-            "name": "uiName"
-          }, {
-            "text": "color",
-            "name": "uiWidget"
-          }, {
-            "text": "color",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "\"blue\""
-    },
-    "imageUpload": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Image Upload with default",
-            "name": "uiName"
-          }, {
-            "text": "ImageUpload",
-            "name": "uiWidget"
-          }, {
-            "text": "url",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "image-upload",
-      "reflect": false,
-      "defaultValue": "\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\""
-    },
-    "dateInterval": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Date Interval with default",
-            "name": "uiName"
-          }, {
-            "text": "dateRange",
-            "name": "uiWidget"
-          }, {
-            "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "date-interval",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "date-interval",
-      "reflect": false,
-      "defaultValue": "\"2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00\""
-    },
-    "statSelector": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Stat Selector with default",
-            "name": "uiName"
-          }, {
-            "text": "statTypeSelectWidget",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "stat-selector",
-      "reflect": false,
-      "defaultValue": "\"/referralCount\""
-    },
-    "programSelector": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Program Selector with default",
-            "name": "uiName"
-          }, {
-            "text": "programSelector",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "program-selector",
-      "reflect": false,
-      "defaultValue": "\"program1\""
-    },
-    "textInputNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Text Input with no default",
-            "name": "uiName"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "text-input-no-default",
-      "reflect": false
-    },
-    "numberInputNoDefault": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Input with no default",
-            "name": "uiName"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "number-input-no-default",
-      "reflect": false
-    },
-    "booleanSwitchNoDefault": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Boolean Switch with no default",
-            "name": "uiName"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "boolean-switch-no-default",
-      "reflect": false
-    },
-    "textAreaInputNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Text Area Input",
-            "name": "uiName"
-          }, {
-            "text": "textArea with no default",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "text-area-input-no-default",
-      "reflect": false
-    },
-    "stringEnumSelectNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "String Enum Select with no default",
-            "name": "uiName"
-          }, {
-            "text": "[\"option1\",\"option2\",\"option3\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "string-enum-select-no-default",
-      "reflect": false
-    },
-    "numberEnumSelectNoDefault": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Enum Select with no default",
-            "name": "uiName"
-          }, {
-            "text": "[1,2,3]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "number-enum-select-no-default",
-      "reflect": false
-    },
-    "colorNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Color with no default",
-            "name": "uiName"
-          }, {
-            "text": "color",
-            "name": "uiWidget"
-          }, {
-            "text": "color",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "color-no-default",
-      "reflect": false
-    },
-    "imageUploadNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Image Upload with no default",
-            "name": "uiName"
-          }, {
-            "text": "ImageUpload",
-            "name": "uiWidget"
-          }, {
-            "text": "url",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "image-upload-no-default",
-      "reflect": false
-    },
-    "dateIntervalNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Date Interval with no default",
-            "name": "uiName"
-          }, {
-            "text": "dateRange",
-            "name": "uiWidget"
-          }, {
-            "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "date-interval",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "date-interval-no-default",
-      "reflect": false
-    },
-    "statSelectorNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Stat Selector with no default",
-            "name": "uiName"
-          }, {
-            "text": "statTypeSelectWidget",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "stat-selector-no-default",
-      "reflect": false
-    },
-    "programSelectorNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Program Selector with no default",
-            "name": "uiName"
-          }, {
-            "text": "programSelector",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "program-selector-no-default",
-      "reflect": false
-    },
-    "stringRequired": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "String required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "string-required",
-      "reflect": false
-    },
-    "numberRequired": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "number-required",
-      "reflect": false
-    },
-    "booleanSwitchRequiredNoDefault": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Boolean Switch required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "boolean-switch-required-no-default",
-      "reflect": false
-    },
-    "textAreaInputRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Text Area Input",
-            "name": "uiName"
-          }, {
-            "text": "textArea required with no default",
-            "name": "uiWidget"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "text-area-input-required-no-default",
-      "reflect": false
-    },
-    "stringEnumSelectRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "String Enum Select required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "[\"option1\",\"option2\",\"option3\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "string-enum-select-required-no-default",
-      "reflect": false
-    },
-    "numberEnumSelectRequiredNoDefault": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Enum Select required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "[1,2,3]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "number-enum-select-required-no-default",
-      "reflect": false
-    },
-    "colorRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Color required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "color",
-            "name": "uiWidget"
-          }, {
-            "text": "color",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "color-required-no-default",
-      "reflect": false
-    },
-    "imageUploadRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Image Upload required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "ImageUpload",
-            "name": "uiWidget"
-          }, {
-            "text": "url",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "image-upload-required-no-default",
-      "reflect": false
-    },
-    "dateIntervalRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Date Interval required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "dateRange",
-            "name": "uiWidget"
-          }, {
-            "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "date-interval",
-            "name": "format"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "date-interval-required-no-default",
-      "reflect": false
-    },
-    "statSelectorRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Stat Selector required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "statTypeSelectWidget",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "stat-selector-required-no-default",
-      "reflect": false
-    },
-    "programSelectorRequiredNoDefault": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Program Selector required with no default",
-            "name": "uiName"
-          }, {
-            "text": undefined,
-            "name": "required"
-          }, {
-            "text": "programSelector",
-            "name": "uiWidget"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "program-selector-required-no-default",
-      "reflect": false
-    },
-    "max": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Max 7",
-            "name": "uiName"
-          }, {
-            "text": "7",
-            "name": "maximum"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "max",
-      "reflect": false,
-      "defaultValue": "6"
-    },
-    "min": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Number Min 7",
-            "name": "uiName"
-          }, {
-            "text": "7",
-            "name": "minimum"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "min",
-      "reflect": false,
-      "defaultValue": "8"
-    },
-    "maxLength": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "String Max Length 10",
-            "name": "uiName"
-          }, {
-            "text": "10",
-            "name": "maxLength"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "max-length",
-      "reflect": false,
-      "defaultValue": "\"default\""
-    },
-    "minLength": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "String Min Length 10",
-            "name": "uiName"
-          }, {
-            "text": "10",
-            "name": "minLength"
-          }],
-        "text": "Description here"
-      },
-      "attribute": "min-length",
-      "reflect": false,
-      "defaultValue": "\"default text\""
-    }
-  }; }
-}
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h } from "@stencil/core";
+/**
+ * @uiName QA Component
+ */
+export class ShareButton {
+  constructor() {
+    /**
+     * Description here
+     * @uiName Text Input with default
+     */
+    this.textInput = "short text string";
+    /**
+     * Description here
+     * @uiName Number Input with default
+     */
+    this.numberInput = 5;
+    /**
+     * Description here
+     * @uiName Boolean Switch with default - true
+     */
+    this.booleanSwitch = true;
+    /**
+     * Description here
+     * @uiName Boolean Switch with default - false
+     */
+    this.booleanSwitchfalse = false;
+    /**
+     * Description here
+     * @uiName Text Area Input
+     * @uiWidget textArea with default
+     */
+    this.textAreaInput = "Really Really Really long text";
+    /**
+     * Description here
+     * @uiName String Enum Select with default
+     * @uiEnum ["option1","option2","option3"]
+     * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+     */
+    this.stringEnumSelect = "option2";
+    /**
+     * Description here
+     * @uiName Number Enum Select with default
+     * @uiEnum [1,2,3]
+     * @uiEnumNames ["Option 1", "Option 2", "Option 3"]
+     */
+    this.numberEnumSelect = 3;
+    /**
+     * Description here
+     * @uiName Color with default
+     * @uiWidget color
+     * @format color
+     */
+    this.color = "blue";
+    /**
+     * Description here
+     * @uiName Image Upload with default
+     * @uiWidget ImageUpload
+     * @format url
+     */
+    this.imageUpload = "https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png";
+    /**
+     * Description here
+     * @uiName Date Interval with default
+     * @uiWidget dateRange
+     * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+     * @format date-interval
+     */
+    this.dateInterval = "2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00";
+    /**
+     * Description here
+     * @uiName Stat Selector with default
+     * @uiWidget statTypeSelectWidget
+     */
+    this.statSelector = "/referralsCount";
+    /**
+     * Description here
+     * @uiName Program Selector with default
+     * @uiWidget programSelector
+     */
+    this.programSelector = "program1";
+    /**
+     * Description here
+     * @uiName Number Max 7
+     * @maximum 7
+     */
+    this.max = 6;
+    /**
+     * Description here
+     * @uiName Number Min 7
+     * @minimum 7
+     */
+    this.min = 8;
+    /**
+     * Description here
+     * @uiName String Max Length 10
+     * @maxLength 10
+     */
+    this.maxLength = "default";
+    /**
+     * Description here
+     * @uiName String Min Length 10
+     * @minLength 10
+     */
+    this.minLength = "default text";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h("div", null,
+      h("h1", null, "I am the QA Component")));
+  }
+  static get is() { return "sqm-qa"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "textInput": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Input with default",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-input",
+      "reflect": false,
+      "defaultValue": "\"short text string\""
+    },
+    "numberInput": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Input with default",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-input",
+      "reflect": false,
+      "defaultValue": "5"
+    },
+    "booleanSwitch": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Boolean Switch with default - true",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "boolean-switch",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "booleanSwitchfalse": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Boolean Switch with default - false",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "boolean-switchfalse",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "textAreaInput": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Area Input",
+            "name": "uiName"
+          }, {
+            "text": "textArea with default",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-area-input",
+      "reflect": false,
+      "defaultValue": "\"Really Really Really long text\""
+    },
+    "stringEnumSelect": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Enum Select with default",
+            "name": "uiName"
+          }, {
+            "text": "[\"option1\",\"option2\",\"option3\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "string-enum-select",
+      "reflect": false,
+      "defaultValue": "\"option2\""
+    },
+    "numberEnumSelect": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Enum Select with default",
+            "name": "uiName"
+          }, {
+            "text": "[1,2,3]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-enum-select",
+      "reflect": false,
+      "defaultValue": "3"
+    },
+    "color": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Color with default",
+            "name": "uiName"
+          }, {
+            "text": "color",
+            "name": "uiWidget"
+          }, {
+            "text": "color",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "color",
+      "reflect": false,
+      "defaultValue": "\"blue\""
+    },
+    "imageUpload": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Image Upload with default",
+            "name": "uiName"
+          }, {
+            "text": "ImageUpload",
+            "name": "uiWidget"
+          }, {
+            "text": "url",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "image-upload",
+      "reflect": false,
+      "defaultValue": "\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\""
+    },
+    "dateInterval": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Date Interval with default",
+            "name": "uiName"
+          }, {
+            "text": "dateRange",
+            "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiWidgetOptions"
+          }, {
+            "text": "date-interval",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "date-interval",
+      "reflect": false,
+      "defaultValue": "\"2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00\""
+    },
+    "statSelector": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Stat Selector with default",
+            "name": "uiName"
+          }, {
+            "text": "statTypeSelectWidget",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "stat-selector",
+      "reflect": false,
+      "defaultValue": "\"/referralsCount\""
+    },
+    "programSelector": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Program Selector with default",
+            "name": "uiName"
+          }, {
+            "text": "programSelector",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "program-selector",
+      "reflect": false,
+      "defaultValue": "\"program1\""
+    },
+    "textInputNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Input with no default",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-input-no-default",
+      "reflect": false
+    },
+    "numberInputNoDefault": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Input with no default",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-input-no-default",
+      "reflect": false
+    },
+    "booleanSwitchNoDefault": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Boolean Switch with no default",
+            "name": "uiName"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "boolean-switch-no-default",
+      "reflect": false
+    },
+    "textAreaInputNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Area Input",
+            "name": "uiName"
+          }, {
+            "text": "textArea with no default",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-area-input-no-default",
+      "reflect": false
+    },
+    "stringEnumSelectNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Enum Select with no default",
+            "name": "uiName"
+          }, {
+            "text": "[\"option1\",\"option2\",\"option3\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "string-enum-select-no-default",
+      "reflect": false
+    },
+    "numberEnumSelectNoDefault": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Enum Select with no default",
+            "name": "uiName"
+          }, {
+            "text": "[1,2,3]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-enum-select-no-default",
+      "reflect": false
+    },
+    "colorNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Color with no default",
+            "name": "uiName"
+          }, {
+            "text": "color",
+            "name": "uiWidget"
+          }, {
+            "text": "color",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "color-no-default",
+      "reflect": false
+    },
+    "imageUploadNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Image Upload with no default",
+            "name": "uiName"
+          }, {
+            "text": "ImageUpload",
+            "name": "uiWidget"
+          }, {
+            "text": "url",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "image-upload-no-default",
+      "reflect": false
+    },
+    "dateIntervalNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Date Interval with no default",
+            "name": "uiName"
+          }, {
+            "text": "dateRange",
+            "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiWidgetOptions"
+          }, {
+            "text": "date-interval",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "date-interval-no-default",
+      "reflect": false
+    },
+    "statSelectorNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Stat Selector with no default",
+            "name": "uiName"
+          }, {
+            "text": "statTypeSelectWidget",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "stat-selector-no-default",
+      "reflect": false
+    },
+    "programSelectorNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Program Selector with no default",
+            "name": "uiName"
+          }, {
+            "text": "programSelector",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "program-selector-no-default",
+      "reflect": false
+    },
+    "stringRequired": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "string-required",
+      "reflect": false
+    },
+    "numberRequired": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-required",
+      "reflect": false
+    },
+    "booleanSwitchRequiredNoDefault": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Boolean Switch required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "boolean-switch-required-no-default",
+      "reflect": false
+    },
+    "textAreaInputRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Text Area Input",
+            "name": "uiName"
+          }, {
+            "text": "textArea required with no default",
+            "name": "uiWidget"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "text-area-input-required-no-default",
+      "reflect": false
+    },
+    "stringEnumSelectRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Enum Select required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "[\"option1\",\"option2\",\"option3\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "string-enum-select-required-no-default",
+      "reflect": false
+    },
+    "numberEnumSelectRequiredNoDefault": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Enum Select required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "[1,2,3]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Option 1\", \"Option 2\", \"Option 3\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "number-enum-select-required-no-default",
+      "reflect": false
+    },
+    "colorRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Color required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "color",
+            "name": "uiWidget"
+          }, {
+            "text": "color",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "color-required-no-default",
+      "reflect": false
+    },
+    "imageUploadRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Image Upload required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "ImageUpload",
+            "name": "uiWidget"
+          }, {
+            "text": "url",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "image-upload-required-no-default",
+      "reflect": false
+    },
+    "dateIntervalRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Date Interval required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "dateRange",
+            "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiWidgetOptions"
+          }, {
+            "text": "date-interval",
+            "name": "format"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "date-interval-required-no-default",
+      "reflect": false
+    },
+    "statSelectorRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Stat Selector required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "statTypeSelectWidget",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "stat-selector-required-no-default",
+      "reflect": false
+    },
+    "programSelectorRequiredNoDefault": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Program Selector required with no default",
+            "name": "uiName"
+          }, {
+            "text": undefined,
+            "name": "required"
+          }, {
+            "text": "programSelector",
+            "name": "uiWidget"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "program-selector-required-no-default",
+      "reflect": false
+    },
+    "max": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Max 7",
+            "name": "uiName"
+          }, {
+            "text": "7",
+            "name": "maximum"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "max",
+      "reflect": false,
+      "defaultValue": "6"
+    },
+    "min": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Number Min 7",
+            "name": "uiName"
+          }, {
+            "text": "7",
+            "name": "minimum"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "min",
+      "reflect": false,
+      "defaultValue": "8"
+    },
+    "maxLength": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Max Length 10",
+            "name": "uiName"
+          }, {
+            "text": "10",
+            "name": "maxLength"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "max-length",
+      "reflect": false,
+      "defaultValue": "\"default\""
+    },
+    "minLength": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "String Min Length 10",
+            "name": "uiName"
+          }, {
+            "text": "10",
+            "name": "minLength"
+          }],
+        "text": "Description here"
+      },
+      "attribute": "min-length",
+      "reflect": false,
+      "defaultValue": "\"default text\""
+    }
+  }; }
+}