adp-web-components 0.3.12 → 0.3.13

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"
                         }
                     }
                 },

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

@@ -28,7 +28,7 @@ export class FormSwitch {
     render() {
         const { disabled, meta, errorMessage, isError } = this.form.getInputState(this.name);
         const { label, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
-        return (h(Host, { key: '9356af2d6675e967f277b863eefd04f18009be24', translate: "no" }, h("div", { key: '7e79a32a824bc05cbe47315631a15979f2b876c3', part: `${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, disabled) }, h("div", { key: '278cfcb9320653ae215e40325caca75ff6c9e7ae', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("shift-switch", { key: '258161d4585234538df7218946d86eca0894688f', name: this.name, label: label, class: "form-switch" })), h(FormErrorMessage, { key: '5803ee03c0480f9e6b9d4c20be1952d82b20161c', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+        return (h(Host, { key: 'dcf40c8bd8872f725164b01d048bfeb548a8471f', translate: "no" }, h("div", { key: '810b62f22fa5eb7cd74b5105e6a15827696b5a9f', part: `${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, disabled) }, h("div", { key: 'a46261c165ee722afdfa9c53bd81d82916d2b4b2', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("shift-switch", { key: '5d4c91f496ab2eed5eb3b3297dc16032344413ca', name: this.name, label: label, class: "form-switch" })), h(FormErrorMessage, { key: '6cf3d4ef84657eb0df3ae5da1c96782832e356d9', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     static get is() { return "form-switch"; }
     static get originalStyleUrls() {
@@ -45,7 +45,6 @@ export class FormSwitch {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class FormSwitch {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "name"
             },
             "wrapperId": {
                 "type": "string",
-                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -79,11 +78,11 @@ export class FormSwitch {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-id"
             },
             "form": {
                 "type": "unknown",
-                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -92,7 +91,8 @@ export class FormSwitch {
                         "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"
                         }
                     }
                 },
@@ -107,7 +107,6 @@ export class FormSwitch {
             },
             "inputPrefix": {
                 "type": "string",
-                "attribute": "input-prefix",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -122,11 +121,11 @@ export class FormSwitch {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "input-prefix"
             },
             "wrapperClass": {
                 "type": "string",
-                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -141,11 +140,11 @@ export class FormSwitch {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "wrapper-class"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -161,11 +160,11 @@ export class FormSwitch {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'text'"
             },
             "defaultChecked": {
                 "type": "boolean",
-                "attribute": "default-checked",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -180,20 +179,21 @@ export class FormSwitch {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "default-checked"
             },
             "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"
                         }
                     }
                 },