adp-web-components 0.0.63 → 0.0.65

package/dist/cjs/dynamic-claim_6.cjs.entry.js

@@ -1,1154 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-603d8f32.js');
-const cn = require('./cn-f559f9e5.js');
-const getLocalLanguage = require('./get-local-language-18a7ccf5.js');
-const loader = require('./loader-baf2418b.js');
-
-const expiredSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=';
-
-const pendingSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+';
-
-const cancelledSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4=';
-
-const processedSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==';
-
-const vehicleRequestHeaders = {
-    cityId: 'City-Id',
-    userId: 'User-Id',
-    companyId: 'Company-Id',
-    customerName: 'Customer-Name',
-    customerPhone: 'Customer-Phone',
-    customerEmail: 'Customer-Email',
-    companyBranchId: 'Company-Branch-Id',
-    cityIntegrationId: 'City-Integration-Id',
-    brandIntegrationId: 'Brand-Integration-Id',
-    companyIntegrationId: 'Company-Integration-Id',
-    companyBranchIntegrationId: 'Company-Branch-Integration-Id',
-};
-const getVehicleInformation = async (component, generalProps, headers = {}) => {
-    const { notAvailableMessage, mockData, vin, scopedTimeoutRef, middlewareCallback } = generalProps;
-    const { isDev, baseUrl, queryString, abortController, networkTimeoutRef, loadedResponse } = component;
-    const handleResult = (newVehicleInformation) => {
-        if (networkTimeoutRef === scopedTimeoutRef) {
-            if (!newVehicleInformation && vin)
-                throw new Error(notAvailableMessage || 'wrongResponseFormat');
-            if (loadedResponse)
-                loadedResponse(newVehicleInformation);
-            if (middlewareCallback)
-                middlewareCallback(newVehicleInformation);
-            return newVehicleInformation;
-        }
-    };
-    if (isDev) {
-        const newData = mockData[vin];
-        return handleResult(newData);
-    }
-    else {
-        if (!baseUrl)
-            throw new Error('noBaseUrl');
-        const componentHeaders = Object.assign({}, headers);
-        Object.entries(vehicleRequestHeaders).forEach(([componentHeaderKey, headerField]) => {
-            if (component[componentHeaderKey])
-                componentHeaders[headerField] = component[componentHeaderKey];
-        });
-        const response = await fetch(`${baseUrl}${vin}?${queryString}`, { signal: abortController.signal, headers: componentHeaders });
-        const newData = (await response.json());
-        return handleResult(newData);
-    }
-};
-
-const dynamicClaimCss = "*,: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.15 | 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}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.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))}.border{border-width:1px}.outline{outline-style:solid}.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)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px;padding-inline-end:50px;text-align:start;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}";
-const DynamicClaimStyle0 = dynamicClaimCss;
-
-let mockData$5 = {};
-const icons = {
-    expired: expiredSvg,
-    pending: pendingSvg,
-    processed: processedSvg,
-    cancelled: cancelledSvg,
-};
-const DynamicClaim = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.pendingItemHighlighted = false;
-        this.onMouseLeave = () => {
-            clearTimeout(this.timeoutRef);
-            this.popupClasses = '';
-            this.timeoutRef = setTimeout(() => {
-                this.activePopupIndex = null;
-            }, 400);
-        };
-        this.onMouseEnter = (dynamicClaimItemHeader, idx) => {
-            clearTimeout(this.timeoutRef);
-            this.activePopupIndex = idx;
-            this.timeoutRef = setTimeout(() => {
-                const positionRef = dynamicClaimItemHeader.querySelector('.popup-position-ref');
-                this.popupPositionRef = positionRef;
-                this.calculatePopupPos(this.el.shadowRoot);
-                this.popupClasses = 'show';
-            }, 50);
-        };
-        this.baseUrl = undefined;
-        this.isDev = false;
-        this.queryString = '';
-        this.language = 'en';
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.locale = getLocalLanguage.localeSchema.getDefault();
-        this.isIdle = true;
-        this.popupClasses = '';
-        this.isLoading = false;
-        this.externalVin = null;
-        this.errorMessage = null;
-        this.activePopupIndex = null;
-        this.vehicleInformation = undefined;
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        this.locale = await getLocalLanguage.getLocaleLanguage(newLanguage);
-    }
-    async componentDidLoad() {
-        this.dynamicClaimBody = this.el.shadowRoot.querySelector('.dynamic-claim-body');
-        this.dynamicRedeem = this.el.shadowRoot.getElementById('dynamic-redeem');
-        this.dynamicClaimProgressBar = this.el.shadowRoot.querySelector('.dynamic-claim-progress-bar');
-    }
-    async setMockData(newMockData) {
-        mockData$5 = newMockData;
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.isIdle = true;
-                return;
-            }
-            this.isLoading = true;
-            this.isIdle = false;
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 1000);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData: mockData$5 }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                if (!Array.isArray(vehicleResponse.serviceItems))
-                    throw new Error('noServiceAvailable');
-                this.vehicleInformation = vehicleResponse;
-            }
-            this.errorMessage = null;
-            this.isLoading = false;
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.isIdle = false;
-        this.isLoading = false;
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    onLoadingChange(newValue) {
-        if (this.loadingStateChange)
-            this.loadingStateChange(newValue);
-        this.setLoadingUi(newValue);
-    }
-    async setLoadingUi(isLoading) {
-        if (!isLoading) {
-            this.dynamicClaimProgressBar.style.width = '0';
-            await new Promise(r => setTimeout(r, 200));
-            this.updateProgressBar();
-        }
-    }
-    updateProgressBar() {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        if (serviceItems.filter(x => x.status === 'pending').length === 0) {
-            if (serviceItems.length === 0)
-                this.dynamicClaimProgressBar.style.width = '0%';
-            else
-                this.dynamicClaimProgressBar.style.width = '100%';
-            this.dynamicClaimBody.scrollTo({
-                left: this.dynamicClaimBody.scrollWidth,
-                behavior: 'smooth',
-            });
-        }
-        else {
-            const firstPendingItem = serviceItems.find(x => x.status === 'pending');
-            const firstPendingItemIndex = serviceItems.indexOf(firstPendingItem) + 1;
-            const firstPendingItemRef = this.dynamicClaimBody.getElementsByClassName('dynamic-claim-item')[firstPendingItemIndex - 1];
-            this.dynamicClaimProgressBar.style.width = (firstPendingItemIndex / serviceItems.length - 1 / (serviceItems.length * 2)) * 100 + '%';
-            this.dynamicClaimBody.scrollTo({
-                left: firstPendingItemRef.offsetLeft - firstPendingItemRef.clientWidth * 3,
-                behavior: 'smooth',
-            });
-        }
-    }
-    resetProgressBar() {
-        setTimeout(() => {
-            this.updateProgressBar();
-        }, 100);
-    }
-    windowScrollListener(newValue) {
-        if (newValue) {
-            this.scrollListenerRef = () => this.calculatePopupPos(this.el.shadowRoot);
-            window.addEventListener('scroll', this.scrollListenerRef);
-            this.dynamicClaimBody.addEventListener('scroll', this.scrollListenerRef);
-        }
-        else {
-            window.removeEventListener('scroll', this.scrollListenerRef);
-            this.dynamicClaimBody.removeEventListener('scroll', this.scrollListenerRef);
-        }
-    }
-    calculatePopupPos(root) {
-        const popupPositionRef = root.querySelector('.popup-position-ref');
-        let { x, y } = popupPositionRef.getBoundingClientRect();
-        const popupContainer = popupPositionRef.querySelector('.popup-container');
-        const { width } = popupContainer.getBoundingClientRect();
-        const popupInfo = popupContainer.querySelector('.dynamic-claim-item-popup-info');
-        const windowWidth = window.innerWidth; // Get the viewport's width
-        popupContainer.style.top = `${y}px`;
-        popupContainer.style.left = `${x - width / 2}px`;
-        const offsetFromLeft = x - width / 2; // Distance from left side of the viewport
-        const offsetFromRight = windowWidth - (x + width / 2); // Distance from right side of the viewport
-        let movingNeeded = 0;
-        let horizontalMargin = 16;
-        if (offsetFromRight < horizontalMargin)
-            movingNeeded = offsetFromRight - horizontalMargin;
-        else if (offsetFromLeft < horizontalMargin)
-            movingNeeded = Math.abs(offsetFromLeft - horizontalMargin);
-        popupInfo.style.transform = `translateX(${movingNeeded}px)`;
-    }
-    removeLoadAnimationClass(event) {
-        const component = event.target;
-        component.classList.remove('load-animation');
-    }
-    async completeClaim() {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const item = this.cachedClaimItem;
-        const serviceDataClone = JSON.parse(JSON.stringify(serviceItems));
-        const index = serviceItems.indexOf(item);
-        const pendingItemsBefore = serviceDataClone.slice(0, index).filter(x => x.status === 'pending');
-        serviceDataClone[index].status = 'processed';
-        pendingItemsBefore.forEach(function (otherItem) {
-            otherItem.status = 'cancelled';
-        });
-        this.pendingItemHighlighted = false;
-        const vehicleDataClone = JSON.parse(JSON.stringify(this.vehicleInformation));
-        vehicleDataClone.serviceItems = serviceDataClone;
-        this.vehicleInformation = JSON.parse(JSON.stringify(vehicleDataClone));
-    }
-    claim(item) {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const vinDataClone = JSON.parse(JSON.stringify(serviceItems));
-        const index = serviceItems.indexOf(item);
-        //Find other items before this item that have status 'pending'
-        let pendingItemsBefore = vinDataClone.slice(0, index).filter(x => x.status === 'pending');
-        this.cachedClaimItem = item;
-        if (item.maximumMileage === null) {
-            pendingItemsBefore = [];
-        }
-        this.onMouseLeave();
-        this.openRedeem(item, pendingItemsBefore);
-    }
-    async handleRedeemScanner() {
-        if (this.isDev) {
-            this.dynamicRedeem.handleScanner = async (_) => {
-                await new Promise(r => setTimeout(r, 500));
-                this.dynamicRedeem.quite();
-                this.completeClaim();
-                this.dynamicRedeem.handleScanner = null;
-            };
-        }
-        else {
-            this.dynamicRedeem.handleScanner = async (code) => {
-                try {
-                    const vehicleInformation = this.vehicleInformation;
-                    const payload = {
-                        vin: vehicleInformation.vin,
-                        brandIntegrationID: vehicleInformation.identifiers.brandIntegrationID,
-                        invoice: code,
-                        saleInformation: vehicleInformation.saleInformation,
-                        serviceItem: this.dynamicRedeem.item,
-                        cancelledServiceItems: this.dynamicRedeem.canceledItems,
-                    };
-                    const response = await fetch('/api/vehicle/swift-claim', {
-                        method: 'POST',
-                        headers: {
-                            'Content-Type': 'application/json',
-                        },
-                        body: JSON.stringify(payload),
-                    });
-                    const data = await response.json();
-                    if (!data.Success) {
-                        alert(data.Message);
-                        this.dynamicRedeem.quite();
-                        this.dynamicRedeem.handleScanner = null;
-                        return;
-                    }
-                    this.dynamicRedeem.quite();
-                    this.completeClaim();
-                    this.dynamicRedeem.handleScanner = null;
-                }
-                catch (error) {
-                    console.error(error);
-                    alert(this.locale.errors.requestFailedPleaseTryAgainLater);
-                    this.dynamicRedeem.quite();
-                    this.dynamicRedeem.handleScanner = null;
-                }
-            };
-        }
-    }
-    openRedeem(item, oldItems) {
-        var _a, _b, _c, _d, _e;
-        const vehicleInformation = this.vehicleInformation;
-        this.dynamicRedeem.vin = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.vin;
-        this.dynamicRedeem.item = item;
-        this.dynamicRedeem.canceledItems = oldItems;
-        if (((_a = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
-            this.dynamicRedeem.unInvoicedByBrokerName = (_e = (_d = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _d === void 0 ? void 0 : _d.broker) === null || _e === void 0 ? void 0 : _e.brokerName;
-        else
-            this.dynamicRedeem.unInvoicedByBrokerName = null;
-        this.handleRedeemScanner();
-    }
-    createPopup(item) {
-        const texts = this.locale.vehicleLookup.dynamicClaim;
-        return (index.h("div", { dir: this.locale.direction, class: "popup-position-ref" }, index.h("div", { class: "popup-container" }, index.h("div", { class: cn.cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), index.h("div", { class: cn.cn('dynamic-claim-item-popup-info', this.popupClasses) }, index.h("table", null, index.h("tbody", null, index.h("tr", null, index.h("th", null, texts.serviceType), index.h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), index.h("tr", null, index.h("th", null, texts.activationDate), index.h("td", null, item.activatedAt)), index.h("tr", null, index.h("th", null, texts.expireDate), index.h("td", null, item.expiresAt)), index.h("tr", null, index.h("th", null, texts.claimAt), index.h("td", null, item.redeemDate)), index.h("tr", null, index.h("th", null, texts.redeemingDealer), index.h("td", null, item.dealerName)), index.h("tr", null, index.h("th", null, texts.invoiceNumber), index.h("td", null, item.invoiceNumber)), index.h("tr", null, index.h("th", null, texts.wip), index.h("td", null, item.wip)), index.h("tr", null, index.h("th", null, texts.claim), index.h("td", null, item.menuCode)))), item.status === 'pending' && (index.h("button", { onClick: () => this.claim(item), class: "claim-button dynamic-claim-button" }, index.h("svg", { width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "stroke-width": "0" }), index.h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", null, index.h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), index.h("path", { d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), index.h("span", null, texts.claim)))))));
-    }
-    render() {
-        var _a, _b;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const texts = this.locale.vehicleLookup.dynamicClaim;
-        console.log(this.errorMessage);
-        return (index.h(index.Host, { key: '9e0409c5591453b63e9a835a454e952752e22013' }, index.h("dynamic-redeem", { key: '66a516c29ffffdf5eec666501556c85d6e532929', language: this.language, id: "dynamic-redeem" }), index.h("div", { key: '87faef21ecc2f9d2a7cddde1ab9c919ff57ef6e0', class: cn.cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, index.h("div", { key: '0093412ac6128b142007f0be466fcd7a28dccebe', class: "dynamic-claim-header" }, index.h("strong", { key: '4f947ae43e1e1a2b6c4548f3d4d7f5ac9671bd8a', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (index.h("span", { key: 'ade34635ef2f7dc56d23424abc489a52fce57ae2', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), index.h("div", { key: 'd19c9904e00841683880afa09dbec00d6e1414b8', class: "dynamic-claim-body" }, index.h("div", { key: '196f37e4c5389b5dc24ce2cf03f9b86559c78549', class: "loading-lane" }, index.h("div", { key: '21fa82864e31a0d88228f5c199fefafc139c74d0', class: "dynamic-claim-loading-slider" }, index.h("div", { key: '46314ebc827b182693bd117313fd1882cdeef467', class: "dynamic-claim-loading-slider-line" }), index.h("div", { key: 'f5dea0ec0a48afc68f825dbe9920038a7865c826', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), index.h("div", { key: '71c71d5ff95bc0dc5e9880ad81645a6a37c26593', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), index.h("div", { key: '18357ef88627c6d9bba393ba4d0ee67e01454fa8', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
-            let statusClass = '';
-            if (item.status === 'pending') {
-                if (serviceItems.findIndex(i => i.status === 'pending') === idx)
-                    statusClass = item.status;
-            }
-            else
-                statusClass = item.status;
-            return (index.h("div", { key: item.name, class: cn.cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, index.h("img", { src: icons[item.status], alt: "status icon" }), index.h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), index.h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), index.h("div", { key: '2762fc231f14343438f628afa1feae4929cc2c9f', class: "dynamic-claim-progress-bar" }))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "language": ["changeLanguage"],
-        "isLoading": ["onLoadingChange"],
-        "vehicleInformation": ["resetProgressBar"],
-        "popupClasses": ["windowScrollListener"]
-    }; }
-};
-DynamicClaim.style = DynamicClaimStyle0;
-
-const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==';
-
-function openImageViewer(context, target, imageSrc) {
-    if (context.expandedImage === imageSrc)
-        return;
-    context.originalImage = target;
-    const expandedImageRef = context.el.shadowRoot.getElementById('expanded-image');
-    expandedImageRef.src = target.src;
-    document.addEventListener('keydown', context.closeImageListener);
-    const rect = target.getBoundingClientRect();
-    document.body.style.overflow = 'hidden';
-    Object.assign(expandedImageRef.style, {
-        top: `${rect.top}px`,
-        pointerEvents: 'auto',
-        left: `${rect.left}px`,
-        transitionDuration: '0s',
-        width: `${rect.width}px`,
-        height: `${rect.height}px`,
-    });
-    setTimeout(() => {
-        const naturalWidth = target.naturalWidth;
-        const naturalHeight = target.naturalHeight;
-        const maxWidth = window.innerWidth - 160;
-        const maxHeight = window.innerHeight - 32;
-        const aspectRatio = naturalWidth / naturalHeight;
-        let width, height;
-        if (maxWidth / aspectRatio <= maxHeight) {
-            width = maxWidth;
-            height = maxWidth / aspectRatio;
-        }
-        else {
-            height = maxHeight;
-            width = maxHeight * aspectRatio;
-        }
-        expandedImageRef.style.transitionDuration = '0.3s';
-        Object.assign(expandedImageRef.style, {
-            opacity: '1',
-            width: `${width}px`,
-            height: `${height}px`,
-            top: `${(window.innerHeight - height) / 2}px`,
-            left: `${(window.innerWidth - width) / 2}px`,
-        });
-        context.expandedImage = imageSrc;
-    }, 200);
-}
-function closeImageViewer(context, event) {
-    if (event && event.key !== 'Escape')
-        return;
-    document.removeEventListener('keydown', context.closeImageListener);
-    const expandedImageRef = context.el.shadowRoot.getElementById('expanded-image');
-    const rect = context.originalImage.getBoundingClientRect();
-    Object.assign(expandedImageRef.style, {
-        top: `${rect.top}px`,
-        pointerEvents: 'none',
-        left: `${rect.left}px`,
-        width: `${rect.width}px`,
-        height: `${rect.height}px`,
-        transitionDuration: '0.3s',
-    });
-    setTimeout(() => {
-        expandedImageRef.src = '';
-        expandedImageRef.style.opacity = '0';
-        expandedImageRef.style.transitionDuration = '0s';
-    }, 300);
-    document.body.style.overflow = '';
-    context.expandedImage = null;
-}
-
-const paintThicknessCss = "*,: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.15 | 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}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.min-w-\\[100px\\]{min-width:100px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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-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)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
-const PaintThicknessStyle0 = paintThicknessCss;
-
-let mockData$4 = {};
-const PaintThickness = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeImageListener = (event) => {
-            this.closeImage(event);
-        };
-        this.openImage = (target, imageSrc) => {
-            openImageViewer(this, target, imageSrc);
-        };
-        this.closeImage = (event) => {
-            closeImageViewer(this, event);
-        };
-        this.baseUrl = '';
-        this.isDev = false;
-        this.queryString = '';
-        this.language = 'en';
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.locale = getLocalLanguage.localeSchema.getDefault();
-        this.state = 'idle';
-        this.externalVin = null;
-        this.expandedImage = null;
-        this.errorMessage = null;
-        this.vehicleInformation = undefined;
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        this.locale = await getLocalLanguage.getLocaleLanguage(newLanguage);
-    }
-    handleSettingData(response) {
-        if (!response.paintThickness)
-            response.paintThickness = { imageGroups: [], parts: [] };
-        if (!response.paintThickness.parts || !Array.isArray(response.paintThickness.parts))
-            response.paintThickness.parts = [];
-        if (!response.paintThickness.imageGroups || !Array.isArray(response.paintThickness.imageGroups))
-            response.paintThickness.imageGroups = [];
-        this.vehicleInformation = response;
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.state = 'idle';
-                return;
-            }
-            if (this.state === 'data' || this.state === 'error') {
-                this.state = (this.state + '-loading');
-            }
-            else
-                this.state = 'loading';
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 700);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData: mockData$4 }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                this.handleSettingData(vehicleResponse);
-            }
-            this.errorMessage = null;
-            this.state = 'data';
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.state = 'error';
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    async loadingListener() {
-        if (this.loadingStateChange)
-            this.loadingStateChange(this.state.includes('loading'));
-    }
-    async setMockData(newMockData) {
-        mockData$4 = newMockData;
-    }
-    render() {
-        var _a, _b;
-        const texts = this.locale.vehicleLookup.paintThickness;
-        const { imageGroups, parts } = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.paintThickness : { imageGroups: [], parts: [] };
-        return (index.h(index.Host, { key: '54e7949fa496aa744e819c3c5f900dc33399c400' }, index.h("div", { key: '6e0aed08f669f771131bb5d70657adf5bcfdc6e8', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'f0554bee45f7559bd5f0499b4af1d0002bf4b5e6' }, index.h("loading-spinner", { key: '31c2ca21362131c3b39b6c698ac4404586252821', isLoading: this.state.includes('loading') }), index.h("div", { key: '1e624b7be1682ee01ffb874e398ca56b75223722', class: cn.cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '0e8736919c43022d9472b58cd71fdcb4de51d3fc', class: cn.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '9463ae07d446ee32d863f63a429f53e264e098df', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: 'c219e8528e42e9ca133a4a9d155d582b044be686', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'd38ddb4d0d9a94690b241fb181975f030b24ee08', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '9e0ab718d4fe001f33fa797e7e5c36fc25d6c0c3', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.paintThickness), index.h("div", { key: '88167cf6a7f3760726b03653a0a1cf3dd556a1f5', class: "h-0 overflow-auto flex-1" }, !parts.length && index.h("div", { key: 'ca4dd7c78b16a8ac39f4d01f6b70a02f42cf5cac', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (index.h("table", { key: '6cbbc2120ef2caf69c9f8619d4dd20f1fc6f26b2', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '7ee545ee60c85426c467a4f8754543c118ffb3e7', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'a52d1ab2c7b5b406599db3be799849af22944ff2' }, ['part', 'left', 'right'].map(title => (index.h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: 'd746af0eb34fcb88a74c15f237e076b88831e6b2' }, parts.map((part, idx) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (index.h("td", { key: part.part + key, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
-                '!border-none': idx === parts.length - 1,
-            }) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '407f6dc349f57e0d53fec88a7ef8e02d628aed6d' }, !imageGroups.length && index.h("div", { key: 'fd625a3850ed1d3378333f61930dfff153b06f8e', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (index.h("div", { key: 'ba93e31ff58fe7e07cbd57490f6244ba1668ba79', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (index.h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, index.h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), index.h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (index.h("div", { class: "flex gap-[8px]", key: image }, index.h("button", { onClick: ({ target }) => this.openImage(target, 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: eyeSvg }), index.h("span", { class: "text-white" }, texts.expand)), index.h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), index.h("div", { key: '087ffa222d33118f9b775c2a99422421448f1551', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
-                'pointer-events-auto opacity-100 delay-200': this.expandedImage,
-            }) }, index.h("button", { key: '451471bf6d5c446d0e055149c8384bcfe61ff850', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: 'b9371b4965ee831f130b127e4a6b775f3d675a21', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: 'b59446ba3fdbb31f71a490b23701b86a447212cd', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '9abf09feb9e1bc02ae7b8f4e42536b98a2228dba', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "language": ["changeLanguage"],
-        "state": ["loadingListener"]
-    }; }
-};
-PaintThickness.style = PaintThicknessStyle0;
-
-const serviceHistoryCss = "*,: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.15 | 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}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.\\!border-none{border-style:none!important}.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-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}";
-const ServiceHistoryStyle0 = serviceHistoryCss;
-
-let mockData$3 = {};
-const ServiceHistory = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.baseUrl = '';
-        this.isDev = false;
-        this.queryString = '';
-        this.language = 'en';
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.locale = getLocalLanguage.localeSchema.getDefault();
-        this.state = 'idle';
-        this.externalVin = null;
-        this.errorMessage = null;
-        this.vehicleInformation = undefined;
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        this.locale = await getLocalLanguage.getLocaleLanguage(newLanguage);
-    }
-    handleSettingData(response) {
-        if (response.serviceHistory === null)
-            response.serviceHistory = [];
-        this.vehicleInformation = response;
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.state = 'idle';
-                return;
-            }
-            if (this.state === 'data' || this.state === 'error') {
-                this.state = (this.state + '-loading');
-            }
-            else
-                this.state = 'loading';
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 700);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData: mockData$3 }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                this.handleSettingData(vehicleResponse);
-            }
-            this.errorMessage = null;
-            this.state = 'data';
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.state = 'error';
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    async loadingListener() {
-        if (this.loadingStateChange)
-            this.loadingStateChange(this.state.includes('loading'));
-    }
-    async setMockData(newMockData) {
-        mockData$3 = newMockData;
-    }
-    render() {
-        var _a, _b, _c, _d;
-        const texts = this.locale.vehicleLookup.serviceHistory;
-        return (index.h(index.Host, { key: '494c96516afa8c600719ae4b11993d65379833de' }, index.h("div", { key: '73e622623c1d1d199e289f48d10f078a0d6afa30', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'b6b472f8424d35db32c82c09c148c48c582e5f42' }, index.h("loading-spinner", { key: '18215eca615a56dfb967c75ddd93c7d9b173f88e', isLoading: this.state.includes('loading') }), index.h("div", { key: '456d06da497cbc4908ac9ec497457a8ef6aebf8c', class: cn.cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '8d54117a79bf2f4f54104d6d185dc9c34de55a51', class: cn.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '2ce1826b3943e5e625aec945dc544acb7fb8dc13', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '252eda8c6beaa47f1d2c777bbc321625327c8ee5', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'd5a4606ee38646e46a1ded82598f20733d535523', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '40c16dfed9934b90b7e5e3a019cb38da54d4b571', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.serviceHistory), index.h("div", { key: '45b3caf524a2dfeda7ed3d77f30f26f9f6424ca3', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && index.h("div", { key: 'c073f64e5efa891972d92006dc46c8af5dfd4bf9', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (index.h("table", { key: '7d48066b05971f0601a7f2ba8a5114153778024c', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '52400a5071355c7b76768e7578af7489965dd2e6', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '78fac4c56fe644cc85159830e83ad7b5867b801f' }, ['branch', 'dealer', 'invoiceNumber', 'date', 'serviceType', 'odometer'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '547fd72fce118c3d6273d6d12b88f9edc293224a' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
-            var _a;
-            return (index.h("td", { key: service.invoiceNumber + serviceType, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
-                    '!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
-                }) }, service[serviceType] || '...'));
-        })))))))))))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "language": ["changeLanguage"],
-        "state": ["loadingListener"]
-    }; }
-};
-ServiceHistory.style = ServiceHistoryStyle0;
-
-const vehicleAccessoriesCss = "*,: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.15 | 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}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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-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)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";
-const VehicleAccessoriesStyle0 = vehicleAccessoriesCss;
-
-let mockData$2 = {};
-const VehicleAccessories = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeImageListener = (event) => {
-            this.closeImage(event);
-        };
-        this.openImage = (target, imageSrc) => {
-            openImageViewer(this, target, imageSrc);
-        };
-        this.closeImage = (event) => {
-            closeImageViewer(this, event);
-        };
-        this.baseUrl = '';
-        this.isDev = false;
-        this.queryString = '';
-        this.language = 'en';
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.locale = getLocalLanguage.localeSchema.getDefault();
-        this.state = 'idle';
-        this.externalVin = null;
-        this.expandedImage = null;
-        this.errorMessage = null;
-        this.vehicleInformation = undefined;
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        this.locale = await getLocalLanguage.getLocaleLanguage(newLanguage);
-    }
-    handleSettingData(response) {
-        if (!response.accessories || !Array.isArray(response.accessories))
-            response.accessories = [];
-        this.vehicleInformation = response;
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.state = 'idle';
-                return;
-            }
-            if (this.state === 'data' || this.state === 'error') {
-                this.state = (this.state + '-loading');
-            }
-            else
-                this.state = 'loading';
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 700);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData: mockData$2 }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                this.handleSettingData(vehicleResponse);
-            }
-            this.errorMessage = null;
-            this.state = 'data';
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.state = 'error';
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    async loadingListener() {
-        if (this.loadingStateChange)
-            this.loadingStateChange(this.state.includes('loading'));
-    }
-    async setMockData(newMockData) {
-        mockData$2 = newMockData;
-    }
-    render() {
-        var _a, _b;
-        const texts = this.locale.vehicleLookup.accessories;
-        const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
-        return (index.h(index.Host, { key: '45a45079c8b2181ac2520f8048f70953d3b0ac8e' }, index.h("div", { key: '36cef822b8d2d80063f359f2685078c544946cfc', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '1be9648439197f2f2c12c44f7df1ba4152a6f3ab' }, index.h("loading-spinner", { key: '599e827b82a6b45724c9413812193e8af738419f', isLoading: this.state.includes('loading') }), index.h("div", { key: '4ff63bc78440d833734eb0539c83bb053767b2e3', class: cn.cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '0e7a20baabc0dd755a674d9bd2b250a01d5d5d1c', class: cn.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '1f9e0ffeb0630c8b7253c311d393f02e6b56fe8e', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: 'e4bd61283e3a31c19f4bde1e3a7b7bdbdf5f1afb', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '9787262f0bc635db6c42f6fe384c9c776b35629c', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'c9627629870ec66f8b303f37fcfffacbc5fa07aa', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleAccessories), index.h("div", { key: '57e7d6aaa358aa1655fc91ff1497e07fa79c2c8a', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: 'ae5f306cdefe4234ce8ce8c16cea3b5c72324767', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (index.h("table", { key: '5e6761188ecc51d4c798df707dd72887e366cd3b', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'aaaa6582c0e591e5b1e77e0b0fbc0f201c1eb40a', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: '19be04c21863a9d6b90df62524e99acc63d282a9' }, ['partNumber', 'description', 'image'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '50a140f00fd7b095ee34a757cd3e44093096c723' }, accessories.map((accessory, idx) => {
-            var _a;
-            return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
-                var _a;
-                return (index.h("td", { key: accessory.partNumber + key, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
-                        '!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
-                    }) }, accessory[key] || '...'));
-            }), index.h("td", { class: cn.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
-                    '!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
-                }) }, index.h("button", { onClick: ({ target }) => this.openImage(target, 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: eyeSvg }), index.h("span", { class: "text-white" }, texts.expand)), index.h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
-        })), index.h("div", { key: '78c751aadd610e35c3a2fae42d72d86ada5a8530', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
-                'pointer-events-auto opacity-100 delay-200': this.expandedImage,
-            }) }, index.h("button", { key: 'cbf2e5984fbc359918dbecd6bc4f39be1494fba6', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '1300cb8cc2e2bcc3f6f3d88348cc4a6e448573c3', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '56207a53e2ef9976ef431774ee5aad23f37a621d', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: 'a6a8ca9cc1506146eda3d29b2ac2daa10397b122', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "language": ["changeLanguage"],
-        "state": ["loadingListener"]
-    }; }
-};
-VehicleAccessories.style = VehicleAccessoriesStyle0;
-
-const vehicleSpecificationCss = "*,: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.15 | 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}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}";
-const VehicleSpecificationStyle0 = vehicleSpecificationCss;
-
-let mockData$1 = {};
-const VehicleSpecification = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.baseUrl = '';
-        this.isDev = false;
-        this.queryString = '';
-        this.language = 'en';
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.locale = getLocalLanguage.localeSchema.getDefault();
-        this.state = 'idle';
-        this.externalVin = null;
-        this.errorMessage = null;
-        this.vehicleInformation = undefined;
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        this.locale = await getLocalLanguage.getLocaleLanguage(newLanguage);
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.state = 'idle';
-                return;
-            }
-            if (this.state === 'data' || this.state === 'error') {
-                this.state = (this.state + '-loading');
-            }
-            else
-                this.state = 'loading';
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 700);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData: mockData$1 }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                this.vehicleInformation = vehicleResponse;
-            }
-            this.errorMessage = null;
-            this.state = 'data';
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.state = 'error';
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    async loadingListener() {
-        if (this.loadingStateChange)
-            this.loadingStateChange(this.state.includes('loading'));
-    }
-    async setMockData(newMockData) {
-        mockData$1 = newMockData;
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const texts = this.locale.vehicleLookup.specification;
-        return (index.h(index.Host, { key: '966a2b84d675c7031c46f679e130634561f98ada' }, index.h("div", { key: 'f48158fa5c4344257336c480935208ba5dfc136e', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '413cc63829b9a219e0bbbc8e42e577c9cab36ab3' }, index.h("loading-spinner", { key: 'f831e4ef1fe284d2b3ac2c817210ad5a610cc37f', isLoading: this.state.includes('loading') }), index.h("div", { key: 'b1d177592c8e4ce1ff19ae27dd0ed5873c06bb5a', class: cn.cn('transition-all !duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: 'a5155d13903a0d9724a48bc278674376be2236b0', class: cn.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: 'ab72bf4d1b68f7cda3f8b7d8e91e76d07d76b6fb', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '30cf045b0601853845fed6048453d7416a10a145', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '613a57216867b361636c816790c20ecd2def8de7', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '2f76caec457bbd47ceffe1b596241bc34c7a749f', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleSpecification), index.h("div", { key: '5ab9f03c11d468bfaf69c16ee22596227dbd3c2a', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && index.h("div", { key: '9694b72b94235fcb9a3fca52cd374da62927ab3b', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (index.h("table", { key: 'b95bc271bd059a4e3734d9d7fd5ead78a4a672e3', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'd8e1caf45464198e0b58201be1bed8ba0efadbbe', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'bb50345681bea2c445c18c665529505316ebc8ea' }, ['model', 'variant', 'katashiki', 'modelYear', 'sfx'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: 'f0e21ac39b28a8ef82f8695e1d3a9ef7e25d19d6' }, index.h("tr", { key: '0aa7328e0c0045b62d14244c8ed643cf0f12223a' }, index.h("td", { key: '719a128661dfda01c879cecaea14e2c21a85243e', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", index.h("br", { key: '18071fb7e664d3d7cded4752921b192c276b083e', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), index.h("td", { key: 'ccec23a08e7b9858e2a6e232f07d08b070d831d6', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", index.h("br", { key: 'fd126e50a209d6535a5755b47159466f291b3987' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
-            var _a;
-            const [place, field] = infoPath.split('.');
-            const targetPlace = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place];
-            const cellValue = targetPlace && targetPlace[field] ? targetPlace[field].toString() : '';
-            return (index.h("td", { key: infoPath, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, cellValue.trim() ? cellValue : '...'));
-        })))))))))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "language": ["changeLanguage"],
-        "state": ["loadingListener"]
-    }; }
-};
-VehicleSpecification.style = VehicleSpecificationStyle0;
-
-const xMarkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+';
-
-const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+';
-
-function SSCTable({ ssc, locale }) {
-    const warrantyLocale = locale.vehicleLookup.warranty;
-    return (index.h("div", { class: "wrapper-table" },
-        index.h("div", { class: "header" }, warrantyLocale.sscCampings),
-        index.h("div", { class: "ssc-table-container" },
-            index.h("table", { class: "ssc-table" },
-                index.h("thead", null,
-                    index.h("tr", null,
-                        index.h("th", null, warrantyLocale.sscTableCode),
-                        index.h("th", null, warrantyLocale.sscTableDescription),
-                        index.h("th", null, warrantyLocale.sscTableRepairStatus),
-                        index.h("th", null, warrantyLocale.sscTableOPCode),
-                        index.h("th", null, warrantyLocale.sscTablePartNumber))),
-                index.h("tbody", null, ssc.map(sscItem => (index.h("tr", { class: "transition", key: sscItem.sscCode },
-                    index.h("td", null, sscItem.sscCode),
-                    index.h("td", null, sscItem.description),
-                    index.h("td", null,
-                        index.h("div", { class: "table-cell-container" },
-                            index.h("img", { class: "table-status-icon", src: sscItem.repaired ? checkSvg : xMarkSvg }),
-                            " ", sscItem === null || sscItem === void 0 ? void 0 :
-                            sscItem.repairDate)),
-                    index.h("td", null,
-                        index.h("div", { class: "table-cell-container table-cell-labors-container" }, !!sscItem.labors.length
-                            ? sscItem.labors.map(labor => (index.h("div", { key: labor.laborCode, class: 'success' }, labor.laborCode)))
-                            : '...')),
-                    index.h("td", null,
-                        index.h("div", { class: "table-cell-container table-cell-parts-container" }, !!sscItem.parts.length
-                            ? sscItem.parts.map(part => (index.h("div", { key: part.partNumber, class: part.isAvailable ? 'success' : 'reject' }, part.partNumber)))
-                            : '...'))))))))));
-}
-
-function StatusCard({ desc, className, fromDesc, toDesc, from, to, state = 'idle', icon = true }) {
-    return (index.h("div", { class: cn.cn('card', className, `${state}-card`) },
-        icon && state === 'reject' && index.h("img", { src: xMarkSvg }),
-        icon && state === 'warning' && index.h("img", { src: xMarkSvg }),
-        icon && state === 'success' && index.h("img", { src: checkSvg }),
-        from && (index.h("p", { class: "no-padding flex gap-2" },
-            index.h("span", { class: "font-semibold" },
-                fromDesc,
-                ":"),
-            " ",
-            desc)),
-        to && (index.h("p", { class: "no-padding flex gap-2" },
-            index.h("span", { class: "font-semibold" },
-                toDesc,
-                ":"),
-            " ",
-            desc)),
-        !from && !to && index.h("p", { class: state === 'idle' ? 'no-padding' : '' }, desc)));
-}
-
-function CardsContainer({ warranty, isAuthorized, unInvoicedByBrokerName, locale }) {
-    const warrantyLocale = locale.vehicleLookup.warranty;
-    return (index.h("div", { class: "warranty-tags mx-auto pt-3" },
-        index.h(StatusCard, { state: isAuthorized ? 'success' : 'reject', desc: isAuthorized ? warrantyLocale.authorized : warrantyLocale.unauthorized }),
-        index.h(StatusCard, { state: warranty.hasActiveWarranty ? 'success' : 'reject', desc: warranty.hasActiveWarranty ? warrantyLocale.activeWarranty : warrantyLocale.notActiveWarranty }),
-        unInvoicedByBrokerName && index.h(StatusCard, { className: "span-entire-2nd-row", state: "warning", icon: true, desc: warrantyLocale.notInvoiced + unInvoicedByBrokerName }),
-        warranty.warrantyStartDate && (index.h(StatusCard, { state: (warranty === null || warranty === void 0 ? void 0 : warranty.hasActiveWarranty) ? 'success' : 'reject', icon: false, from: true, fromDesc: warrantyLocale.from, desc: warranty.warrantyStartDate })),
-        warranty.warrantyEndDate && (index.h(StatusCard, { state: (warranty === null || warranty === void 0 ? void 0 : warranty.hasActiveWarranty) ? 'success' : 'reject', icon: false, to: true, toDesc: warrantyLocale.to, desc: warranty.warrantyEndDate }))));
-}
-
-const warrantyDetailsCss = "*,: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.15 | 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}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0!important;height:0}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.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);transition:all;transition-duration:.3s}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.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))}";
-const WarrantyDetailsStyle0 = warrantyDetailsCss;
-
-let mockData = {};
-const WarrantyDetails = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.baseUrl = '';
-        this.isDev = false;
-        this.showSsc = false;
-        this.queryString = '';
-        this.recaptchaKey = '';
-        this.language = 'en';
-        this.showWarranty = false;
-        this.unauthorizedSscLookupBaseUrl = '';
-        this.unauthorizedSscLookupQueryString = '';
-        this.cityId = null;
-        this.cityIntegrationId = null;
-        this.companyId = null;
-        this.companyIntegrationId = null;
-        this.companyBranchId = null;
-        this.companyBranchIntegrationId = null;
-        this.userId = null;
-        this.brandIntegrationId = null;
-        this.customerName = null;
-        this.customerPhone = null;
-        this.customerEmail = null;
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.state = 'idle';
-        this.externalVin = null;
-        this.showRecaptcha = false;
-        this.errorMessage = null;
-        this.unInvoicedByBrokerName = null;
-        this.vehicleInformation = undefined;
-        this.checkingUnauthorizedSSC = false;
-        this.recaptchaRes = null;
-        this.headers = {};
-        this.locale = getLocalLanguage.localeSchema.getDefault();
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        this.locale = await getLocalLanguage.getLocaleLanguage(newLanguage);
-    }
-    handleSettingData(response) {
-        var _a, _b, _c;
-        if (response.warranty === null)
-            response.warranty = {
-                warrantyEndDate: '',
-                warrantyStartDate: '',
-                hasActiveWarranty: false,
-                hasExtendedWarranty: false,
-                extendedWarrantyEndDate: '',
-                extendedWarrantyStartDate: '',
-            };
-        if (response.ssc === null)
-            response.ssc = [];
-        this.unInvoicedByBrokerName = null;
-        if (((_a = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
-            this.unInvoicedByBrokerName = response.saleInformation.broker.brokerName;
-        this.vehicleInformation = response;
-    }
-    async handleInitializingRecaptcha(vin, scopedTimeoutRef) {
-        var _a;
-        if (((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.isAuthorized) === false && this.showSsc && this.recaptchaKey !== '') {
-            grecaptcha.reset();
-            await new Promise(r => setTimeout(r, 400));
-            this.recaptchaIntervalRef = setInterval(async () => {
-                var _a;
-                const recaptchaResponse = grecaptcha.getResponse();
-                if (recaptchaResponse) {
-                    clearInterval(this.recaptchaIntervalRef);
-                    if (this.isDev) {
-                        this.checkingUnauthorizedSSC = true;
-                        this.showRecaptcha = false;
-                        await new Promise(r => setTimeout(r, 3000));
-                        this.checkingUnauthorizedSSC = false;
-                        const hasPendingSSC = Math.random() < 0.5 ? false : true;
-                        this.recaptchaRes = {
-                            hasSSC: hasPendingSSC,
-                            message: hasPendingSSC ? 'pendingSSC' : 'noPendingSSC',
-                        };
-                    }
-                    else {
-                        this.checkingUnauthorizedSSC = true;
-                        this.showRecaptcha = false;
-                        ///
-                        const response = await fetch(`${this.unauthorizedSscLookupBaseUrl}${vin}/${(_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.sscLogId}?${this.unauthorizedSscLookupQueryString}`, {
-                            signal: this.abortController.signal,
-                            headers: Object.assign(Object.assign({}, this.headers), { 'Ssc-Recaptcha-Token': recaptchaResponse }),
-                        });
-                        const vinResponse = await response.json();
-                        if (vinResponse && this.networkTimeoutRef === scopedTimeoutRef) {
-                            this.checkingUnauthorizedSSC = false;
-                            const hasPendingSSC = vinResponse.sscLookupStatus === 1;
-                            this.recaptchaRes = {
-                                hasSSC: hasPendingSSC,
-                                message: hasPendingSSC ? 'pendingSSC' : 'noPendingSSC',
-                            };
-                        }
-                        else
-                            throw new Error('wrongResponseFormat');
-                    }
-                }
-            }, 500);
-            this.showRecaptcha = true;
-        }
-        else {
-            this.showRecaptcha = false;
-        }
-    }
-    async setData(newData, headers = {}) {
-        this.recaptchaRes = null;
-        this.headers = headers;
-        clearTimeout(this.networkTimeoutRef);
-        clearInterval(this.recaptchaIntervalRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.state = 'idle';
-                return;
-            }
-            if (this.state === 'data' || this.state === 'error') {
-                this.state = (this.state + '-loading');
-            }
-            else
-                this.state = 'loading';
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 600);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                this.handleSettingData(vehicleResponse);
-                this.handleInitializingRecaptcha(vin, scopedTimeoutRef);
-            }
-            this.errorMessage = null;
-            this.state = 'data';
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.state = 'error';
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    async componentDidLoad() {
-        if (this.recaptchaKey !== '') {
-            const script = document.createElement('script');
-            script.src = 'https://www.google.com/recaptcha/api.js';
-            script.async = true;
-            script.defer = true;
-            script.onload = () => console.log('reCAPTCHA script loaded');
-            document.head.appendChild(script);
-        }
-    }
-    async setMockData(newMockData) {
-        mockData = newMockData;
-    }
-    async loadingListener() {
-        if (this.loadingStateChange)
-            this.loadingStateChange(this.state.includes('loading'));
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        return (index.h(index.Host, { key: '8a54ab74f9c9282ac77e5e1e8efa862d32806929' }, index.h("div", { key: 'f62f8d7e44da8369ebccf18357200e232c641e6e', dir: this.locale.direction, class: "min-h-[100px] warranty" }, index.h("div", { key: '6b65fb28f1a41bbcb65117d3cd748779827a6692' }, index.h("loading-spinner", { key: 'ad9d8fa792075417393a6d54beeeb126499d30dd', isLoading: this.state.includes('loading') }), index.h("div", { key: 'a2df5088999081ec112a059547f58f9e129cdf0d', class: "transition-all !duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (index.h("div", { key: '936e754a9fdf7072c09e25b07dd7bf8a8f6fc13e', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '364233aa583fee4518f48172e7facd9b40a5b00e', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '3eb25a151fcaecf26edef5147fc16a51087ab9b9', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (index.h(CardsContainer, { key: '4b8204ef0cb5d76e164a7ed6ae19d8c41da761f1', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), index.h("div", { key: 'ad8527b09f7aa3c7559dd901e5ade3499303d3b8', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: 'b1b0b08c2663eb26a3bc67b9cc356c40d35abafa' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: '86db3700946862964e9dc4cd2cc5312cf430762b', class: cn.cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (index.h("div", { key: 'ab168a7bd0c77054a7594cdb0b0741abe8d4cac6', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, index.h("div", { key: '7ea9363eb62ce4a93cdc2b52db12f54d7e811981' }, index.h("strong", { key: 'b76260bd00b7c786a5846e83beea40d13d89bf45' }, this.locale.vehicleLookup.warranty.checkingTMC)), index.h("img", { key: 'b25c6dcc9351c700ac41a6400413c99091392d3b', class: "spin", src: loader.loaderSvg }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (index.h(SSCTable, { key: 'baa08e19b3274ee99bfd3ae2756a20b7dde59501', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "language": ["changeLanguage"],
-        "state": ["loadingListener"]
-    }; }
-};
-WarrantyDetails.style = WarrantyDetailsStyle0;
-
-exports.dynamic_claim = DynamicClaim;
-exports.paint_thickness = PaintThickness;
-exports.service_history = ServiceHistory;
-exports.vehicle_accessories = VehicleAccessories;
-exports.vehicle_specification = VehicleSpecification;
-exports.warranty_details = WarrantyDetails;