@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -5,14 +5,7 @@ import JustifiAnalytics from "../../api/Analytics";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api";
 export class TokenizePaymentMethod {
     constructor() {
-        this.authToken = undefined;
-        this.accountId = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.submitButtonText = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.hideSubmitButton = undefined;
-        this.hideCardBillingForm = undefined;
+        this.submitButtonText = 'Submit';
         this.iframeOrigin = IFRAME_ORIGIN;
         this.isLoading = false;
     }
@@ -51,8 +44,12 @@ export class TokenizePaymentMethod {
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
+    async validate() {
+        const { isValid } = await this.paymentMethodOptionsRef.validate();
+        return { isValid };
+    }
     render() {
-        return (h(StyledHost, { key: '270b2dce491c95fd6a372bf4e59d4829c91290fa' }, h("form", { key: '7e68afbac49260a92bb6c9e3bd08125129ab196c' }, h("fieldset", { key: '95f911fa066f7fea0b36e4c99cb1c5008b4a886d' }, h("div", { key: 'aec8576644731d5960a1e041960076c503aa4a17', class: "row gy-3" }, h("div", { key: '51436afb0c10e189d079226dd0a8e7b18580fd69', class: "col-12" }, h("justifi-payment-method-options", { key: '59777ac37f44bfe9ef98d3b22a6e485f06db303d', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'ef37939fb4d8e0225f98f0c3874a83206307f671', class: "col-12" }, h(Button, { key: '4b193d76ad540cae97a2423948e18d60f6db0679', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'f44aae1794754d47dab2ab0d51eee101e98e49a7' }, h("form", { key: '4bc04f95b0ea7746641ff758b1e9d33615cc483e' }, h("fieldset", { key: 'ec59af9ca4b4941aa0910157e483e4810b147862' }, h("div", { key: '8aca0e9d3839440d3935baa7daae786948449153', class: "row gy-3" }, h("div", { key: 'b0a6b46e4669778bea417f70772780837b2fdcb6', class: "col-12" }, h("justifi-payment-method-options", { key: '4c5d3ad184904f872e8b147ff8b8be9c61877657', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'bd06291750591b0d8604aa9e42b89f74d942de39', class: "col-12" }, h(Button, { key: '19b60fc4248f8ae5942afffdb0a06258d7647330', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -60,6 +57,7 @@ export class TokenizePaymentMethod {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -72,11 +70,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "accountId": {
                 "type": "string",
+                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,11 +89,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "account-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paymentMethodGroupId": {
                 "type": "string",
+                "attribute": "payment-method-group-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,11 +108,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "payment-method-group-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "submitButtonText": {
                 "type": "string",
+                "attribute": "submit-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,11 +127,14 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "submit-button-text",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Submit'"
             },
             "disableCreditCard": {
                 "type": "boolean",
+                "attribute": "disable-credit-card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -140,11 +147,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-credit-card",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disableBankAccount": {
                 "type": "boolean",
+                "attribute": "disable-bank-account",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -157,11 +166,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-bank-account",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideSubmitButton": {
                 "type": "boolean",
+                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -174,11 +185,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-submit-button",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideCardBillingForm": {
                 "type": "boolean",
+                "attribute": "hide-card-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -191,11 +204,32 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-card-billing-form",
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideBankAccountBillingForm": {
+                "type": "boolean",
+                "attribute": "hide-bank-account-billing-form",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "iframeOrigin": {
                 "type": "string",
+                "attribute": "iframe-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -208,7 +242,8 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "iframe-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "IFRAME_ORIGIN"
             }
@@ -326,6 +361,23 @@ export class TokenizePaymentMethod {
                     "text": "",
                     "tags": []
                 }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/styles/parts.js

@@ -36,11 +36,12 @@ export const inputRadioFocused = `input-radio-focused ${inputRadio}`;
 export const inputRadioChecked = `input-radio-checked ${inputRadio}`;
 export const inputRadioCheckedFocused = `input-radio-checked-focused ${inputRadio}`;
 export const inputRadioInvalid = `input-radio-invalid ${inputRadio}`;
-export const inputCheckbox = `input-checkbox ${backgroundColor}`;
+export const inputCheckbox = `input-checkbox`;
 export const inputCheckboxInvalid = `input-checkbox-invalid ${inputCheckbox}`;
 export const inputCheckboxFocused = `input-checkbox-focused ${inputCheckbox}`;
 export const inputCheckboxChecked = `input-checkbox-checked ${inputCheckbox}`;
 export const inputCheckboxCheckedFocused = `input-checkbox-checked-focused ${inputCheckbox}`;
+export const inputAdornment = `input-adornment ${text}`;
 // Alert
 export const alert = `alert ${text}`;
 export const alertDanger = `alert-danger ${alert}`;

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -5,8 +5,7 @@ export class CustomPopper {
         this.placement = 'bottom';
         this.offset = [0, 10];
         this.strategy = 'absolute';
-        this.trigger = 'click';
-        this.anchorRef = undefined;
+        this.trigger = 'click'; // 'click', 'hover', 'focus'
         this.isOpen = false;
     }
     componentDidLoad() {
@@ -81,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8c840ff88bde2fd2cb7be39772e2b49699d32844' }, h("style", { key: 'b5b1bd1fa8b6f6c76723d014bf96e2ee09fe60f4' }, `
+        return (h("div", { key: '6b09b58218fe286c9b3b2a707cca905c8aa10e98' }, h("style", { key: '7a8d3f88d964a78945f8f129a1a2b7a29b174678' }, `
           .popper-content {
             display: none;
           }
@@ -89,13 +88,14 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '80b0e169b33d6679f372f0d34cd2320013485e10', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4892f58a1fb5a98212f6b651f4cecc03ad7c84a2' }))));
+          `), h("div", { key: 'f96cf490f7d53613156d33ee315f9c7de415d087', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'a9e7ed012d4bb6d5c7f16fad4aacf619304717a7' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {
         return {
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -114,12 +114,14 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placement",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "offset": {
                 "type": "unknown",
+                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "[number, number]",
@@ -132,10 +134,13 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[0, 10]"
             },
             "strategy": {
                 "type": "string",
+                "attribute": "strategy",
                 "mutable": false,
                 "complexType": {
                     "original": "PositioningStrategy",
@@ -154,12 +159,14 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "strategy",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'absolute'"
             },
             "trigger": {
                 "type": "string",
+                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -172,12 +179,14 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "trigger",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'click'"
             },
             "anchorRef": {
                 "type": "unknown",
+                "attribute": "anchor-ref",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | SVGElement",
@@ -198,7 +207,9 @@ export class CustomPopper {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

package/dist/collection/ui-components/details/details.js

@@ -1,9 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
-    constructor() {
-        this.errorMessage = undefined;
-    }
     render() {
         return (h(Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
             ErrorState(this.errorMessage)
@@ -15,6 +12,7 @@ export class Details {
         return {
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -27,7 +25,8 @@ export class Details {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/ui-components/filters/table-filters-menu.js

@@ -4,11 +4,7 @@ import { hasFilters } from "./utils";
 import { dropdownMenu } from "../../styles/parts";
 export class TableFiltersMenu {
     constructor() {
-        this.anchorButton = undefined;
-        this.menu = undefined;
         this.showClearButton = false;
-        this.params = undefined;
-        this.clearParams = undefined;
     }
     watchParamsHandler(newValue) {
         this.showClearButton = hasFilters(newValue);
@@ -23,13 +19,14 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'c077391d1358cd6ad02857e05a56aab3e1d10018', class: "d-flex gap-2" }, h("div", { key: 'd28773f0b202b1fcbe19bc5bace1cbf17f5538f7', class: "dropdown pb-3" }, h(Button, { key: '0ad326c9539d5c93573001f6c98486bbbe7a4eaf', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9ebcaad716bd3b38233a2e78aa219f397c821472', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ca88fa944c5e9ac23f6ebee6c771603516b83f85', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7cc23a56a5db363ebdf375d41a758db534c9b9a7' })))), h("div", { key: '7047b1659d9f854ccb5e00f53fa03d4d42d7c550' }, h(Button, { key: '73e413af21cc39818ec8156d736ffdf72bc844d3', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b55be2aa2f9d4677989da12bb114f620a9ec2e45', class: "d-flex gap-2" }, h("div", { key: 'dffb2be68ead3abb60a8740869e48bb48bbf558c', class: "dropdown pb-3" }, h(Button, { key: '2e7b2d3afc80963abfe9c8c2690a61b911a1b747', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9e2b1b988bc5440f18d26c5b8402f5e30e73cdad', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '573161a7515d1b16665138ba739133379b9b6850', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '9597e79f125e1e41c343fa3d2d583b5cf7ab9c31' })))), h("div", { key: '67ed29ac8e10f3ae1380514ae1a1e1e8aed7d9b6' }, h(Button, { key: '9b3dc6176c11226e82ecb1f9f88705ad40bf6e32', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {
         return {
             "params": {
                 "type": "any",
+                "attribute": "params",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -42,11 +39,13 @@ export class TableFiltersMenu {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "params",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "clearParams": {
                 "type": "unknown",
+                "attribute": "clear-params",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -58,7 +57,9 @@ export class TableFiltersMenu {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -3,6 +3,7 @@ import { FormControlHelpText, FormControlErrorText } from "../../ui-components";
 import { inputCheckbox, inputCheckboxChecked, inputCheckboxCheckedFocused, inputCheckboxFocused, inputCheckboxInvalid, label } from "../../styles/parts";
 export class CheckboxInput {
     constructor() {
+        this.isFocused = false;
         this.handleFormControlInput = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -13,14 +14,6 @@ export class CheckboxInput {
         this.updateInput = (newValue) => {
             this.checkboxElement.checked = newValue;
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.checked = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
     }
     get part() {
         if (this.errorText) {
@@ -38,16 +31,17 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '3c0c0210457da250712c3eddf587ddb939b6cca7' }, h("div", { key: '9f73f8f1498d43cffc200ef326ead11bc5c2b8bd', class: 'form-group d-flex flex-column' }, h("div", { key: 'a126f90ae5ca483310593816dfed878582331395', class: "form-check" }, h("input", { key: '2c7243c56c3110e199fae658513cd2b1bde96678', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '35f96a2b36843476ec27cbf07b15e366a703fc22' }, h("div", { key: '63ca51116c2a555df16e4c20db527580f22fc14c', class: 'form-group d-flex flex-column' }, h("div", { key: '5bbd306560eb1a1ef5664cef495a67c19f44864d', class: "form-check" }, h("input", { key: 'c4dbb352c9f4e3cbb74d2a6170cb4aab33e36924', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '35d662a8e14e56514589fe7d08fae470896a6d65', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '80d0558981f8ed95746a7f8f3be319b4817a00c9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fbbda937fbf1144d5560b44719c251bdd56a6154', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '7866568942027045f761a197b7b43050911aebbd', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '30bfa6ea4c6e0cc5edd3ff3c06d51b71bca33fb3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd054d27b35ba312c6cfd217f4c192ad5e42667fb', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +54,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "any",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -77,11 +73,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,11 +92,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -111,11 +111,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "checked": {
                 "type": "boolean",
+                "attribute": "checked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -128,11 +130,13 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "checked",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: boolean) => void",
@@ -144,10 +148,13 @@ export class CheckboxInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -160,7 +167,8 @@ export class CheckboxInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };