adp-web-components 0.1.71 → 0.1.72

package/dist/types/components/forms/general-inquiry.d.ts

@@ -14,6 +14,7 @@ export declare class GeneralInquiryForm implements FormHookInterface<any>, Multi
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/forms/service-booking.d.ts

@@ -14,6 +14,7 @@ export declare class ServiceBookingForm implements FormHookInterface<any>, Multi
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/forms/ssc-lookup.d.ts

@@ -14,6 +14,7 @@ export declare class SSCLookupForm implements FormHookInterface<any>, MultiLingu
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/forms/test-drive.d.ts

@@ -14,6 +14,7 @@ export declare class TestDriveForm implements FormHookInterface<any>, MultiLingu
     loadingChanges: (loading: boolean) => void;
     errorCallback: (error: any, message: string) => void;
     successCallback: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
     structure: FormElementStructure<any> | undefined;
     fields?: object;
     el: HTMLElement;

package/dist/types/components/vehicle-lookup/vehicle-accessories.d.ts

@@ -16,6 +16,7 @@ export declare class VehicleAccessories implements MultiLingual, VehicleInfoLayo
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-claimable-items.d.ts

@@ -15,6 +15,7 @@ export declare class VehicleClaimableItems implements MultiLingual, VehicleInfoL
     changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     coreOnly: boolean;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts

@@ -35,6 +35,7 @@ export declare class VehicleLookup implements MultiLingual {
     activeElement?: ActiveElement;
     baseUrl: string;
     isDev: boolean;
+    disableVinValidation: boolean;
     queryString: string;
     childrenProps?: string | Object;
     blazorErrorStateListener: string;

package/dist/types/components/vehicle-lookup/vehicle-paint-thickness.d.ts

@@ -16,6 +16,7 @@ export declare class VehiclePaintThickness implements MultiLingual, VehicleInfoL
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-sale-information.d.ts

@@ -13,6 +13,7 @@ export declare class VehicleSaleInformation implements MultiLingual, VehicleInfo
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-service-history.d.ts

@@ -13,6 +13,7 @@ export declare class VehicleServiceHistory implements MultiLingual, VehicleInfoL
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-specification.d.ts

@@ -13,6 +13,7 @@ export declare class VehicleSpecification implements MultiLingual, VehicleInfoLa
     blazorRef?: DotNetObjectReference;
     setBlazorRef(newBlazorRef: DotNetObjectReference): Promise<void>;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components/vehicle-lookup/vehicle-warranty-details.d.ts

@@ -11,6 +11,7 @@ export declare class VehicleWarrantyDetails implements MultiLingual, VehicleInfo
     changeLanguage(newLanguage: LanguageKeys): Promise<void>;
     coreOnly: boolean;
     isDev: boolean;
+    disableVinValidation: boolean;
     baseUrl: string;
     headers: object;
     queryString: string;

package/dist/types/components.d.ts

@@ -292,6 +292,38 @@ export namespace Components {
         "type"?: string;
         "value": string;
     }
+    interface FormStepperControl {
+        "form": FormHook<any>;
+        "isLoading": boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
+    interface FormStepperSubmit {
+        "form": FormHook<any>;
+        "isLoading": boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass": string;
+        "wrapperId": string;
+    }
     interface FormStructure {
         "errorMessage": string;
         "fields"?: object;
@@ -424,6 +456,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -586,6 +619,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -656,6 +690,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -683,6 +718,7 @@ export namespace Components {
         "isMobileForm": boolean;
         "language": LanguageKeys;
         "loadingChanges": (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure": FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "submit": () => Promise<void>;
@@ -695,6 +731,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -729,6 +769,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -796,6 +840,10 @@ export namespace Components {
          */
         "blazorOnLoadingStateChange": string;
         "childrenProps"?: string | Object;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "dynamicClaimActivate"?: (vehicleInformation: VehicleLookupDTO) => void;
         "errorStateListener"?: (newError: string) => void;
         "fetchVin": (vin: string, headers?: any) => Promise<void>;
@@ -821,6 +869,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -874,6 +926,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -905,6 +961,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -932,6 +992,10 @@ export namespace Components {
           * @default false
          */
         "coreOnly": boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -999,6 +1063,10 @@ export namespace Components {
           * @default null
          */
         "customerPhone"?: string;
+        /**
+          * @default false
+         */
+        "disableVinValidation": boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         "fetchVin": (newData: VehicleLookupDTO | string, headers?: any) => Promise<void>;
         /**
@@ -1156,6 +1224,18 @@ declare global {
         prototype: HTMLFormShadowInputElement;
         new (): HTMLFormShadowInputElement;
     };
+    interface HTMLFormStepperControlElement extends Components.FormStepperControl, HTMLStencilElement {
+    }
+    var HTMLFormStepperControlElement: {
+        prototype: HTMLFormStepperControlElement;
+        new (): HTMLFormStepperControlElement;
+    };
+    interface HTMLFormStepperSubmitElement extends Components.FormStepperSubmit, HTMLStencilElement {
+    }
+    var HTMLFormStepperSubmitElement: {
+        prototype: HTMLFormStepperSubmitElement;
+        new (): HTMLFormStepperSubmitElement;
+    };
     interface HTMLFormStructureElement extends Components.FormStructure, HTMLStencilElement {
     }
     var HTMLFormStructureElement: {
@@ -1366,6 +1446,8 @@ declare global {
         "form-picker-input": HTMLFormPickerInputElement;
         "form-select": HTMLFormSelectElement;
         "form-shadow-input": HTMLFormShadowInputElement;
+        "form-stepper-control": HTMLFormStepperControlElement;
+        "form-stepper-submit": HTMLFormStepperSubmitElement;
         "form-structure": HTMLFormStructureElement;
         "form-structure-error": HTMLFormStructureErrorElement;
         "form-submit": HTMLFormSubmitElement;
@@ -1637,6 +1719,38 @@ declare namespace LocalJSX {
         "type"?: string;
         "value"?: string;
     }
+    interface FormStepperControl {
+        "form"?: FormHook<any>;
+        "isLoading"?: boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
+    interface FormStepperSubmit {
+        "form"?: FormHook<any>;
+        "isLoading"?: boolean;
+        "language"?: string;
+        /**
+          * @default {}
+         */
+        "localization"?: FormInputLocalization;
+        "step"?: number;
+        /**
+          * @default 'submit'
+         */
+        "submitTextKey"?: string;
+        "wrapperClass"?: string;
+        "wrapperId"?: string;
+    }
     interface FormStructure {
         "errorMessage"?: string;
         "fields"?: object;
@@ -1768,6 +1882,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -1919,6 +2034,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -1983,6 +2099,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -2008,6 +2125,7 @@ declare namespace LocalJSX {
         "isMobileForm"?: boolean;
         "language"?: LanguageKeys;
         "loadingChanges"?: (loading: boolean) => void;
+        "stepChangeCallback"?: (step: number, currentForm?: any) => void;
         "structure"?: FormElementStructure<any> | undefined;
         "structureUrl"?: string;
         "successCallback"?: (data: any, message?: string) => void;
@@ -2019,6 +2137,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2047,6 +2169,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2107,6 +2233,10 @@ declare namespace LocalJSX {
          */
         "blazorOnLoadingStateChange"?: string;
         "childrenProps"?: string | Object;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "dynamicClaimActivate"?: (vehicleInformation: VehicleLookupDTO) => void;
         "errorStateListener"?: (newError: string) => void;
         /**
@@ -2129,6 +2259,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2176,6 +2310,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2203,6 +2341,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2226,6 +2368,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "coreOnly"?: boolean;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2289,6 +2435,10 @@ declare namespace LocalJSX {
           * @default null
          */
         "customerPhone"?: string;
+        /**
+          * @default false
+         */
+        "disableVinValidation"?: boolean;
         "errorCallback"?: BlazorInvokableFunction<(errorMessage: ErrorKeys) => void>;
         /**
           * @default {}
@@ -2383,6 +2533,8 @@ declare namespace LocalJSX {
         "form-picker-input": FormPickerInput;
         "form-select": FormSelect;
         "form-shadow-input": FormShadowInput;
+        "form-stepper-control": FormStepperControl;
+        "form-stepper-submit": FormStepperSubmit;
         "form-structure": FormStructure;
         "form-structure-error": FormStructureError;
         "form-submit": FormSubmit;
@@ -2433,6 +2585,8 @@ declare module "@stencil/core" {
             "form-picker-input": LocalJSX.FormPickerInput & JSXBase.HTMLAttributes<HTMLFormPickerInputElement>;
             "form-select": LocalJSX.FormSelect & JSXBase.HTMLAttributes<HTMLFormSelectElement>;
             "form-shadow-input": LocalJSX.FormShadowInput & JSXBase.HTMLAttributes<HTMLFormShadowInputElement>;
+            "form-stepper-control": LocalJSX.FormStepperControl & JSXBase.HTMLAttributes<HTMLFormStepperControlElement>;
+            "form-stepper-submit": LocalJSX.FormStepperSubmit & JSXBase.HTMLAttributes<HTMLFormStepperSubmitElement>;
             "form-structure": LocalJSX.FormStructure & JSXBase.HTMLAttributes<HTMLFormStructureElement>;
             "form-structure-error": LocalJSX.FormStructureError & JSXBase.HTMLAttributes<HTMLFormStructureErrorElement>;
             "form-submit": LocalJSX.FormSubmit & JSXBase.HTMLAttributes<HTMLFormSubmitElement>;

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

@@ -1,10 +1,11 @@
 import { AnyObjectSchema } from 'yup';
 import { LanguageKeys, SharedFormLocales } from "../multi-lingual/index";
-import { Field, FormElement, FormHookInterface, FormStateOptions, WatchCallback } from './interface';
+import { Field, FormElement, FormHookInterface, FormStateOptions, Step, WatchCallback } from './interface';
 import { FormStructure } from '../../components/form-elements/form-structure';
 export declare class FormHook<T> {
     haltValidation: boolean;
     private isSubmitted;
+    private stepFormValues;
     private watchers;
     private cachedValues;
     private subscribers;
@@ -24,6 +25,7 @@ export declare class FormHook<T> {
     constructor(context: FormHookInterface<T>, schemaObject: AnyObjectSchema, formStateOptions?: FormStateOptions);
     subscribe: (formName: string, formElement: FormElement) => void;
     unsubscribe: (formName: string) => void;
+    getStepLabels: (language?: LanguageKeys, selectedStep?: number) => Step;
     reset(): void;
     addWatcher: (key?: string, callback?: WatchCallback) => void;
     removeWatcher: (key: string) => void;

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

@@ -4,6 +4,8 @@ import { FormHook } from "./form-hook";
 import { LanguageKeys } from "../multi-lingual/index";
 export type FormElementStructureComponents<T> = {
     id?: string;
+    step?: number;
+    type?: string;
     class?: string;
     staticValue?: any;
     isHidden?: boolean;
@@ -16,7 +18,15 @@ export type FormElementStructureComponents<T> = {
     tag: string;
     name?: T;
 });
+export type Step = {
+    back?: string;
+    title: string;
+    stepCell?: string;
+    stepTitle?: string;
+    submitButton?: string;
+};
 export type FormElementStructure<T> = {
+    steps?: Record<LanguageKeys, Step>[];
     data?: Record<string, any>;
     requiredContext?: Record<string, boolean>;
 } & FormElementStructureComponents<T>;
@@ -43,6 +53,7 @@ export interface FormHookInterface<T> {
     loadingChanges?: (loading: boolean) => void;
     errorCallback?: (error: any, message?: string) => void;
     successCallback?: (data: any, message?: string) => void;
+    stepChangeCallback?: (step: number, currentForm?: any) => void;
 }
 export type ValidationType = 'onSubmit' | 'always';
 export interface Field<MetaType> {

package/dist/types/features/form-hook/render-structure.d.ts

@@ -1,3 +1,3 @@
 import { JSX } from '../../stencil-public-runtime';
 import { FormElementStructure, FormElementMapper, FormElementMapperFunctionProps } from "./index";
-export declare function renderStructure(structure: FormElementStructure<any> | string, elementMapper: FormElementMapper<any, any>, generaProps: FormElementMapperFunctionProps<any>, fields?: object): JSX.Element | false;
+export declare function renderStructure(structure: FormElementStructure<any> | string, elementMapper: FormElementMapper<any, any>, generaProps: FormElementMapperFunctionProps<any>, fields: object, currentStep: number): JSX.Element | false;

package/dist/types/features/vehicle-lookup-component/interface.d.ts

@@ -4,6 +4,7 @@ import { BlazorInvokableFunction } from "../blazor-ref/index";
 import { VehicleLookupMock, VehicleRequestHeaders } from './types';
 export interface VehicleLookupComponent extends VehicleRequestHeaders {
     isDev: boolean;
+    disableVinValidation?: boolean;
     baseUrl: string;
     headers: object;
     isError: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adp-web-components",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "description": "ADP Platform Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/form-input-prefix-RFgXEC1Q.js

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

package/dist/components/p-B5f2dpEy.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{p as t,H as e,h as a,a as r}from"./index.js";import{o,e as i,I as n,c as s}from"./p-BG8YXzND.js";import{y as p,s as d}from"./p-DkIqSrtn.js";import{s as l,V as c}from"./p-C6nKJv3T.js";import{s as w,a as x}from"./p-C_xCz80J.js";import{g,a as b}from"./p-0xcR950E.js";import{d as h}from"./p-B9DO0698.js";import{d as f}from"./p-CnU-FAvr.js";const v=p(["vehicleAccessories","noData","partNumber","description","image","expand"]),u=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:d.getDefault()},v.getDefault()),this.coreOnly=!1,this.expandedImage="",this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,a]=await Promise.all([g(t),b(t,"vehicleLookup.accessories",v)]);this.locale=Object.assign({sharedLocales:e},a)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await w(this,t,e)}async setErrorMessage(t){x(this,t)}onLoadingChange(t){l.bind(this)(this.loadingStateChange,t)}render(){var t,e,p;const d=this.locale,l=(null===(t=null==this?void 0:this.vehicleLookup)||void 0===t?void 0:t.accessories)?null===(e=this.vehicleLookup)||void 0===e?void 0:e.accessories:[],w=[{width:300,key:"partNumber",label:d.partNumber},{width:500,key:"description",label:d.description},{width:200,key:"image",label:d.image}],x=null==l?void 0:l.map((t=>({partNumber:null==t?void 0:t.partNumber,description:null==t?void 0:t.description,image:()=>a("div",{class:"size-[100px] flex mx-auto items-center justify-center"},a("button",{onClick:({target:e})=>o.bind(this)(e,null==t?void 0:t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},a("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},a("img",{src:i}),a("span",{class:"text-white"},d.expand)),a("img",{class:"w-auto h-auto max-w-[100px] max-h-[100px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:null==t?void 0:t.image})))}))),g={image:()=>a("div",{key:"f5798a0bfe0215f26fdecb167e7b32d0a0e52b0f",class:"size-[100px] flex mx-auto items-center justify-center"}," ")};return a(r,{key:"f80d7d68d9fabf53147bebfe77eebbcdf645b41a"},a(n,{key:"d8ce936df54d34652e7e134b98b9e3e27f40e7b5",closeImageViewer:()=>s.bind(this)(),expandedImage:this.expandedImage}),a(c,{key:"04f2aaee4fdb515a115863dfa5cc9c27c969e091",isError:this.isError,isLoading:this.isLoading,coreOnly:this.coreOnly,header:null===(p=this.vehicleLookup)||void 0===p?void 0:p.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},a("div",{key:"b45f58f31d443a61703d424677bdc5aff4a4d261",class:"overflow-x-auto"},a("information-table",{key:"3179671d0a53bba123960eb74c062677d59b36c3",templateRow:g,rows:x,headers:w,isLoading:this.isLoading}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\\!pointer-events-none{pointer-events:none!important}.fixed{position:fixed}.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}}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}.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;text-align:center}.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)}.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)}.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)}.min-w-full{min-width:100%}.-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-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.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-\\[\\#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-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{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-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.my-auto{margin-bottom:auto;margin-top:auto}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-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))}.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}.text-center{text-align:center}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.mt-\\[4px\\]{margin-top:4px}.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}.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}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.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%}.cursor-default{cursor:default}.gap-\\[10px\\]{gap:10px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.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-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}'}},[257,"vehicle-accessories",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],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],expandedImage:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function y(){"undefined"!=typeof customElements&&["vehicle-accessories","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-accessories":customElements.get(t)||customElements.define(t,u);break;case"flexible-container":customElements.get(t)||h();break;case"information-table":customElements.get(t)||f()}}))}y();export{u as V,v as a,y as d}