adp-web-components 0.1.95 → 0.1.97

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

@@ -7,13 +7,19 @@ import generalSchema from "../../locales/general/type";
 import { getLocaleLanguage, getSharedLocal, sharedLocalesSchema } from "../../features/multi-lingual/index";
 import { renderStructure } from "../../features/form-hook/index";
 import cn from "../../global/lib/cn";
+import getCustomClassesForPortal from "../../global/lib/get-custom-classes-for-portal";
 export class FormStructure {
     constructor() {
         // #region Localization
         this.formLocale = {};
         this.language = 'en';
         this.locale = Object.assign({ sharedLocales: sharedLocalesSchema.getDefault() }, generalSchema.getDefault());
+        this.isLoading = false;
+        this.errorMessage = '';
+        this.successMessage = '';
+        this.fields = {};
         this.currentStep = 1;
+        this.dialogClasses = '';
     }
     async componentWillLoad() {
         this.form.formStructure = this;
@@ -24,6 +30,7 @@ export class FormStructure {
         this.locale = Object.assign({ sharedLocales }, locale);
     }
     async componentDidLoad() {
+        this.dialogClasses = getCustomClassesForPortal(this.el);
         setTimeout(() => {
             var _a;
             if (typeof ((_a = this.form.context) === null || _a === void 0 ? void 0 : _a.structureRendered) === 'boolean')
@@ -31,7 +38,7 @@ export class FormStructure {
         }, 300);
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         const [locale] = this.form.getFormLocale();
         const generalProps = {
             form: this.form,
@@ -43,7 +50,17 @@ export class FormStructure {
         if (!this.structure)
             return h("form-structure-error", { language: this.language });
         const { formController, resetFormErrorMessage } = this.form;
-        return (h(Host, { translate: "no" }, h("form", Object.assign({ id: this.formId, class: "relative", dir: this.locale.sharedLocales.direction }, formController), h("form-dialog", { dialogClosed: resetFormErrorMessage, isError: !!this.errorMessage, closeText: (_a = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _a === void 0 ? void 0 : _a.close, form: this.form, message: this.errorMessage }, h("div", { class: "form-success-container" }, h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-[70px] stroke-green-700" }, h("path", { d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" }), h("path", { d: "m9 12 2 2 4-4" })), this.successMessage)), h("div", { part: "form-structure-form-container" }, !((_b = this === null || this === void 0 ? void 0 : this.structure) === null || _b === void 0 ? void 0 : _b.steps) && renderStructure(this.structure, this.formElementMapper, generalProps, this.fields, -2), !!((_c = this === null || this === void 0 ? void 0 : this.structure) === null || _c === void 0 ? void 0 : _c.steps) && (h("div", { part: "form-stepper-container", class: "overflow-hidden" }, renderStructure(this.structure, this.formElementMapper, generalProps, this.fields, -1), h("div", { class: "grid grid-cols-1 grid-rows-1" }, (_d = this === null || this === void 0 ? void 0 : this.structure) === null || _d === void 0 ? void 0 : _d.steps.map((_, i) => (h("div", { class: cn('col-start-1 row-start-1 transition-all !duration-700', {
+        const dialogParams = {
+            form: this.form,
+            message: this.errorMessage,
+            isError: !!this.errorMessage,
+            dialogClosed: resetFormErrorMessage,
+            successMessage: this.successMessage,
+            closeText: (_a = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _a === void 0 ? void 0 : _a.close,
+        };
+        return (h(Host, { translate: "no" }, h("form", Object.assign({ id: this.formId, class: "relative", dir: (_c = (_b = this === null || this === void 0 ? void 0 : this.locale) === null || _b === void 0 ? void 0 : _b.sharedLocales) === null || _c === void 0 ? void 0 : _c.direction }, formController), h("div", { class: "fixed top-10 left-10 size-20 overflow-hidden translate-x-5 translate-y-7" }, 
+        // @ts-ignore
+        false && h("form-dialog", null), h("shift-portal", { tag: "form-dialog", inheritedClasses: this.dialogClasses, componentProps: dialogParams })), h("div", { part: "form-structure-form-container" }, !((_d = this === null || this === void 0 ? void 0 : this.structure) === null || _d === void 0 ? void 0 : _d.steps) && renderStructure(this.structure, this.formElementMapper, generalProps, this.fields, -2), !!((_e = this === null || this === void 0 ? void 0 : this.structure) === null || _e === void 0 ? void 0 : _e.steps) && (h("div", { part: "form-stepper-container", class: "overflow-hidden" }, renderStructure(this.structure, this.formElementMapper, generalProps, this.fields, -1), h("div", { class: "grid grid-cols-1 grid-rows-1" }, (_f = this === null || this === void 0 ? void 0 : this.structure) === null || _f === void 0 ? void 0 : _f.steps.map((_, i) => (h("div", { class: cn('col-start-1 row-start-1 transition-all !duration-700', {
                 'pointer-events-none! *:pointer-events-none!': this.currentStep !== i + 1,
                 'translate-x-full rtl:-translate-x-full opacity-0': this.currentStep < i + 1,
                 'translate-x-0 opacity-100': this.currentStep === i + 1,
@@ -145,7 +162,8 @@ export class FormStructure {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "false"
             },
             "form": {
                 "type": "unknown",
@@ -162,7 +180,7 @@ export class FormStructure {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -188,7 +206,8 @@ export class FormStructure {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "''"
             },
             "successMessage": {
                 "type": "string",
@@ -207,7 +226,8 @@ export class FormStructure {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "''"
             },
             "fields": {
                 "type": "unknown",
@@ -219,13 +239,14 @@ export class FormStructure {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "defaultValue": "{}"
             },
             "structure": {
                 "type": "unknown",
@@ -242,7 +263,7 @@ export class FormStructure {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -266,7 +287,7 @@ export class FormStructure {
                         }
                     }
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -280,10 +301,11 @@ export class FormStructure {
     static get states() {
         return {
             "locale": {},
-            "formContent": {},
-            "currentStep": {}
+            "currentStep": {},
+            "dialogClasses": {}
         };
     }
+    static get elementRef() { return "el"; }
     static get watchers() {
         return [{
                 "propName": "language",

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: 'fff4d600bbd5d763c1dc729bf1c612a5f7fe5623', 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: '235f661718242a13a728d6a12e0ddf81f2bde93c', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: 'd7af78fa5c655ff1d1b013a74807086bfa8e46cc', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: '3130f4af9974bccfdea631e3c691fd77b131ee99', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: 'b0c227aa980303625ea29cc2729a8ebeea4f868a', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
     }
     static get is() { return "form-submit"; }
     static get originalStyleUrls() {

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: '92d7f317d96e7b36e2a7663b444ee8f1919296bd', translate: "no" }, h("div", { key: 'a7e4934cf0b37618ee31a3a61c42ebed2050b661', part: `${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, disabled) }, h("div", { key: '8c36ef229b3c4987f93cc89dc313f6886cf61a34', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("shift-switch", { key: '795b5c1b4481a9e7154e29e6d68d2fd05235dd8a', name: this.name, label: label, class: "form-switch" })), h(FormErrorMessage, { key: '4067feb88d06e319a7ec1471e7039e8d3cf1a28b', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     static get is() { return "form-switch"; }
     static get originalStyleUrls() {

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

@@ -40,9 +40,9 @@ export class FormTextArea {
         const { disabled, isRequired, meta, isError, errorMessage } = this.form.getInputState(this.name);
         const { label, placeholder, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
         const isDisabled = disabled || this.isLoading || !!this.staticValue || this.isDisabled;
-        return (h(Host, { key: 'bc62eed7119763aac1501028b736b2d847a365fc', translate: "no" }, h("label", { key: '2fd748bfee9e5eb76e1a89320ecdd00f9ceee4f6', part: `form-textarea ${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '628d9ecc72704ba8bd6abeffc6d202e1311744cf', name: this.name, isRequired: isRequired, label: label }), h("div", { key: '79d9cc8cbe3678db7c2ce030bde38c412a6d41d9', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("textarea", { key: '671f5139c759a3932a6440c9218483b34164f39d', name: this.name, disabled: isDisabled, placeholder: placeholder, part: `${this.name}-textarea form-input-textarea`, class: cn('form-input-style form-input-textarea-style', partKeyPrefix + this.name, {
+        return (h(Host, { key: '9511bfe5619bafc4163cdbfd89d2d08a87fe22e6', translate: "no" }, h("label", { key: 'fd16e45d96684b83c75668099a76778c6cc62bab', part: `form-textarea ${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '1a1bbc7a6c88c46b5af38ff262000ca9ad40e973', name: this.name, isRequired: isRequired, label: label }), h("div", { key: '3092b156c035898f630ed784ee03cea5724b5146', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("textarea", { key: '08391dee242045a8519e638f47038cdb78038754', name: this.name, disabled: isDisabled, placeholder: placeholder, part: `${this.name}-textarea form-input-textarea`, class: cn('form-input-style form-input-textarea-style', partKeyPrefix + this.name, {
                 'form-input-error-style': isError,
-            }) }, this.defaultValue)), h("div", { key: '6dd64696bf929479eb707d3380301251e1d83457', class: "-mt-1" }, h(FormErrorMessage, { key: '567ad33649ecd2b4666be21b2b3f34cda9d72404', name: this.name, isError: isError, errorMessage: errorTextMessage })))));
+            }) }, this.defaultValue)), h("div", { key: 'c11992b3a6678685d703bf1960ec528aa927d175', class: "-mt-1" }, h(FormErrorMessage, { key: '3f0333480102fe0cafce08106f41937adec9a74b', name: this.name, isError: isError, errorMessage: errorTextMessage })))));
     }
     static get is() { return "form-text-area"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-time-picker-legacy.js

@@ -133,22 +133,22 @@ export class FormTimePicker {
         const step = this.minuteStep || 1;
         const hours = Array.from({ length: 24 }, (_, i) => i);
         const minutes = Array.from({ length: Math.ceil(60 / step) }, (_, i) => i * step);
-        return (h(Host, { key: '6b3a4ea826ea0c84e04eed20a704e5c0e813337e', translate: "no" }, h("label", { key: '67478c3f4a8850b2f158c0f770f053c50133709e', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'c2a3741a553e7118fe8e5fb9a30481548cc8045b', isRequired: isRequired, label: label }), h("form-shadow-input", { key: '5f1240804457073623742b5ae2893bfd536da938', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: '810e033f8d55d629d5db213a75768ebd2e4ba140', part: `${this.name}-container form-input-container`, class: cn('form-input-container', { open: this.isOpen }) }, h("input", { key: 'b6bb8e7ddb91bbb18a28b32567e91efebd91f811', type: "text", readOnly: true, disabled: isDisabled, value: this.selectedValue, onClick: this.toggleDropdown, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), class: cn('form-input-style form-input-select', {
+        return (h(Host, { key: 'aa012157dac8a14dd01944db8b1489790d4ad02e', translate: "no" }, h("label", { key: '38f72e929048edc4aba9af053bb1b1870a4956f7', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'ffa0922187e136a7ba76ee7aa8c00fcb48ebbfed', isRequired: isRequired, label: label }), h("form-shadow-input", { key: '89b0bd6f775cbea09f0c3a1ba14b174da2858c6a', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: '437ee5851f97672e7717551ec23f28eabbf4b661', part: `${this.name}-container form-input-container`, class: cn('form-input-container', { open: this.isOpen }) }, h("input", { key: 'b7c11fe9a8533cd2885a3e550b677d840bc608ac', type: "text", readOnly: true, disabled: isDisabled, value: this.selectedValue, onClick: this.toggleDropdown, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), class: cn('form-input-style form-input-select', {
                 'form-input-error-style': isError,
-            }) }), h("span", { key: 'eda7df336d3c2b60bea46e8671c0fd14a437d68a', part: `${this.name}-icon form-time-picker-icon`, class: "form-input-icon form-input-icon-end" }, h("svg", { key: '873d52be7e89d0d2ef944eff7c210784fded869e', "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full" }, h("circle", { key: '68a33fbc9d8288752fb7b696c4d6ffb56e1153d3', cx: "12", cy: "12", r: "10" }), h("polyline", { key: 'f691539787b34df56c11f0b743fd30dcee957686', points: "12 6 12 12 16 14" }))), h("div", { key: 'f9f396e03a42d43b6f2548342108b2b8530f2518', part: `${this.name}-dropdown form-time-picker-dropdown`, class: cn('form-picker-dropdown', {
+            }) }), h("span", { key: '6e883330afb3dd40aac8c4fcd189bf305d9b354f', part: `${this.name}-icon form-time-picker-icon`, class: "form-input-icon form-input-icon-end" }, h("svg", { key: 'df77e1df7d90ef7426f9737272876a315504bb6c', "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full" }, h("circle", { key: '8f62390c75bd7965df8f2540307bb6d0dcc51172', cx: "12", cy: "12", r: "10" }), h("polyline", { key: 'd8d7e33e91ed206ce73ef8d0bcaed557d9dca713', points: "12 6 12 12 16 14" }))), h("div", { key: 'd87d251f9bcb76da849d90e337ea830af055dce6', part: `${this.name}-dropdown form-time-picker-dropdown`, class: cn('form-picker-dropdown', {
                 upwards: this.openUpwards,
                 downwards: !this.openUpwards,
-            }) }, h("div", { key: '86ea6167273f4fed989bf5972831e21166728034', class: "form-time-picker-columns" }, h("div", { key: '7e14aa8e8c971986a11ed3013bff82e5d9523e35', class: "form-time-picker-column form-time-picker-hours" }, h("div", { key: '5d6e8fbb8f0a33f4a6b5b78c8deb9c3274d74886', class: "form-time-picker-column-header" }, "HH"), hours.map(hour => {
+            }) }, h("div", { key: '6bc203b9575ebcde413b568a7d27b3c37c58d580', class: "form-time-picker-columns" }, h("div", { key: '146415d5c850c194083588592cac09e592f5d07d', class: "form-time-picker-column form-time-picker-hours" }, h("div", { key: '8e2cbe50f3d9c472ae7fac91fae708887a01414a', class: "form-time-picker-column-header" }, "HH"), hours.map(hour => {
             const hourDisabled = this.isHourDisabled(hour);
             return (h("button", { type: "button", disabled: hourDisabled, onClick: () => this.selectHour(hour), part: cn('form-time-picker-option', { 'form-time-picker-option-selected': hour === selectedHour }), class: cn('form-time-picker-option', {
                     selected: hour === selectedHour,
                 }) }, String(hour).padStart(2, '0')));
-        })), h("div", { key: 'f99b2fcad347ba0c9ecc160d9f0bbd92f4d55e2c', class: "form-time-picker-column form-time-picker-minutes" }, h("div", { key: '74f10fe998a94e1c78cb9a53eed1fdcff525acdf', class: "form-time-picker-column-header" }, "MM"), minutes.map(minute => {
+        })), h("div", { key: '041c080f9c8a1b2763213eb931009db8ddbe8959', class: "form-time-picker-column form-time-picker-minutes" }, h("div", { key: 'ced0146aa458a7e464c1cba58f99ae16a914fcee', class: "form-time-picker-column-header" }, "MM"), minutes.map(minute => {
             const minuteDisabled = selectedHour >= 0 ? this.isMinuteDisabled(selectedHour, minute) : false;
             return (h("button", { type: "button", disabled: minuteDisabled, onClick: () => this.selectMinute(minute), part: cn('form-time-picker-option', { 'form-time-picker-option-selected': minute === selectedMinute }), class: cn('form-time-picker-option', {
                     selected: minute === selectedMinute,
                 }) }, String(minute).padStart(2, '0')));
-        }))))), h(FormErrorMessage, { key: 'f0ef64a81ca5bae6f994dda778c2afbe6b3d19ea', name: this.name, isError: isError, errorMessage: locale[errorMessage] || errorMessage }))));
+        }))))), h(FormErrorMessage, { key: '141634d0d563f76cd863370c2dd29cfcc17cef10', name: this.name, isError: isError, errorMessage: locale[errorMessage] || errorMessage }))));
     }
     static get is() { return "form-time-picker"; }
     static get originalStyleUrls() {

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

@@ -52,9 +52,9 @@ export class FormVinInput {
         const { label, placeholder, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
         const isDisabled = disabled || this.isLoading || !!this.staticValue || this.isDisabled;
         const extractorTitle = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.scan) || ((_j = (_g = (_f = (_e = (_d = (_c = this.form) === null || _c === void 0 ? void 0 : _c.context) === null || _d === void 0 ? void 0 : _d.structure) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.localization) === null || _g === void 0 ? void 0 : _g[(_h = this.form.context) === null || _h === void 0 ? void 0 : _h.language]) === null || _j === void 0 ? void 0 : _j['vin-scan']) || 'Scan Your VIN';
-        return (h(Host, { key: '664b2090565f7b02c0ac4c8e5e02a7d306fb5912', translate: "no" }, h("label", { key: 'cec36a5cd5d97de6dd5349b0f8e4787c0e78d417', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'ac5abc409e71813176f1619fae700e924aef9270', isRequired: isRequired, label: label }), h("div", { key: 'd79f5f046b1931d28bb771599b0a9c4ffc6e56e3', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h(FormInputPrefix, { key: '4f841aa8360703887100f2da7e4fb12df2428fb0', name: this.name, direction: (_k = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _k === void 0 ? void 0 : _k.direction, prefix: this.inputPrefix }), h("input", Object.assign({ key: '6b96dfd514da16348efda219603e7b46503edce3' }, this.inputProps, { name: this.name, disabled: isDisabled, defaultValue: this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign({}, (this.prefixWidth ? { [((_l = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _l === void 0 ? void 0 : _l.direction) === 'rtl' ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), class: cn('form-input-style !uppercase', part, {
+        return (h(Host, { key: '364ebf9fd3e0a3f9c87c972cb6a4a5b7900e0452', translate: "no" }, h("label", { key: 'fce676eb0aecc9b986342fe607376069057bd744', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '4b7d388aa66825c073d6fa834651fc4a69f87267', isRequired: isRequired, label: label }), h("div", { key: 'd089dc7c99eedebcf45675bb86b7b3725ec19cd1', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h(FormInputPrefix, { key: 'bd04e9c5724926831f32d79d6a2bc81ec27768ed', name: this.name, direction: (_k = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _k === void 0 ? void 0 : _k.direction, prefix: this.inputPrefix }), h("input", Object.assign({ key: 'e4039de54c6f2711883a3ae4dadd861e7f402a6f' }, this.inputProps, { name: this.name, disabled: isDisabled, defaultValue: this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign({}, (this.prefixWidth ? { [((_l = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _l === void 0 ? void 0 : _l.direction) === 'rtl' ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), class: cn('form-input-style !uppercase', part, {
                 'form-input-error-style': isError,
-            }) })), !!this.scannerIcon && (this.useOcr || this.readSticker) && (h("button", { key: 'd5cebbf58749e7d6a95262ed5265e412719291de', type: "button", disabled: isDisabled, part: cn('vin-validator', part + '-vin'), onClick: () => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.el.getElementsByTagName('vin-extractor')[0]) === null || _a === void 0 ? void 0 : _a.open(); }, class: "absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2" }, this.scannerIcon === 'qr-code' && h(QrCodeScanIcon, { key: 'b28d6734fdea8ce14809f653d9343631bf1969b2', class: "size-[90%] text-inherit" }), this.scannerIcon === 'camera' && h(CameraIcon, { key: 'dd7354ddc2f3bf17eea2436cc5abe8e2edc3450a', class: "size-[90%] text-inherit" })))), h(FormErrorMessage, { key: '86212aa0ed1a9873ffc04c81b41b06a2a6084b26', name: this.name, isError: isError, errorMessage: errorTextMessage })), (this.useOcr || this.readSticker) && (h("div", { key: '9aaf51c7573629c6ee303f5f300c9c1ad2ee802f', class: "absolute" }, h("vin-extractor", { key: '233ce31e4436fe5ca8db405db3a648d03b44d948', verbose: true, manualCapture: true, useOcr: this.useOcr, title: extractorTitle, skipValidation: false, readSticker: this.readSticker, ocrEndpoint: this.ocrEndpoint, onExtract: newVin => {
+            }) })), !!this.scannerIcon && (this.useOcr || this.readSticker) && (h("button", { key: 'dab3447ecfe92901450264009f038684ff38ee5b', type: "button", disabled: isDisabled, part: cn('vin-validator', part + '-vin'), onClick: () => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.el.getElementsByTagName('vin-extractor')[0]) === null || _a === void 0 ? void 0 : _a.open(); }, class: "absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2" }, this.scannerIcon === 'qr-code' && h(QrCodeScanIcon, { key: '8dc9d3e0335cd49dc16f0ab1dd95ec00b9b3d803', class: "size-[90%] text-inherit" }), this.scannerIcon === 'camera' && h(CameraIcon, { key: 'f07803288a58b6dc26a44f60153dd290dad74cdf', class: "size-[90%] text-inherit" })))), h(FormErrorMessage, { key: 'b897abcd66f8adf248273a2261dacd942b04ec95', name: this.name, isError: isError, errorMessage: errorTextMessage })), (this.useOcr || this.readSticker) && (h("div", { key: '0617aaceb5315d2690414ed82907e09c2aff9bf3', class: "absolute" }, h("vin-extractor", { key: '63349a42a5d9e076c5e287dcbce21962c0e8e401', verbose: true, manualCapture: true, useOcr: this.useOcr, title: extractorTitle, skipValidation: false, readSticker: this.readSticker, ocrEndpoint: this.ocrEndpoint, onExtract: newVin => {
                 var _a, _b;
                 this.inputRef.value = newVin;
                 (_a = this.form) === null || _a === void 0 ? void 0 : _a.validateInput(this === null || this === void 0 ? void 0 : this.name);

package/dist/collection/components/forms/general-form.js

@@ -56,9 +56,9 @@ export class GeneralForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f8327a4720795f4e453810c9c2b0519e4e67385b', translate: "no" }, h("div", { key: 'da36e8d53beefd1482d4c2c1a2c0543a1ac9df82', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '5956830dc4825d7bdfaa9cd2d7c4978baec73675', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '37e81f44a7fed447a345ed74f78bb1257dd01b73', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '4cff9c631ab2d7849dcaed0f0f89946dc3882953', translate: "no" }, h("div", { key: 'b1455288d93506594cb53c3ee2a530c32e2f3d47', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '526d10ed7814fb2fd468b841fcdb6f6eae528eb9', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '3b94fe2aaa173039e935ef7ac3448cb25ee43135', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: 'ad185a6bb23af1e3148b24970ac50ee5bf769960', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'd58d54230ad45a1a400eec8d39333c2f259a7260', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '9fe2efd36868be4da0407f30e72c53181328be14', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '6aae9410c8b136c20856de9e2753006a37b2d654' }))))))));
+            }) }, h(LoaderIcon, { key: '645beddd1ce29dc6c6c6882179d42096fa85516f', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'ed87dd39df7626112ab3634cf0a73bba987798ee', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '5e79eab92c3ee41b79daf0bb3151b6fedbcb6246', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '913103eb25c711c5f8712b9479cc24755333d507' }))))))));
     }
     static get is() { return "general-form"; }
     static get encapsulation() { return "shadow"; }
@@ -196,9 +196,14 @@ export class GeneralForm {
                 "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(error: any, message: string) => void",
-                    "resolved": "(error: any, message: string) => void",
-                    "references": {}
+                    "original": "(error: any, message: string) => Promise<void | boolean>",
+                    "resolved": "(error: any, message: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -214,9 +219,14 @@ export class GeneralForm {
                 "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(data: any, message?: string) => void",
-                    "resolved": "(data: any, message?: string) => void",
-                    "references": {}
+                    "original": "(data: any, message?: string) => Promise<void | boolean>",
+                    "resolved": "(data: any, message?: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/forms/general-inquiry.js

@@ -73,9 +73,9 @@ export class GeneralInquiryForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '11fa6a38d32567f29f7a101739a2bae93060fd8f', translate: "no" }, h("div", { key: '12d9b0218275f39849222fc852a612cf857ec3e9', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'e53a5b48aae7bbd048e10faf07cfcd5f12bcd9d9', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '78e4eabe8a5d28fca3391a30a9c0fe1c2b9d0930', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '39598a1a3a3ae705a61f07a0076d3f5fed464c42', translate: "no" }, h("div", { key: '43c5341daac65a8cf670fb831801f580b1885926', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '14b61f96ce31dd8aea290ff2bf083532b0504f1e', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '93d17b3d1b43e7757c369366250e652f07e3651a', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: 'a82bb71db1c35468e6418a5c97e67dfe393661fd', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'cbe28d129bba3387eeffb1e6301117d1a05c0f72', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '55f82b666d5795ee28f4f1c1a9727b9102e5d553', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: 'b1541c2d3e2ddce102a556ddc2e921770b84810b' }))))))));
+            }) }, h(LoaderIcon, { key: 'd8d201d06b25fe471a8b89a585190d7395f2d807', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '68c447269e5c70314fdc5ba3d9134a67dacaeba5', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '3384548010c30a6a305337336e8396e04bf12fcc', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '1095e9b4752a59e7615f28c90f131a7d40fa80eb' }))))))));
     }
     static get is() { return "general-inquiry-form"; }
     static get encapsulation() { return "shadow"; }
@@ -213,9 +213,14 @@ export class GeneralInquiryForm {
                 "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(error: any, message: string) => void",
-                    "resolved": "(error: any, message: string) => void",
-                    "references": {}
+                    "original": "(error: any, message: string) => Promise<void | boolean>",
+                    "resolved": "(error: any, message: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -231,9 +236,14 @@ export class GeneralInquiryForm {
                 "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(data: any, message?: string) => void",
-                    "resolved": "(data: any, message?: string) => void",
-                    "references": {}
+                    "original": "(data: any, message?: string) => Promise<void | boolean>",
+                    "resolved": "(data: any, message?: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/forms/service-booking.js

@@ -56,9 +56,9 @@ export class ServiceBookingForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '7a7eaf8506443815a1cf46f780d322f69e623c27', translate: "no" }, h("div", { key: '3192ddaeae09e43a9f1df20d4dcfff4c56e7445d', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '23d7a16bd959a7d26bb2a07b09bc582645217a53', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'c025d8ae8d4bd78d9ccfb773ba97203e5c41d450', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '89c2448c8ee822529161be0550e42f2568e6f1f4', translate: "no" }, h("div", { key: '2dfa2b9ce75a3589ea5e1acfea35a19c5a30a4ac', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '43527e6b2eb4e761206a7ef91ffc10cdae4f5ecd', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '4caaf6ee9076fb6d23bfd5dc87669b5a499fb9df', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: '585b1c73cbd57fd4d7faf8c7a6ed8b6d8c8ed6fc', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '12d3cc61059151f64401b8d542263f7ebb31f2fd', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '57278dbc1b36b170ad9147c6b2e8b1007b70fd2f', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '014dddb6bf19ff3c4d3a0864687f8f83c4c108a3' }))))))));
+            }) }, h(LoaderIcon, { key: '9f3750087251e5624838d1c4c313d6013cfce5ab', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '4b7f50f44daf28f5af1ea04e4c3ea994fef5476f', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '70a7b4b1672a324f0df9dda1a509a701e1063ae6', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: 'd483e94ade69394b2dc362bf3ac04cf341d8f9b8' }))))))));
     }
     static get is() { return "service-booking-form"; }
     static get encapsulation() { return "shadow"; }
@@ -196,9 +196,14 @@ export class ServiceBookingForm {
                 "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(error: any, message: string) => void",
-                    "resolved": "(error: any, message: string) => void",
-                    "references": {}
+                    "original": "(error: any, message: string) => Promise<void | boolean>",
+                    "resolved": "(error: any, message: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -214,9 +219,14 @@ export class ServiceBookingForm {
                 "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(data: any, message?: string) => void",
-                    "resolved": "(data: any, message?: string) => void",
-                    "references": {}
+                    "original": "(data: any, message?: string) => Promise<void | boolean>",
+                    "resolved": "(data: any, message?: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/forms/ssc-lookup.js

@@ -67,9 +67,9 @@ export class SSCLookupForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: 'c1c57ffab96038eda777173ddf90739683f6148b', translate: "no" }, h("div", { key: 'c1f49bc3791305109784d46d012af7ed08bc7397', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'ed5cd30ee3e6734886f4bcd1fabe9079a5096944', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '2eaa3336b10acf8642b7a2119759f9805733c487', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '5bf780577b542c9391ea846bb8184bbcb9a7be45', translate: "no" }, h("div", { key: '28ba40f28f86cc87fe1139d58b8823655a5b8825', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'c1e75853e048f2c0685872ec936f1cbf60fc9b3f', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'c1643fb440c1ff9033ca478c228e51431af83cae', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: 'c81d92c4db53d29d3749b845176a6a5f4e4c8ba0', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '87c4c2b2fc8a762944334808aaa014451ae2b41e', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '1bd950cc580eaa3ebbe6539485eeb2f697331962', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '327ef0ebe98a04dade231ae2f19c31699dcae1d4' }))))))));
+            }) }, h(LoaderIcon, { key: '597c77841a4899ab7092e954745f0a4cee4f8845', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'c6f7cfbd04b78029de56c0cc18a6e46f7b6e9332', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '7402530884f60323b36b915c74cdfec2c797e937', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '0d995c8a07e30b0273827a682976e803943481cd' }))))))));
     }
     static get is() { return "ssc-lookup-form"; }
     static get encapsulation() { return "shadow"; }
@@ -207,9 +207,14 @@ export class SSCLookupForm {
                 "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(error: any, message: string) => void",
-                    "resolved": "(error: any, message: string) => void",
-                    "references": {}
+                    "original": "(error: any, message: string) => Promise<void | boolean>",
+                    "resolved": "(error: any, message: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -225,9 +230,14 @@ export class SSCLookupForm {
                 "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(data: any, message?: string) => void",
-                    "resolved": "(data: any, message?: string) => void",
-                    "references": {}
+                    "original": "(data: any, message?: string) => Promise<void | boolean>",
+                    "resolved": "(data: any, message?: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/forms/test-drive.js

@@ -56,9 +56,9 @@ export class TestDriveForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: 'de8f0cba65a4cbde4a3b571e39ff7ddc59d23d9f', translate: "no" }, h("div", { key: '84417864a664196f68fff0dc4617b6234461ec94', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '84bb21bae8f47b0c379de0cc4e34e27a1cb65861', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'ffd84f39345304df3abb723e4a9ce18932539556', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '0501b291a3ec179915ba0586be7acf469fe0b24b', translate: "no" }, h("div", { key: '7a5f87e0084838e3c243bebbb817642bdc21c011', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'f8670aaa521041222bc2963d4f509d64138f27f3', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'f8f1073cd82fb9106c80ec0b1e69ec533afb479b', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: 'f8ff90dc56109fe9491796bc0faceffbd8966950', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'be17a01a0821e19050eb21ca9f631e13b0aa6963', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: 'da73ae606f7e73ae406c2aa54d21fc9684301eec', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '511ceaadb0b09443a3284443bde422f6e38ab051' }))))))));
+            }) }, h(LoaderIcon, { key: '8e5a05a0b47f3f8338e797d20656b2f4c1d7343f', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '12c11fa78c85cf946d0fa8cfab0031b5c1709b8d', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '423a2877898ddb74bdc2eef17ba05d2e91243878', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '1a5a870e7c5ca4e2067894a5e25170d7ebfb488a' }))))))));
     }
     static get is() { return "test-drive-form"; }
     static get encapsulation() { return "shadow"; }
@@ -196,9 +196,14 @@ export class TestDriveForm {
                 "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(error: any, message: string) => void",
-                    "resolved": "(error: any, message: string) => void",
-                    "references": {}
+                    "original": "(error: any, message: string) => Promise<void | boolean>",
+                    "resolved": "(error: any, message: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -214,9 +219,14 @@ export class TestDriveForm {
                 "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(data: any, message?: string) => void",
-                    "resolved": "(data: any, message?: string) => void",
-                    "references": {}
+                    "original": "(data: any, message?: string) => Promise<void | boolean>",
+                    "resolved": "(data: any, message?: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/forms/vehicle-quotation.js

@@ -142,9 +142,9 @@ export class VehicleQuotationForm {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: 'd0d0db28f244e622c41eb18383e42bd7b6b8d78a', translate: "no" }, h("div", { key: '58e5c5522c8552f533f418aba80f899e80b56230', part: `shift-form vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, h("div", { key: '797719b73e01e07cf4d1a43293cf65e095ff26dd', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '2e99017141311ba900465331e784a3e9ba60a6d9', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: 'fec28435d7dafd1cf92b0fa5109caed38f8566f3', translate: "no" }, h("div", { key: '400a878e0946c95718474424408d053d448811e2', part: `shift-form vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, h("div", { key: '3266ef4ac8d982099cd7ffa10d961b0ffb26a088', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '3f538ea84510680680943ad563b18d6b2ba795f0', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: '7602eeab3e0540cd395a5be8835a0c199f9886e6', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '70a05ba6d9496077287348fc3e32a637042d0ea2', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '92e9d30c2fe4c3d19a5d2add59a4469c227662cb', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: vehicleQuotationElements, successMessage: this.locale['Form submitted successfully.'] }, h("slot", { key: '066cd8b9386d7fd28f39c32ae77b1740ceabd36f' }))))))));
+            }) }, h(LoaderIcon, { key: '21277ee2020ca457e057a44d615a7c2a5a078876', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'c88ef8663f91ba871119a7753be8a7e4995af36a', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '23b33ac7d2577a685d2457dc019b9a779ce89b10', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: vehicleQuotationElements, successMessage: this.locale['Form submitted successfully.'] }, h("slot", { key: '77c7ec01920adc553fee0893e2394ec26e2aeaad' }))))))));
     }
     static get is() { return "vehicle-quotation-form"; }
     static get encapsulation() { return "shadow"; }
@@ -282,9 +282,14 @@ export class VehicleQuotationForm {
                 "attribute": "error-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(error: any, message: string) => void",
-                    "resolved": "(error: any, message: string) => void",
-                    "references": {}
+                    "original": "(error: any, message: string) => Promise<void | boolean>",
+                    "resolved": "(error: any, message: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -300,9 +305,14 @@ export class VehicleQuotationForm {
                 "attribute": "success-callback",
                 "mutable": false,
                 "complexType": {
-                    "original": "(data: any, message?: string) => void",
-                    "resolved": "(data: any, message?: string) => void",
-                    "references": {}
+                    "original": "(data: any, message?: string) => Promise<void | boolean>",
+                    "resolved": "(data: any, message?: string) => Promise<boolean | void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,

package/dist/collection/components/part-lookup/dead-stock-lookup.js

@@ -90,11 +90,11 @@ export class DeadStockLookup {
     // #endregion
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        return (h(Host, { key: 'd62c70833921bd1b5765a2d7e072bbc5dbded2ac', translate: "no" }, h(VehicleInfoLayout, { key: '309b40614e429189a8369c1248f6f273269f4955', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.partLookup) === null || _a === void 0 ? void 0 : _a.partNumber, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '080259257a66be6dfd2b9c750cdd4a71f070dc04', class: "p-[16px]" }, h("div", { key: 'd101e493bf7127a8da1614603fe920e60151d8ad', class: "pb-[16px]" }, h(DeadStockItem, { locale: this.locale, key: "first-dead-stock", toggleAccordion: this.toggleAccordion, isOpened: !this.isLoading && ((_c = (_b = this.partLookup) === null || _b === void 0 ? void 0 : _b.deadStock) === null || _c === void 0 ? void 0 : _c.length) > 0 ? this.openedAccordions.includes((_e = (_d = this.partLookup) === null || _d === void 0 ? void 0 : _d.deadStock[0]) === null || _e === void 0 ? void 0 : _e.companyName) : false, item: ((_g = (_f = this.partLookup) === null || _f === void 0 ? void 0 : _f.deadStock) === null || _g === void 0 ? void 0 : _g.length) > 0
+        return (h(Host, { key: '65d6641ec87c3e96e69e0170af74ab8f92614b11', translate: "no" }, h(VehicleInfoLayout, { key: 'c935526cf59894895b1005d044cf3319059518ae', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.partLookup) === null || _a === void 0 ? void 0 : _a.partNumber, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: 'a096bdf32e4a759540123eebffebbda5dc95a760', class: "p-[16px]" }, h("div", { key: '64ac5c457017f8c55b070533002a0ad30380958a', class: "pb-[16px]" }, h(DeadStockItem, { locale: this.locale, key: "first-dead-stock", toggleAccordion: this.toggleAccordion, isOpened: !this.isLoading && ((_c = (_b = this.partLookup) === null || _b === void 0 ? void 0 : _b.deadStock) === null || _c === void 0 ? void 0 : _c.length) > 0 ? this.openedAccordions.includes((_e = (_d = this.partLookup) === null || _d === void 0 ? void 0 : _d.deadStock[0]) === null || _e === void 0 ? void 0 : _e.companyName) : false, item: ((_g = (_f = this.partLookup) === null || _f === void 0 ? void 0 : _f.deadStock) === null || _g === void 0 ? void 0 : _g.length) > 0
                 ? (_h = this.partLookup) === null || _h === void 0 ? void 0 : _h.deadStock[0]
                 : { companyName: !!this.partLookup && !((_j = this.partLookup) === null || _j === void 0 ? void 0 : _j.deadStock) ? this.locale.sharedLocales.noData : '' }, icon: (!this.partLookup && !((_k = this.partLookup) === null || _k === void 0 ? void 0 : _k.deadStock) && h("div", null)) ||
                 (!!this.partLookup && !((_l = this.partLookup) === null || _l === void 0 ? void 0 : _l.deadStock) && h(EmptyTableIcon, null)) ||
-                (!!this.partLookup && !!((_m = this.partLookup) === null || _m === void 0 ? void 0 : _m.deadStock) && h(ArrowUpIcon, null)) })), h("flexible-container", { key: 'ee3802a22b13bfa0ebec4bdd67e8f9c4f2c3f706', isOpened: this.newItemsHasBeenRendered }, h("div", { key: 'c68340e2c11be77e5cde04ece671c8a6df8b8289', class: "flex flex-col gap-[16px]" }, ((_p = (_o = this.partLookup) === null || _o === void 0 ? void 0 : _o.deadStock) === null || _p === void 0 ? void 0 : _p.length) > 1 &&
+                (!!this.partLookup && !!((_m = this.partLookup) === null || _m === void 0 ? void 0 : _m.deadStock) && h(ArrowUpIcon, null)) })), h("flexible-container", { key: '037176d9aa0af1982b45c99b7b5b73b87df466d1', isOpened: this.newItemsHasBeenRendered }, h("div", { key: 'dca1df7070d355f6d646522fcf6b53ffe03f7729', class: "flex flex-col gap-[16px]" }, ((_p = (_o = this.partLookup) === null || _o === void 0 ? void 0 : _o.deadStock) === null || _p === void 0 ? void 0 : _p.length) > 1 &&
             ((_q = this.partLookup) === null || _q === void 0 ? void 0 : _q.deadStock.slice(1).map(deadStock => (h(DeadStockItem, { item: deadStock, locale: this.locale, icon: h(ArrowUpIcon, null), toggleAccordion: this.toggleAccordion, isOpened: this.openedAccordions.includes(deadStock === null || deadStock === void 0 ? void 0 : deadStock.companyName) }))))))))));
     }
     static get is() { return "dead-stock-lookup"; }