adp-web-components 0.3.19 → 0.3.20

package/dist/types/features/form-hook/functions.d.ts

@@ -2,6 +2,20 @@ import { FormHook } from './form-hook';
 import { LanguageKeys, MultiLingual } from "../multi-lingual/index";
 import { FormHookInterface } from './interface';
 import { AnyObjectSchema } from 'yup';
+/**
+ * `data` is optional on the structure type, and `Object.hasOwn(undefined, ...)`
+ * throws. That throw landed in `formDidLoadHandler` before `formContext.form`
+ * was ever assigned, so a form given a malformed structure -- or none at all --
+ * never mounted `form-structure` and sat on its loader forever. The
+ * "wrong form structure" panel was unreachable, because it only renders inside
+ * the component that never mounted.
+ *
+ * A present-but-false `isMobileForm` still has to beat the prop, so this is a
+ * key check rather than a truthiness check.
+ */
+export declare const resolveIsMobileForm: (structure: {
+    data?: Record<string, any>;
+} | undefined, fallback: boolean) => boolean;
 export type FormLanguageChange = {
     form: FormHook<any>;
     locale: Record<string, any>;

package/dist/types/global/lib/slot-day-rules.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Day-level availability rules shared by the two booking pickers.
+ *
+ * The calendar endpoint already omits days a branch is closed, so a day it
+ * never returns is simply absent. These rules cover what the endpoint cannot
+ * express: a weekday a deployment never takes bookings on, and one-off blackout
+ * dates — a holiday, a stock-take, a branch-wide event.
+ *
+ * A day matched here is rendered *disabled* rather than dropped, so a customer
+ * can see the day exists and is merely not bookable, instead of wondering why
+ * their calendar skips a date.
+ */
+/** Accepts `[5, 6]`, `"5,6"`, `"5 6"` or `"[5,6]"` — 0 is Sunday, 6 Saturday. */
+export declare function parseWeekdayList(input?: string | number[] | null): number[];
+/** Accepts an array or a comma/space separated string of `YYYY-MM-DD` dates. */
+export declare function parseDateList(input?: string | string[] | null): string[];
+/**
+ * `2026-08-13` → 0 (Sunday) … 6 (Saturday).
+ *
+ * Built at midday on purpose: a midnight Date in a negative-offset zone rolls
+ * back a day, which would shift every weekday by one.
+ */
+export declare function weekdayOf(date: string): number;
+/** True when the day exists but must not be selectable. */
+export declare function isDayBlocked(date: string, weekdays: number[], dates: string[]): boolean;

package/dist/types/locales/vehicleLookup/serviceHistory/type.d.ts

@@ -1,6 +1,6 @@
 declare const ServiceHistorySchema: import("yup").ObjectSchema<{
-    noData: string;
     date: string;
+    noData: string;
     branch: string;
     partDescription: string;
     serviceType: string;
@@ -17,8 +17,8 @@ declare const ServiceHistorySchema: import("yup").ObjectSchema<{
     serviceDescription: string;
     qty: string;
 }, import("yup").AnyObject, {
-    noData: undefined;
     date: undefined;
+    noData: undefined;
     branch: undefined;
     partDescription: undefined;
     serviceType: undefined;

package/dist/types/locales/vehicleLookup/warrantyTimeline/type.d.ts

@@ -1,5 +1,7 @@
 declare const warrantyTimelineSchema: import("yup").ObjectSchema<{
+    today: string;
     year: string;
+    month: string;
     dealer: string;
     authorized: string;
     unauthorized: string;
@@ -14,16 +16,16 @@ declare const warrantyTimelineSchema: import("yup").ObjectSchema<{
     extendedWarranty: string;
     standard: string;
     extended: string;
-    today: string;
     years: string;
-    month: string;
     months: string;
     warrantyNotStarted: string;
     awaitingBrokerInvoice: string;
     awaitingEndCustomerSale: string;
     awaitingActivation: string;
 }, import("yup").AnyObject, {
+    today: undefined;
     year: undefined;
+    month: undefined;
     dealer: undefined;
     authorized: undefined;
     unauthorized: undefined;
@@ -38,9 +40,7 @@ declare const warrantyTimelineSchema: import("yup").ObjectSchema<{
     extendedWarranty: undefined;
     standard: undefined;
     extended: undefined;
-    today: undefined;
     years: undefined;
-    month: undefined;
     months: undefined;
     warrantyNotStarted: undefined;
     awaitingBrokerInvoice: undefined;

package/dist/types/locales/vehicleLookup/wrapper-type.d.ts

@@ -100,8 +100,8 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
         printCertificate?: string;
     };
     serviceHistory: {
-        noData?: string;
         date?: string;
+        noData?: string;
         branch?: string;
         partDescription?: string;
         serviceType?: string;
@@ -220,8 +220,8 @@ declare const vehicleLookupWrapperSchema: import("yup").ObjectSchema<{
         printCertificate: undefined;
     };
     serviceHistory: {
-        noData: undefined;
         date: undefined;
+        noData: undefined;
         branch: undefined;
         partDescription: undefined;
         serviceType: undefined;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "adp-web-components",
-  "version": "0.3.19",
+  "version": "0.3.20",
+  "packageManager": "yarn@1.22.22",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -61,6 +62,10 @@
     "prettier": "prettier --check \"src/**/*.{ts,tsx,js,jsx,css,scss,html}\"",
     "generate:integration-manifest": "node ./automation/generate-integration-manifest.mjs",
     "verify:integration-artifact": "node ./automation/verify-integration-artifact.mjs",
+    "release": "node ./automation/build-website.mjs",
+    "preview": "node ./automation/preview-website.mjs",
+    "deploy": "wrangler deploy",
+    "deploy:preview": "wrangler versions upload",
     "build:templates": "node ./automation/build-templates.mjs",
     "watch:templates": "node ./automation/build-templates.mjs --watch",
     "start:stencil": "stencil build --dev --watch --serve"

package/dist/components/p-1fzw9lBq.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{h as t,t as e,p as i,H as a,a as o}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{y as n,s}from"./p-YQJevg3-.js";import{V as l}from"./p-d7wdNFwt.js";import{s as d}from"./p-6IrGK81y.js";import{s as c,a as p}from"./p-rW_ExFCn.js";import{g as h,a as g}from"./p-DcMgXNpe.js";import{d as w}from"./p-B7G2HjX0.js";import{d as x}from"./p-C8S2P4sw.js";import{d as b}from"./p-CCounVqq.js";const u=n(["dealer","authorized","unauthorized","activeWarranty","notActiveWarranty","notInvoiced","from","to","extendedWarrantyFrom","extendedWarrantyTo","checkingTMC","sscCampings","sscTableCode","sscTableDescription","sscTableRepairStatus","sscTableOPCode","sscTablePartNumber"]),v="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",f="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function m({isLoading:e=!1,opened:i=!0,desc:a,className:o,fromDesc:n,toDesc:s,from:l,to:d,state:c="idle",icon:p=!0}){return t("flexible-container",{isOpened:i,classes:r("shift-skeleton",{loading:e||!i})},t("div",{class:r("card",o,`${c}-card`)},p&&"reject"===c&&t("img",{src:f}),p&&"warning"===c&&t("img",{src:f}),p&&"success"===c&&t("img",{src:v}),l&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},n,":")," ",a),d&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},s,":")," ",a),!l&&!d&&t("p",{class:"idle"===c?"no-padding":""},a)))}function y({isLoading:e,vehicleInformation:i,isAuthorized:a,unInvoicedByBrokerName:o,warrantyLocale:n}){var s,l,d,c,p,h,g,w,x,b,u,v,y,k,z,j,M,I,C;return t("div",{class:"tags-container mx-auto"},t("flexible-container",{isOpened:!i||!!(null===(s=null==i?void 0:i.saleInformation)||void 0===s?void 0:s.companyName)},t("div",{class:!(!i||(null===(l=null==i?void 0:i.saleInformation)||void 0===l?void 0:l.companyName))&&"loading",style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton !rounded-[4px]"},t("div",{class:"card warning-card"},t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},n.dealer,":")," ",(null===(d=null==i?void 0:i.saleInformation)||void 0===d?void 0:d.companyName)||""," ",(null===(c=null==i?void 0:i.saleInformation)||void 0===c?void 0:c.countryName)&&`(${null===(p=null==i?void 0:i.saleInformation)||void 0===p?void 0:p.countryName})`))))),t("flexible-container",{classes:r({loading:e||!o}),isOpened:!!o},t("div",{style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton"},t("div",{class:"card warning-card"},t("img",{src:f}),t("p",null,o?n.notInvoiced+o:""))))),t("div",{class:"warranty-tags"},t(m,{state:i?a?"success":"reject":"idle",desc:i?a?n.authorized:n.unauthorized:""}),t(m,{state:i?(null===(h=null==i?void 0:i.warranty)||void 0===h?void 0:h.hasActiveWarranty)?"success":"reject":"idle",desc:i?(null===(g=null==i?void 0:i.warranty)||void 0===g?void 0:g.hasActiveWarranty)?n.activeWarranty:n.notActiveWarranty:""}),t(m,{from:!0,icon:!1,fromDesc:n.from,desc:(null===(w=null==i?void 0:i.warranty)||void 0===w?void 0:w.warrantyStartDate)||"",opened:!!(null===(x=null==i?void 0:i.warranty)||void 0===x?void 0:x.warrantyStartDate)||!i,state:i?(null===(b=null==i?void 0:i.warranty)||void 0===b?void 0:b.hasActiveWarranty)?"success":"reject":"idle"}),t(m,{to:!0,icon:!1,toDesc:n.to,desc:(null===(u=null==i?void 0:i.warranty)||void 0===u?void 0:u.warrantyEndDate)||"",opened:!!(null===(v=null==i?void 0:i.warranty)||void 0===v?void 0:v.warrantyEndDate)||!i,state:i?(null===(y=null==i?void 0:i.warranty)||void 0===y?void 0:y.hasActiveWarranty)?"success":"reject":"idle"}),t(m,{from:!0,icon:!1,fromDesc:n.extendedWarrantyFrom,desc:(null===(k=null==i?void 0:i.warranty)||void 0===k?void 0:k.extendedWarrantyStartDate)||"",opened:!!i&&!!(null===(z=null==i?void 0:i.warranty)||void 0===z?void 0:z.extendedWarrantyStartDate),state:(null===(j=null==i?void 0:i.warranty)||void 0===j?void 0:j.hasExtendedWarranty)?"info":"reject"}),t(m,{to:!0,icon:!1,toDesc:n.extendedWarrantyTo,desc:(null===(M=null==i?void 0:i.warranty)||void 0===M?void 0:M.extendedWarrantyEndDate)||"",opened:!!i&&!!(null===(I=null==i?void 0:i.warranty)||void 0===I?void 0:I.extendedWarrantyEndDate),state:(null===(C=null==i?void 0:i.warranty)||void 0===C?void 0:C.hasExtendedWarranty)?"info":"reject"})))}const k=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:s.getDefault()},u.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.showSsc=!1,this.recaptchaKey="",this.mockRecaptcha=!1,this.showWarranty=!1,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.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.checkingUnauthorizedSSC=!1,this.devRecaptchaChecked=!1,this.recaptchaRes=null,this.handleDevRecaptchaClick=async()=>{this.devRecaptchaChecked||this.mockRecaptchaTrigger&&(this.devRecaptchaChecked=!0,await this.mockRecaptchaTrigger())},this.syncRecaptchaPosition=()=>{if(!this.recaptchaPlaceholderRef||!this.showRecaptcha)return;const t=this.recaptchaPlaceholderRef.getBoundingClientRect();this.recaptchaPortalEl.style.top=`${t.top}px`,this.recaptchaPortalEl.style.left=`${t.left}px`;const e=this.getAncestorOpacity();this.recaptchaPortalEl.style.opacity=String(e),this.recaptchaPortalEl.style.pointerEvents=e<.1?"none":"auto",this.positionRAF=requestAnimationFrame(this.syncRecaptchaPosition)}}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([h(t),g(t,"vehicleLookup.warranty",u)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){this.recaptchaRes=null,this.showRecaptcha=!1,clearInterval(this.recaptchaIntervalRef),await c(this,t,e,{beforeAssignment:async(t,{scopedTimeoutRef:e})=>{var i,a,o;return this.unInvoicedByBrokerName=null!==(null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)&&null===(null===(o=null===(a=null==t?void 0:t.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?t.saleInformation.broker.brokerName:null,await this.handleInitializingRecaptcha(t,e),t}})}async setErrorMessage(t){p(this,t)}async clearData(){this.vehicleLookup=void 0,this.recaptchaRes=null,this.showRecaptcha=!1,this.devRecaptchaChecked=!1,this.checkingUnauthorizedSSC=!1,this.isError=!1,this.errorMessage=void 0,this.isLoading=!1,clearInterval(this.recaptchaIntervalRef)}onLoadingChange(t){d.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}get useMockRecaptchaWidget(){return this.isDev||this.mockRecaptcha}async runUnauthorizedSscLookup(t,e,i){if(this.checkingUnauthorizedSSC=!0,this.isDev){await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=Math.random(),e=t<.33?0:t>.33&&t<.66?2:1;return this.recaptchaRes={status:0===e?"noRecall":2===e?"noApplicableVehicleFound":"recallExists"},void d.bind(this)(this.unauthorizedSscLookupResponse,e)}const a=await fetch(`${this.unauthorizedSscLookupBaseUrl}${null==t?void 0:t.vin}/${null==t?void 0:t.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":e})}),o=await a.json();if(!o||this.networkTimeoutRef!==i)throw new Error("wrongResponseFormat");this.checkingUnauthorizedSSC=!1,this.recaptchaRes={status:0===o.sscLookupStatus?"noRecall":1===o.sscLookupStatus?"recallExists":2===o.sscLookupStatus?"noApplicableVehicleFound":null},d.bind(this)(this.unauthorizedSscLookupResponse,o.sscLookupStatus)}async handleInitializingRecaptcha(t,e){if(!1===(null==t?void 0:t.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey){if(this.devRecaptchaChecked=!1,this.useMockRecaptchaWidget)return this.mockRecaptchaTrigger=()=>this.runUnauthorizedSscLookup(t,"mock-recaptcha-token",e),void(this.showRecaptcha=!0);void 0!==this.recaptchaWidgetId&&grecaptcha.reset(this.recaptchaWidgetId),this.recaptchaIntervalRef=setInterval((async()=>{const i=grecaptcha.getResponse(this.recaptchaWidgetId);i&&(clearInterval(this.recaptchaIntervalRef),await this.runUnauthorizedSscLookup(t,i,e))}),500),this.showRecaptcha=!0}else this.showRecaptcha=!1}async componentDidLoad(){if(!this.useMockRecaptchaWidget&&""!==this.recaptchaKey){this.recaptchaPortalEl=document.createElement("div"),this.recaptchaPortalEl.style.cssText="position: fixed; z-index: 1; display: none;",document.body.appendChild(this.recaptchaPortalEl);const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js?render=explicit",t.async=!0,t.defer=!0,t.onload=()=>{grecaptcha.ready((()=>{this.recaptchaWidgetId=grecaptcha.render(this.recaptchaPortalEl,{sitekey:this.recaptchaKey})}))},document.head.appendChild(t)}}disconnectedCallback(){cancelAnimationFrame(this.positionRAF),clearInterval(this.recaptchaIntervalRef),this.recaptchaPortalEl&&this.recaptchaPortalEl.remove()}onShowRecaptchaChange(t){this.recaptchaPortalEl&&(t?(this.recaptchaPortalEl.style.display="block",this.syncRecaptchaPosition()):(this.recaptchaPortalEl.style.display="none",cancelAnimationFrame(this.positionRAF)))}getAncestorOpacity(){let t=this.el.parentElement;for(;t&&t!==document.body;){const e=parseFloat(getComputedStyle(t).opacity);if(e<1)return e;t=t.parentElement}return 1}render(){var e,i,a,n,s,d,c;const p=[{nowrap:!0,key:"sscTableCode",label:this.locale.sscTableCode},{key:"sscTableDescription",label:this.locale.sscTableDescription},{nowrap:!0,key:"sscTableRepairStatus",label:this.locale.sscTableRepairStatus},{key:"sscTableOPCode",label:this.locale.sscTableOPCode},{key:"sscTablePartNumber",label:this.locale.sscTablePartNumber}],h=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.ssc)?null===(i=this.vehicleLookup)||void 0===i?void 0:i.ssc.map((e=>({sscTableCode:null==e?void 0:e.sscCode,sscTableDescription:null==e?void 0:e.description,sscTableRepairStatus:()=>t("div",{class:"table-cell-container"},t("img",{class:"table-status-icon",src:(null==e?void 0:e.repaired)?v:f})," ",null==e?void 0:e.repairDate),sscTableOPCode:()=>t("div",{class:"table-cell-container table-cell-labors-container"},(null==e?void 0:e.labors.length)?null==e?void 0:e.labors.map((e=>t("div",{key:null==e?void 0:e.laborCode,class:"success"},null==e?void 0:e.laborCode))):"..."),sscTablePartNumber:()=>t("div",{class:"table-cell-container table-cell-parts-container"},(null==e?void 0:e.parts.length)?null==e?void 0:e.parts.map((e=>{const i=!0===(null==e?void 0:e.isAvailable)?"available":!1===(null==e?void 0:e.isAvailable)?"unavailable":"unchecked";return t("div",{key:null==e?void 0:e.partNumber,class:r("part-chip",i)},"unchecked"!==i&&t("img",{class:"part-chip-icon",src:"available"===i?v:f}),t("span",null,null==e?void 0:e.partNumber))})):"...")}))):[],g={sscTableOPCode:()=>t("div",{class:"h-[25px]"}),sscTablePartNumber:()=>t("div",{class:"h-[25px]"}),sscTableRepairStatus:()=>t("div",{class:"h-[25px]"})};return t(o,{translate:"no"},t(l,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(a=this.vehicleLookup)||void 0===a?void 0:a.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{class:"p-[16px]"},this.showWarranty&&t(y,{isLoading:this.isLoading,warrantyLocale:this.locale,vehicleInformation:this.vehicleLookup,isAuthorized:null===(n=this.vehicleLookup)||void 0===n?void 0:n.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName}),t("div",{class:"h-[8px]"}),t("flexible-container",{isOpened:this.showRecaptcha,classes:r("w-fit mx-auto shift-skeleton",{loading:!this.showRecaptcha||this.isLoading})},t("div",{style:{height:"auto"},class:"recaptcha-container"},this.useMockRecaptchaWidget?t("div",{ref:t=>this.recaptchaPlaceholderRef=t,onClick:this.handleDevRecaptchaClick,class:r("dev-recaptcha",{"dev-recaptcha-disabled":this.devRecaptchaChecked})},t("div",{class:r("dev-recaptcha-checkbox",{checked:this.devRecaptchaChecked})},this.devRecaptchaChecked&&t("span",{class:"dev-recaptcha-checkmark"},"✓")),t("div",{class:"dev-recaptcha-label"},"I'm not a robot"),t("div",{class:"dev-recaptcha-brand"},t("div",{class:"dev-recaptcha-brand-name"},"reCAPTCHA"),t("div",{class:"dev-recaptcha-brand-mock"},"(dev mock)"))):t("div",{ref:t=>this.recaptchaPlaceholderRef=t,style:{minWidth:"302px",minHeight:"76px"}})),this.recaptchaRes&&t("div",{class:r("recaptcha-response","recallExists"===(null===(s=this.recaptchaRes)||void 0===s?void 0:s.status)?"reject-card ":"noRecall"===(null===(d=this.recaptchaRes)||void 0===d?void 0:d.status)?"success-card ":"warning-card ")},this.locale[null===(c=this.recaptchaRes)||void 0===c?void 0:c.status]))),t("flexible-container",{isOpened:this.checkingUnauthorizedSSC,classes:"w-fit mx-auto"},t("div",{class:"pt-[16px]"},t("div",{class:"flex shift-skeleton flex-col gap-[8px]"},t("strong",null,this.locale.checkingTMC),t("div",{class:"relative pt-[40px]"},t("loading-spinner",{isLoading:this.checkingUnauthorizedSSC}))))),this.showSsc&&t("div",{class:"mt-[32px] w-full"},t("div",{class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.sscCampings),t("div",{class:"overflow-x-auto"},t("information-table",{allowAutoWidth:!0,isLoading:this.isLoading,templateRow:g,rows:h,headers:p})))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}],showRecaptcha:[{onShowRecaptchaChange:0}]}}static get style(){return'*,: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;}: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}.\\!pointer-events-none{pointer-events:none!important}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.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;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.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))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.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}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition:all;transition-duration:.3s;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:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background:#d0e7de!important;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521!important;color:#0b3521}.reject-card{background:#f7d7d8!important;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c!important;color:#58151c}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;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))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#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;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}@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{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:6px;color:rgb(15 23 42/var(--tw-text-opacity,1));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}.info-card{background:#bbdefb!important;border-color:#89caff!important;color:#0d47a1!important}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-1st-row{grid-column:1/3;grid-row:1/3}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.tags-container,.warranty-tags{max-width:1000px}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr}.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-cell-parts-container .part-chip{align-items:center;display:inline-flex;font-weight:600;gap:5px}.part-chip-icon{flex-shrink:0;height:15px;width:15px}.table-cell-parts-container .part-chip.available{background:#d0e7de;color:#0b3521}.table-cell-parts-container .part-chip.unavailable{background:#f7d7d8;color:#58151c}.table-cell-parts-container .part-chip.unchecked{background:#e5e7eb;color:#4b5563}.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}.dev-recaptcha{align-items:center;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;box-sizing:border-box;color:#000;cursor:pointer;display:flex;font-size:14px;gap:12px;height:76px;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:302px}.dev-recaptcha-disabled{cursor:default}.dev-recaptcha-checkbox{align-items:center;background:#fff;border:2px solid #c1c1c1;border-radius:2px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dev-recaptcha-checkbox.checked{background:#4caf50;border-color:#4caf50}.dev-recaptcha-checkmark{color:#fff;font-size:22px;font-weight:700;line-height:1}.dev-recaptcha-label{flex:1}.dev-recaptcha-brand{align-items:center;color:#555;display:flex;flex-direction:column;flex-shrink:0;font-size:10px}.dev-recaptcha-brand-name{font-size:11px;font-weight:700}.dev-recaptcha-brand-mock{color:#888;font-size:9px}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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)}.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)}.pointer-events-none{pointer-events:none}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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)}.duration-300{transition-duration:.3s}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;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))}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;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))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.gap-2{gap:.5rem}.\\!rounded-\\[4px\\]{border-radius:4px!important}'}},[1,"vehicle-warranty-details",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],unauthorizedSscLookupResponse:[1,"unauthorized-ssc-lookup-response"],showSsc:[4,"show-ssc"],recaptchaKey:[1,"recaptcha-key"],mockRecaptcha:[4,"mock-recaptcha"],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],blazorRef:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],checkingUnauthorizedSSC:[32],devRecaptchaChecked:[32],recaptchaRes:[32],setMockData:[64],fetchVin:[64],setErrorMessage:[64],clearData:[64],setBlazorRef:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}],showRecaptcha:[{onShowRecaptchaChange:0}]}]);function z(){"undefined"!=typeof customElements&&["vehicle-warranty-details","flexible-container","information-table","loading-spinner"].forEach((t=>{switch(t){case"vehicle-warranty-details":customElements.get(e(t))||customElements.define(e(t),k);break;case"flexible-container":customElements.get(e(t))||w();break;case"information-table":customElements.get(e(t))||x();break;case"loading-spinner":customElements.get(e(t))||b()}}))}z();export{k as V,z as d,u as w}

package/dist/components/p-7Gq_FyNj.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{h as t,t as e,p as a,H as o,a as r}from"./index.js";import{y as i,s as n}from"./p-YQJevg3-.js";import{M as s}from"./p-Df4xlD1R.js";import{V as d}from"./p-d7wdNFwt.js";import{s as l}from"./p-6IrGK81y.js";import{s as c,a as p}from"./p-rW_ExFCn.js";import{g as w,a as h}from"./p-DcMgXNpe.js";import{c as x}from"./p-BK16Cn81.js";import{T as b}from"./p-CILGkcfa.js";import{d as g}from"./p-B7G2HjX0.js";const f=i(["vehicleSaleInformation","noData","countryName","companyName","branchName","customerAccountNumber","invoiceNumber","invoiceDate","warrantyActivationDate","brokerName","brokerInvoiceNumber","brokerInvoiceDate","distributorName","distributorInvoiceNumber","distributorInvoiceDate","intermediaryName","intermediaryInvoiceNumber","intermediaryInvoiceDate","customerInformation","endCustomerName","endCustomerPhone","endCustomerIdNumber","customerID","Vehicle has no end customer."]),u=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),t("circle",{cx:"12",cy:"7",r:"4"})),v=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"})),m=e=>t("svg",Object.assign({fill:"none"},e,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),t("path",{d:"M16 10h2"}),t("path",{d:"M16 14h2"}),t("path",{d:"M6.17 15a3 3 0 0 1 5.66 0"}),t("circle",{cx:"9",cy:"11",r:"2"}),t("rect",{x:"2",y:"5",width:"20",height:"14",rx:"2"})),y=a(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},f.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.hiddenFields="customerAccountNumber,customerID,brokerInvoiceNumber,brokerInvoiceDate,distributorInvoiceNumber,distributorInvoiceDate,warrantyActivationDate,invoiceDate,invoiceNumber"}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([w(t),h(t,"vehicleLookup.saleInformation",f)]);this.locale=Object.assign({sharedLocales:e},a)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await c(this,t,e)}async setErrorMessage(t){p(this,t)}onLoadingChange(t){l.bind(this)(this.loadingStateChange,t)}formatDate(t){if(!t)return"";try{const e=new Date(t);return Number.isNaN(e.getTime())?"":e.toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long",day:"2-digit"})}catch(t){return""}}render(){var e,a,o,i,n,l,c,p,w,h,g,f,y,k,z;const N=(null===(a=null===(e=this.hiddenFields)||void 0===e?void 0:e.split(","))||void 0===a?void 0:a.map((t=>t.trim())))||[],j=this.locale,I=(null===(o=this.vehicleLookup)||void 0===o?void 0:o.saleInformation)||{},D=t=>(null!=t?t:"").toString().trim(),C=!!this.vehicleLookup&&!!(null===(n=null===(i=this.vehicleLookup)||void 0===i?void 0:i.saleInformation)||void 0===n?void 0:n.endCustomer),X=[{fieldName:"endCustomerName",title:j.endCustomerName,value:D(null===(l=null==I?void 0:I.endCustomer)||void 0===l?void 0:l.name),Icon:u},{fieldName:"endCustomerPhone",title:j.endCustomerPhone,value:D(null===(c=null==I?void 0:I.endCustomer)||void 0===c?void 0:c.phone),Icon:v},{fieldName:"endCustomerIdNumber",title:j.endCustomerIdNumber,value:D(null===(p=null==I?void 0:I.endCustomer)||void 0===p?void 0:p.idNumber),Icon:m}],Y=[{fieldName:"companyName",title:j.companyName,value:D(null==I?void 0:I.companyName)},{fieldName:"branchName",title:j.branchName,value:D(null==I?void 0:I.branchName)},{fieldName:"customerAccountNumber",title:j.customerAccountNumber,value:D(null==I?void 0:I.customerAccountNumber)},{fieldName:"customerID",title:j.customerID,value:D(null==I?void 0:I.customerID)},{fieldName:"brokerName",title:j.brokerName,value:D(null===(w=null==I?void 0:I.broker)||void 0===w?void 0:w.brokerName)},{fieldName:"brokerInvoiceNumber",title:j.brokerInvoiceNumber,value:D(null===(h=null==I?void 0:I.broker)||void 0===h?void 0:h.invoiceNumber)},{fieldName:"brokerInvoiceDate",title:j.brokerInvoiceDate,value:this.formatDate(null===(g=null==I?void 0:I.broker)||void 0===g?void 0:g.invoiceDate)},{fieldName:"distributorName",title:j.distributorName,value:D(null===(f=null==I?void 0:I.distributor)||void 0===f?void 0:f.companyName)},{fieldName:"distributorInvoiceNumber",title:j.distributorInvoiceNumber,value:D(null===(y=null==I?void 0:I.distributor)||void 0===y?void 0:y.invoiceNumber)},{fieldName:"distributorInvoiceDate",title:j.distributorInvoiceDate,value:this.formatDate(null===(k=null==I?void 0:I.distributor)||void 0===k?void 0:k.invoiceDate)},{fieldName:"warrantyActivationDate",title:j.warrantyActivationDate,value:D(null==I?void 0:I.warrantyActivationDate)},{fieldName:"invoiceDate",title:j.invoiceDate,value:this.formatDate(null==I?void 0:I.invoiceDate)},{fieldName:"invoiceNumber",title:j.invoiceNumber,value:this.formatDate(null==I?void 0:I.invoiceNumber)}].filter((t=>!N.includes(t.fieldName))),L=X.filter((t=>!N.includes(t.fieldName)));return t(r,{key:"74b1f60326a886d31edb86143dbdc76d76717b6c",translate:"no"},t(d,{key:"87173dac1ce58e394d5768fb796fa0cd866a6d5d",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(z=this.vehicleLookup)||void 0===z?void 0:z.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("flexible-container",{key:"7a5f2b90e8f7ecad7005b3a68d72328ae8151504"},t("flexible-container",{key:"6787c7c23734ea55da9a24abf4fe16e15dc5ad4c",classes:x({loading:this.isLoading||this.isError||!this.vehicleLookup}),isOpened:!!this.vehicleLookup&&!this.isError},t("div",{key:"886a19b87a3e94ed81c863c06f555851581766a2",class:"p-[16px] mx-auto !pb-0 max-w-[520px]"},t("div",{key:"3ca3b0cb56f1833b63e0069469d36ea0c8d10be0",class:x("relative shift-skeleton !rounded-[12px] shift-card",{"shift-card-warning":!C})},t("div",{key:"72304982be45f78a5b846b6253f7047d984084ae",class:x("absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity",C?"opacity-0 pointer-events-none select-none":"opacity-100")},t("div",{key:"6ad3246b2eac5bd61286be0cf1d3d3576f3f2ea5",class:"w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]"},t("div",{key:"1d34f5f889e21c2be126042c2d4a1eddbcb20056",class:"size-full flex flex-col justify-start gap-[12px] items-center"},t("span",{key:"ff0151a203a4f312e43f1dbe2fb406859fe5d4ad",class:"shift-card-icon","aria-hidden":"true"},t(b,{key:"597481520bbee69af32384bdc391c8930dc72d20"})),t("p",{key:"f7632ff358aa4a50356dce4dfaf21cd4c68e082e",class:"mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]"},j["Vehicle has no end customer."]||"")))),t("div",{key:"29f0708d1364cb59b709895ed3ba6de8f1c0e230",class:x("transition-opacity",C?"opacity-100":"opacity-0 pointer-events-none select-none")},t("h2",{key:"00fb0983b5f33d1db640247e546e818929ea61f3",class:"shift-card-header"},j.customerInformation),t("div",{key:"5ddfbd19499e9e3aa0b9bef52684a6bd788f4ca4",class:"flex flex-col gap-[2px]"},L.map((e=>{const a=e.value||"";return t("div",{class:"flex gap-[12px] items-start"},t("span",{class:"shift-card-icon","aria-hidden":"true"},t(e.Icon,null)),t("div",{class:"flex flex-col translate-y-[-4px]"},t("div",{class:"shift-card-seconary-text"},e.title,":"),t("div",{class:x("shift-card-primary-text translate-y-[-4px]",{"shift-card-empty-text":!a})},a||"—")))}))))))),t("div",{key:"d3732a4c2b966e9f7d6aed92179785f2907422bc",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},Y.map((e=>t(s,{title:e.title,desc:e.value,minWidth:"250px"}))),!N.includes("intermediaries")&&((null==I?void 0:I.intermediaries)||[]).map((e=>t(s,{title:j.intermediaryName,desc:D(null==e?void 0:e.companyName),minWidth:"250px"})))))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}}static get style(){return'*,: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;}: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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.origin-left{transform-origin:left}.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))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e3e8ef;border-radius:12px;gap:12px;padding:12px}.shift-card-header{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:8px}.shift-card-icon{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.18));border:1px solid rgba(15,23,42,.12);border-radius:10px;color:#0f172a;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.shift-card-icon svg{height:20px;width:20px}.shift-card-seconary-text{color:#475569;font-size:13.5px}.shift-card-primary-text{color:#0f172a;font-size:15px;font-weight:700;overflow-wrap:anywhere}.shift-card-empty-text{color:#94a3b8;font-weight:600}.shift-card-warning{background:linear-gradient(180deg,#fff7ed,#fffbeb);border-color:rgba(245,158,11,.55)}.shift-card-warning .shift-card-icon{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(239,68,68,.16));border-color:rgba(245,158,11,.35);color:#7c2d12}.shift-card-warning .shift-card-header{color:#7c2d12}.shift-card-warning .shift-card-seconary-text{color:rgba(124,45,18,.72)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;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))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#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;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:12px;color:rgb(15 23 42/var(--tw-text-opacity,1));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-inline-start:8px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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)}.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)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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)}.duration-300{transition-duration:.3s}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;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-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.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-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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;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))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[1,"vehicle-sale-information",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],hiddenFields:[1,"hidden-fields"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}]);function k(){"undefined"!=typeof customElements&&["vehicle-sale-information","flexible-container"].forEach((t=>{switch(t){case"vehicle-sale-information":customElements.get(e(t))||customElements.define(e(t),y);break;case"flexible-container":customElements.get(e(t))||g()}}))}k();export{y as V,k as d}

package/dist/components/p-8jIkK-Kb.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{t,p as o,H as e,h as i,a}from"./index.js";import{y as r,s as n}from"./p-YQJevg3-.js";import{M as s,a as d}from"./p-Df4xlD1R.js";import{V as l}from"./p-d7wdNFwt.js";import{s as p}from"./p-6IrGK81y.js";import{s as c,a as w}from"./p-rW_ExFCn.js";import{g as h,a as x}from"./p-DcMgXNpe.js";import{d as g}from"./p-B7G2HjX0.js";const b=r(["vehicleSpecification","noData","model","variant","katashiki","modelYear","sfx","productionDate"]),f=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},b.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[o,e]=await Promise.all([h(t),x(t,"vehicleLookup.specification",b)]);this.locale=Object.assign({sharedLocales:o},e)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,o={}){await c(this,t,o)}async setErrorMessage(t){w(this,t)}onLoadingChange(t){p.bind(this)(this.loadingStateChange,t)}render(){var t,o,e,r,n,p,c,w,h,x,g,b,f,v,u,m,y,k,z,j,Y,X,L,E,M,C,D,_,W,R,S,N,V,O,q,A,B,F,I;const U=this.locale;let G=null;try{(null===(o=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vehicleSpecification)||void 0===o?void 0:o.productionDate)&&(G=new Date(null===(r=null===(e=this.vehicleLookup)||void 0===e?void 0:e.vehicleSpecification)||void 0===r?void 0:r.productionDate).toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long"}))}catch(t){G=null}return i(a,{key:"d98c44d40973f8bb7efbc25e3ea7ae410c416556",translate:"no"},i(l,{key:"390c7844e89fdb9c8897b9f2c6cab53e5b2d1833",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(n=this.vehicleLookup)||void 0===n?void 0:n.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("flexible-container",{key:"56b6d4bfceca5e7af5527ec9f59c8fc8644bbaf8"},i("div",{key:"874d4e4fa7a1898f2289d70e4c9c8dbac5ac645a",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},i(s,{key:"7d6b383ac3aed7af20394c4ebfd6542d476c6459",class:"grow",title:null==U?void 0:U.model,minWidth:"300px"},i(d,{key:"64565d1aceb3234a2f7851267d7c3293593f4ea1",class:"text-center",hidden:!(null===(w=null===(c=null===(p=null==this?void 0:this.vehicleLookup)||void 0===p?void 0:p.vehicleVariantInfo)||void 0===c?void 0:c.modelCode)||void 0===w?void 0:w.trim())&&!(null===(g=null===(x=null===(h=null==this?void 0:this.vehicleLookup)||void 0===h?void 0:h.vehicleSpecification)||void 0===x?void 0:x.modelDescription)||void 0===g?void 0:g.trim())},(null===(v=null===(f=null===(b=null==this?void 0:this.vehicleLookup)||void 0===b?void 0:b.vehicleVariantInfo)||void 0===f?void 0:f.modelCode)||void 0===v?void 0:v.trim())||""," ",i("br",{key:"646fd104e73eff1d401cf82f0dffa72345350980",class:"my-2"}),(null===(y=null===(m=null===(u=null==this?void 0:this.vehicleLookup)||void 0===u?void 0:u.vehicleSpecification)||void 0===m?void 0:m.modelDescription)||void 0===y?void 0:y.trim())||"")),i(s,{key:"5eabff5222d9a1070742cbfad6d70b37a063005d",class:"grow",title:null==U?void 0:U.variant,minWidth:"300px"},i(d,{key:"18075931e724054d6c093bc760021742bd998748",class:"text-center",hidden:!(null===(j=null===(z=null===(k=null==this?void 0:this.vehicleLookup)||void 0===k?void 0:k.identifiers)||void 0===z?void 0:z.variant)||void 0===j?void 0:j.trim())&&!(null===(L=null===(X=null===(Y=null==this?void 0:this.vehicleLookup)||void 0===Y?void 0:Y.vehicleSpecification)||void 0===X?void 0:X.variantDescription)||void 0===L?void 0:L.trim())},(null===(C=null===(M=null===(E=null==this?void 0:this.vehicleLookup)||void 0===E?void 0:E.identifiers)||void 0===M?void 0:M.variant)||void 0===C?void 0:C.trim())||""," ",i("br",{key:"058d9a36ce402fac5352761d39a337c230315570"}),(null===(W=null===(_=null===(D=null==this?void 0:this.vehicleLookup)||void 0===D?void 0:D.vehicleSpecification)||void 0===_?void 0:_.variantDescription)||void 0===W?void 0:W.trim())||"")),i(s,{key:"be6196838bc9db6c4d8f7f2f444b52eecf431c42",desc:(null===(N=null===(S=null===(R=null==this?void 0:this.vehicleLookup)||void 0===R?void 0:R.identifiers)||void 0===S?void 0:S.katashiki)||void 0===N?void 0:N.trim())||"",title:null==U?void 0:U.katashiki,minWidth:"250px"}),i(s,{key:"9947f93d26b99b8a88b8f6b00612054fc075f3fc",desc:(null===(A=null===(q=null===(O=null===(V=null==this?void 0:this.vehicleLookup)||void 0===V?void 0:V.vehicleVariantInfo)||void 0===O?void 0:O.modelYear)||void 0===q?void 0:q.toString())||void 0===A?void 0:A.trim())||"",title:null==U?void 0:U.modelYear,minWidth:"250px"}),i(s,{key:"eaa2a2602bf934c1d981f37888d442b7f5145019",desc:G||"",title:null==U?void 0:U.productionDate,minWidth:"250px"}),i(s,{key:"594503652f6d677b167a707975a3d8ee45031091",desc:(null===(I=null===(F=null===(B=null==this?void 0:this.vehicleLookup)||void 0===B?void 0:B.vehicleVariantInfo)||void 0===F?void 0:F.sfx)||void 0===I?void 0:I.trim())||"",title:null==U?void 0:U.sfx,minWidth:"250px"})))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}}static get style(){return'*,: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;}: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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.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))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;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))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#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;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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)}.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)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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)}.duration-300{transition-duration:.3s}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;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-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.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-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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.grid{display:grid}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;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))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[1,"vehicle-specification",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}]);function v(){"undefined"!=typeof customElements&&["vehicle-specification","flexible-container"].forEach((o=>{switch(o){case"vehicle-specification":customElements.get(t(o))||customElements.define(t(o),f);break;case"flexible-container":customElements.get(t(o))||g()}}))}v();export{f as V,v as d,b as s}

package/dist/components/p-BUepGDZV.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{t,p as i,H as e,c as o,h as r,a}from"./index.js";import{c as s}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{g as h}from"./p-BacLEn39.js";import"./p-YQJevg3-.js";import{g as d}from"./p-Dal_X4-W.js";import{F as l}from"./p-D9mmIizU.js";import{F as c}from"./p-ByRA9Jio.js";import{d as p}from"./p-CKwgX_v0.js";import{d as w}from"./p-B__72-PA.js";const b={en:{day:"Pick a day",time:"Pick a time",days:"days available",slots:"slots",idle:"Choose a branch first",empty:"No times available at this branch",error:"Couldn't load available times",retry:"Try again",choose:"Choose date & time",loading:"Loading times…"},ar:{day:"اختر اليوم",time:"اختر الوقت",days:"يوماً متاحاً",slots:"موعداً",idle:"اختر الفرع أولاً",empty:"لا توجد أوقات متاحة في هذا الفرع",error:"تعذّر تحميل الأوقات المتاحة",retry:"أعد المحاولة",choose:"اختر التاريخ والوقت",loading:"جارٍ تحميل الأوقات…"},ku:{day:"ڕۆژێک هەڵبژێرە",time:"کاتێک هەڵبژێرە",days:"ڕۆژی بەردەست",slots:"کات",idle:"سەرەتا لقێک هەڵبژێرە",empty:"هیچ کاتێکی بەردەست نییە لەم لقەدا",error:"نەتوانرا کاتە بەردەستەکان باربکرێن",retry:"دووبارە هەوڵ بدە",choose:"بەروار و کات هەڵبژێرە",loading:"کاتەکان باردەکرێن…"},ru:{day:"Выберите день",time:"Выберите время",days:"дней доступно",slots:"слотов",idle:"Сначала выберите филиал",empty:"В этом филиале нет свободного времени",error:"Не удалось загрузить свободное время",retry:"Повторить",choose:"Выберите дату и время",loading:"Загрузка времени…"}},g=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.slotChange=o(this,"slotChange"),this.name="bookingSlot",this.daysAhead=30,this.gap=8,this.isRequired=!1,this.isDisabled=!1,this.language="en",this.localization={},this.status="idle",this.days=[],this.selectedDate="",this.selectedRaw="",this.isOpen=!1,this.dropdownAncestorClasses="",this.draftDate="",this.dropdownEl=null,this.lockedScrollY=0,this.boundKeyDown=t=>this.handleKeyDown(t),this.displayTime=t=>{const i=this.minutesOf(t),e=new Date(2e3,0,1,Math.floor(i/60),i%60);return new Intl.DateTimeFormat(this.intlLocales,{hour:"numeric",minute:"2-digit"}).format(e)},this.formatDay=(t,i)=>{const[e,o,r]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,i).format(new Date(e,o-1,r,12))},this.setDropdownRef=t=>{this.dropdownEl=t},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,i=this.getTriggerEl();if(!t||!i)return;if(this.isSheet)return;const e=i.getBoundingClientRect();if(!this.isTriggerInView(e))return void(this.isOpen=!1);const o=Math.max(e.width,288);t.style.setProperty("--branch-slot-width",`${o}px`);const r=window.innerHeight-e.bottom-2*this.gap,a=e.top-2*this.gap,s=r<t.offsetHeight&&a>r;t.style.setProperty("--branch-slot-max-height",`${Math.max(160,Math.min(320,s?a:r))}px`);const n=t.offsetHeight,h=Math.max(this.gap,Math.min(e.left,window.innerWidth-o-this.gap));t.style.setProperty("--branch-slot-left",`${h}px`),t.style.setProperty("--branch-slot-top",`${s?e.top-n-this.gap:e.bottom+this.gap}px`)},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;if(this.isSheet)return;const i=t.target;this.dropdownEl&&(this.dropdownEl===i||this.dropdownEl.contains(i))||this.adjustDropdownPosition()},this.closeOnOutsideClick=t=>{const i=t.composedPath();i.includes(this.el)||this.dropdownEl&&i.includes(this.dropdownEl)||(this.isOpen=!1)},this.toggle=()=>{this.isOpen?this.isOpen=!1:"error"===this.status?this.load():this.openDropdown()},this.handleDay=t=>{this.draftDate=t},this.handleTime=t=>{this.selectedDate=t.split(" ")[0],this.selectedRaw=t,this.isOpen=!1,this.slotChange.emit({date:this.selectedDate,raw:t,value:this.toFormValue(t)})}}componentWillLoad(){var t;null===(t=this.form)||void 0===t||t.subscribe(this.name,this),this.load()}componentDidLoad(){document.addEventListener("click",this.closeOnOutsideClick),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-slot-picker ${h(this.el)}`}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.form)||void 0===i||i.unsubscribe(this.name),document.removeEventListener("click",this.closeOnOutsideClick),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0),this.releaseScroll()}onOpenChange(t){this.isSheet&&(t?this.lockScroll():this.releaseScroll())}lockScroll(){"fixed"!==document.body.style.position&&(this.lockedScrollY=window.scrollY,Object.assign(document.body.style,{position:"fixed",top:`-${this.lockedScrollY}px`,left:"0",right:"0",width:"100%"}))}releaseScroll(){"fixed"===document.body.style.position&&(Object.assign(document.body.style,{position:"",top:"",left:"",right:"",width:""}),window.scrollTo(0,this.lockedScrollY))}onTargetChange(){this.selectedDate="",this.selectedRaw="",this.draftDate="",this.isOpen=!1,this.load()}reset(t){var i;this.defaultValue=null!==(i=t)&&void 0!==i?i:"",this.selectedDate="",this.selectedRaw="",this.draftDate=""}getValue(){return this.selectedRaw?this.toFormValue(this.selectedRaw):this.defaultValue||""}async refresh(){this.load()}async openDropdown(){var t;"idle"!==this.status&&(this.draftDate=this.selectedDate||(null===(t=this.days[0])||void 0===t?void 0:t.date)||"",this.adjustDropdownPosition(),this.isOpen=!0)}async closeDropdown(){this.isOpen=!1}get isRtl(){return"ar"===this.language||"ku"===this.language}get copy(){var t;return null!==(t=b[this.language])&&void 0!==t?t:b.en}get intlLocales(){return"ar"===this.language?["ar-IQ","ar","en-GB"]:"ku"===this.language?["ckb-IQ","ckb","ar-IQ","en-GB"]:"ru"===this.language?["ru-RU","en-GB"]:["en-GB"]}pad(t){return String(t).padStart(2,"0")}minutesOf(t){var i,e;const o=t.split(" "),r=null!==(i=o[1])&&void 0!==i?i:"00:00",a=(null!==(e=o[2])&&void 0!==e?e:"").toUpperCase(),[s,n]=r.split(":").map((t=>parseInt(t,10)||0));let h=s%12;return"PM"===a&&(h+=12),60*h+n}toFormValue(t){const i=t.split(" ")[0],e=this.minutesOf(t);return`${i}T${this.pad(Math.floor(e/60))}:${this.pad(e%60)}`}queryUrl(){if(!(this.calendarApi&&this.companyId&&this.branchId&&this.departmentId&&this.brandId))return null;const t=new Date,i=new Date;i.setDate(i.getDate()+this.daysAhead);const e=t=>`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`,o=new URLSearchParams({from:e(t),to:e(i),companyId:this.companyId,branchId:this.branchId,departmentId:this.departmentId,brandId:this.brandId});return`${this.calendarApi}${this.calendarApi.includes("?")?"&":"?"}${o.toString()}`}normalise(t){return t.filter((t=>t&&t.Date&&Array.isArray(t.Times)&&t.Times.length)).map((t=>({date:t.Date,times:Array.from(new Set(t.Times)).sort(((t,i)=>this.minutesOf(t)-this.minutesOf(i)))}))).sort(((t,i)=>t.date.localeCompare(i.date)))}async load(){var t;const i=this.queryUrl();if(null===(t=this.abortController)||void 0===t||t.abort(),!i)return this.status="idle",void(this.days=[]);this.abortController=new AbortController,this.status="loading";try{const t=await fetch(i,{signal:this.abortController.signal,headers:{"Accept-Language":this.language}});if(!t.ok)throw new Error(`calendar ${t.status}`);if(this.days=this.normalise(await t.json()),!this.days.length)return void(this.status="empty");const e=this.days.find((t=>this.defaultValue&&this.defaultValue.startsWith(t.date)));this.draftDate=(null!=e?e:this.days[0]).date,this.status="ready"}catch(t){if("AbortError"===(null==t?void 0:t.name))return;this.status="error"}}getTriggerEl(){return this.el.getElementsByClassName("form-input-select")[0]}isTriggerInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}get isSheet(){return"undefined"!=typeof window&&window.matchMedia("(max-width: 599px)").matches}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&(this.isOpen=!1)}triggerText(){return"idle"===this.status?this.copy.idle:"loading"===this.status?this.copy.loading:"empty"===this.status?this.copy.empty:"error"===this.status?this.copy.error:this.selectedRaw?`${this.formatDay(this.selectedDate,{weekday:"short",day:"numeric",month:"short"})} · ${this.displayTime(this.selectedRaw)}`:""}render(){var t,i,e,o,h;const p=null===(t=this.form)||void 0===t?void 0:t.getInputState(this.name),w=this.form?d(this,null==p?void 0:p.meta,null==p?void 0:p.errorMessage):null,b=(null==w?void 0:w.label)||(null===(e=null===(i=this.localization)||void 0===i?void 0:i[this.language])||void 0===e?void 0:e.label)||this.label,g=(null==w?void 0:w.placeholder)||(null===(h=null===(o=this.localization)||void 0===o?void 0:o[this.language])||void 0===h?void 0:h.placeholder)||this.copy.choose,u=(null==p?void 0:p.isRequired)||this.isRequired,m=this.isDisabled||(null==p?void 0:p.disabled)||"idle"===this.status||"loading"===this.status||"empty"===this.status,f={name:this.name,days:this.days,copy:this.copy,status:this.status,isOpen:this.isOpen,idleText:this.copy.idle,activeDate:this.draftDate,handleDay:this.handleDay,handleTime:this.handleTime,handleRetry:()=>this.load(),handleDismiss:()=>this.isOpen=!1,selectedRaw:this.selectedRaw,formatDay:this.formatDay,displayTime:this.displayTime,setElementRef:this.setDropdownRef,direction:this.isRtl?"rtl":"ltr"};return r(a,{key:"d3bfcdacb7a873632d6ede69a37aef11150f73b5",translate:"no"},r("label",{key:"d4132f4872830146bf757b09a85258251f1b1c9a",part:`${this.name}`,id:this.wrapperId,class:s("form-input-label-container",this.wrapperClass,{disabled:m})},r(l,{key:"7d494521176eb1185f48fbf4ad41468fe9fbc117",name:this.name,label:b,isRequired:u}),r("div",{key:"c72f4e96fde93db624204b3eb166c4d7aedac9ae",part:`${this.name}-container form-input-container`,class:s("form-input-container",{open:this.isOpen,disabled:m})},r("input",{key:"56e0b885ea040a545da0f01d909e70a663c6abaa",type:"text",readOnly:!0,disabled:m,value:this.triggerText(),placeholder:g,onClick:this.toggle,part:`${this.name}-input-select form-input-select`,class:"form-input-style form-input-select branch-slot-trigger"}),r("div",{key:"6ba9496c2106d5b3fd4a96fb62b479817f792788",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:"form-input-select-icon-container"},r(n,{key:"134dce4ff1f0731d809476c10c6fad13655dc5e0",part:`${this.name}-arrow-icon select-arrow`,class:"form-input-select-icon pointer-events-none! arrow cursor-pointer"})),!1,r("shift-portal",{key:"e7e70a13def95c00a29b2a849196a879c8b97503",tag:"branch-slot-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:f})),r(c,{key:"b4b4f84eb9d9077c9ff8f4569b660935c5d70899",name:this.name,isError:!!(null==p?void 0:p.isError),errorMessage:(null==w?void 0:w.errorTextMessage)||""})))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}}static get style(){return'*,: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;}: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}.cursor-pointer{cursor:pointer}.branch-slot-trigger{caret-color:transparent;cursor:pointer}.form-input-container.open .branch-slot-trigger{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.static{position:static}.fixed{position:fixed}.hidden{display:none}.resize{resize:both}.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)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.block{display:block}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"branch-slot-picker",{name:[1],form:[16],calendarApi:[1,"calendar-api"],companyId:[1,"company-id"],branchId:[1,"branch-id"],departmentId:[1,"department-id"],brandId:[1,"brand-id"],daysAhead:[2,"days-ahead"],gap:[2],label:[1],wrapperId:[1,"wrapper-id"],wrapperClass:[1,"wrapper-class"],isRequired:[4,"is-required"],isDisabled:[4,"is-disabled"],language:[1],localization:[16],defaultValue:[1025,"default-value"],status:[32],days:[32],selectedDate:[32],selectedRaw:[32],isOpen:[32],dropdownAncestorClasses:[32],draftDate:[32],refresh:[64],openDropdown:[64],closeDropdown:[64]},void 0,{isOpen:[{onOpenChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}]);function u(){"undefined"!=typeof customElements&&["branch-slot-picker","branch-slot-dropdown","shift-portal"].forEach((i=>{switch(i){case"branch-slot-picker":customElements.get(t(i))||customElements.define(t(i),g);break;case"branch-slot-dropdown":customElements.get(t(i))||p();break;case"shift-portal":customElements.get(t(i))||w()}}))}u();export{g as B,u as d}

package/dist/components/p-B__72-PA.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{t,p as e,H as r}from"./index.js";const a=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.tag="",this.inheritedClasses="",this.componentProps={},this.portaledElement=null,this.setComponentsParams=async()=>{var t;if(this.portaledElement){this.portaledElement.className=this.inheritedClasses;for(const[e,r]of Object.entries(null!==(t=this.componentProps)&&void 0!==t?t:{}))this.portaledElement[e]=r}}}async updateComponentParams(){await this.setComponentsParams()}async componentWillLoad(){this.tag&&(this.portaledElement=document.createElement(this.tag),document.body.appendChild(this.portaledElement),await this.setComponentsParams())}disconnectedCallback(){this.portaledElement&&this.portaledElement.parentNode&&this.portaledElement.parentNode.removeChild(this.portaledElement),this.portaledElement=null}render(){return!1}static get watchers(){return{componentProps:[{updateComponentParams:0}],inheritedClasses:[{updateComponentParams:0}]}}static get style(){return'*,: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;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.hidden{display:none}.cursor-pointer{cursor:pointer}.resize{resize:both}.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)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink: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)}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.grid{display:grid}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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))}.translate-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{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))}.translate-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;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))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.overflow-hidden{overflow:hidden}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.rtl\\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;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))}.rtl\\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;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))}.block{display:block}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.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)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.size-\\[20px\\]{height:20px;width:20px}.rotate-180{--tw-rotate:180deg;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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}'}},[0,"shift-portal",{tag:[1],inheritedClasses:[1,"inherited-classes"],componentProps:[16]},void 0,{componentProps:[{updateComponentParams:0}],inheritedClasses:[{updateComponentParams:0}]}]);function o(){"undefined"!=typeof customElements&&["shift-portal"].forEach((e=>{"shift-portal"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}o();export{a as S,o as d}

package/dist/components/p-Bb2xDuqh.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{t,p as e,H as o,h as a,a as r}from"./index.js";import{c as i}from"./p-BK16Cn81.js";import{d as n}from"./p-B7G2HjX0.js";const s=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.clearAnimationClasses=t=>{const e=this.el.getElementsByClassName(`tab-${t}`)[0];return e.classList.remove("slide-content-out"),e.classList.remove("slide-content-in"),e}}async onActiveIndexChange(t,e){this.lastActiveComponent=e,clearTimeout(this.ChildUpdatesActionTimeout);const o=this.clearAnimationClasses(e),a=this.clearAnimationClasses(t);o.classList.add("slide-content-out"),a.classList.add("slide-content-in")}render(){return a(r,{key:"f0e9b655f8fc7f767750fbe642ddcb1fc3f6e6ec",translate:"no"},a("flexible-container",{key:"3280c8b9afaf7c3c27263063da8b6808a0a357ce"},Object.entries(this.components).map((([t,e])=>a("div",{onAnimationEnd:()=>this.clearAnimationClasses(t),class:i("!w-full transition !duration-0",`tab-${t}`,{"absolute opacity-0 top-0 !pointer-events-none [&_*]:!pointer-events-none translate-x-[-200%] translate-y-[200%]":t!==this.activeComponent})},e)))))}get el(){return this}static get watchers(){return{activeComponent:[{onActiveIndexChange:0}]}}static get style(){return'*,: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;}: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}.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))}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.slide-content-in{animation:slideContentIn .35s ease-out forwards}@keyframes slideContentIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.slide-content-out{animation:slideContentOut .35s ease-out forwards}@keyframes slideContentOut{0%{opacity:1;transform:translateY(0)}99%{opacity:0;transform:translateY(-50px)}to{opacity:0;transform:translateY(-200%) translateX(-200%)}}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.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)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.relative{position:relative}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.top-0{top:0}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.opacity-0{opacity:0}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-500{transition-duration:.5s!important}.duration-500{transition-duration:.5s}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.my-auto{margin-bottom:auto;margin-top:auto}.block{display:block}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.rotate-180{--tw-rotate:180deg;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))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.pointer-events-none{pointer-events:none}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.gap-\\[4px\\]{gap:4px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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)}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.z-10{z-index:10}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.hidden{display:none}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.gap-\\[6px\\]{gap:6px}.rounded-\\[4px\\]{border-radius:4px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.text-\\[17px\\]{font-size:17px}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.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-150{transition-duration:.15s}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;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))}.select-none{user-select:none}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.h-\\[25px\\]{height:25px}.h-\\[8px\\]{height:8px}.pt-\\[40px\\]{padding-top:40px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[0,"shift-tab-content",{activeComponent:[1,"active-component"],components:[16],lastActiveComponent:[32]},void 0,{activeComponent:[{onActiveIndexChange:0}]}]);function p(){"undefined"!=typeof customElements&&["shift-tab-content","flexible-container"].forEach((e=>{switch(e){case"shift-tab-content":customElements.get(t(e))||customElements.define(t(e),s);break;case"flexible-container":customElements.get(t(e))||n()}}))}p();export{s as S,p as d}

package/dist/components/p-Bj3cvdzl.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{h as e}from"./index.js";import{L as l}from"./p-5NIYyHI-.js";import{c as a}from"./p-BK16Cn81.js";import{C as o}from"./p-CLdijNKL.js";import{d as i}from"./p-BILW0yP6.js";import{a as n}from"./p-C8B9jarP.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const d=({form:o})=>{var i,n,r,d;o.addWatcher("vehicle");let v=o.getValue("vehicle");const c=!!v,s=null===(i=o.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):o.context.vehicleList&&o.context.vehicleList[0]&&(p=null===(d=null===(r=o.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===d?void 0:d.image,v=o.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:o&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const o=new FileReader;o.onloadend=()=>{t[a]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(o,p,v),g=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:a("vehicle-image-wrapper",{loading:g})},e("div",{part:a("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:a("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),c=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(d,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:o})=>{var i,n;const r=null===(i=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===i?void 0:i.toLowerCase(),t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let d,c=-1;return(null==a?void 0:a.dynamic)?(d=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const o=v(e,l["item-value"]),i=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?i:o,label:i};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),d.forEach(((e,l)=>{var o,i;a.defaultValue||!r||(null===(o=null==e?void 0:e.label)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.value}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(d=(await u.json()).data,d=d.map(((e,l)=>{var o,i,n,t,u;return a.defaultValue||!r||(null===(o=null==e?void 0:e.GradeName)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.id}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(d=await u.json(),d=d.map(((e,l)=>{var o,i;return a.defaultValue||!r||(null===(o=null==e?void 0:e.Title)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.ID}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),o.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:c>-1?null===(n=d[c])||void 0===n?void 0:n.value:"",d},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.branchApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.vacancyApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.cityApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(o,null)})),bookingSlot:({form:l,language:a,props:o})=>{var i,n,r,t,u,d,v,c,s,p,g,m;l.addWatcher("companyBranchId");const b=null==l?void 0:l.getValue("companyBranchId"),h=null===(n=null===(i=l.context.companyBranchIdList)||void 0===i?void 0:i.find((e=>e.value===b)))||void 0===n?void 0:n.meta,f=(null!==(r=null==h?void 0:h.Departments)&&void 0!==r?r:[]).map((e=>e.IntegrationId)).filter(Boolean),y=(null!==(t=null==h?void 0:h.Brands)&&void 0!==t?t:[]).map((e=>e.IntegrationId)).filter(Boolean),O=null!==(v=null!==(d=(null!==(u=null==o?void 0:o.departmentPreference)&&void 0!==u?u:["showroom"]).find((e=>f.includes(e))))&&void 0!==d?d:f[0])&&void 0!==v?v:"";return e("branch-slot-picker",Object.assign({},o,{form:l,key:null==o?void 0:o.name,language:a,calendarApi:null==o?void 0:o.calendarApi,companyId:null!==(c=null==h?void 0:h.CompanyIntegrationId)&&void 0!==c?c:"",branchId:null!==(s=null==h?void 0:h.IntegrationId)&&void 0!==s?s:"",departmentId:null!==(p=null==o?void 0:o.departmentId)&&void 0!==p?p:O,brandId:null!==(m=null!==(g=null==o?void 0:o.brandId)&&void 0!==g?g:y[0])&&void 0!==m?m:"",isDisabled:!h}))},time:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(a.span)&&Array.isArray(a.min)&&Array.isArray(a.max)&&a.format){let l=n({offsets:a.min});const o=n({offsets:a.max});for(;i.isBefore(l,o)||i.isEqual(l,o);)e.push({value:i.format(l,a.format),label:i.format(l,a.format)}),l=n({offsets:a.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const o=(null==a?void 0:a.min)||(new Date).getFullYear()-20,i=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=o;e<=i;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,o,i,r,t,u,d,v;let c=[...n];return(null==a?void 0:a.firstOption)&&(c=[{label:(null===(o=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===o?void 0:o[e])||"",value:(null===(r=null===(i=null==a?void 0:a.firstOption)||void 0===i?void 0:i.value)||void 0===r?void 0:r[e])||""},...c]),(null==a?void 0:a.lastOption)&&(c=[...c,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(d=null==a?void 0:a.lastOption)||void 0===d?void 0:d.value)||void 0===v?void 0:v[e])||""}]),c},language:l}))},currentVehicleBrand:({form:l,language:a,props:o,locale:i})=>e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{var a;const o=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(o,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,key:null==o?void 0:o.name,fetcher:async({})=>{var e,a;if(!n)return[];const o=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return o?[...o.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,o,i,n;return[{value:"yes",label:null===(o=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===o?void 0:o.yes},{value:"no",label:null===(n=null===(i=null==a?void 0:a.localization)||void 0===i?void 0:i[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{const l=null==o?void 0:o.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...n.Models.map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},key:null==o?void 0:o.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{c as g}