adp-web-components 0.0.88 → 0.0.90

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

@@ -9,19 +9,7 @@ import formsSchema from "../../locales/forms/type";
 import formWrapperSchema from "../../locales/forms/wrapper-type";
 export class FormInput {
     constructor() {
-        this.label = undefined;
-        this.class = undefined;
-        this.isError = undefined;
-        this.wrapperId = undefined;
-        this.form = undefined;
-        this.inputPreFix = undefined;
-        this.isRequired = undefined;
-        this.errorMessage = undefined;
-        this.wrapperClass = undefined;
-        this.inputParams = undefined;
-        this.numberDirection = undefined;
         this.language = 'en';
-        this.formLocaleName = undefined;
         this.sharedLocales = sharedLocalesSchema.getDefault();
         this.locale = formWrapperSchema.getDefault();
     }
@@ -57,7 +45,7 @@ export class FormInput {
         const prefix = this.el.getElementsByClassName('prefix')[0];
         const prefixWidth = prefix ? prefix.getBoundingClientRect().width : 0;
         const texts = this.locale[this.formLocaleName];
-        return (h(Host, { key: '08f97ac90a418cd34827b198d28f9bd9a8f54910' }, h("label", { key: '43c5604c2bb7d702698a432e30f9295823f15e8e', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: '6c4c8ff42a9a8021bb915346a76f7870cd0b993c', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: '72ae334e39d7c0dfd6f9267d25223e5918b5052e', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: '575b07e9c586e33174c2e80e5d23a8000022affa', dir: this.numberDirection ? 'ltr' : this.sharedLocales.direction, class: cn('relative', { 'opacity-75': (_a = this.inputParams) === null || _a === void 0 ? void 0 : _a.disabled }) }, this.inputPreFix && h("div", { key: '12a6f50823c4953be91f790cbac4fd89a27168a8', class: "prefix absolute h-[38px] px-2 left-0 top-0 pointer-events-none items-center justify-center flex" }, this.inputPreFix), h("input", Object.assign({ key: '1c98c3d942b3c3671481a3fa02f8bce3f9617630' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none form-input 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-input-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError, 'rtl-form-input': this.sharedLocales.direction === 'rtl' && this.numberDirection }, inputClass) }))), h("div", { key: 'cac6af4cd19eaa2e9d37630e4c5baadf9aea068d', class: cn('absolute text-[12px] pt-[1px] -z-10 text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
+        return (h(Host, { key: 'b0cac5ae28b82ee1c401cb0d88a16ec1d5ab2931' }, h("label", { key: '003c6a9df43f26c09014ef991378ae5ab44f32fb', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, label && (h("div", { key: 'a4e71b0b9cf769a87365ca76f0cbd2aa32d0102d', class: "mb-[4px]" }, texts[label] || label, isRequired && h("span", { key: '9b6979bd4464859dc6624a735cb5b200f5ea7464', class: "ms-0.5 text-red-600" }, "*"))), h("div", { key: '8152e0ba42bbda04dbca1e464e55b69546dd2daa', dir: this.numberDirection ? 'ltr' : this.sharedLocales.direction, class: cn('relative', { 'opacity-75': (_a = this.inputParams) === null || _a === void 0 ? void 0 : _a.disabled }) }, this.inputPreFix && h("div", { key: 'fe9f842609675fd21b7e79ae2c043983e1f4ae67', class: "prefix absolute h-[38px] px-2 left-0 top-0 pointer-events-none items-center justify-center flex" }, this.inputPreFix), h("input", Object.assign({ key: '0f08ee5d3d5af2e6c972b8e30d00c9d850b4576b' }, this.inputParams, { style: Object.assign({}, (prefixWidth ? { paddingLeft: `${prefixWidth}px` } : {})), placeholder: texts[this.inputParams.placeholder] || this.inputParams.placeholder, class: cn('border appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none form-input 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-input-' + this.inputParams.name, { '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': isError, 'rtl-form-input': this.sharedLocales.direction === 'rtl' && this.numberDirection }, inputClass) }))), h("div", { key: '275578dc457285802848e376f43ccc29182acc10', class: cn('absolute text-[12px] pt-[1px] -z-10 text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
                 'translate-y-full error-message opacity-100': isError,
             }) }, texts[errorMessage] || this.locale.inputValueIsIncorrect || errorMessage))));
     }
@@ -76,6 +64,7 @@ export class FormInput {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -88,11 +77,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "class": {
                 "type": "string",
+                "attribute": "class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -105,11 +96,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "class",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isError": {
                 "type": "boolean",
+                "attribute": "is-error",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -122,11 +115,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-error",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrapperId": {
                 "type": "string",
+                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -139,11 +134,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "wrapper-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "form": {
                 "type": "unknown",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -161,10 +158,13 @@ export class FormInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "inputPreFix": {
                 "type": "string",
+                "attribute": "input-pre-fix",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -177,11 +177,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "input-pre-fix",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isRequired": {
                 "type": "boolean",
+                "attribute": "is-required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -194,11 +196,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-required",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -211,11 +215,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrapperClass": {
                 "type": "string",
+                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -228,11 +234,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "wrapper-class",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputParams": {
                 "type": "unknown",
+                "attribute": "input-params",
                 "mutable": false,
                 "complexType": {
                     "original": "InputParams",
@@ -250,10 +258,13 @@ export class FormInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "numberDirection": {
                 "type": "boolean",
+                "attribute": "number-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -266,11 +277,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "number-direction",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -289,12 +302,14 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "formLocaleName": {
                 "type": "string",
+                "attribute": "form-locale-name",
                 "mutable": false,
                 "complexType": {
                     "original": "LocaleFormKeys",
@@ -313,7 +328,8 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-locale-name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -11,6 +11,16 @@ import generalSchema from "../../locales/general/type";
 import formWrapperSchema from "../../locales/forms/wrapper-type";
 export class FormSelect {
     constructor() {
+        this.language = 'en';
+        this.placeholder = 'Select an option';
+        this.isOpen = false;
+        this.selectedValue = '';
+        this.openUpwards = false;
+        this.options = [];
+        this.fetchingErrorMessage = null;
+        this.sharedLocales = sharedLocalesSchema.getDefault();
+        this.locale = formWrapperSchema.getDefault();
+        this.generalLocales = generalSchema.getDefault();
         this.toggleDropdown = () => {
             if (this.isOpen)
                 this.isOpen = false;
@@ -26,28 +36,6 @@ export class FormSelect {
                 this.isOpen = false;
             }
         };
-        this.name = undefined;
-        this.label = undefined;
-        this.isError = undefined;
-        this.wrapperId = undefined;
-        this.disabled = undefined;
-        this.form = undefined;
-        this.isRequired = undefined;
-        this.errorMessage = undefined;
-        this.wrapperClass = undefined;
-        this.fetcher = undefined;
-        this.language = 'en';
-        this.formLocaleName = undefined;
-        this.placeholder = 'Select an option';
-        this.isLoading = undefined;
-        this.isOpen = false;
-        this.selectedValue = '';
-        this.openUpwards = false;
-        this.options = [];
-        this.fetchingErrorMessage = null;
-        this.sharedLocales = sharedLocalesSchema.getDefault();
-        this.locale = formWrapperSchema.getDefault();
-        this.generalLocales = generalSchema.getDefault();
     }
     async changeLanguage(newLanguage) {
         const currentFormSchema = formWrapperSchema.fields[this.formLocaleName];
@@ -126,18 +114,18 @@ export class FormSelect {
         if (!selectedItem) {
             this.selectedValue = '';
         }
-        return (h(Host, { key: '7c09d1d2a6011b3fb778e8b5b8177dd469b72d51' }, h("label", { key: '222ef0ec6dad3e36188d6456a52c444d9b279b35', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, this.label && (h("div", { key: 'f3695a6fafbdf4d677565315d09d24f1d2c9867d', class: "mb-[4px]" }, texts[this.label] || this.label, this.isRequired && h("span", { key: '7a55a5547e5ece619053d26d92cabb3e682876dc', class: "ms-0.5 text-red-600" }, "*"))), h("form-shadow-input", { key: 'ba25ce0a91b4882e4142409d9cc7d5ab78408701', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: '2205934c0dbb676c3641e795eb700031e916e40f', class: "relative" }, h("button", { key: 'fe7d579ef39392a71a3d789cecd90257f19d9123', type: "button", name: this.name, disabled: this.disabled, onClick: this.toggleDropdown, class: cn('select-button enabled:focus:border-slate-600 enabled:focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] border bg-white h-[38px] flex justify-between overflow-hidden disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-all duration-300 rounded-md outline-none w-full', {
+        return (h(Host, { key: '1ff82e08313b26762cdb10b0644da833ee0c8a90' }, h("label", { key: 'ce9150eafa0a6fd22a44834ca470dea5dc3a889c', id: this.wrapperId, class: cn('relative w-full inline-flex flex-col', this.wrapperClass) }, this.label && (h("div", { key: '12133b48bc98fda1d5a4446121c672db6bf8d720', class: "mb-[4px]" }, texts[this.label] || this.label, this.isRequired && h("span", { key: 'dd77ecdbb8b9914f48b1c7c019716808c6c952d9', class: "ms-0.5 text-red-600" }, "*"))), h("form-shadow-input", { key: 'db9fe2cf551644c11099dd4ad4afef776c72f7e2', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: '203c528ba4aa08396cff87fb4020d5d35148332a', class: "relative" }, h("button", { key: '7e1a5dab513d5e0cf4f5b5b6575910e90ec936c6', type: "button", name: this.name, disabled: this.disabled, onClick: this.toggleDropdown, class: cn('select-button enabled:focus:border-slate-600 enabled:focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] border bg-white h-[38px] flex justify-between overflow-hidden disabled:opacity-75 flex-1 py-[6px] px-[12px] transition-all duration-300 rounded-md outline-none w-full', {
                 'text-[#9CA3AF]': !selectedItem,
                 '!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]': this.isError,
                 'enabled:border-slate-600 enabled:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)]': this.isOpen,
-            }) }, selectedItem ? selectedItem.label : h("span", null, texts[this.placeholder]), h("svg", { key: 'af475a91bd09592908222231c398641e01149eab', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('select-arrow size-6 transition duration-300', { 'rotate-180': this.isOpen }) }, h("path", { key: '0cf52274e8c3ca3bc5642c49f99c535938b29dff', d: "m6 9 6 6 6-6" }))), h("div", { key: 'c68a881201aadca0a2569f4c7f9e92434114dc42', class: cn('select-container z-[10] flex flex-col pointer-events-none absolute w-full bg-white border rounded-md shadow opacity-0 transition-opacity duration-300 max-h-[250px] overflow-auto', {
+            }) }, selectedItem ? selectedItem.label : h("span", null, texts[this.placeholder]), h("svg", { key: 'd023aed2d66fa43d3212cc9099e86fc2a71fce42', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('select-arrow size-6 transition duration-300', { 'rotate-180': this.isOpen }) }, h("path", { key: 'd9652952cdebdebf555abcb4484217e8e552d8b0', d: "m6 9 6 6 6-6" }))), h("div", { key: '15aea6cbbfeaa3d2e4d382e33cc3046b81e77c35', class: cn('select-container z-[10] flex flex-col pointer-events-none absolute w-full bg-white border rounded-md shadow opacity-0 transition-opacity duration-300 max-h-[250px] overflow-auto', {
                 'opacity-100 pointer-events-auto': this.isOpen,
                 'top-0 -mt-[8px] -translate-y-full': this.openUpwards,
                 'top-0 mt-[8px] translate-y-[38px]': !this.openUpwards,
             }) }, !!this.options.length &&
             this.options.map(option => (h("button", { type: "button", onClick: () => this.handleSelection(option), class: cn('select-option flex justify-between px-4 py-2 hover:bg-slate-100 transition-colors duration-300', {
                     'bg-slate-200': this.selectedValue === option.value,
-                }) }, h("div", null, option.label), h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('size-5 opacity-0 transition duration-300', { 'opacity-100': this.selectedValue === option.value }) }, h("path", { d: "M20 6 9 17l-5-5" }))))), !this.options.length && (h("div", { key: '156d706fdf814ae44b1ba066358b72f742c8bdf4', class: cn('select-empty-container h-[100px] flex items-center justify-center', { 'text-red-500': this.fetchingErrorMessage }) }, this.fetchingErrorMessage && (this.sharedLocales.errors[this.fetchingErrorMessage] || this.sharedLocales.errors.wildCard), !this.fetchingErrorMessage && (this.isLoading ? h("img", { class: "spin-slow size-[22px]", src: Loader }) : this.generalLocales.noSelectOptions))))), h("div", { key: '65b91e834ec46582abd4771273af7bfec186b5cd', class: cn('absolute pt-[1px] -z-10 text-[12px] text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
+                }) }, h("div", null, option.label), h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: cn('size-5 opacity-0 transition duration-300', { 'opacity-100': this.selectedValue === option.value }) }, h("path", { d: "M20 6 9 17l-5-5" }))))), !this.options.length && (h("div", { key: '04cf1f955e0cf5bbc2364aeae6cdf44c96bbdb1d', class: cn('select-empty-container h-[100px] flex items-center justify-center', { 'text-red-500': this.fetchingErrorMessage }) }, this.fetchingErrorMessage && (this.sharedLocales.errors[this.fetchingErrorMessage] || this.sharedLocales.errors.wildCard), !this.fetchingErrorMessage && (this.isLoading ? h("img", { class: "spin-slow size-[22px]", src: Loader }) : this.generalLocales.noSelectOptions))))), h("div", { key: '81fb7d093af79c05cc7da4e257ba1127c8110cf3', class: cn('absolute pt-[1px] -z-10 text-[12px] text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300', {
                 'translate-y-full error-message opacity-100': this.isError,
             }) }, texts[this.errorMessage] || this.locale.inputValueIsIncorrect || this.errorMessage))));
     }
@@ -156,6 +144,7 @@ export class FormSelect {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,11 +157,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -185,11 +176,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "isError": {
                 "type": "boolean",
+                "attribute": "is-error",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -202,11 +195,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-error",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrapperId": {
                 "type": "string",
+                "attribute": "wrapper-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -219,11 +214,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "wrapper-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -236,11 +233,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "form": {
                 "type": "unknown",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -258,10 +257,13 @@ export class FormSelect {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isRequired": {
                 "type": "boolean",
+                "attribute": "is-required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -274,11 +276,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-required",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -291,11 +295,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "wrapperClass": {
                 "type": "string",
+                "attribute": "wrapper-class",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -308,11 +314,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "wrapper-class",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "fetcher": {
                 "type": "unknown",
+                "attribute": "fetcher",
                 "mutable": false,
                 "complexType": {
                     "original": "FormSelectFetcher",
@@ -330,10 +338,13 @@ export class FormSelect {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -352,12 +363,14 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             },
             "formLocaleName": {
                 "type": "string",
+                "attribute": "form-locale-name",
                 "mutable": false,
                 "complexType": {
                     "original": "LocaleFormKeys",
@@ -376,11 +389,13 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-locale-name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -393,7 +408,8 @@ export class FormSelect {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'Select an option'"
             }

package/dist/collection/components/form-elements/form-shadow-input.js

@@ -4,11 +4,6 @@
  */
 import { h } from "@stencil/core";
 export class FormInput {
-    constructor() {
-        this.name = undefined;
-        this.value = undefined;
-        this.form = undefined;
-    }
     async handleNameChange(newName) {
         this.form.validateForm(newName, this.value);
     }
@@ -16,7 +11,7 @@ export class FormInput {
         this.form.validateForm(this.name, newValue);
     }
     render() {
-        return h("input", { key: 'da15d10ac425aae7ceb2ba883eaf7c99afb2826a', name: this.name, type: "string", hidden: true, value: this.value });
+        return h("input", { key: '4f247b45d7d81a2b7c66584e4b9a1ba9bf6aa51d', name: this.name, type: "string", hidden: true, value: this.value });
     }
     static get is() { return "form-shadow-input"; }
     static get originalStyleUrls() {
@@ -33,6 +28,7 @@ export class FormInput {
         return {
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -45,11 +41,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +60,13 @@ export class FormInput {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "form": {
                 "type": "unknown",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "FormHook<any>",
@@ -84,7 +84,9 @@ export class FormInput {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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: 'cee688ac1ec62d591964671a05378217dc775d57' }, h("div", { key: 'c1962aa0c81c391288b00e780e2b58f40a2edc59', dir: this.sharedLocales.direction, class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: 'b70e1299210be11ec992638a7a3047bf927bad60', class: "px-[16px] py-[8px] border text-[#58151c] border-[#f2aeb5] bg-[#f7d7d8] text-[20px] rounded-[8px] w-fit mx-auto" }, this.sharedLocales.errors.wrongFormStructure))));
+        return (h(Host, { key: 'f96a75cd8fd48527aae5f84239336b51c8a7ec07' }, h("div", { key: 'e13020485055e4477e5de1e962a983f3a1df22db', dir: this.sharedLocales.direction, class: "py-[16px] min-h-[100px] flex items-center" }, h("div", { key: '583cdb18a531f88152236605c608c808fce1b32a', class: "px-[16px] py-[8px] border text-[#58151c] border-[#f2aeb5] bg-[#f7d7d8] text-[20px] rounded-[8px] w-fit mx-auto" }, this.sharedLocales.errors.wrongFormStructure))));
     }
     static get is() { return "form-structure-error"; }
     static get originalStyleUrls() {
@@ -33,6 +33,7 @@ export class FormStructureError {
         return {
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": false,
                 "complexType": {
                     "original": "LanguageKeys",
@@ -51,7 +52,8 @@ export class FormStructureError {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "language",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'en'"
             }