adp-web-components 0.3.12 → 0.3.14

package/dist/collection/components/form-elements/form-stepper-control.js

@@ -27,10 +27,10 @@ export class FormStepperControl {
         const direction = (_c = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _c === void 0 ? void 0 : _c.direction;
         const step = this.form.getStepLabels(language, currentStep);
         const text = (step === null || step === void 0 ? void 0 : step.back) || '';
-        return (h("button", { key: '02abcc112207ca4b484a4f8030c2f61803bfe677', type: "button", formnovalidate: true, disabled: this.isLoading, onClick: () => this.form.updateStep(-1), part: cn('stepper-control', `stepper-control-${direction}`, buttonSubscriberKey, `stepper-control-step-${currentStep}`), class: cn('transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control', {
+        return (h("button", { key: 'c5a29e3f740507e849c4733c34b6b5ffc5153d1b', type: "button", formnovalidate: true, disabled: this.isLoading, onClick: () => this.form.updateStep(-1), part: cn('stepper-control', `stepper-control-${direction}`, buttonSubscriberKey, `stepper-control-step-${currentStep}`), class: cn('transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control', {
                 'loading': this.isLoading,
                 'pointer-events-none': currentStep === 10,
-            }) }, h("div", { key: '7b140aa06339781d64d328591b232ba449e702ec', part: cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && h(ChevronLeftIcon, { key: 'c6e5195cad41171bb46b32b078abdf6dd751fc10', class: "size-5" }), direction === 'rtl' && h(ChevronRightIcon, { key: '0f0e898f863d5f6f419d8dc02262ebf5829b7ffa', class: "size-5" })), text));
+            }) }, h("div", { key: '6711eccce0e8a193e2e8a5feafe1d18f27b9d903', part: cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && h(ChevronLeftIcon, { key: '1d1e047fcbcfe1ce8d9eb0db70c2e490a72f2d1c', class: "size-5" }), direction === 'rtl' && h(ChevronRightIcon, { key: '1872f08616442eab218c9e3ccd5064be01d65ee9', class: "size-5" })), text));
     }
     static get is() { return "form-stepper-control"; }
     static get originalStyleUrls() {
@@ -47,7 +47,6 @@ export class FormStepperControl {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class FormStepperControl {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "language"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -81,11 +80,11 @@ export class FormStepperControl {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -100,11 +99,11 @@ export class FormStepperControl {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -113,7 +112,8 @@ export class FormStepperControl {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormHook"
+                            "id": "src/features/form-hook/index.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -128,7 +128,6 @@ export class FormStepperControl {
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -143,11 +142,11 @@ export class FormStepperControl {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "submitTextKey": {
                 "type": "string",
-                "attribute": "submit-text-key",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -163,20 +162,21 @@ export class FormStepperControl {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "submit-text-key",
                 "defaultValue": "'submit'"
             },
             "localization": {
                 "type": "unknown",
-                "attribute": "localization",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputLocalization",
-                    "resolved": "{ [lang: string]: { label?: string; placeholder?: string; require?: string; format?: string; minMessage: string; maxMessage: string; betweenMessage: string; }; }",
+                    "resolved": "T",
                     "references": {
                         "FormInputLocalization": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormInputLocalization"
+                            "id": "src/features/form-hook/index.ts::FormInputLocalization",
+                            "referenceLocation": "FormInputLocalization"
                         }
                     }
                 },

package/dist/collection/components/form-elements/form-stepper-submit.js

@@ -24,9 +24,9 @@ export class FormStepperSubmit {
         const [locale, language] = this.form.getFormLocale();
         const step = this.form.getStepLabels(language, this.step);
         const submitText = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.label) || (step === null || step === void 0 ? void 0 : step.submitButton) || getNestedValue(locale, this.submitTextKey) || getNestedValue(locale, 'sharedFormLocales.submit') || 'Submit';
-        return (h("button", { key: 'e762a24b512f326081fbf813a67ca2a16b844c7e', type: "submit", formnovalidate: true, disabled: this.isLoading, part: cn('submit-button', buttonSubscriberKey), class: cn('form-submit', {
+        return (h("button", { key: '936eb5a969b5a8935a27acb6fc7901b4ef27f196', type: "submit", formnovalidate: true, disabled: this.isLoading, part: cn('submit-button', buttonSubscriberKey), class: cn('form-submit', {
                 loading: this.isLoading,
-            }) }, h("div", { key: '7487dba164e15c5050ec0f12934a68ec3631ba02', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '73be497a623a5a2c3bf2f42107aa1955a13ed63d', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: '0532c675645a18f2945f0f5099a85d1d30ac7fd1', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: '8487b23a5084b48455d982b44a8d6f343b35c098', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
+            }) }, h("div", { key: 'de92e0fe6b78e7c6d59f2b28e8e85a22188e3e2d', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: 'a12a52ff5f4689036bab186a3d6895fc6a139910', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: 'b11a6fe5f9d698337143378ad29da21baf17d91e', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: 'e512245f5ed88f809670b284b7281ff7d9eb79f7', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
     }
     static get is() { return "form-stepper-submit"; }
     static get originalStyleUrls() {
@@ -43,7 +43,6 @@ export class FormStepperSubmit {
         return {
             "step": {
                 "type": "number",
-                "attribute": "step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -58,11 +57,11 @@ export class FormStepperSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "step"
             },
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +76,11 @@ export class FormStepperSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "language"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -96,11 +95,11 @@ export class FormStepperSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -115,11 +114,11 @@ export class FormStepperSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -128,7 +127,8 @@ export class FormStepperSubmit {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormHook"
+                            "id": "src/features/form-hook/index.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -143,7 +143,6 @@ export class FormStepperSubmit {
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -158,11 +157,11 @@ export class FormStepperSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "submitTextKey": {
                 "type": "string",
-                "attribute": "submit-text-key",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -178,20 +177,21 @@ export class FormStepperSubmit {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "submit-text-key",
                 "defaultValue": "'submit'"
             },
             "localization": {
                 "type": "unknown",
-                "attribute": "localization",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputLocalization",
-                    "resolved": "{ [lang: string]: { label?: string; placeholder?: string; require?: string; format?: string; minMessage: string; maxMessage: string; betweenMessage: string; }; }",
+                    "resolved": "T",
                     "references": {
                         "FormInputLocalization": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormInputLocalization"
+                            "id": "src/features/form-hook/index.ts::FormInputLocalization",
+                            "referenceLocation": "FormInputLocalization"
                         }
                     }
                 },

package/dist/collection/components/form-elements/form-stepper.js

@@ -49,7 +49,7 @@ export class FormStepper {
         const [_, language] = this.form.getFormLocale();
         const steps = ((_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.form) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.structure) === null || _c === void 0 ? void 0 : _c.steps) || [];
         const currentStep = (_e = (_d = this.form) === null || _d === void 0 ? void 0 : _d.formStructure) === null || _e === void 0 ? void 0 : _e.currentStep;
-        return (h(Host, { key: '819a353f7ffd4901f459ca7542cb2139acf982fc', translate: "no" }, h("div", { key: 'a623c82e35b2aa154b2a694ae16d42bd4226d416', part: cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, h("div", { key: 'b57f3429759279b42b4b5648cae6bb8882e66331', part: cn(formStepperId + 'container', (this === null || this === void 0 ? void 0 : this.name) + 'container'), ref: el => (this.container = el), class: "relative flex items-center justify-between px-1 w-full" }, h("div", { key: '95a58892edd8a9ef5b0c3a3fb84b630fd6ea792b', part: cn(formStepperId + '-line'), ref: el => (this.line = el), class: "absolute w-full h-[1px] -translate-y-[50%] -translate-x-[50%] top-[16px] left-[50%]", style: { background: 'repeating-linear-gradient(to right,black 0px,black 12px,transparent 6px,transparent 24px)' } }), steps.map((step, i) => {
+        return (h(Host, { key: '69094da28aa6583e9c1c92845f810e68e7986aa9', translate: "no" }, h("div", { key: 'b3d815e6add73628ef18644ebed2c3d276893eec', part: cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, h("div", { key: 'e9eaa646d14778431f266310d28718fbbdabc209', part: cn(formStepperId + 'container', (this === null || this === void 0 ? void 0 : this.name) + 'container'), ref: el => (this.container = el), class: "relative flex items-center justify-between px-1 w-full" }, h("div", { key: '538ded9ec073ffda5a2d5a3f2070a82d16f57b37', part: cn(formStepperId + '-line'), ref: el => (this.line = el), class: "absolute w-full h-[1px] -translate-y-[50%] -translate-x-[50%] top-[16px] left-[50%]", style: { background: 'repeating-linear-gradient(to right,black 0px,black 12px,transparent 6px,transparent 24px)' } }), steps.map((step, i) => {
             var _a, _b, _c;
             return (h("div", { key: i, class: "flex items-center" }, h("div", { part: cn(formStepperId + '-step', formStepperId + '-step-' + (i + 1), {
                     [formStepperId + '-step-done']: i + 1 < currentStep,
@@ -89,7 +89,6 @@ export class FormStepper {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -104,11 +103,11 @@ export class FormStepper {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,11 +122,11 @@ export class FormStepper {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "language"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,11 +141,11 @@ export class FormStepper {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -155,7 +154,8 @@ export class FormStepper {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormHook"
+                            "id": "src/features/form-hook/index.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -170,7 +170,6 @@ export class FormStepper {
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -185,7 +184,8 @@ export class FormStepper {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             }
         };
     }

package/dist/collection/components/form-elements/form-structure-error.js

@@ -16,7 +16,7 @@ export class FormStructureError {
         this.sharedLocales = await getSharedLocal(newLanguage);
     }
     render() {
-        return (h(Host, { key: '6e58c1191fcc60cf0018500840270769a5b7fa18', translate: "no" }, h("div", { key: 'b3999532d91c083eb5814f031e166fc40682741f', dir: this.sharedLocales.direction, part: "form-structure-error-container", class: "form-structure-error-container" }, h("div", { key: 'ca5f4bd1cd34642062729d85e7b8dfc9c2eaec39', part: "form-structure-error-content", class: "form-structure-error-content" }, this.sharedLocales.errors.wrongFormStructure))));
+        return (h(Host, { key: 'f05d67f728719cf5487323deba0d6c948abe3e5b', translate: "no" }, h("div", { key: 'a57784f375630faefe76a4a131bb2a27aa21d51a', dir: this.sharedLocales.direction, part: "form-structure-error-container", class: "form-structure-error-container" }, h("div", { key: 'e5beec85bda216d50aaa055d703f5e2c855547e7', part: "form-structure-error-content", class: "form-structure-error-content" }, this.sharedLocales.errors.wrongFormStructure))));
     }
     static get is() { return "form-structure-error"; }
     static get originalStyleUrls() {
@@ -33,7 +33,6 @@ export class FormStructureError {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -42,7 +41,8 @@ export class FormStructureError {
                         "LanguageKeys": {
                             "location": "import",
                             "path": "~features/multi-lingual",
-                            "id": "src/features/multi-lingual/index.ts::LanguageKeys"
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys",
+                            "referenceLocation": "LanguageKeys"
                         }
                     }
                 },
@@ -55,6 +55,7 @@ export class FormStructureError {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "language",
                 "defaultValue": "'en'"
             }
         };

package/dist/collection/components/form-elements/form-structure.js

@@ -82,7 +82,6 @@ export class FormStructure {
         return {
             "formLocale": {
                 "type": "any",
-                "attribute": "form-locale",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -98,11 +97,11 @@ export class FormStructure {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "form-locale",
                 "defaultValue": "{}"
             },
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -111,7 +110,8 @@ export class FormStructure {
                         "LanguageKeys": {
                             "location": "import",
                             "path": "~features/multi-lingual",
-                            "id": "src/features/multi-lingual/index.ts::LanguageKeys"
+                            "id": "src/features/multi-lingual/index.ts::LanguageKeys",
+                            "referenceLocation": "LanguageKeys"
                         }
                     }
                 },
@@ -124,11 +124,11 @@ export class FormStructure {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "language",
                 "defaultValue": "'en'"
             },
             "formId": {
                 "type": "string",
-                "attribute": "form-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -143,11 +143,11 @@ export class FormStructure {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "form-id"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -163,11 +163,11 @@ export class FormStructure {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-loading",
                 "defaultValue": "false"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -176,7 +176,8 @@ export class FormStructure {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormHook"
+                            "id": "src/features/form-hook/index.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -191,7 +192,6 @@ export class FormStructure {
             },
             "errorMessage": {
                 "type": "string",
-                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -207,11 +207,11 @@ export class FormStructure {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "error-message",
                 "defaultValue": "''"
             },
             "successMessage": {
                 "type": "string",
-                "attribute": "success-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,11 +227,11 @@ export class FormStructure {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "success-message",
                 "defaultValue": "''"
             },
             "fields": {
                 "type": "unknown",
-                "attribute": "fields",
                 "mutable": true,
                 "complexType": {
                     "original": "object",
@@ -250,7 +250,6 @@ export class FormStructure {
             },
             "structure": {
                 "type": "unknown",
-                "attribute": "structure",
                 "mutable": false,
                 "complexType": {
                     "original": "FormElementStructure<any>",
@@ -259,7 +258,8 @@ export class FormStructure {
                         "FormElementStructure": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormElementStructure"
+                            "id": "src/features/form-hook/index.ts::FormElementStructure",
+                            "referenceLocation": "FormElementStructure"
                         }
                     }
                 },
@@ -274,16 +274,16 @@ export class FormStructure {
             },
             "formElementMapper": {
                 "type": "unknown",
-                "attribute": "form-element-mapper",
                 "mutable": false,
                 "complexType": {
                     "original": "FormElementMapper<any, any>",
-                    "resolved": "{ [x: string]: FormElementMapperFunction<any>; } & { [x: string]: FormElementMapperFunction<any>; }",
+                    "resolved": "any",
                     "references": {
                         "FormElementMapper": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormElementMapper"
+                            "id": "src/features/form-hook/index.ts::FormElementMapper",
+                            "referenceLocation": "FormElementMapper"
                         }
                     }
                 },

package/dist/collection/components/form-elements/form-submit.js

@@ -23,9 +23,9 @@ export class FormSubmit {
         var _a, _b;
         const [locale, language] = this.form.getFormLocale();
         const submitText = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.label) || getNestedValue(locale, this.submitTextKey) || getNestedValue(locale, 'sharedFormLocales.submit') || 'Submit';
-        return (h("button", { key: 'bbdfc65485628ab94c0ae792106ebf4483899e47', type: "submit", formnovalidate: true, part: buttonSubscriberKey, disabled: this.isLoading, class: cn('form-submit', {
+        return (h("button", { key: 'a85cf57ba5903a284241cc34115032d4b3832900', type: "submit", formnovalidate: true, part: buttonSubscriberKey, disabled: this.isLoading, class: cn('form-submit', {
                 loading: this.isLoading,
-            }) }, h("div", { key: 'a59080d20d0293a0e0524250806bc2db70bb862c', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '8c8ccd81db2745fbdcab183a96ce8104535272f5', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: '12ff4d987e4277454f4daf912ef3aa601a1771cd', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: 'fcb6bdc9b06f42312d7ada87d5e8071c28591bc4', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
+            }) }, h("div", { key: '241ed0b5aafab2578074ed6a8003a1d8c0c744be', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '4c3e8e22b0d4b2fb7b32ec8af69b7720ce5993ac', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: '2c22bacbcfa9f7fafd9cd6ff4cba3ac383bcbf14', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: '7ce2e00f49d93aa9ff9ca51493f33edd5c289741', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
     }
     static get is() { return "form-submit"; }
     static get originalStyleUrls() {
@@ -42,7 +42,6 @@ export class FormSubmit {
         return {
             "language": {
                 "type": "string",
-                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -57,11 +56,11 @@ export class FormSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "language"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -76,11 +75,11 @@ export class FormSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -95,11 +94,11 @@ export class FormSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-loading"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -108,7 +107,8 @@ export class FormSubmit {
                         "FormHook": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormHook"
+                            "id": "src/features/form-hook/index.ts::FormHook",
+                            "referenceLocation": "FormHook"
                         }
                     }
                 },
@@ -123,7 +123,6 @@ export class FormSubmit {
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,11 +137,11 @@ export class FormSubmit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "submitTextKey": {
                 "type": "string",
-                "attribute": "submit-text-key",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -158,20 +157,21 @@ export class FormSubmit {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "submit-text-key",
                 "defaultValue": "'submit'"
             },
             "localization": {
                 "type": "unknown",
-                "attribute": "localization",
                 "mutable": false,
                 "complexType": {
                     "original": "FormInputLocalization",
-                    "resolved": "{ [lang: string]: { label?: string; placeholder?: string; require?: string; format?: string; minMessage: string; maxMessage: string; betweenMessage: string; }; }",
+                    "resolved": "T",
                     "references": {
                         "FormInputLocalization": {
                             "location": "import",
                             "path": "~features/form-hook",
-                            "id": "src/features/form-hook/index.ts::FormInputLocalization"
+                            "id": "src/features/form-hook/index.ts::FormInputLocalization",
+                            "referenceLocation": "FormInputLocalization"
                         }
                     }
                 },