adp-web-components 0.1.71 → 0.1.72

package/dist/cjs/{state-object-DC2JjJcf.js → state-object-Cgz5J2Ur.js}

@@ -7,7 +7,7 @@
 var index = require('./index-CmK48vN3.js');
 require('./types-B3WMBBhs.js');
 var index$1 = require('./index-D5c513Xn.js');
-var loaderIcon = require('./loader-icon-BTRe-EkU.js');
+var loaderIcon = require('./loader-icon-C4vy1OWp.js');
 var cn = require('./cn-BHnqYtun.js');
 var calendarDaysIcon = require('./calendar-days-icon-C2lFWgOC.js');
 var decodeTimeOffset = require('./decode-time-offset-DqzP0mck.js');
@@ -79,11 +79,11 @@ const populateItems = (data, setup, hasMeta) => {
     return options;
 };
 
-const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ submit: ({ props }) => index.h("form-submit", Object.assign({}, props)), name: ({ props }) => index.h("form-input", Object.assign({}, props)), lastName: ({ props }) => index.h("form-input", Object.assign({}, props)), email: ({ props }) => index.h("form-input", Object.assign({ type: "email" }, props)), message: ({ props }) => index.h("form-text-area", Object.assign({}, props)), vin: ({ props }) => index.h("form-vin-input", Object.assign({}, props)), vehicleImage: ({ form }) => index.h(VehicleImageViewer, { form: form }), phone: ({ props, isLoading }) => {
+const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ submit: ({ props }) => index.h("form-submit", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props)), stepperSubmit: ({ props }) => index.h("form-stepper-submit", Object.assign({ key: (props === null || props === void 0 ? void 0 : props.step) || (props === null || props === void 0 ? void 0 : props.name) }, props)), name: ({ props }) => index.h("form-input", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props)), lastName: ({ props }) => index.h("form-input", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props)), email: ({ props }) => index.h("form-input", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name, type: "email" }, props)), message: ({ props }) => index.h("form-text-area", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props)), vin: ({ props }) => index.h("form-vin-input", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props)), vehicleImage: ({ form }) => index.h(VehicleImageViewer, { form: form }), phone: ({ props, isLoading }) => {
         if (!stateObject.phoneValidator) {
             stateObject.phoneValidator = loaderIcon.getPhoneValidator((props === null || props === void 0 ? void 0 : props.countryCode) || '');
         }
-        return index.h("form-phone-number", Object.assign({ defaultValue: stateObject.phoneValidator.default }, props, { isLoading: isLoading, validator: stateObject.phoneValidator }));
+        return index.h("form-phone-number", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name, defaultValue: stateObject.phoneValidator.default }, props, { isLoading: isLoading, validator: stateObject.phoneValidator }));
     }, vehicle: ({ language, props }) => {
         const fetcher = async ({ signal, context }) => {
             var _a, _b;
@@ -139,7 +139,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
                 context.defaultValue = props === null || props === void 0 ? void 0 : props.defaultValue;
             return options;
         };
-        return index.h("form-select", Object.assign({}, props, { searchable: true, fetcher: fetcher, language: language }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { searchable: true, fetcher: fetcher, language: language }));
     }, companyBranchId: ({ language, props }) => {
         const fetcher = async ({ signal }) => {
             const dealerEndpoint = props === null || props === void 0 ? void 0 : props.branchApi;
@@ -151,7 +151,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
             }));
             return options;
         };
-        return index.h("form-select", Object.assign({}, props, { clearable: true, searchable: true, fetcher: fetcher, language: language }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { clearable: true, searchable: true, fetcher: fetcher, language: language }));
     }, cityId: ({ language, props }) => {
         const fetcher = async ({ signal }) => {
             const dealerEndpoint = props === null || props === void 0 ? void 0 : props.cityApi;
@@ -163,7 +163,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
             }));
             return options;
         };
-        return index.h("form-select", Object.assign({}, props, { clearable: true, searchable: true, fetcher: fetcher, language: language }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { clearable: true, searchable: true, fetcher: fetcher, language: language }));
     }, date: ({ props }) => index.h("form-picker-input", Object.assign({ type: "date" }, props, { icon: index.h(calendarDaysIcon.CalendarDaysIcon, null) })), time: ({ language, props }) => {
         const fetcher = async () => {
             const options = [];
@@ -180,7 +180,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
             }
             return options;
         };
-        return index.h("form-select", Object.assign({}, props, { clearable: true, fetcher: fetcher, language: language }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { clearable: true, fetcher: fetcher, language: language }));
     }, currentVehicleBrand: ({ form, language, props, locale }) => {
         const fetcher = async ({ signal }) => {
             var _a;
@@ -199,7 +199,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
                 },
             ];
         };
-        return index.h("form-select", Object.assign({}, props, { searchable: true, fetcher: fetcher, language: language }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { searchable: true, fetcher: fetcher, language: language }));
     }, currentVehicleModel: ({ form, language, props, locale }) => {
         form.addWatcher('currentVehicleBrand');
         const currentVehicleBrand = form === null || form === void 0 ? void 0 : form.getValue('currentVehicleBrand');
@@ -218,7 +218,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
                 },
             ];
         };
-        return (index.h("form-select", Object.assign({}, props, { searchable: true, fetcher: fetcher, language: language, resetKey: currentVehicleBrand, fetcherKey: currentVehicleBrand, isRequired: currentVehicleBrand !== 'Other', isDisabled: !currentVehicleBrand || currentVehicleBrand === 'Other' })));
+        return (index.h("form-select", Object.assign({}, props, { searchable: true, key: props === null || props === void 0 ? void 0 : props.name, fetcher: fetcher, language: language, resetKey: currentVehicleBrand, fetcherKey: currentVehicleBrand, isRequired: currentVehicleBrand !== 'Other', isDisabled: !currentVehicleBrand || currentVehicleBrand === 'Other' })));
     }, ownVehicle: ({ language, props }) => {
         const fetcher = async ({}) => {
             var _a, _b, _c, _d;
@@ -233,7 +233,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
                 },
             ];
         };
-        return index.h("form-select", Object.assign({}, props, { fetcher: fetcher, language: language }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { fetcher: fetcher, language: language }));
     }, conditionalCurrentVehicleBrand: ({ form, language, props, locale }) => {
         form.addWatcher('ownVehicle');
         const ownVehicle = (form === null || form === void 0 ? void 0 : form.getValue('ownVehicle')) === 'yes';
@@ -253,7 +253,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
                 },
             ];
         };
-        return index.h("form-select", Object.assign({}, props, { searchable: true, fetcher: fetcher, language: language, resetKey: ownVehicle, isRequired: ownVehicle, isDisabled: !ownVehicle }));
+        return index.h("form-select", Object.assign({ key: props === null || props === void 0 ? void 0 : props.name }, props, { searchable: true, fetcher: fetcher, language: language, resetKey: ownVehicle, isRequired: ownVehicle, isDisabled: !ownVehicle }));
     }, conditionalCurrentVehicleModel: ({ form, language, props, locale }) => {
         form.addWatcher('ownVehicle');
         form.addWatcher('conditionalCurrentVehicleBrand');
@@ -274,7 +274,7 @@ const getFormMappers = (stateObject, extraMappers = {}) => (Object.assign({ subm
                 },
             ];
         };
-        return (index.h("form-select", Object.assign({}, props, { searchable: true, fetcher: fetcher, language: language, resetKey: currentVehicleBrand, fetcherKey: currentVehicleBrand, isRequired: ownVehicle && currentVehicleBrand !== 'Other', isDisabled: !currentVehicleBrand || currentVehicleBrand === 'Other' })));
+        return (index.h("form-select", Object.assign({}, props, { searchable: true, fetcher: fetcher, key: props === null || props === void 0 ? void 0 : props.name, language: language, resetKey: currentVehicleBrand, fetcherKey: currentVehicleBrand, isRequired: ownVehicle && currentVehicleBrand !== 'Other', isDisabled: !currentVehicleBrand || currentVehicleBrand === 'Other' })));
     } }, extraMappers));
 
 const getDefaultStateObject = () => ({ phoneValidator: undefined });

package/dist/cjs/test-drive-form.cjs.entry.js

@@ -5,13 +5,13 @@
 'use strict';
 
 var index = require('./index-CmK48vN3.js');
-var loaderIcon = require('./loader-icon-BTRe-EkU.js');
+var loaderIcon = require('./loader-icon-C4vy1OWp.js');
 var cn = require('./cn-BHnqYtun.js');
 var validation$1 = require('./validation-DEdJb-KL.js');
 var types = require('./types-B3WMBBhs.js');
-var getLanguageFromUrl = require('./get-language-from-url-DSzX4HQt.js');
-var stateObject$1 = require('./state-object-DC2JjJcf.js');
-require('./get-local-language-CrGMNJyx.js');
+var getLanguageFromUrl = require('./get-language-from-url-BDxORAGO.js');
+var stateObject$1 = require('./state-object-Cgz5J2Ur.js');
+require('./get-local-language-BHgGjV5c.js');
 require('./index-D5c513Xn.js');
 require('./validate-vin-CJDIXpJO.js');
 require('./calendar-days-icon-C2lFWgOC.js');
@@ -68,9 +68,9 @@ const TestDriveForm = class {
     // #endregion
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'c22942c01dd459d26ea1574104328e3820ebef2a' }, index.h("div", { key: '579f3ff664278b1208bab93185e0d607d34b58c4', part: cn.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) }, index.h("div", { key: 'f19577de7dec60a342b6292810e12ce0b58cf9c8', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '17518c85252d0bcda63319b5c7ca712603c46940', part: "form-loader-container", class: cn.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 (index.h(index.Host, { key: 'fab49ec7cbc4969dd4511b0939d553f736522cb1' }, index.h("div", { key: '506afbb9bbad45d22a03b0dcdcd1d5564338a568', part: cn.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) }, index.h("div", { key: '6c2052eff11adb5b8317299f4c9a65ca0a4356c5', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '4a34ab6f134bdaeddf34ba1426ffd273c74a50c2', part: "form-loader-container", class: cn.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,
-            }) }, index.h(loaderIcon.LoaderIcon, { key: '56cfde4b37adc257f98d1ad714642f6140fc5051', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '7ecb050edcffed8af61c6642bd4ca9aae37f754e', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'c77c8063cf2f8eccc67e4d6270c2b3e1e0d411c6', 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.' }, index.h("slot", { key: 'cc74ebbf35a57bb9ff25afaf8b670ab5b3a1ccd0' }))))))));
+            }) }, index.h(loaderIcon.LoaderIcon, { key: '781356c6d37992f18a0f11306a0f661401033473', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '8985547d2568fc1315ab5d1e2607093063140bf0', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: '6574311073efb3ab665e9282667abd9431c52336', 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.' }, index.h("slot", { key: '76920b66289cd0cf6086ff8b88a138f93cc71560' }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/vehicle-accessories_7.cjs.entry.js

@@ -11,7 +11,7 @@ var vehicleInfoLayout = require('./vehicle-info-layout-D0rI_Rfz.js');
 var smartInvokable = require('./smart-invokable-BdyCLX9_.js');
 var validateVin = require('./validate-vin-CJDIXpJO.js');
 var types = require('./types-B3WMBBhs.js');
-var getLocalLanguage = require('./get-local-language-CrGMNJyx.js');
+var getLocalLanguage = require('./get-local-language-BHgGjV5c.js');
 var cn = require('./cn-BHnqYtun.js');
 var emptyTableIcon = require('./empty-table-icon-QLsRUBY_.js');
 var calendarDaysIcon = require('./calendar-days-icon-C2lFWgOC.js');
@@ -57,7 +57,7 @@ const setVehicleLookupData = async (context, newData, headers = {}, { beforeAssi
             context.vehicleLookup = undefined;
             throw new Error('vinNumberRequired');
         }
-        if (!validateVin.validateVin(vin) && !(context === null || context === void 0 ? void 0 : context.isDev))
+        if (!validateVin.validateVin(vin) && !(context === null || context === void 0 ? void 0 : context.isDev) && !(context === null || context === void 0 ? void 0 : context.disableVinValidation))
             throw new Error('invalidVin');
         const vehicleResponse = isVinRequest ? await getVehicleLookup(context, { scopedTimeoutRef, vin }, headers) : newData;
         if (context.networkTimeoutRef === scopedTimeoutRef) {
@@ -129,6 +129,7 @@ const VehicleAccessories = class {
         // #endregion
         // #region Image Viewer Logic
         this.expandedImage = '';
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -184,9 +185,9 @@ const VehicleAccessories = class {
             image: () => (index.h("div", { class: "size-[100px] flex mx-auto items-center justify-center" }, index.h("button", { onClick: ({ target }) => printIcon.openImageViewer.bind(this)(target, accessory === null || accessory === void 0 ? void 0 : accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: printIcon.eyeSvg }), index.h("span", { class: "text-white" }, texts.expand)), index.h("img", { class: "w-auto h-auto max-w-[100px] max-h-[100px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory === null || accessory === void 0 ? void 0 : accessory.image })))),
         }));
         const templateRow = {
-            image: () => index.h("div", { key: 'f5798a0bfe0215f26fdecb167e7b32d0a0e52b0f', class: "size-[100px] flex mx-auto items-center justify-center" }, "\u00A0"),
+            image: () => index.h("div", { key: '9e3449c662aacec2d733e102c9448eb7d8a6f0fd', class: "size-[100px] flex mx-auto items-center justify-center" }, "\u00A0"),
         };
-        return (index.h(index.Host, { key: 'f80d7d68d9fabf53147bebfe77eebbcdf645b41a' }, index.h(printIcon.ImageViewer, { key: 'd8ce936df54d34652e7e134b98b9e3e27f40e7b5', closeImageViewer: () => printIcon.closeImageViewer.bind(this)(), expandedImage: this.expandedImage }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '04f2aaee4fdb515a115863dfa5cc9c27c969e091', isError: this.isError, isLoading: this.isLoading, coreOnly: this.coreOnly, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: 'b45f58f31d443a61703d424677bdc5aff4a4d261', class: "overflow-x-auto" }, index.h("information-table", { key: '3179671d0a53bba123960eb74c062677d59b36c3', templateRow: templateRow, rows: rows, headers: tableHeaders, isLoading: this.isLoading })))));
+        return (index.h(index.Host, { key: '3bff6a397080ea86ac1579c8648c49503181e2af' }, index.h(printIcon.ImageViewer, { key: 'fa8d7e628a8c044437243dd860833c041a125991', closeImageViewer: () => printIcon.closeImageViewer.bind(this)(), expandedImage: this.expandedImage }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '464efd75b6888368bb09d12257d9005414354edb', isError: this.isError, isLoading: this.isLoading, coreOnly: this.coreOnly, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: '35e6560fb42dbe6a798bc07f4364d75e919dde31', class: "overflow-x-auto" }, index.h("information-table", { key: '0aab5dab4e2aca63e7f04b4b339bbc2ea0430d5d', templateRow: templateRow, rows: rows, headers: tableHeaders, isLoading: this.isLoading })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -333,6 +334,7 @@ const VehicleClaimableItems = class {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.uploadMultipleDocumentsAtTheForm = true;
@@ -643,13 +645,13 @@ const VehicleClaimableItems = class {
         const hideTabs = this.isLoading || this.isError || !this.tabs.length || !serviceItems.length;
         const tabs = this.tabs.map(group => group.name);
         const hasInactiveItems = (_c = (_b = (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.warranty) === null || _b === void 0 ? void 0 : _b.activationIsRequired) !== null && _c !== void 0 ? _c : false;
-        return (index.h(index.Host, { key: '618cf78eb2669f3576e024193a5d9e95b1ef80ab' }, index.h("vehicle-item-claim-form", { key: '67c999a10112fa174939c53750a8d5b5f584408d', class: "vehicle-item-claim-form", maximumDocumentFileSizeInMb: this.maximumDocumentFileSizeInMb, uploadMultipleDocuments: this.uploadMultipleDocumentsAtTheForm, locale: Object.assign({ sharedLocales: this.locale.sharedLocales }, this.locale.claimForm) }), index.h(ClaimableItemPopover, { key: 'a24b5b7ce230a03a66dbc285b5e611f7c2763e62', locale: this.locale, claim: this.claim.bind(this), item: this.selectedClaimItem, showPopover: this.showClaimableItemPopover, targetLocation: this.popoverTargetLocation }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'f41c4bd8505fb97841e295c55f56fe38a51a5893', isError: this.isError, coreOnly: this.coreOnly, header: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.vin, direction: this.locale.sharedLocales.direction, isLoading: this.isLoading || this.tabAnimationLoading, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: '7b07c94d2df080c0c6f2bb2c3dedf989a98245c8', dir: "ltr", class: cn.cn('relative flex items-center h-[320px] transition-all duration-300', { loading: this.isLoading || this.tabAnimationLoading }) }, index.h("div", { key: '1c24c5be31a4c023a8e02a2d285eb00f3b44f4cc', dir: this.locale.sharedLocales.direction, class: "absolute top-0 z-10 w-full pt-[16px]" }, index.h("div", { key: '9daef1ffdb3ea601f0c2a12da14fde579a7fe2b5', class: cn.cn('duration-300', { 'translate-y-[-50%] opacity-0': hideTabs }) }, index.h("shift-tabs", { key: 'd48cf00ad9aa7dd642a51811a11ae77f7e00f8e2', activeTabLabel: this.activeTab, changeActiveTab: this.onActiveTabChange, tabs: tabs }))), index.h("div", { key: '26ae1ded522ad4033d4af2b6b80ef7c8428c6030', class: cn.cn('absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0', { 'opacity-100': this.isLoading || this.tabAnimationLoading }) }, index.h("div", { key: '60d91b5b69db3f2aeffae249a2bc3ba658c8c48a', class: "w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0" }, index.h("div", { key: '8ec5e97bbbebe09e82030bb70880b4c176893b38', class: "absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full" }), index.h("div", { key: 'e16feac1dbe311365601baa0b6b22db28540af45', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc" }), index.h("div", { key: '76a2703a51f3e5ca8d165ee82244dfda99ed4d2b', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec" }))), index.h("div", { key: '0ba49f559b2bf1a6b3dcd94ce347c505754dcf6a', dir: this.locale.sharedLocales.direction, class: cn.cn('absolute w-[90%] z-10 pointer-events-none border opacity-0 translate-y-[-5px] scale-[70%] text-[#8a6d3b] bg-[#fcf8e3] border-[#faebcc] p-[25px] text-[16px] rounded-[6px] flex items-center justify-between left-1/2 -translate-x-1/2 h-10 bottom-[40px] transition duration-500', {
+        return (index.h(index.Host, { key: '42b6816c4ed93313592824aa1b76c33104aa89ae' }, index.h("vehicle-item-claim-form", { key: 'bbb0d893277dbd7090d7829a8681656111c3e9d4', class: "vehicle-item-claim-form", maximumDocumentFileSizeInMb: this.maximumDocumentFileSizeInMb, uploadMultipleDocuments: this.uploadMultipleDocumentsAtTheForm, locale: Object.assign({ sharedLocales: this.locale.sharedLocales }, this.locale.claimForm) }), index.h(ClaimableItemPopover, { key: 'ef48c79097730f7eef8eed6697e68e48273beeaf', locale: this.locale, claim: this.claim.bind(this), item: this.selectedClaimItem, showPopover: this.showClaimableItemPopover, targetLocation: this.popoverTargetLocation }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'fda74238f6eb8e868b00e6e833c6436fc9f42891', isError: this.isError, coreOnly: this.coreOnly, header: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.vin, direction: this.locale.sharedLocales.direction, isLoading: this.isLoading || this.tabAnimationLoading, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: '61814462b075be7ded33821b14e2110575e890a0', dir: "ltr", class: cn.cn('relative flex items-center h-[320px] transition-all duration-300', { loading: this.isLoading || this.tabAnimationLoading }) }, index.h("div", { key: 'd66bf5c76656773a8a386aaca745902ba8604dc7', dir: this.locale.sharedLocales.direction, class: "absolute top-0 z-10 w-full pt-[16px]" }, index.h("div", { key: '6aca28da7d780bf65b2080e387f5dd4057d27f5c', class: cn.cn('duration-300', { 'translate-y-[-50%] opacity-0': hideTabs }) }, index.h("shift-tabs", { key: '10b4b26cd9523f4205b9470d5d9d62d86922b263', activeTabLabel: this.activeTab, changeActiveTab: this.onActiveTabChange, tabs: tabs }))), index.h("div", { key: '4319f5ad100b73c4e82290fe01968a771eda9b70', class: cn.cn('absolute w-[calc(100%-60px)] left-[30px] progress-container-style opacity-0', { 'opacity-100': this.isLoading || this.tabAnimationLoading }) }, index.h("div", { key: '62ed6991e75219a91f4f77595e5110e5e05e5d4a', class: "w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0" }, index.h("div", { key: '2584ddd44b7a43a66e691f441717c7c8686b960c', class: "absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full" }), index.h("div", { key: '53f4a3dfe2300819dfaec8fd71a3ebc41e653e1b', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc" }), index.h("div", { key: 'fbd507df16c722deb3bb3870a5f1f7cd46df7254', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec" }))), index.h("div", { key: '1e151e18a38c599971a05869c143d5b4dc7a76ac', dir: this.locale.sharedLocales.direction, class: cn.cn('absolute w-[90%] z-10 pointer-events-none border opacity-0 translate-y-[-5px] scale-[70%] text-[#8a6d3b] bg-[#fcf8e3] border-[#faebcc] p-[25px] text-[16px] rounded-[6px] flex items-center justify-between left-1/2 -translate-x-1/2 h-10 bottom-[40px] transition duration-500', {
                 'opacity-100 pointer-events-auto translate-y-0 scale-100': !this.isLoading && this.vehicleLookup && !this.tabAnimationLoading && (hasInactiveItems || this.showPrintBox),
-            }) }, index.h("span", { key: '64f1e60727d1368d7284d1cc5f341c90cb756df2', class: "font-semibold" }, this.showPrintBox ? this.locale.successFulClaimMessage : this.locale.warrantyAndServicesNotActivated), index.h("button", { key: '723eee1bfe8c39f2dc322d224f98d52663c34ff9', class: "claim-button", onClick: this.showPrintBox ? this.printLastClaimResponse : this.activateClaimItem }, this.showPrintBox ? index.h(printIcon.PrintIcon, { class: "size-[30px] duration-200" }) : index.h(printIcon.ActivationIcon, { class: "size-[30px] duration-200" }), index.h("span", { key: '0b97281b5a33a3683a42166daa290029c3156825' }, this.showPrintBox ? this.locale.print : this.locale.activateNow))), index.h("div", { key: 'e8f020587fdb39fee7e6b337e282ff22f0f765ed', class: "claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden" }, index.h("div", { key: 'e98ca0618f78d51edf00526ffad8e32be4263f98', class: "flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between" }, index.h("div", { key: '5c2265da71a93067fce84838fbc88f3599046a73', class: cn.cn('progress-container-style progress-lane absolute overflow-hidden w-[calc(100%-0px)] translate-y-0 opacity-100', {
+            }) }, index.h("span", { key: 'd650fba0cf25c0cbf69106bcf90ccc29f9fd08f9', class: "font-semibold" }, this.showPrintBox ? this.locale.successFulClaimMessage : this.locale.warrantyAndServicesNotActivated), index.h("button", { key: 'a7f5c06544d1accd56cac709eea1b4ec417cd837', class: "claim-button", onClick: this.showPrintBox ? this.printLastClaimResponse : this.activateClaimItem }, this.showPrintBox ? index.h(printIcon.PrintIcon, { class: "size-[30px] duration-200" }) : index.h(printIcon.ActivationIcon, { class: "size-[30px] duration-200" }), index.h("span", { key: 'd037daedacf1f635f5b2bb2c4a8f5f887f1971b4' }, this.showPrintBox ? this.locale.print : this.locale.activateNow))), index.h("div", { key: '15c941f884c3c8f68e9eb4e8b49153f530882269', class: "claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden" }, index.h("div", { key: 'e59e15da8b6cacbfbc7b5b4f981672a3d5a6ef8b', class: "flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between" }, index.h("div", { key: '5058ed1c325c25f004a9af71ecfbafc282f56be5', class: cn.cn('progress-container-style progress-lane absolute overflow-hidden w-[calc(100%-0px)] translate-y-0 opacity-100', {
                 'opacity-0': this.isLoading || this.tabAnimationLoading || isNoServicesAvailable || !this.vehicleLookup,
-            }) }, index.h("div", { key: '368b8e8743b496594e6b08465da65510b49d7e25', part: "progress-bar", class: "progress-bar transition-all w-1/2 h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)]" })), index.h("div", { key: '5ac853f10017a3d9d340bc83d0873d981415085d', class: "ml-[-125px]" }), serviceItems.map((item, idx) => (index.h(ClaimableItem, { item: item, locale: this.locale, setClaimableItemPopover: this.setClaimableItemPopover, addStatusClass: item.status !== 'pending' || serviceItems.findIndex(i => i.status === 'pending') === idx }))), index.h("div", { key: 'fd5c3c3fe73703bc9d6bf71f2cdfcdf17847b9ba', class: "ml-[-125px]" })), index.h("div", { key: 'e712088e510a60fc738296310585b482205c9f68', dir: this.locale.sharedLocales.direction, class: cn.cn('absolute top-0 left-0 pointer-events-none size-full box-content flex flex-col justify-center opacity-0 transition duration-500 items-center text-slate-700', {
+            }) }, index.h("div", { key: '969c3affd17f2a26d273790990aa21a455c42103', part: "progress-bar", class: "progress-bar transition-all w-1/2 h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)]" })), index.h("div", { key: '85eebf39ddfde58384517a29a80370e4885ab20c', class: "ml-[-125px]" }), serviceItems.map((item, idx) => (index.h(ClaimableItem, { item: item, locale: this.locale, setClaimableItemPopover: this.setClaimableItemPopover, addStatusClass: item.status !== 'pending' || serviceItems.findIndex(i => i.status === 'pending') === idx }))), index.h("div", { key: '4090c9195219eea5b6521d38a89120f8036cdbc1', class: "ml-[-125px]" })), index.h("div", { key: '14eff7dce91c70c7115a91ed7184dfab38c96838', dir: this.locale.sharedLocales.direction, class: cn.cn('absolute top-0 left-0 pointer-events-none size-full box-content flex flex-col justify-center opacity-0 transition duration-500 items-center text-slate-700', {
                 'opacity-100 scale-100': isNoServicesAvailable,
-            }) }, index.h(emptyTableIcon.EmptyTableIcon, { key: '17de7fc4a10b033c04176944750aad929c3c2b7b', class: "size-[90px]" }), index.h("div", { key: 'f3f7eab433ff58723736ef27dc91514ef0ed257a', class: "text-[22px]" }, this.locale.sharedLocales.errors.noServiceAvailable)))))));
+            }) }, index.h(emptyTableIcon.EmptyTableIcon, { key: 'e13a84ec3942cd38b22ee0b99e7652e50b32d308', class: "size-[90px]" }), index.h("div", { key: '3df86e5f78480a98d43ff15e5db2281da73f215b', class: "text-[22px]" }, this.locale.sharedLocales.errors.noServiceAvailable)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -674,6 +676,7 @@ const VehiclePaintThickness = class {
         // #endregion
         // #region Image Viewer Logic
         this.expandedImage = '';
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -812,6 +815,7 @@ const VehicleSaleInformation = class {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -938,11 +942,11 @@ const VehicleSaleInformation = class {
         ];
         const filteredFields = FIELDS.filter(field => !hiddenFields.includes(field.fieldName));
         const filteredEndCustomerFields = END_CUSTOMER_FIELDS.filter(field => !hiddenFields.includes(field.fieldName));
-        return (index.h(index.Host, { key: '59c237ba0f930880f63497c9056813f1f922a322' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '1fc556d3568fa37aaf7cceceb72f9073213feb6d', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_m = this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("flexible-container", { key: 'bd02c6bb7c56b89e276a483437b9bc94ec80a04c' }, index.h("flexible-container", { key: 'c7912f3832217f62e0463e8acc5d6ffa68b8da1e', classes: cn.cn({ loading: this.isLoading || this.isError || !this.vehicleLookup }), isOpened: !!this.vehicleLookup && !this.isError }, index.h("div", { key: 'db0c4f09d299e55220b82825329748e3cba61744', class: "p-[16px] mx-auto !pb-0 max-w-[520px]" }, index.h("div", { key: 'ece9971fba463d6982fb7ddbb4869b9ff00f29a6', class: cn.cn('relative shift-skeleton !rounded-[12px] shift-card', { 'shift-card-warning': !hasEndCustomer }) }, index.h("div", { key: '5cc1a18cd824b631e0c6e0fabe67bb0d5d8fb2a9', class: cn.cn('absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity', !hasEndCustomer ? 'opacity-100' : 'opacity-0 pointer-events-none select-none') }, index.h("div", { key: '6e1934799a747ed7cdec8838415f8f2685f8a240', class: "w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]" }, index.h("div", { key: 'c5633750267f214c83b5181fef0a4518421009d4', class: "size-full flex flex-col justify-start gap-[12px] items-center" }, index.h("span", { key: '1c23fcad4c0619f59cbc041902be090d95b19c0f', class: "shift-card-icon", "aria-hidden": "true" }, index.h(TriangleAlertIcon, { key: '75f330bb55e731915374dfb136c2c8473b8f06d8' })), index.h("p", { key: 'c4800025f42f197d37ea236cc8daeef21ef6731d', class: "mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]" }, texts['Vehicle has no end customer.'] || '')))), index.h("div", { key: 'f3e350a2410458ea9b8be681fe2997fd7a872c83', class: cn.cn('transition-opacity', !hasEndCustomer ? 'opacity-0 pointer-events-none select-none' : 'opacity-100') }, index.h("h2", { key: '305832737ba09cf484b18376cacbc6aad2d5dd0d', class: "shift-card-header" }, texts.customerInformation), index.h("div", { key: '9fcc9af328c2a8c39b478e0743c3e0f0ec7e5f90', class: "flex flex-col gap-[2px]" }, filteredEndCustomerFields.map(field => {
+        return (index.h(index.Host, { key: '1792db8359fb482cd9402307c8ea3b965e967c2b' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '1301f626e8b221fd189ef9d5872a7d26fe6aa08b', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_m = this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("flexible-container", { key: '29d448a1fde8622d58e38b94b84805a63bffbbd8' }, index.h("flexible-container", { key: '0e06fbb1d419efcf5ae4fc1dcd6d61a5b13cdd0f', classes: cn.cn({ loading: this.isLoading || this.isError || !this.vehicleLookup }), isOpened: !!this.vehicleLookup && !this.isError }, index.h("div", { key: '5b1aabd4b1fb05f29b80b24266d3f7c1e848c441', class: "p-[16px] mx-auto !pb-0 max-w-[520px]" }, index.h("div", { key: 'd87d0bdcd14e050c115c5cfd4a750e5ff99e23ed', class: cn.cn('relative shift-skeleton !rounded-[12px] shift-card', { 'shift-card-warning': !hasEndCustomer }) }, index.h("div", { key: 'aded893bc8dcce34b667c1335b8aaf056baffaa9', class: cn.cn('absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity', !hasEndCustomer ? 'opacity-100' : 'opacity-0 pointer-events-none select-none') }, index.h("div", { key: '310f7fef4b58444796d45599239672a4a447efeb', class: "w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]" }, index.h("div", { key: '78c8c795a11789be2c2e92c8f37ed233d95eb466', class: "size-full flex flex-col justify-start gap-[12px] items-center" }, index.h("span", { key: 'd360df4b6b9c1d6b30d01b610ad8a1346858d42a', class: "shift-card-icon", "aria-hidden": "true" }, index.h(TriangleAlertIcon, { key: '178100a9bba082d07062f807cb64d54838907b86' })), index.h("p", { key: 'b62d2ae4246c8028b33769a9ad88f1586d2b5c9e', class: "mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]" }, texts['Vehicle has no end customer.'] || '')))), index.h("div", { key: '2b0d7a818bbad3dc39a4a1ab827eaa8a35cf7d55', class: cn.cn('transition-opacity', !hasEndCustomer ? 'opacity-0 pointer-events-none select-none' : 'opacity-100') }, index.h("h2", { key: '5381cb5ed01ce112fe7c2dc2903452db0d01d98a', class: "shift-card-header" }, texts.customerInformation), index.h("div", { key: 'af03fffa1d7d00cff4cacca30e056957679151a5', class: "flex flex-col gap-[2px]" }, filteredEndCustomerFields.map(field => {
             const value = field.value || '';
             const Icon = field.Icon;
             return (index.h("div", { class: "flex gap-[12px] items-start" }, index.h("span", { class: "shift-card-icon", "aria-hidden": "true" }, index.h(Icon, null)), index.h("div", { class: "flex flex-col translate-y-[-4px]" }, index.h("div", { class: "shift-card-seconary-text" }, field.title, ":"), index.h("div", { class: cn.cn('shift-card-primary-text translate-y-[-4px]', { 'shift-card-empty-text': !value }) }, value || '—'))));
-        })))))), index.h("div", { key: '76f0d6822e0325e5141babdfeed13b6b39aef3a9', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, filteredFields.map(field => (index.h(materialCard.MaterialCard, { title: field.title, desc: field.value, minWidth: "250px" }))))))));
+        })))))), index.h("div", { key: '6a4ba29d1514264830536770e55f79dbc1df0b46', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, filteredFields.map(field => (index.h(materialCard.MaterialCard, { title: field.title, desc: field.value, minWidth: "250px" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -993,6 +997,7 @@ const VehicleServiceHistory = class {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -1055,7 +1060,7 @@ const VehicleServiceHistory = class {
                 label: this.locale.odometer,
             },
         ];
-        return (index.h(index.Host, { key: 'bbf2ea4df3ed431d3f0b142ddd8662286632b00c' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '2cc07990a9d3df0a64864cb64bec7917b7fb81e8', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: 'ccad6e16b68a2f812b0b0596fdce037fe6db4343', class: "overflow-x-auto" }, index.h("information-table", { key: '3229cb96a3b5b9549f49a17dc7742e6f1a4f6ba3', expandUsingEntireRow: true, allowMultipleExpanded: true, headers: tableHeaders, isLoading: this.isLoading, rows: ((_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.serviceHistory) || [], subRowRenderer: (row) => index.h(ServiceHistorySubRow, { row: row, locale: this.locale }) })))));
+        return (index.h(index.Host, { key: '0dacd0b8cc5b61bf80d8a7b0dd06462cd4659a4e' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '62e2df88b68e958173d133eb5d4fa04430dafde4', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: 'a7fe94878f5423aa06b91af9da9a8ea771c03bfd', class: "overflow-x-auto" }, index.h("information-table", { key: '90f0dec8face331a94eaee75259086da583bab8f', expandUsingEntireRow: true, allowMultipleExpanded: true, headers: tableHeaders, isLoading: this.isLoading, rows: ((_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.serviceHistory) || [], subRowRenderer: (row) => index.h(ServiceHistorySubRow, { row: row, locale: this.locale }) })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1076,6 +1081,7 @@ const VehicleSpecification = class {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -1120,7 +1126,7 @@ const VehicleSpecification = class {
         catch (error) {
             productionDate = null;
         }
-        return (index.h(index.Host, { key: '4996bec6c2f18fb00c6495ac4a2649a89660798b' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'e0c60e3e99a4489ed86b7c1f0b9c04b36e967f7e', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("flexible-container", { key: '2d2f869a16fd27e160c66e02c8d5d2930db28185' }, index.h("div", { key: 'f665f29f590de09f1e8066fa0d0283235d0bcc34', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, index.h(materialCard.MaterialCard, { key: 'c30f97bcf2d8fe5aefc687b1f282583ae4efb9de', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: '34539822144269de597f357bc6de7adf5cc0a3c6', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", index.h("br", { key: '2d2c4018ee9758b204510d473b7dc2505a5ed44a', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), index.h(materialCard.MaterialCard, { key: 'd84c1eb316ad0c664f74e24340e5f5cb105400cc', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: 'faf102bd9b05c6b79144fa069d818a877536ebe2', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", index.h("br", { key: 'f7cb111470c3e435d3fa3e9cac7ec16461fdfbfd' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), index.h(materialCard.MaterialCard, { key: '926d5d50915bb058571fff12746cc21724392f42', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: '307a38a4661614691309e805d0f6a562ec60f0fe', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: 'a7dc5b19f70f64a993b73926324a451a4d2f99be', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: '7a57c2f60aa2f6851be4e7f0e7cb54baaf126dda', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
+        return (index.h(index.Host, { key: '8c5dca562c2826e1248edebdc97fdb95dc854385' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'f00362dbe4928f50a3e17c453ecd202caffb6cc6', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("flexible-container", { key: '3d8656a2a321fc59b178e1c55819da23a0eeab2e' }, index.h("div", { key: '886ca9ac98d86c73b6e75bd291ca2b1b4febaf2b', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, index.h(materialCard.MaterialCard, { key: '0774eda8e1134c45e978571f5f2f48c5a64ecf55', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: '4ab9ea61f992251f494f19f0b57c36c6e952f56d', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", index.h("br", { key: 'fdec8723785d02d85b07f77b09fa2090ed93743a', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), index.h(materialCard.MaterialCard, { key: '0d4e8247c8cbb757cbaee3d1eda901453be18743', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: 'f4b55cb0081b938a6d8b8c6366aec8554dca9d13', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", index.h("br", { key: '54268c1e00d19d5fec31da7f973012d12f87b4c8' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), index.h(materialCard.MaterialCard, { key: '0d051dc747e0e209ad8391620854ebcc35b83c38', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: '8610bdade3fca840b1206325ef3327fa6c0512e6', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: 'c7ee11bde32c6a40a52da1534061532fa1baa1d9', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: '071d67873ababef3da11e032c08301463698279d', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1196,6 +1202,7 @@ const VehicleWarrantyDetails = class {
         // #endregion
         // #region Vehicle info layout prop
         this.coreOnly = false;
+        this.disableVinValidation = false;
         this.headers = {};
         this.queryString = '';
         this.isError = false;
@@ -1412,11 +1419,11 @@ const VehicleWarrantyDetails = class {
                     : '...')),
             }));
         const templateRow = {
-            sscTableOPCode: () => index.h("div", { key: 'a79d0268f44a98a45b9d02f847c59edd4e2d7cb7', class: "h-[25px]" }),
-            sscTablePartNumber: () => index.h("div", { key: '5e3ca312c55340a560f33d4b10a370862e30c75d', class: "h-[25px]" }),
-            sscTableRepairStatus: () => index.h("div", { key: '8518814de0142359634bc66c00f1a9221dc7721c', class: "h-[25px]" }),
+            sscTableOPCode: () => index.h("div", { key: '0f594a93bb57e9701d3c9ef48196b3b180521453', class: "h-[25px]" }),
+            sscTablePartNumber: () => index.h("div", { key: '0f693418636f5fbb43cb82b457e777aae8ede256', class: "h-[25px]" }),
+            sscTableRepairStatus: () => index.h("div", { key: 'f912fd275f189281e386db08df2c1df5ff089e2f', class: "h-[25px]" }),
         };
-        return (index.h(index.Host, { key: 'db931e144807eaed58495e859c04eb660c81dcfd' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'b6462a5a0f7dab4c997abadae5a86348f7733806', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: '871f2ee62b224c2081884a6c1cd255678d0118f6', class: "p-[16px]" }, this.showWarranty && (index.h(CardsContainer, { key: 'b70716be4fe7955180db31eeaaaaf9a2e162b845', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), index.h("div", { key: 'cf402dc3393a6f3ad6f12508e34c0b3eaeb4001c', class: "h-[8px]" }), index.h("flexible-container", { key: '2510dcea8199a3b7650cd184a9c4ee87930a947a', isOpened: this.showRecaptcha, classes: cn.cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, index.h("div", { key: '0433148d32be29340345809805675721b929b1b1', style: { height: 'auto' }, class: "recaptcha-container" }, index.h("div", { key: '93487fffea51d1dc4bbc814174fb0e9e02aec9b4', ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })), this.recaptchaRes && (index.h("div", { key: 'fcf277af21bf22223a4f3b291425c1537a1bd847', class: cn.cn('recaptcha-response', ((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.status) === 'recallExists' ? 'reject-card ' : (((_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.status) === 'noRecall' ? 'success-card ' : 'warning-card ')) }, this.locale[(_g = this.recaptchaRes) === null || _g === void 0 ? void 0 : _g.status])))), index.h("flexible-container", { key: '5c6c1fa3f152b1f22a2a9656267f35729e7a6a50', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, index.h("div", { key: '4db8a8c1577a6227652427cea87c42463e81fd63', class: "pt-[16px]" }, index.h("div", { key: '53b7a1be2001e3beea83353871ff7819c5b74690', class: "flex shift-skeleton flex-col gap-[8px]" }, index.h("strong", { key: '361bf48e6bc6b21541e384f26007166f8844ac2d' }, this.locale.checkingTMC), index.h("div", { key: 'c220ee62f898401e817858a4b9d29ef0812bd054', class: "relative pt-[40px]" }, index.h("loading-spinner", { key: 'aa3cb0eb1c1877b5d4010335d2e8e6c0dcefecba', isLoading: this.checkingUnauthorizedSSC }))))), index.h("div", { key: 'ed5b0ff950aa782d89e98ae1ecb8aacc56caf85e', class: "mt-[32px] mx-auto w-fit max-w-full" }, index.h("div", { key: '1cbf748fe5a03b96b8ca7b6b2cf5033561c3cc77', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), index.h("div", { key: '86fb28f6f719caf6541a4f80d9a24ebaa890f482', class: "overflow-x-auto" }, index.h("information-table", { key: '20bbf0067d2a150b7aecc368b4de3382e6bc9215', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
+        return (index.h(index.Host, { key: '5c203dec4d8ff899e39a16d5dcdadffa82378e3f' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '994a309000e795347320a196958a262f5c8f89ac', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: '71232fa6456af6736b0583d25130ca385e8e6b05', class: "p-[16px]" }, this.showWarranty && (index.h(CardsContainer, { key: '884fc20a832ad641771b3204c0a8db956dc23d91', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), index.h("div", { key: '7cc300642d687eba3b7da4c179c53d72b452d38b', class: "h-[8px]" }), index.h("flexible-container", { key: '5f805d3fa83482026c9a186d4bc0144512d244d5', isOpened: this.showRecaptcha, classes: cn.cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, index.h("div", { key: '7d3709ddf528445a104d6c62336884155b9b5b32', style: { height: 'auto' }, class: "recaptcha-container" }, index.h("div", { key: 'c0e543408d7ec003b94e028d509de24d751b6640', ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })), this.recaptchaRes && (index.h("div", { key: '91725072934ace20e725406f1e25e09ec6c128ec', class: cn.cn('recaptcha-response', ((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.status) === 'recallExists' ? 'reject-card ' : (((_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.status) === 'noRecall' ? 'success-card ' : 'warning-card ')) }, this.locale[(_g = this.recaptchaRes) === null || _g === void 0 ? void 0 : _g.status])))), index.h("flexible-container", { key: 'c5fbfdc87a45a37fef26584dd3f9ea106b065e37', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, index.h("div", { key: 'c7cfcbeabde7fb7ba660ba44516651e9a120da64', class: "pt-[16px]" }, index.h("div", { key: '4c587133bba7c13b017e094ac00e5e3bb27583b1', class: "flex shift-skeleton flex-col gap-[8px]" }, index.h("strong", { key: 'f9753621e9518c8703f1256969ed003f03dd3bf9' }, this.locale.checkingTMC), index.h("div", { key: '93b39075a681369e91e9dc092613b1b3e2828479', class: "relative pt-[40px]" }, index.h("loading-spinner", { key: 'eaba439ebdb903576867bb4ef63f21a09581573e', isLoading: this.checkingUnauthorizedSSC }))))), index.h("div", { key: '9189f503b3505956059b2e0ee35f9cdcf05c8597', class: "mt-[32px] mx-auto w-fit max-w-full" }, index.h("div", { key: 'f65bd794f153ed5180a40e3d649660741d72062d', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), index.h("div", { key: '6c2af31696b01ed7e480398f5a7448448f179b74', class: "overflow-x-auto" }, index.h("information-table", { key: '6d1b59d89c46da69d0f6a57649bed703ff534e35', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/vehicle-lookup.cjs.entry.js

@@ -8,7 +8,7 @@ var index = require('./index-CmK48vN3.js');
 var types = require('./types-B3WMBBhs.js');
 var type = require('./type-CFTS0FUJ.js');
 var vehicleInfoLayout = require('./vehicle-info-layout-D0rI_Rfz.js');
-var getLocalLanguage = require('./get-local-language-CrGMNJyx.js');
+var getLocalLanguage = require('./get-local-language-BHgGjV5c.js');
 require('./cn-BHnqYtun.js');
 
 const vehicleLookupWrapperSchema = types.create$3({
@@ -42,6 +42,7 @@ const VehicleLookup = class {
         this.activeElement = '';
         this.baseUrl = '';
         this.isDev = false;
+        this.disableVinValidation = false;
         this.queryString = '';
         this.blazorErrorStateListener = '';
         this.blazorOnLoadingStateChange = '';
@@ -163,13 +164,13 @@ const VehicleLookup = class {
         if (!Object.values(componentTags).includes(this.activeElement))
             return index.h("div", { class: "w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center" }, "Invalid tag");
         const componentList = {
-            'vehicle-specification': (index.h("vehicle-specification", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSpecification }, props[componentTags.vehicleSpecification]))),
-            'vehicle-accessories': (index.h("vehicle-accessories", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleAccessories }, props[componentTags.vehicleAccessories]))),
-            'vehicle-sale-information': (index.h("vehicle-sale-information", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSaleInformation }, props[componentTags.vehicleSaleInformation]))),
-            'vehicle-warranty-details': (index.h("vehicle-warranty-details", Object.assign({ coreOnly: true, "show-ssc": "true", isDev: this.isDev, "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleWarrantyDetails }, props[componentTags.vehicleWarrantyDetails]))),
-            'vehicle-service-history': (index.h("vehicle-service-history", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleServiceHistory }, props[componentTags.vehicleServiceHistory]))),
-            'vehicle-paint-thickness': (index.h("vehicle-paint-thickness", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehiclePaintThickness }, props[componentTags.vehiclePaintThickness]))),
-            'vehicle-claimable-items': (index.h("vehicle-claimable-items", Object.assign({ coreOnly: true, isDev: this.isDev, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleClaimableItems }, props[componentTags.vehicleClaimableItems]))),
+            'vehicle-specification': (index.h("vehicle-specification", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSpecification }, props[componentTags.vehicleSpecification]))),
+            'vehicle-accessories': (index.h("vehicle-accessories", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleAccessories }, props[componentTags.vehicleAccessories]))),
+            'vehicle-sale-information': (index.h("vehicle-sale-information", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSaleInformation }, props[componentTags.vehicleSaleInformation]))),
+            'vehicle-warranty-details': (index.h("vehicle-warranty-details", Object.assign({ coreOnly: true, "show-ssc": "true", isDev: this.isDev, disableVinValidation: this.disableVinValidation, "show-warranty": "true", "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleWarrantyDetails }, props[componentTags.vehicleWarrantyDetails]))),
+            'vehicle-service-history': (index.h("vehicle-service-history", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleServiceHistory }, props[componentTags.vehicleServiceHistory]))),
+            'vehicle-paint-thickness': (index.h("vehicle-paint-thickness", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehiclePaintThickness }, props[componentTags.vehiclePaintThickness]))),
+            'vehicle-claimable-items': (index.h("vehicle-claimable-items", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleClaimableItems }, props[componentTags.vehicleClaimableItems]))),
         };
         return (index.h(index.Host, null, index.h(vehicleInfoLayout.VehicleInfoLayout, { isError: this.isError, header: this.currentVin, isLoading: this.isLoading, direction: this.locale.direction, errorMessage: this.errorMessage || this.locale.errors.wildCard }, index.h("shift-tab-content", { components: componentList, activeComponent: this.activeElement }))));
     }

package/dist/cjs/vehicle-quotation-form.cjs.entry.js

@@ -6,10 +6,10 @@
 
 var index = require('./index-CmK48vN3.js');
 var types = require('./types-B3WMBBhs.js');
-var loaderIcon = require('./loader-icon-BTRe-EkU.js');
+var loaderIcon = require('./loader-icon-C4vy1OWp.js');
 var cn = require('./cn-BHnqYtun.js');
-var getLanguageFromUrl = require('./get-language-from-url-DSzX4HQt.js');
-require('./get-local-language-CrGMNJyx.js');
+var getLanguageFromUrl = require('./get-language-from-url-BDxORAGO.js');
+require('./get-local-language-BHgGjV5c.js');
 require('./index-D5c513Xn.js');
 
 const cachedImages = {};
@@ -436,9 +436,9 @@ const VehicleQuotationForm = class {
     // #endregion
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'e240b44b8a7b4770b82b6c84ac2f38e6a389ff23' }, index.h("div", { key: '771af7e1f772254fabff1021b9df1e7dc9b7e428', part: `vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, index.h("div", { key: '4175935dd3accb9ad71cf128e2f1f05ca9e2f5ac', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: 'b25eb0f495a6bfa86c4c0661f3f9fbc61d7c9abe', part: "form-loader-container", class: cn.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 (index.h(index.Host, { key: '9acb7e79cb87c434aecf3ff28e3ef086ab042ddf' }, index.h("div", { key: 'd56142fcb6fc8d6fda2099630ba3938269e61f9d', part: `vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, index.h("div", { key: 'f8fd9fb854edcde5792064070f59bacdc04f9f40', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '636c542bcf82f91e8e9556fa75842bdadd821a15', part: "form-loader-container", class: cn.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,
-            }) }, index.h(loaderIcon.LoaderIcon, { key: '5b04607321dd1e4421909a0596b245853e8f48d6', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: 'b838a7e077b6e55542e9a48c9951b44259de353d', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'c2135e6a0e59b6ccfd214379fabf57b62f1880da', 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.'] }, index.h("slot", { key: '1d94f09f5590437a44d1e92b67e5d2a002ad26cf' }))))))));
+            }) }, index.h(loaderIcon.LoaderIcon, { key: 'ffc62355f0d550b34838b6beb87e025fd101e0c7', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '1abd678991ad23b63e6874fd201f847fc3202f45', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: '34db9a091eec0bbd222222d9bb9286f37c4411bf', 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.'] }, index.h("slot", { key: 'ec6aaf3fcd5115433071faaf64f311b3f0c6d056' }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/white-loader-55klC_ZH.js

@@ -0,0 +1,21 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+'use strict';
+
+var index = require('./index-CmK48vN3.js');
+var cn = require('./cn-BHnqYtun.js');
+
+const FormInputPrefix = ({ direction, prefix, name }) => {
+    if (!prefix)
+        return false;
+    return (index.h("div", { dir: direction, class: "form-input-prefix", part: cn.cn('form-input-prefix', {
+            [`${name}-prefix`]: !!name,
+        }) }, prefix));
+};
+
+const whiteLoaderSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxvYWRlciI+CiAgICA8cGF0aCBkPSJNMTIgMnY0IiAvPgogICAgPHBhdGggZD0ibTE2LjIgNy44IDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMTggMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDE2LjIgMi45IDIuOSIgLz4KICAgIDxwYXRoIGQ9Ik0xMiAxOHY0IiAvPgogICAgPHBhdGggZD0ibTQuOSAxOS4xIDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMiAxMmg0IiAvPgogICAgPHBhdGggZD0ibTQuOSA0LjkgMi45IDIuOSIgLz4KPC9zdmc+';
+
+exports.FormInputPrefix = FormInputPrefix;
+exports.whiteLoaderSvg = whiteLoaderSvg;

package/dist/collection/collection-manifest.json

@@ -18,6 +18,8 @@
     "components/form-elements/form-phone-number.js",
     "components/form-elements/form-picker-input.js",
     "components/form-elements/form-shadow-input.js",
+    "components/form-elements/form-step-control.js",
+    "components/form-elements/form-stepper-submit.js",
     "components/form-elements/form-structure-error.js",
     "components/form-elements/form-submit.js",
     "components/form-elements/form-switch.js",