adp-web-components 0.1.77 → 0.1.79

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

@@ -5,17 +5,17 @@
 'use strict';
 
 var index = require('./index-CmK48vN3.js');
-var loaderIcon = require('./loader-icon-OQu1-3ya.js');
+var phoneValidator = require('./phone-validator-BUa89UAk.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-Bqqqxz28.js');
-var stateObject$1 = require('./state-object-9UAuyk6N.js');
-require('./get-local-language-BAmoMEw4.js');
-require('./index-D5c513Xn.js');
+var validation$1 = require('./validation-N-XMdEIM.js');
+var types = require('./types-DV_cOCRi.js');
+var getLanguageFromUrl = require('./get-language-from-url-Cr3n1fd0.js');
+var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
+var stateObject$1 = require('./state-object-DY2MVbpe.js');
+require('./get-local-language-Ch0JsFp-.js');
 require('./validate-vin-CJDIXpJO.js');
 require('./calendar-days-icon-C2lFWgOC.js');
-require('./decode-time-offset-DqzP0mck.js');
+require('./decode-time-offset-CY6JVxX3.js');
 require('./get-nested-value-lW6t7V4I.js');
 
 const styleCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}";
@@ -33,44 +33,44 @@ const TestDriveForm = class {
         this.isMobileForm = false;
     }
     async changeLanguage(newLanguage) {
-        await loaderIcon.functionHooks.formLanguageChange(this, newLanguage);
+        await phoneValidator.functionHooks.formLanguageChange(this, newLanguage);
     }
     setIsLoading(isLoading) {
-        loaderIcon.functionHooks.formLoadingHandler(this, isLoading);
+        phoneValidator.functionHooks.formLoadingHandler(this, isLoading);
     }
     setErrorCallback(error) {
-        loaderIcon.functionHooks.formErrorHandler(this, error);
+        phoneValidator.functionHooks.formErrorHandler(this, error);
     }
     setSuccessCallback(data) {
-        loaderIcon.functionHooks.formSuccessHandler(this, data);
+        phoneValidator.functionHooks.formSuccessHandler(this, data);
     }
     async componentWillLoad() {
         if (!this.language)
             this.language = getLanguageFromUrl.getLanguageFromUrl();
     }
     async formSubmit(formValues) {
-        await loaderIcon.functionHooks.onFormSubmit({ context: this, formValues });
+        await phoneValidator.functionHooks.onFormSubmit({ context: this, formValues });
     }
     // #endregion
     // #region Component Logic
     async componentDidLoad() {
-        await loaderIcon.functionHooks.formDidLoadHandler(this, validation);
+        await phoneValidator.functionHooks.formDidLoadHandler(this, validation);
     }
     async getForm() {
-        return await loaderIcon.functionHooks.formGetFormHandler(this);
+        return await phoneValidator.functionHooks.formGetFormHandler(this);
     }
     async submit() {
-        await loaderIcon.functionHooks.handleFormSubmit(this);
+        await phoneValidator.functionHooks.handleFormSubmit(this);
     }
     async structureChanged(isRendered) {
-        await loaderIcon.functionHooks.formStructureRenderedHandler(this, isRendered);
+        await phoneValidator.functionHooks.formStructureRenderedHandler(this, isRendered);
     }
     // #endregion
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '6b4bfa35577dd1eea7945977d6169688e7d3fa92' }, index.h("div", { key: '151cb21bf9083d95af2edf33537b93dda4e521ba', 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: '39fc83cd2a0017edf79b196903e048b35f0427e5', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: 'c1fab2e0659a220ed5e83145488038abc7496226', 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: '2353989b53f18976572f14a9c2f6823c41fced0e' }, index.h("div", { key: 'fe23585f74538c6d2375b3e7b5f9dd12468aed74', 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: '3ed9ea83fc1f8fa08a8f232a34f43a37975bab94', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '7dad270bfa72442a919f630bd5be3c9fd6392bf9', 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: '3b6face05283f5b08eb57f6ebda83b38ab2d0861', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '3e58e1a399c07cec951d6711e708be9a3e14d5fc', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'abf9178d5061b51288ee93dddeecb711af6bd663', 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: '6d85f86268f831e3fb89aae586655292e78c564e' }))))))));
+            }) }, index.h(loaderIcon.LoaderIcon, { key: 'dcf0b0df5bc32481ce64b87d19601b9514e1b79d', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '60ae12bbac048ac27793be56e96c05a4fe8665fd', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'b1fcc783644950e0053ef4ee9ec624aee972e73f', 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: '84583cbfdf794d171d0d45ffa3d36815ec3cf5f5' }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{type-BSH0OxyO.js → type-BkehR16K.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var types = require('./types-B3WMBBhs.js');
+var types = require('./types-DV_cOCRi.js');
 
 const deadStockSchema = types.yupTypeMapper(['deadStock', 'branch', 'availableQuantity']);
 

package/dist/cjs/{type-BvWomz0N.js → type-CjTn3Uuy.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var types = require('./types-B3WMBBhs.js');
+var types = require('./types-DV_cOCRi.js');
 
 const distributerSchema = types.yupTypeMapper([
     'info',

package/dist/cjs/{type-CFTS0FUJ.js → type-DhEJjKzj.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-var types = require('./types-B3WMBBhs.js');
+var types = require('./types-DV_cOCRi.js');
 
 const warrantySchema = types.yupTypeMapper([
     'dealer',

package/dist/cjs/{types-B3WMBBhs.js → types-DV_cOCRi.js}

@@ -1544,6 +1544,23 @@ for (const method of ['validate', 'validateSync']) Schema.prototype[`${method}At
 for (const alias of ['equals', 'is']) Schema.prototype[alias] = Schema.prototype.oneOf;
 for (const alias of ['not', 'nope']) Schema.prototype[alias] = Schema.prototype.notOneOf;
 
+const returnsTrue = () => true;
+function create$8(spec) {
+  return new MixedSchema(spec);
+}
+class MixedSchema extends Schema {
+  constructor(spec) {
+    super(typeof spec === 'function' ? {
+      type: 'mixed',
+      check: spec
+    } : Object.assign({
+      type: 'mixed',
+      check: returnsTrue
+    }, spec));
+  }
+}
+create$8.prototype = MixedSchema.prototype;
+
 /**
  * This file is a modified version of the file from the following repository:
  * Date.parse with progressive enhancement for ISO 8601 <https://github.com/csnover/js-iso8601>
@@ -2453,6 +2470,7 @@ const languageMapper = {
 exports.create$3 = create$3;
 exports.create$5 = create$5;
 exports.create$6 = create$6;
+exports.create$8 = create$8;
 exports.errorsSchema = errorsSchema;
 exports.formsSchema = formsSchema;
 exports.globalSchema = globalSchema;

package/dist/cjs/{validation-DEdJb-KL.js → validation-N-XMdEIM.js}

@@ -4,16 +4,18 @@
  */
 'use strict';
 
-var types = require('./types-B3WMBBhs.js');
+var types = require('./types-DV_cOCRi.js');
 var validateVin = require('./validate-vin-CJDIXpJO.js');
 
 const label = (name) => `${name}-label`;
 const format = (name) => `${name}-format`;
 const require$1 = (name) => `${name}-require`;
+const size = (name) => `${name}-size`;
+const max = (name) => `${name}-max`;
 const placeholder = (name) => `${name}-placeholder`;
 const meta = (name) => ({ label: label(name), placeholder: placeholder(name) });
 const condition = (name) => `$${name}Required`;
-const y = { label, format, require: require$1, condition, placeholder, meta };
+const y = { label, format, require: require$1, condition, placeholder, meta, size, max };
 const getFormValidations = (stateObject, extraFields = {}) => {
     return types.create$3(Object.assign({ name: types.create$6()
             .meta(meta('name'))
@@ -58,6 +60,12 @@ const getFormValidations = (stateObject, extraFields = {}) => {
             is: true,
             otherwise: schema => schema.optional(),
             then: schema => schema.required(y.require('vehicle')),
+        }), vacancyId: types.create$6()
+            .meta(meta('vacancyId'))
+            .when(y.condition('vacancyId'), {
+            is: true,
+            otherwise: schema => schema.optional(),
+            then: schema => schema.required(y.require('vacancyId')),
         }), companyBranchId: types.create$6()
             .meta(meta('companyBranchId'))
             .when(y.condition('companyBranchId'), {
@@ -121,5 +129,10 @@ const getFormValidations = (stateObject, extraFields = {}) => {
         }) }, extraFields));
 };
 
+exports.format = format;
 exports.getFormValidations = getFormValidations;
+exports.max = max;
+exports.meta = meta;
+exports.require = require$1;
+exports.size = size;
 exports.y = y;

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

@@ -6,12 +6,12 @@
 
 var index = require('./index-CmK48vN3.js');
 var printIcon = require('./print-icon-P6vVSQ4C.js');
-var type = require('./type-CFTS0FUJ.js');
+var type = require('./type-DhEJjKzj.js');
 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-BAmoMEw4.js');
+var types = require('./types-DV_cOCRi.js');
+var getLocalLanguage = require('./get-local-language-Ch0JsFp-.js');
 var cn = require('./cn-BHnqYtun.js');
 var emptyTableIcon = require('./empty-table-icon-QLsRUBY_.js');
 var calendarDaysIcon = require('./calendar-days-icon-C2lFWgOC.js');
@@ -185,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: 'dbef17e3ba98ef0c1828e4f3d9930e005988503f', class: "size-[100px] flex mx-auto items-center justify-center" }, "\u00A0"),
+            image: () => index.h("div", { key: '458989e894090c38256bcb93678c72bd7c33e875', class: "size-[100px] flex mx-auto items-center justify-center" }, "\u00A0"),
         };
-        return (index.h(index.Host, { key: '0e0e78fbc9835b599a8e1ebec58b6fa46c7c72a9' }, index.h(printIcon.ImageViewer, { key: '3695765ede2a06a0ce6168884fde798dffb05de2', closeImageViewer: () => printIcon.closeImageViewer.bind(this)(), expandedImage: this.expandedImage }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'e8869632b922d42b24b62c55cd8d03dd4d0a71eb', 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: '0db634b6ba57cf75db8872fe83eb503699404aad', class: "overflow-x-auto" }, index.h("information-table", { key: '2a3cbeb8bb4cb120b1278295f5493071796c7c4e', templateRow: templateRow, rows: rows, headers: tableHeaders, isLoading: this.isLoading })))));
+        return (index.h(index.Host, { key: '4e3c84896387359401b2753e427e3b868c137460' }, index.h(printIcon.ImageViewer, { key: 'a93b5b012ea36b11cf5a0b717ed64cb0fec1e3bd', closeImageViewer: () => printIcon.closeImageViewer.bind(this)(), expandedImage: this.expandedImage }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '598ccd51ebb6f7829a9185e55b90e3613c3173a9', 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: '00026244e45e2860b8bad3adcfd41352e46c3229', class: "overflow-x-auto" }, index.h("information-table", { key: '1a9667177f0384a2120e3bd4ed7041270afa000c', templateRow: templateRow, rows: rows, headers: tableHeaders, isLoading: this.isLoading })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -645,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: '156cfc0caaaa036a5a536fa560a0143a55fe4c84' }, index.h("vehicle-item-claim-form", { key: 'd8285f3fde4a356a21161f57392444d5ad98752f', 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: '68c2623493dcf8234173c9f82a37a329e81fa88e', locale: this.locale, claim: this.claim.bind(this), item: this.selectedClaimItem, showPopover: this.showClaimableItemPopover, targetLocation: this.popoverTargetLocation }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'c91834c5e9dc400d1e38b8c72be977ca9a868e45', 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: '0983531345c019a6505a78395e3dda5b3602cb4b', dir: "ltr", class: cn.cn('relative flex items-center h-[320px] transition-all duration-300', { loading: this.isLoading || this.tabAnimationLoading }) }, index.h("div", { key: '1eb69e9e6ed1e7dd80edd3776709bc3b179536a1', dir: this.locale.sharedLocales.direction, class: "absolute top-0 z-10 w-full pt-[16px]" }, index.h("div", { key: 'ade3768cb72408cc4671c01f593c70cce01c3e2a', class: cn.cn('duration-300', { 'translate-y-[-50%] opacity-0': hideTabs }) }, index.h("shift-tabs", { key: 'e2c8c562b0e079d0fcd48abbad2600ce59a937db', activeTabLabel: this.activeTab, changeActiveTab: this.onActiveTabChange, tabs: tabs }))), index.h("div", { key: '1752cf6c59e7a8b494c9263a68deb31f4e03ab94', 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: 'ee4e4135625946563cff4b3eff22c5d38de853f0', class: "w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0" }, index.h("div", { key: '5d1ad7f44eb79d61d70ed0e91b6366914fae1cc4', class: "absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full" }), index.h("div", { key: '6dc6fa565b87182c7e2235b9c4d4a1a3ef97c478', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc" }), index.h("div", { key: 'e5791ea38b7a5cdf037e45a14ed494f71d9f7e83', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec" }))), index.h("div", { key: '40114d8bf3fc3204bbf89cd5c39442a37ef30390', 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: 'bccdfb2b6cdb6168cbfb1a5ed715ff41ceb580d9' }, index.h("vehicle-item-claim-form", { key: 'c1479c69919b0d312cf04d998f8eb35662552b5b', 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: 'c75e84932f2e4c9b821bd779b5d95802a02d10a5', locale: this.locale, claim: this.claim.bind(this), item: this.selectedClaimItem, showPopover: this.showClaimableItemPopover, targetLocation: this.popoverTargetLocation }), index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'dda117ba2b9544e88bf9edaf2c58a513fafb600d', 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: 'fd096adc03f4daba04b43fa83b3927cc23a4fdbf', dir: "ltr", class: cn.cn('relative flex items-center h-[320px] transition-all duration-300', { loading: this.isLoading || this.tabAnimationLoading }) }, index.h("div", { key: '16da30c9de79c75a39de4039ec87e281114cfe83', dir: this.locale.sharedLocales.direction, class: "absolute top-0 z-10 w-full pt-[16px]" }, index.h("div", { key: '8783aa53911d0173a0ce4da5249906f832717bfd', class: cn.cn('duration-300', { 'translate-y-[-50%] opacity-0': hideTabs }) }, index.h("shift-tabs", { key: 'e0bdb889e2b3eda9daba7ea1c4670a3a6305c346', activeTabLabel: this.activeTab, changeActiveTab: this.onActiveTabChange, tabs: tabs }))), index.h("div", { key: '65c2250e0aa5c6d1d826d33444d93bc8124309b9', 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: '02f9fc8d32ece2d8e7671d7bb164ae6c56424f16', class: "w-full h-full rounded-[4px] overflow-x-hidden absolute left-0 top-0" }, index.h("div", { key: 'ec9715102be7ed8c78a1b2f0a226207ab81978ad', class: "absolute opacity-0 bg-[#1a1a1a] w-[150%] h-full" }), index.h("div", { key: '2c65d4ca6074f6980bd90af920ef9942c4746f35', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-inc" }), index.h("div", { key: '5c89089388d390b22946f2d6b2fa3d3d34631de6', class: "absolute h-full bg-[linear-gradient(to_bottom,_#428bca_0%,_#3071a9_100%)] lane-dec" }))), index.h("div", { key: '49d8f73438ae3e489314f21e1dcd7047d45068df', 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: '2732a71b96f98e94cb97a3f8f5ac8c70b60d6212', class: "font-semibold" }, this.showPrintBox ? this.locale.successFulClaimMessage : this.locale.warrantyAndServicesNotActivated), index.h("button", { key: 'edae0ba85ae5339bd377635c6895a363786816f3', 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: '3a912897dfc4b4d2e62dd4bb63727ad81fde9e16' }, this.showPrintBox ? this.locale.print : this.locale.activateNow))), index.h("div", { key: '479d20fc8c76bc75ad1e3664f9d4fe0c7f2c4883', class: "claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden" }, index.h("div", { key: '7cff706cb09fc2d9622c11dcd34bf657c42d8e65', class: "flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between" }, index.h("div", { key: '29f1fb6cd97e97f2c50db3b892bbc95300a8b6a9', class: cn.cn('progress-container-style progress-lane absolute overflow-hidden w-[calc(100%-0px)] translate-y-0 opacity-100', {
+            }) }, index.h("span", { key: '067bea5685f1c3a6e03a0aef187f3abe201c404c', class: "font-semibold" }, this.showPrintBox ? this.locale.successFulClaimMessage : this.locale.warrantyAndServicesNotActivated), index.h("button", { key: '46613bd925d24efcb4f8ebc7b8ca65a123f0f4f4', 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: '6750b4a9eb4a6be2fef5931e3aa531e5cde0b9c4' }, this.showPrintBox ? this.locale.print : this.locale.activateNow))), index.h("div", { key: 'bf43d3487d8c7fe538572d25b14e524d235e3469', class: "claimable-items-box px-[30px] min-w-full relative overflow-x-scroll h-full overflow-y-hidden" }, index.h("div", { key: '0ac87c00730f0c3cd39306d569f09a993a1be20a', class: "flex relative w-fit min-w-full items-center h-full [&_*]:shrink-0 gap-[250px] justify-between" }, index.h("div", { key: 'e8f3a9a3f370b75abc8567fdbe0cfd988d157add', 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: 'c056e9852a2b837086367a8f506c29b0eb329d3b', 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: 'ed5df1504e8ebda9f3c977370e88cad47f212127', 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: 'e1ec5a6db4ca4f5a8a54e1e3c20595a9b1c8db1b', class: "ml-[-125px]" })), index.h("div", { key: 'a742c03b1769d77dab764ff1ce3c498059b41c51', 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: '5988c77a8bc87cc1008d3dc49868d2f68e76bff3', 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: '60e055513f10bfcba910a4767b7d156fb274633d', 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: '5074f5c321cf6a1a2ba30570a4bda055b34ec4ea', class: "ml-[-125px]" })), index.h("div", { key: '6244af7e21d6f613d3b765faae147c8e35987892', 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: '99f2cc622a0d6460b823ed8f55aeaa5778570618', class: "size-[90px]" }), index.h("div", { key: 'c2f06fe9682519a84aa9b3c0e1f2e65ab7d5b3f6', class: "text-[22px]" }, this.locale.sharedLocales.errors.noServiceAvailable)))))));
+            }) }, index.h(emptyTableIcon.EmptyTableIcon, { key: 'c064b29f5da8960e8e71033d97adec83d9132b6b', class: "size-[90px]" }), index.h("div", { key: 'f7e51f171088e90b887f6565878b07b8db411469', class: "text-[22px]" }, this.locale.sharedLocales.errors.noServiceAvailable)))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -942,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: 'b3723a3345d0eba6246f0a674c24aa053ff9e79a' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'ab20643890cfb02a72d097e54439dfc5e8f2cd25', 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: 'd3551447d614049de64d0746da404f858594acf2' }, index.h("flexible-container", { key: '20679db5add8a2fbaabbb1b7c14ccbbfe29fa887', classes: cn.cn({ loading: this.isLoading || this.isError || !this.vehicleLookup }), isOpened: !!this.vehicleLookup && !this.isError }, index.h("div", { key: 'e0adf21d131a9276f356c4eb01cfa78cb7bac07a', class: "p-[16px] mx-auto !pb-0 max-w-[520px]" }, index.h("div", { key: '6a1a18fb8f6788f0dc447a9a6f934d024ddca169', class: cn.cn('relative shift-skeleton !rounded-[12px] shift-card', { 'shift-card-warning': !hasEndCustomer }) }, index.h("div", { key: 'a776bf35c61180d7f3d558e3e5138e9bb1465e5c', 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: '64edd6594037c96a4812ec3558591c51646bd988', class: "w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]" }, index.h("div", { key: 'f12540e806b51197a5726e844854088418787225', class: "size-full flex flex-col justify-start gap-[12px] items-center" }, index.h("span", { key: '8b5662ab2d13cfd124592026dc3b9ba2249f2e5d', class: "shift-card-icon", "aria-hidden": "true" }, index.h(TriangleAlertIcon, { key: '70cef0859c27514be706c8750ab770d01cf26197' })), index.h("p", { key: 'bbd1219321880331a0d2343ba5f2b91e9304b636', 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: '0345067a530306e03d6e6cf71a6d788d32892074', class: cn.cn('transition-opacity', !hasEndCustomer ? 'opacity-0 pointer-events-none select-none' : 'opacity-100') }, index.h("h2", { key: '8f2586f7f53b84a9ebf7ff345f935e29d9fd69ba', class: "shift-card-header" }, texts.customerInformation), index.h("div", { key: '8c299d704502bd3f6d34de7005a4979c1a308a9e', class: "flex flex-col gap-[2px]" }, filteredEndCustomerFields.map(field => {
+        return (index.h(index.Host, { key: 'fbdd54f8a86a491d7c3c74dacbb3938b74113af9' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '0dfecfd2f22cf3d428381c5d39149f2828993a43', 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: '838104d399d0146751c23c861f37388fcde22700' }, index.h("flexible-container", { key: '542e28c9bfb806b74d04aa9de96eab7ac3a8bdaf', classes: cn.cn({ loading: this.isLoading || this.isError || !this.vehicleLookup }), isOpened: !!this.vehicleLookup && !this.isError }, index.h("div", { key: '316b1df873fbd9428f9857ee655e7fd21ddbba6b', class: "p-[16px] mx-auto !pb-0 max-w-[520px]" }, index.h("div", { key: '61fb84474e94b2f8d54205466adb0876297fdd19', class: cn.cn('relative shift-skeleton !rounded-[12px] shift-card', { 'shift-card-warning': !hasEndCustomer }) }, index.h("div", { key: '04e1d3eeae4a8c104a9e1411ca9225d0387b3a01', 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: 'c00cc31b3b161523a60cf30d85290733dd5f386b', class: "w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]" }, index.h("div", { key: 'acab3b327023e1744b16ae2f3c73ddb1fa031cdf', class: "size-full flex flex-col justify-start gap-[12px] items-center" }, index.h("span", { key: 'a7dc1af967b453b2377d57a7f8a8ade4a542316d', class: "shift-card-icon", "aria-hidden": "true" }, index.h(TriangleAlertIcon, { key: 'f8db30d9c6300e5f31c716ad94bae0d63cd091d8' })), index.h("p", { key: '0c3b63ac66f4216bb6ea36b9508dceeaf551f557', 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: '6fa21bb0c7379846fb7f502f223d94423a08aa73', class: cn.cn('transition-opacity', !hasEndCustomer ? 'opacity-0 pointer-events-none select-none' : 'opacity-100') }, index.h("h2", { key: '786d9913036e3a7f7cdd235ed986a82af666261f', class: "shift-card-header" }, texts.customerInformation), index.h("div", { key: 'caa01c3fa833aef298cf375fe7273ed789f387e7', 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: '7322f63267696f66f5fc096c2f01a337d2949a2c', 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: '0acddb94617189f376c3ddbd8f7d74efd9663ab5', 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 {
@@ -1060,7 +1060,7 @@ const VehicleServiceHistory = class {
                 label: this.locale.odometer,
             },
         ];
-        return (index.h(index.Host, { key: '524dbd4fc3cfa5941b3f9b3f8af3841115a5ca69' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '35119eca010450e3082a480b9be63d9ebb1b2e1d', 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: '86d9656c15d46977867e1ad0fc01bcf222943a60', class: "overflow-x-auto" }, index.h("information-table", { key: 'd285dbe5f048c0cadac0d6c43b4b95abb2d9784f', 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: 'c32a6ad0dbead9bf2ef5cf0a49a1914d87335d91' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'b87f8c3df25627a60d0cc24651b6a4bfe0a9a987', 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: '1d62b5e4e94b15c07496b5536f33cd9ed928421e', class: "overflow-x-auto" }, index.h("information-table", { key: '7a4c40e2072d278a594749fbdfe204e154fa7deb', 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 {
@@ -1126,7 +1126,7 @@ const VehicleSpecification = class {
         catch (error) {
             productionDate = null;
         }
-        return (index.h(index.Host, { key: '71fe28564c626c59906587b805d5329fa12f451a' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '60b322c63fab1b584c5f8aa7f7354e252d45325d', 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: 'ba7e053b5fffcaaca260604f6d2ad5d1485ca432' }, index.h("div", { key: '0cebfcf44e0db98b8637a9fa4fa41c8297166450', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, index.h(materialCard.MaterialCard, { key: 'f11dd7669134b9c412c875b2fe35ce86f9408013', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: 'cc9749cdb61f84713a3193251d295a1bf5c5c404', 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: '3df323182a49a924cd951d92242cb8ee087179c5', 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: '13fb8f594ce6fbf6b2def3b54e888374d0a32e32', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: '561aa20dab1af09f9aa8b8b86ebf330926cde60c', 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: 'dab06e14c163d0fcce2a41a2799bfa5b88701529' }), ((_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: '82d73cb23d6f66dfb8d43803e3e543af0c3f53db', 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: 'ff2002274ea59605f73c95624ea1b9c90ddde729', 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: '80935ffe8dd55da4fd833617e00f2c1a30a30367', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: '2b2c7a94508dab72d81f9b835e291d0f3905982f', 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: '7d4fa334d13dbb39638370ce1181949503b13c6d' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'e537da29661bb659ed9cd59c2fb696b272ea6db0', 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: '1bbe1a6e4028905488a1b82ccbef6653f3b19102' }, index.h("div", { key: '047101dd0d72cd1b7f1b0290d07cbf689a7a27d9', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, index.h(materialCard.MaterialCard, { key: 'ab8c32160f2124bae7c1e705f48f42fee07c8205', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: '42b76422d8a9b287677291cb374ca04b0328a8fe', 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: '5bb91fdaa076febbe4ec042d275d0791f429c868', 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: 'f037c2913764310f39b22f2f7c6e95f83390c803', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, index.h(materialCard.MaterialCardChildren, { key: 'd9c4ff8b306049b64a6ee5b6468cbf2b57e37d31', 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: 'b05d6e1164ffdf992e5a55023763ea0f7854a09d' }), ((_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: '4d41373a575c4f890062e10415855c3f18984a8c', 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: '9ec1d84b9f55c985a5b00a01b2dd4b34e362fabc', 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: 'f3e75835b813294936e729e23ab678eb73244a59', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), index.h(materialCard.MaterialCard, { key: '8bca56cdf307e951ab5d8a7c2ca9a41a9aa354cc', 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 {
@@ -1419,11 +1419,11 @@ const VehicleWarrantyDetails = class {
                     : '...')),
             }));
         const templateRow = {
-            sscTableOPCode: () => index.h("div", { key: 'c3992173d3c764bb44661f5c017aaea016b5ebe0', class: "h-[25px]" }),
-            sscTablePartNumber: () => index.h("div", { key: '9923749544c4ded5a94e9e0d165f60ae3059f59c', class: "h-[25px]" }),
-            sscTableRepairStatus: () => index.h("div", { key: 'cdc67b712094e13f9b21bd22f66f945533077637', class: "h-[25px]" }),
+            sscTableOPCode: () => index.h("div", { key: 'd17b9b3a831ec2e8ee808d66a0f90b23d819cab3', class: "h-[25px]" }),
+            sscTablePartNumber: () => index.h("div", { key: 'af7afb8a0d4be3a3d5841448e5a715930ebc0c98', class: "h-[25px]" }),
+            sscTableRepairStatus: () => index.h("div", { key: '209645b6fbdc7a7a1eea4ce3eb23521f7ebc414c', class: "h-[25px]" }),
         };
-        return (index.h(index.Host, { key: '3ec2d310811067a5e8f9df6178f8cb3bd00bea3d' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'ce76a2d9aed5b856b1ac683750c4b9ec973ac36c', 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: '7ff768e18ae85640ea125248f2fb29e2da297e10', class: "p-[16px]" }, this.showWarranty && (index.h(CardsContainer, { key: '1227ae0c2db7120445d57a244005b45054f5ab39', 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: '20351c3ae4129c78fafc096b67c8d85e0c688a19', class: "h-[8px]" }), index.h("flexible-container", { key: '6423fafb67c329dd1f23a5c7b68df54fb79c7bb7', isOpened: this.showRecaptcha, classes: cn.cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, index.h("div", { key: 'f3300b750a4ab8acd05457a808af70f910b25ccc', style: { height: 'auto' }, class: "recaptcha-container" }, index.h("div", { key: 'fb9aa5c993a93e2133b9d185f26dec230c8d5d55', ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })), this.recaptchaRes && (index.h("div", { key: '872f362a21613d62e8c709a79522e77bf7c136c3', 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: 'da2b935391f72d8d4c4a8b9f0dd2410b0061490b', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, index.h("div", { key: '975a4e15a9ae290375ca51c6aee965bdbb94f233', class: "pt-[16px]" }, index.h("div", { key: 'b48d3f3d378808155c30bbde64d73e919a7f1425', class: "flex shift-skeleton flex-col gap-[8px]" }, index.h("strong", { key: '7e379b855058daa810f86f347874cdaba4091e69' }, this.locale.checkingTMC), index.h("div", { key: 'd72a2a28edb19fc848424aa20a996d09d1bbf510', class: "relative pt-[40px]" }, index.h("loading-spinner", { key: '290994479ae47287e7556696dac3248ce4ba4c89', isLoading: this.checkingUnauthorizedSSC }))))), index.h("div", { key: '437f3822b35e02c362bef20f5ce8d720c7d20d48', class: "mt-[32px] mx-auto w-fit max-w-full" }, index.h("div", { key: 'c5a1bd4a4f5a4bff6e9ce75c8d2040cd657eb8c7', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), index.h("div", { key: 'dc1013c16fdd32118a6b27201da50f7646cc1a3d', class: "overflow-x-auto" }, index.h("information-table", { key: '8c83f7268cfb7c072c48f7168a24c60d494b5fa0', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
+        return (index.h(index.Host, { key: 'fdaa6e051b86fd8098073c37e3ad457ee54f20a5' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'f629d8f24cd3fd8c3148a93f0031c48088a6e775', 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: 'edaef89857ceb75322891c1cc72a7a970f754350', class: "p-[16px]" }, this.showWarranty && (index.h(CardsContainer, { key: '02999fe1cc40574bb92f36639f4db677aaabd259', 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: '973d00b80d3201dba39beabc822ed4e258ed39c7', class: "h-[8px]" }), index.h("flexible-container", { key: 'def1fd4cac3ac5c7f76359c5f1ad4d315862bc84', isOpened: this.showRecaptcha, classes: cn.cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, index.h("div", { key: 'c0130f210dd574af03ae0593efa6c305885e25e3', style: { height: 'auto' }, class: "recaptcha-container" }, index.h("div", { key: '61c0d9b8b30e6bf9b5ac07edd1537c684b476bb1', ref: el => (this.recaptchaPlaceholderRef = el), style: { minWidth: '302px', minHeight: '76px' } })), this.recaptchaRes && (index.h("div", { key: 'ab007aeae9b6a267686aa586e9fdd4d33cc7e1ff', 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: '1710c78885a35fcd32e8e9c806ac6f1604e4073e', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, index.h("div", { key: 'bb3435e43dae1863185d1bf70cad809d2d15a277', class: "pt-[16px]" }, index.h("div", { key: '86f3e8e9a5b43066c05d52f9f18e75422eb5c78d', class: "flex shift-skeleton flex-col gap-[8px]" }, index.h("strong", { key: 'f33660a4dabbf3a28c284d4de33414eb12d1f876' }, this.locale.checkingTMC), index.h("div", { key: 'c168d6312dd40eff72faaf8be6019df63650325e', class: "relative pt-[40px]" }, index.h("loading-spinner", { key: 'b4b31609e04437c340e313cac618c608570d9e5c', isLoading: this.checkingUnauthorizedSSC }))))), index.h("div", { key: 'f785fe7ec0a6e5f7ad9c7eeef90340499e86269f', class: "mt-[32px] mx-auto w-fit max-w-full" }, index.h("div", { key: '2b039c9ab2628556097ed354a24b3926c2e231a8', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), index.h("div", { key: 'd81ed59499a80ba32acbe804cb8ab22f0f3fb546', class: "overflow-x-auto" }, index.h("information-table", { key: '9898b41203c41b561eeff949f86df96634bf46d9', 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

@@ -5,10 +5,10 @@
 'use strict';
 
 var index = require('./index-CmK48vN3.js');
-var types = require('./types-B3WMBBhs.js');
-var type = require('./type-CFTS0FUJ.js');
+var types = require('./types-DV_cOCRi.js');
+var type = require('./type-DhEJjKzj.js');
 var vehicleInfoLayout = require('./vehicle-info-layout-D0rI_Rfz.js');
-var getLocalLanguage = require('./get-local-language-BAmoMEw4.js');
+var getLocalLanguage = require('./get-local-language-Ch0JsFp-.js');
 require('./cn-BHnqYtun.js');
 
 const vehicleLookupWrapperSchema = types.create$3({

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

@@ -5,12 +5,12 @@
 'use strict';
 
 var index = require('./index-CmK48vN3.js');
-var types = require('./types-B3WMBBhs.js');
-var loaderIcon = require('./loader-icon-OQu1-3ya.js');
+var types = require('./types-DV_cOCRi.js');
+var phoneValidator$1 = require('./phone-validator-BUa89UAk.js');
+var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
 var cn = require('./cn-BHnqYtun.js');
-var getLanguageFromUrl = require('./get-language-from-url-Bqqqxz28.js');
-require('./get-local-language-BAmoMEw4.js');
-require('./index-D5c513Xn.js');
+var getLanguageFromUrl = require('./get-language-from-url-Cr3n1fd0.js');
+require('./get-local-language-Ch0JsFp-.js');
 
 const cachedImages = {};
 const cacheImage = (form, imSrc, id) => {
@@ -68,7 +68,7 @@ const vehicleQuotationElements = {
     },
     'phone': ({ props, isLoading }) => {
         if (!phoneValidator) {
-            phoneValidator = loaderIcon.getPhoneValidator((props === null || props === void 0 ? void 0 : props.countryCode) || '');
+            phoneValidator = phoneValidator$1.getPhoneValidator((props === null || props === void 0 ? void 0 : props.countryCode) || '');
         }
         return index.h("form-phone-number", Object.assign({ defaultValue: phoneValidator.default }, props, { isLoading: isLoading, validator: phoneValidator }));
     },
@@ -307,16 +307,16 @@ const VehicleQuotationForm = class {
         this.isMobileForm = false;
     }
     async changeLanguage(newLanguage) {
-        await loaderIcon.formLanguageChange(this, newLanguage);
+        await phoneValidator$1.formLanguageChange(this, newLanguage);
     }
     setIsLoading(isLoading) {
-        loaderIcon.formLoadingHandler(this, isLoading);
+        phoneValidator$1.formLoadingHandler(this, isLoading);
     }
     setErrorCallback(error) {
-        loaderIcon.formErrorHandler(this, error);
+        phoneValidator$1.formErrorHandler(this, error);
     }
     setSuccessCallback(data) {
-        loaderIcon.formSuccessHandler(this, data);
+        phoneValidator$1.formSuccessHandler(this, data);
     }
     async componentWillLoad() {
         if (!this.language)
@@ -327,7 +327,7 @@ const VehicleQuotationForm = class {
         try {
             this.setIsLoading(true);
             const nameContactedVehicles = (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.nameContactedVehicles;
-            const marketingValues = loaderIcon.getMarketingValues(this.structure);
+            const marketingValues = phoneValidator$1.getMarketingValues(this.structure);
             let payload = Object.assign({ name: formValues.name, phone: formValues.phone, companyBranchId: formValues.dealer, cityId: formValues === null || formValues === void 0 ? void 0 : formValues.city, vehicleQuotationType: (_d = (_c = this.structure) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.quotationType, preferredContactTime: (formValues === null || formValues === void 0 ? void 0 : formValues.contactTime) || 'NotSpecified', preferredPaymentMethod: (formValues === null || formValues === void 0 ? void 0 : formValues.paymentType) || 'Flexible' }, marketingValues);
             if (nameContactedVehicles) {
                 payload.vehicle = ((_e = this['vehicleList'].find(vehicle => vehicle.value === formValues.vehicle)) === null || _e === void 0 ? void 0 : _e.label) || '';
@@ -415,23 +415,23 @@ const VehicleQuotationForm = class {
     // #endregion
     // #region Component Logic
     async componentDidLoad() {
-        await loaderIcon.formDidLoadHandler(this, vehicleQuotationInputsValidation);
+        await phoneValidator$1.formDidLoadHandler(this, vehicleQuotationInputsValidation);
     }
     async getForm() {
-        return await loaderIcon.formGetFormHandler(this);
+        return await phoneValidator$1.formGetFormHandler(this);
     }
     async submit() {
-        await loaderIcon.handleFormSubmit(this);
+        await phoneValidator$1.handleFormSubmit(this);
     }
     async structureChanged(isRendered) {
-        await loaderIcon.formStructureRenderedHandler(this, isRendered);
+        await phoneValidator$1.formStructureRenderedHandler(this, isRendered);
     }
     // #endregion
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '88dc605b07c0c0c2f1452ebcdd341bcb001bfc2e' }, index.h("div", { key: '3284fe441ec0cf15f3fc115c5a849059e67da08a', 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: 'c0732e92fed93bdd04a1d82ce069e15e32d2e21a', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: 'e9ab7f5663c844bdf4726742e1011a5fe91fc4ff', 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: '87631b835e761eb1829ab7bd22ce8f03196f8103' }, index.h("div", { key: '0d1dc103c3d9b6511408253fdca886232a40a130', 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: 'd92deeaebdec39eecf6ade3742c4d1c3f55f0be4', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '5b52eda1656f964e96a87b6e8c1e3da150b397b8', 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: '9b56a4297ed69c8c48ad50282671ace9835eada2', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: 'd250fd41253af814c0350170181921b95e3b0b0b', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'e8bb34e9d66b251ebe93934d4dc67b0a16bfdbce', 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: '2809bff4d2c61b3b03a829242f1f9b6ebcbfd228' }))))))));
+            }) }, index.h(loaderIcon.LoaderIcon, { key: 'd5a71a5dfcb157c4d4726f5055891738fd58428d', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '814727cd0cb01d3e2ccdc6217971e574e34dedf4', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'adc95b3da63e6128f0c481bec9c75ada0fc694d5', 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: 'b2cdad0afdeda59cd9f3fa52987909f1ad6aaece' }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{white-loader-55klC_ZH.js → white-loader-kSznMo_u.js}

@@ -7,6 +7,9 @@
 var index = require('./index-CmK48vN3.js');
 var cn = require('./cn-BHnqYtun.js');
 
+const TickIcon = props => (index.h("svg", Object.assign({ fill: "none", "stroke-width": "2", viewBox: "0 0 24 24" }, props, { stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+    index.h("path", { d: "M20 6 9 17l-5-5" })));
+
 const FormInputPrefix = ({ direction, prefix, name }) => {
     if (!prefix)
         return false;
@@ -18,4 +21,5 @@ const FormInputPrefix = ({ direction, prefix, name }) => {
 const whiteLoaderSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxvYWRlciI+CiAgICA8cGF0aCBkPSJNMTIgMnY0IiAvPgogICAgPHBhdGggZD0ibTE2LjIgNy44IDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMTggMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDE2LjIgMi45IDIuOSIgLz4KICAgIDxwYXRoIGQ9Ik0xMiAxOHY0IiAvPgogICAgPHBhdGggZD0ibTQuOSAxOS4xIDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMiAxMmg0IiAvPgogICAgPHBhdGggZD0ibTQuOSA0LjkgMi45IDIuOSIgLz4KPC9zdmc+';
 
 exports.FormInputPrefix = FormInputPrefix;
+exports.TickIcon = TickIcon;
 exports.whiteLoaderSvg = whiteLoaderSvg;

package/dist/collection/collection-manifest.json

@@ -14,6 +14,7 @@
     "components/form-elements/form-checkbox.js",
     "components/form-elements/form-date-picker-legacy.js",
     "components/form-elements/form-dialog.js",
+    "components/form-elements/form-file.js",
     "components/form-elements/form-input-preview.js",
     "components/form-elements/form-input.js",
     "components/form-elements/form-phone-number.js",
@@ -28,6 +29,7 @@
     "components/form-elements/form-text-area.js",
     "components/form-elements/form-time-picker-legacy.js",
     "components/form-elements/form-vin-input.js",
+    "components/forms/general-form.js",
     "components/forms/general-inquiry.js",
     "components/forms/service-booking.js",
     "components/forms/ssc-lookup.js",

package/dist/collection/components/components/empty.css

@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\[22px\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\[6px\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\[3px\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-300{transition-duration:.3s!important}.peer:checked~.peer-checked\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_\.check-icon\]\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\[\&_\.check-icon\]\:scale-0 .check-icon,.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.absolute{position:absolute}.left-\[-2px\]{left:-2px}.top-\[-2px\]{top:-2px}.size-\[24px\]{height:24px;width:24px}.h-\[24px\]{height:24px}.w-\[50px\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\:\[\&_div\]\:translate-x-\[28px\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.flex{display:flex}.hidden{display:none}.size-\[22px\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\[6px\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\[3px\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-300{transition-duration:.3s!important}.peer:checked~.peer-checked\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_\.check-icon\]\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\[\&_\.check-icon\]\:scale-0 .check-icon,.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.static{position:static}.absolute{position:absolute}.left-\[-2px\]{left:-2px}.top-\[-2px\]{top:-2px}.size-\[24px\]{height:24px;width:24px}.h-\[24px\]{height:24px}.w-\[50px\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\:\[\&_div\]\:translate-x-\[28px\] div{--tw-translate-x:28px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}