adp-web-components 0.3.10 → 0.3.13

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

@@ -25,12 +25,12 @@ export class FormStepperControl {
         const [locale, language] = this.form.getFormLocale();
         const currentStep = (_b = (_a = this.form) === null || _a === void 0 ? void 0 : _a.formStructure) === null || _b === void 0 ? void 0 : _b.currentStep;
         const direction = (_c = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _c === void 0 ? void 0 : _c.direction;
-        let step = this.form.getStepLabels(language, currentStep);
+        const step = this.form.getStepLabels(language, currentStep);
         const text = (step === null || step === void 0 ? void 0 : step.back) || '';
-        return (h("button", { key: '1ac2e6d390239d6a02dd7070b858e9c6b9c9dbf9', 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: '776edcaf9a2b6303a8eec5c96b396a808ea760cd', part: cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && h(ChevronLeftIcon, { key: '0715917895f98c3a26e598b3190764ab9f4d0d7f', class: "size-5" }), direction === 'rtl' && h(ChevronRightIcon, { key: 'dad717c0407606ae3440b7a9c773a61da796ba33', 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

@@ -22,11 +22,11 @@ export class FormStepperSubmit {
     render() {
         var _a, _b;
         const [locale, language] = this.form.getFormLocale();
-        let step = this.form.getStepLabels(language, this.step);
+        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: '90992d87be655d4fa899c6ceca6a7e839a0faaa7', 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: '9c863fbbcaf9d3993b619e7f55f80e2d20010505', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '48a4ed30c98c316b358d262c654c7d5374f58401', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: 'd37680a6cfc5b94a56c07142ac8f464a4c23f7b2', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: 'd0a70dac0fa49643648a09ce2a5460245c2a46b6', 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

@@ -40,7 +40,8 @@ export class FormStepper {
     }
     async onLanguageUpdate() {
         forceUpdate(this);
-        this.line.style.width = `${0}px`;
+        if (this.line)
+            this.line.style.width = `${0}px`;
         setTimeout(() => this.updateLine(), 100);
     }
     render() {
@@ -48,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: 'a14bb2c569f133b42f9acfcf4a5895ea4116c85f', translate: "no" }, h("div", { key: '7ba58c2d42a1a513629da85d76d0b812eec3ba19', part: cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, h("div", { key: '2e9bf3f2e93e70c45afada5dd97e531c5c537b35', 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: 'c4f8cb90209eb6d257316faa554807dc8a453740', 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,
@@ -88,7 +89,6 @@ export class FormStepper {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,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",
@@ -122,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",
@@ -141,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>",
@@ -154,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"
                         }
                     }
                 },
@@ -169,7 +170,6 @@ export class FormStepper {
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -184,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"
                         }
                     }
                 },