adp-web-components 0.0.88 → 0.0.90

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

@@ -9,15 +9,10 @@ import { isValidStructure } from "../../global/lib/validate-form-structure";
 import generalSchema from "../../locales/general/type";
 export class FormStructure {
     constructor() {
-        this.theme = undefined;
         this.themes = {};
         this.renderControl = {};
-        this.isLoading = undefined;
-        this.form = undefined;
-        this.errorMessage = undefined;
         this.language = 'en';
         this.structure = '["submit.Submit"]';
-        this.formElementMapper = undefined;
         this.showSuccess = false;
         this.structureObject = null;
         this.sharedLocales = sharedLocalesSchema.getDefault();
@@ -82,6 +77,7 @@ export class FormStructure {
         return {
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -94,11 +90,13 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "theme",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "themes": {
                 "type": "any",
+                "attribute": "themes",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -111,12 +109,14 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "themes",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "{}"
             },
             "renderControl": {
                 "type": "unknown",
+                "attribute": "render-control",
                 "mutable": false,
                 "complexType": {
                     "original": "{}",
@@ -129,10 +129,13 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "{}"
             },
             "isLoading": {
                 "type": "boolean",
+                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -145,11 +148,13 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-loading",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "form": {
                 "type": "unknown",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -167,10 +172,13 @@ export class FormStructure {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,11 +191,13 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -206,12 +216,14 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "structure": {
                 "type": "string",
+                "attribute": "structure",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -224,12 +236,14 @@ export class FormStructure {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "structure",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'[\"submit.Submit\"]'"
             },
             "formElementMapper": {
                 "type": "unknown",
+                "attribute": "form-element-mapper",
                 "mutable": false,
                 "complexType": {
                     "original": "FormElementMapper<any>",
@@ -247,7 +261,9 @@ export class FormStructure {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -9,10 +9,8 @@ import Loader from "~assets/white-loader.svg";
 import generalSchema from "../../locales/general/type";
 export class FormSubmit {
     constructor() {
-        this.isLoading = undefined;
         this.params = {};
         this.language = 'en';
-        this.structureElement = undefined;
         this.generalLocale = generalSchema.getDefault();
     }
     async componentWillLoad() {
@@ -23,9 +21,9 @@ export class FormSubmit {
     }
     render() {
         var _a, _b;
-        return (h("button", Object.assign({ key: 'fd73828962cc1dfb84a692381b15365c21ca7102', type: "submit" }, this.params, { disabled: this.isLoading, id: this.structureElement.id, class: cn('h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center', this.structureElement.class, {
+        return (h("button", Object.assign({ key: 'c94f7e2115cde49626240fb41cd5ffc2f59dc140', type: "submit" }, this.params, { disabled: this.isLoading, id: this.structureElement.id, class: cn('h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center', this.structureElement.class, {
                 'bg-slate-600': this.isLoading,
-            }) }), h("div", { key: '3c496ed10354ce7864a8e957c71633507c6f029c', class: "opacity-0" }, this.generalLocale[(_a = this.structureElement.class) === null || _a === void 0 ? void 0 : _a.toLowerCase()] || this.structureElement.class), h("div", { key: 'd9a4290d0cd10c9360313b7cc86a0882102359e6', class: cn('absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000', { 'translate-y-full': this.isLoading }) }, this.generalLocale[(_b = this.structureElement.class) === null || _b === void 0 ? void 0 : _b.toLowerCase()] || this.structureElement.class), h("div", { key: 'e42e59f474e958017343100a83e6658917d87ecb', class: cn('absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full', { 'translate-y-0': this.isLoading }) }, h("img", { key: 'b78e75832c63b2038110b45df39293452d661d5f', class: "spin-slow size-[22px]", src: Loader }))));
+            }) }), h("div", { key: '9ee9ff6643a14d33704c3702ae83a94e5ba8d0ea', class: "opacity-0" }, this.generalLocale[(_a = this.structureElement.class) === null || _a === void 0 ? void 0 : _a.toLowerCase()] || this.structureElement.class), h("div", { key: 'e8babfc5e31a4603c0e77dd65f0b23337a2868c6', class: cn('absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000', { 'translate-y-full': this.isLoading }) }, this.generalLocale[(_b = this.structureElement.class) === null || _b === void 0 ? void 0 : _b.toLowerCase()] || this.structureElement.class), h("div", { key: 'fad2038a43045dacb8af9b0e4c46311d48edd73e', class: cn('absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full', { 'translate-y-0': this.isLoading }) }, h("img", { key: '90ae6be2efe5c6bb3748f30e0db13cba36a4ad2f', class: "spin-slow size-[22px]", src: Loader }))));
     }
     static get is() { return "form-submit"; }
     static get originalStyleUrls() {
@@ -42,6 +40,7 @@ export class FormSubmit {
         return {
             "isLoading": {
                 "type": "boolean",
+                "attribute": "is-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -54,11 +53,13 @@ export class FormSubmit {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-loading",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "params": {
                 "type": "unknown",
+                "attribute": "params",
                 "mutable": false,
                 "complexType": {
                     "original": "FormFieldParams",
@@ -77,10 +78,13 @@ export class FormSubmit {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "{}"
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -99,12 +103,14 @@ export class FormSubmit {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "structureElement": {
                 "type": "unknown",
+                "attribute": "structure-element",
                 "mutable": false,
                 "complexType": {
                     "original": "StructureObject",
@@ -122,7 +128,9 @@ export class FormSubmit {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

package/dist/collection/components/form-elements/form-text-area.js

@@ -9,16 +9,7 @@ import formsSchema from "../../locales/forms/type";
 import formWrapperSchema from "../../locales/forms/wrapper-type";
 export class FormTextArea {
     constructor() {
-        this.label = undefined;
-        this.isError = undefined;
-        this.wrapperId = undefined;
-        this.form = undefined;
-        this.isRequired = undefined;
-        this.wrapperClass = undefined;
-        this.errorMessage = undefined;
-        this.inputParams = undefined;
         this.language = 'en';
-        this.formLocaleName = undefined;
         this.locale = formWrapperSchema.getDefault();
     }
     async componentWillLoad() {
@@ -46,7 +37,7 @@ export class FormTextArea {
         const prefix = this.el.getElementsByClassName('prefix')[0];
         const prefixWidth = prefix ? prefix.getBoundingClientRect().width : 0;
         const texts = this.locale[this.formLocaleName];
-        return (h(Host, { key: 'cb6185f4484d81e454c28548d6ef07b18d624a5e' }, h("label", { key: 'b796cc38835eca5e2abaea809b7b4ca1e7a4955c', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: 'e237ef2f3c490d122f4bdd5a4a4d691a4ce4f387', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: '4a6dec57edee4c72e1fc3940f6be610b975aae35', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: 'a706e9f14f7b8b18ce86aace5ee9d8cfd9cfc258', class: cn('relative', { 'opacity-75': this.inputParams.disabled }) }, h("textarea", Object.assign({ key: '77685991318ac0c731ac537a996f69b5fa83c168' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border h-[200px] form-input resize-none disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full', 'form-textarea-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError }) }))), h("div", { key: '0bea59ec98c8a88cc53dd6dd5e47c446c3fb9559', class: cn('absolute text-[12px] -mt-[4px] -z-10 text-red-500 opacity-0 -translate-y-[10px] bottom-0 transition duration-300', {
+        return (h(Host, { key: '129d083eebc6aa61667c2a35aa59769cfdc666d4' }, h("label", { key: '4546ff8cad9ea03837abf91f75178c4f6465348c', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: 'f8a73a3f2d4ac30fe48f6f5d04e24d5f73e72ebd', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: '326eca0fd9da699170390d4c9e684586d486bda3', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: '6a16d0dfb0b21718f4a5db79b9b93945955576f8', class: cn('relative', { 'opacity-75': this.inputParams.disabled }) }, h("textarea", Object.assign({ key: '413ba04e282ad253182dd46c73354d45811ac215' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border h-[200px] form-input resize-none disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full', 'form-textarea-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError }) }))), h("div", { key: '5b45805cf6aa5935638521343ee83f599be38c84', class: cn('absolute text-[12px] -mt-[4px] -z-10 text-red-500 opacity-0 -translate-y-[10px] bottom-0 transition duration-300', {
                 'translate-y-[calc(100%-5px)] error-message opacity-100': isError,
             }) }, texts[errorMessage] || this.locale.inputValueIsIncorrect || errorMessage))));
     }
@@ -65,6 +56,7 @@ export class FormTextArea {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +69,13 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isError": {
                 "type": "boolean",
+                "attribute": "is-error",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -94,11 +88,13 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-error",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrapperId": {
                 "type": "string",
+                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -111,11 +107,13 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "wrapper-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "form": {
                 "type": "unknown",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -133,10 +131,13 @@ export class FormTextArea {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isRequired": {
                 "type": "boolean",
+                "attribute": "is-required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -149,11 +150,13 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-required",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrapperClass": {
                 "type": "string",
+                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -166,11 +169,13 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "wrapper-class",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,11 +188,13 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputParams": {
                 "type": "unknown",
+                "attribute": "input-params",
                 "mutable": false,
                 "complexType": {
                     "original": "InputParams",
@@ -205,10 +212,13 @@ export class FormTextArea {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -227,12 +237,14 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "formLocaleName": {
                 "type": "string",
+                "attribute": "form-locale-name",
                 "mutable": false,
                 "complexType": {
                     "original": "LocaleFormKeys",
@@ -251,7 +263,8 @@ export class FormTextArea {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-locale-name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/forms/contact-us-form.js

@@ -10,21 +10,13 @@ import themes from "./contact-us/themes.json";
 import { contactUsElements } from "./contact-us/element-mapper";
 export class ContactUsForm {
     constructor() {
-        this.recaptchaWidget = null;
-        this.form = new FormHook(this, contactUsSchema);
-        this.theme = undefined;
-        this.baseUrl = undefined;
-        this.brandId = undefined;
         this.queryString = '';
         this.language = 'en';
         this.structure = '["submit.Submit"]';
         this.recaptchaKey = '6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA';
-        this.errorCallback = undefined;
-        this.successCallback = undefined;
-        this.loadingChanges = undefined;
-        this.isLoading = undefined;
         this.renderControl = {};
-        this.errorMessage = undefined;
+        this.recaptchaWidget = null;
+        this.form = new FormHook(this, contactUsSchema);
     }
     async componentDidLoad() {
         try {
@@ -76,9 +68,9 @@ export class ContactUsForm {
         }
     }
     render() {
-        return (h(Host, { key: 'f64fd788890359e79cdcba519f14158e8850a5dd', class: cn({
+        return (h(Host, { key: '1884a7df751cf38d35ff7bb458da4cacb8ba4718', class: cn({
                 [`contact-us-${this.theme}`]: this.theme,
-            }) }, h("form-structure", { key: '61198ac4570b33b2484fdf03ea4d45030fe48c3e', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, h("slot", { key: '80504b37c6651f8195e919bf026d13df64e856a4' }))));
+            }) }, h("form-structure", { key: 'af6fa00de3a6149ff98cd1578e4684b6b9762862', themes: themes, form: this.form, theme: this.theme, language: this.language, isLoading: this.isLoading, errorMessage: this.errorMessage, renderControl: this.renderControl, formElementMapper: contactUsElements }, h("slot", { key: '293f206ca8a13e2276d9a52739967c775b8878e5' }))));
     }
     static get is() { return "contact-us-form"; }
     static get originalStyleUrls() {
@@ -95,6 +87,7 @@ export class ContactUsForm {
         return {
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -107,11 +100,13 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "theme",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "baseUrl": {
                 "type": "string",
+                "attribute": "base-url",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -124,11 +119,13 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "base-url",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "brandId": {
                 "type": "string",
+                "attribute": "brand-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -141,11 +138,13 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "brand-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "queryString": {
                 "type": "string",
+                "attribute": "query-string",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -158,12 +157,14 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "query-string",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -182,12 +183,14 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "structure": {
                 "type": "string",
+                "attribute": "structure",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -200,12 +203,14 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "structure",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'[\"submit.Submit\"]'"
             },
             "recaptchaKey": {
                 "type": "string",
+                "attribute": "recaptcha-key",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -218,12 +223,14 @@ export class ContactUsForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "recaptcha-key",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA'"
             },
             "errorCallback": {
                 "type": "unknown",
+                "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(error: any) => void",
@@ -235,10 +242,13 @@ export class ContactUsForm {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "successCallback": {
                 "type": "unknown",
+                "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
                     "original": "(values: any) => void",
@@ -250,10 +260,13 @@ export class ContactUsForm {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "loadingChanges": {
                 "type": "unknown",
+                "attribute": "loading-changes",
                 "mutable": false,
                 "complexType": {
                     "original": "(loading: boolean) => void",
@@ -265,7 +278,9 @@ export class ContactUsForm {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }