adp-web-components 0.0.37 → 0.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +1 -1
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +1 -1
- package/dist/cjs/dynamic-redeem.cjs.entry.js +1 -1
- package/dist/cjs/{get-local-language-2acb5afc.js → get-local-language-f00a474e.js} +4 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/part-lookup.cjs.entry.js +16 -13
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +64 -43
- package/dist/collection/components/part-lookup/part-lookup.js +37 -72
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +91 -71
- package/dist/collection/global/types/locales/error-schema.js +3 -0
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/dynamic-claim.js +1 -1
- package/dist/components/dynamic-redeem.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/{p-58a3bbc5.js → p-090b8654.js} +1 -1
- package/dist/components/p-0c62815e.js +5 -0
- package/dist/components/p-0c9d5b37.js +5 -0
- package/dist/components/{p-acbea376.js → p-14226c5e.js} +1 -1
- package/dist/components/{p-09dd6de2.js → p-1f28a457.js} +1 -1
- package/dist/components/{p-c41b74ea.js → p-2bd0fee5.js} +1 -1
- package/dist/components/{p-21dfafba.js → p-33d15f6d.js} +1 -1
- package/dist/components/{p-cb6dc5c3.js → p-6864b1ac.js} +1 -1
- package/dist/components/{p-f312b879.js → p-b75f830a.js} +1 -1
- package/dist/components/{p-bfddfd50.js → p-c39f97a1.js} +1 -1
- package/dist/components/{p-2f02d063.js → p-ea183aab.js} +1 -1
- package/dist/components/{p-5e80276a.js → p-ed4f329d.js} +1 -1
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-history.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/dead-stock-lookup_3.entry.js +1 -1
- package/dist/esm/dynamic-claim_6.entry.js +1 -1
- package/dist/esm/dynamic-redeem.entry.js +1 -1
- package/dist/esm/{get-local-language-883f9a8a.js → get-local-language-e7d50e27.js} +4 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/part-lookup.entry.js +16 -13
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +64 -43
- package/dist/locales/ar.json +3 -0
- package/dist/locales/en.json +3 -0
- package/dist/locales/ku.json +5 -2
- package/dist/locales/ru.json +3 -0
- package/dist/shift-components/{p-954859b9.entry.js → p-14a050bc.entry.js} +1 -1
- package/dist/shift-components/{p-5f0b9f41.entry.js → p-4a8040d3.entry.js} +1 -1
- package/dist/shift-components/p-5a0e7724.entry.js +5 -0
- package/dist/shift-components/p-7222df1f.entry.js +5 -0
- package/dist/shift-components/p-8f42bfca.js +5 -0
- package/dist/shift-components/{p-45cc348b.entry.js → p-f1acc1fb.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/part-lookup/part-lookup.d.ts +5 -6
- package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +23 -14
- package/dist/types/components.d.ts +7 -9
- package/dist/types/global/types/locales/error-schema.d.ts +6 -0
- package/dist/types/global/types/locales/index.d.ts +6 -0
- package/package.json +1 -1
- package/dist/components/p-c20e4190.js +0 -5
- package/dist/components/p-c7747b68.js +0 -5
- package/dist/shift-components/p-5e46843c.entry.js +0 -5
- package/dist/shift-components/p-c44fe649.js +0 -5
- package/dist/shift-components/p-dc33c5ac.entry.js +0 -5
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-c7747b68.js";import{L as n}from"./p-c20e4190.js";import{g as l}from"./p-f99c8b2f.js";let d={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.headerTitle="Manufacturer",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await l(this,{scopedTimeoutRef:i,partNumber:o,mockData:d},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){d=t}render(){var t,e,r;const s=this.locale.partLookup.manufacturer,l=this.partInformation&&this.localizationName||"russian",d=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],p=(this.partInformation?[{label:s.origin,key:"origin",value:this.partInformation.tmcPart.origin},{label:s.warrantyPrice,key:"warrantyPrice",value:null===(t=this.partInformation.tmcPart.warrantyPrice)||void 0===t?void 0:t.toFixed(2)},{label:s.specialPrice,key:"specialPrice",value:null===(e=this.partInformation.tmcPart.specialPrice)||void 0===e?void 0:e.toFixed(2)},{label:s.wholesalesPrice,key:"salesPrice",value:null===(r=this.partInformation.tmcPart.salesPrice)||void 0===r?void 0:r.toFixed(2)},{label:s.pnc,key:"pnc",value:this.partInformation.tmcPart.pnc},{label:s.pncName.replace("$",l),key:"pncLocalName",value:this.partInformation.tmcPart.pncLocalName},{label:s.binCode,key:"binCode",value:this.partInformation.tmcPart.binCode},{label:s.dimension1,key:"dimension1",value:this.partInformation.tmcPart.dimension1},{label:s.dimension2,key:"dimension2",value:this.partInformation.tmcPart.dimension2},{label:s.dimension3,key:"dimension3",value:this.partInformation.tmcPart.dimension3},{label:s.netWeight,key:"netWeight",value:this.partInformation.tmcPart.netWeight},{label:s.grossWeight,key:"grossWeight",value:this.partInformation.tmcPart.grossWeight},{label:s.cubicMeasure,key:"cubicMeasure",value:this.partInformation.tmcPart.cubicMeasure},{label:s.hsCode,key:"hsCode",value:this.partInformation.tmcPart.hsCode},{label:s.uzHsCode,key:"uzHsCode",value:this.partInformation.tmcPart.uzHsCode}]:[]).filter((t=>!d.includes(t.key)));return i(a,{key:"5c69b7b8b7733d418494240dae97f6012502486c"},i("div",{key:"8b4149c370dad858347fc9f213d55f56486bd542",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"eeed9658490a9a6612c02a06212e5e47ec92024d"},i(n,{key:"1be320615f026ad166785553b8350bb023e3fc69",isLoading:this.state.includes("loading")}),i("div",{key:"30675b4ea68fc52a436a6b440a8a46188e8c43b1",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"42317591e1ddf90a9a66bfb764986ea3c9a3f203",class:"py-[16px]"},i("div",{key:"b7318900ef3e39feb04617b455c827efa6dd8819",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"fe116aa9e6cb2b8f0e927e6da55d68f067af594d"},i("div",{key:"ff4ee3b9d935ed761897b86418b54962eb16078e",class:"flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"2cf379164e1c82898c0e48565a59f0afa8577f5b",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},this.headerTitle),i("div",{key:"3df9b6ca96d45fd01c44a6b227f0c01d1b23016e",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},i("div",{key:"167ea852d54d1e1a60d568dba20330775c5be95e",class:"grid grid-cols-3 gap-[50px]"},p.map((({label:t,value:e,key:a})=>i("div",{key:a,class:"flex flex-col flex-1"},i("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),i("div",{class:"py-[10px] px-0"},e))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\\[40px\\]{height:40px}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["manufacturer-lookup"].forEach((t=>{"manufacturer-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as M,c as d}
|
|
5
|
+
import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-0c62815e.js";import{L as n}from"./p-0c9d5b37.js";import{g as l}from"./p-f99c8b2f.js";let d={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.headerTitle="Manufacturer",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await l(this,{scopedTimeoutRef:i,partNumber:o,mockData:d},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){d=t}render(){var t,e,r;const s=this.locale.partLookup.manufacturer,l=this.partInformation&&this.localizationName||"russian",d=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],p=(this.partInformation?[{label:s.origin,key:"origin",value:this.partInformation.tmcPart.origin},{label:s.warrantyPrice,key:"warrantyPrice",value:null===(t=this.partInformation.tmcPart.warrantyPrice)||void 0===t?void 0:t.toFixed(2)},{label:s.specialPrice,key:"specialPrice",value:null===(e=this.partInformation.tmcPart.specialPrice)||void 0===e?void 0:e.toFixed(2)},{label:s.wholesalesPrice,key:"salesPrice",value:null===(r=this.partInformation.tmcPart.salesPrice)||void 0===r?void 0:r.toFixed(2)},{label:s.pnc,key:"pnc",value:this.partInformation.tmcPart.pnc},{label:s.pncName.replace("$",l),key:"pncLocalName",value:this.partInformation.tmcPart.pncLocalName},{label:s.binCode,key:"binCode",value:this.partInformation.tmcPart.binCode},{label:s.dimension1,key:"dimension1",value:this.partInformation.tmcPart.dimension1},{label:s.dimension2,key:"dimension2",value:this.partInformation.tmcPart.dimension2},{label:s.dimension3,key:"dimension3",value:this.partInformation.tmcPart.dimension3},{label:s.netWeight,key:"netWeight",value:this.partInformation.tmcPart.netWeight},{label:s.grossWeight,key:"grossWeight",value:this.partInformation.tmcPart.grossWeight},{label:s.cubicMeasure,key:"cubicMeasure",value:this.partInformation.tmcPart.cubicMeasure},{label:s.hsCode,key:"hsCode",value:this.partInformation.tmcPart.hsCode},{label:s.uzHsCode,key:"uzHsCode",value:this.partInformation.tmcPart.uzHsCode}]:[]).filter((t=>!d.includes(t.key)));return i(a,{key:"5c69b7b8b7733d418494240dae97f6012502486c"},i("div",{key:"8b4149c370dad858347fc9f213d55f56486bd542",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"eeed9658490a9a6612c02a06212e5e47ec92024d"},i(n,{key:"1be320615f026ad166785553b8350bb023e3fc69",isLoading:this.state.includes("loading")}),i("div",{key:"30675b4ea68fc52a436a6b440a8a46188e8c43b1",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"42317591e1ddf90a9a66bfb764986ea3c9a3f203",class:"py-[16px]"},i("div",{key:"b7318900ef3e39feb04617b455c827efa6dd8819",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"fe116aa9e6cb2b8f0e927e6da55d68f067af594d"},i("div",{key:"ff4ee3b9d935ed761897b86418b54962eb16078e",class:"flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"2cf379164e1c82898c0e48565a59f0afa8577f5b",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},this.headerTitle),i("div",{key:"3df9b6ca96d45fd01c44a6b227f0c01d1b23016e",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},i("div",{key:"167ea852d54d1e1a60d568dba20330775c5be95e",class:"grid grid-cols-3 gap-[50px]"},p.map((({label:t,value:e,key:a})=>i("div",{key:a,class:"flex flex-col flex-1"},i("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),i("div",{class:"py-[10px] px-0"},e))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.grid{display:grid}.h-\\[40px\\]{height:40px}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-hidden{overflow:hidden}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"manufacturer-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],headerTitle:[1,"header-title"],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["manufacturer-lookup"].forEach((t=>{"manufacturer-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as M,c as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{l as a,g as r}from"./p-c7747b68.js";import{c as n}from"./p-98d9e7ab.js";import{L as s}from"./p-c20e4190.js";import{g as d}from"./p-f99c8b2f.js";let l={};const p="46px",c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await d(this,{scopedTimeoutRef:i,partNumber:a,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}toggleAccordion(t){const e=t.target.parentElement,i=e.getElementsByClassName("icon")[0];if("true"===e.getAttribute("aria-expanded"))e.style.height=p,i.style.transform="rotate(0deg)",e.setAttribute("aria-expanded","false");else{const t=e.getElementsByClassName("content")[0],o=+p.replace("px","")+t.getClientRects()[0].height;e.style.height=`${o}px`,i.style.transform="rotate(180deg)",e.setAttribute("aria-expanded","true")}}render(){var t,e;const a=this.locale.partLookup.deadStock;return i(o,{key:"9c9f1c28a87f4652d7c612b4e1d001e8d27b23b8"},i("div",{key:"f41c7f6f903a2948dcfc1066784eedde1d5eb31b",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"486376da8a09a8478468b534b703f1aa6877d087"},i(s,{key:"b3131d50da29fbb9e87002abb7b7b20180706ae8",isLoading:this.state.includes("loading")}),i("div",{key:"01999f494cfcba631efd4d7e27a53bc6e2faba21",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"1b77813e6f800e211145c6a9d6609eeaf1274565",class:"py-[16px]"},i("div",{key:"e5a33de3d2c81a6a811775dac25416a1b39e381c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"99a9dcbf6b724886ac984b44cfd4025d117c2288"},i("div",{key:"cd6fae6e527f3066c8e8554b138ad49eb46204b3",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"96a940e531e602c43f4cb5f3fcf57dfe68ace43d",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},a.deadStock),null===(e=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===e?void 0:e.map((t=>i("div",{key:t.companyIntegrationID,class:"py-[10px] px-[20px]"},i("div",{"aria-expanded":"false",style:{height:p},class:"border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]"},i("button",{onClick:this.toggleAccordion,style:{height:p},class:"w-full flex px-[10px] justify-between items-center text-slate-800"},i("strong",null,t.companyName),i("span",{class:"icon text-slate-800 transition-transform duration-500"},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"size-[22px]"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z"})))),i("div",{class:"content"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",null,i("tr",null,i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},a.branch),i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},a.availableQuantity))),i("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>i("tr",{class:"transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},i("td",{class:n("py-[20px] px-[10px] text-start whitespace-nowrap")},t.companyBranchName),i("td",{class:n("py-[20px] px-[10px] text-start whitespace-nowrap")},i("strong",null,t.quantity))))))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.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-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function h(){"undefined"!=typeof customElements&&["dead-stock-lookup"].forEach((t=>{"dead-stock-lookup"===t&&(customElements.get(t)||customElements.define(t,c))}))}h();export{c as D,h as d}
|
|
5
|
+
import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{l as a,g as r}from"./p-0c62815e.js";import{c as n}from"./p-98d9e7ab.js";import{L as s}from"./p-0c9d5b37.js";import{g as d}from"./p-f99c8b2f.js";let l={};const p="46px",c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await d(this,{scopedTimeoutRef:i,partNumber:a,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}toggleAccordion(t){const e=t.target.parentElement,i=e.getElementsByClassName("icon")[0];if("true"===e.getAttribute("aria-expanded"))e.style.height=p,i.style.transform="rotate(0deg)",e.setAttribute("aria-expanded","false");else{const t=e.getElementsByClassName("content")[0],o=+p.replace("px","")+t.getClientRects()[0].height;e.style.height=`${o}px`,i.style.transform="rotate(180deg)",e.setAttribute("aria-expanded","true")}}render(){var t,e;const a=this.locale.partLookup.deadStock;return i(o,{key:"9c9f1c28a87f4652d7c612b4e1d001e8d27b23b8"},i("div",{key:"f41c7f6f903a2948dcfc1066784eedde1d5eb31b",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"486376da8a09a8478468b534b703f1aa6877d087"},i(s,{key:"b3131d50da29fbb9e87002abb7b7b20180706ae8",isLoading:this.state.includes("loading")}),i("div",{key:"01999f494cfcba631efd4d7e27a53bc6e2faba21",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{key:"1b77813e6f800e211145c6a9d6609eeaf1274565",class:"py-[16px]"},i("div",{key:"e5a33de3d2c81a6a811775dac25416a1b39e381c",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"99a9dcbf6b724886ac984b44cfd4025d117c2288"},i("div",{key:"cd6fae6e527f3066c8e8554b138ad49eb46204b3",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"96a940e531e602c43f4cb5f3fcf57dfe68ace43d",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},a.deadStock),null===(e=null===(t=this.partInformation)||void 0===t?void 0:t.deadStock)||void 0===e?void 0:e.map((t=>i("div",{key:t.companyIntegrationID,class:"py-[10px] px-[20px]"},i("div",{"aria-expanded":"false",style:{height:p},class:"border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]"},i("button",{onClick:this.toggleAccordion,style:{height:p},class:"w-full flex px-[10px] justify-between items-center text-slate-800"},i("strong",null,t.companyName),i("span",{class:"icon text-slate-800 transition-transform duration-500"},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",class:"size-[22px]"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z"})))),i("div",{class:"content"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",null,i("tr",null,i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},a.branch),i("th",{class:"py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]"},a.availableQuantity))),i("tbody",null,null==t?void 0:t.branchDeadStock.map((t=>i("tr",{class:"transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100",key:t.companyBranchIntegrationID},i("td",{class:n("py-[20px] px-[10px] text-start whitespace-nowrap")},t.companyBranchName),i("td",{class:n("py-[20px] px-[10px] text-start whitespace-nowrap")},i("strong",null,t.quantity))))))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.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-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-start{text-align:start}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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}}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"dead-stock-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function h(){"undefined"!=typeof customElements&&["dead-stock-lookup"].forEach((t=>{"dead-stock-lookup"===t&&(customElements.get(t)||customElements.define(t,c))}))}h();export{c as D,h as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as a,c as o}from"./p-b2051f01.js";import{c as i}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-c7747b68.js";import{g as n}from"./p-8b1d90d7.js";import{o as d,c as l,e as p}from"./p-d5ff7544.js";import{L as c}from"./p-c20e4190.js";let h={};const w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{d(this,t,e)},this.closeImage=t=>{l(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.vin;this.externalVin=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const r=o?await n(this,{scopedTimeoutRef:a,vin:i,mockData:h},e):t;if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){h=t}render(){var t,e;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:s,parts:n}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return a(o,{key:"1e382e152870fe6ed781e7bb1a61d0bc513bd33c"},a("div",{key:"87f754d6e4231fc8ac96a47d38afeceac4961adb",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"ed7ec03eb3564e10d9a85158050c31ec4456b854"},a(c,{key:"1b0d996939d7739f98b704230e0976874faab3ed",isLoading:this.state.includes("loading")}),a("div",{key:"466ef3752e44dc70b7feb76de7e209a57094e90d",class:i("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"da246e967d6b33c272fc32584e2d7f1e0e83ccd4",class:i("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(e=this.vehicleInformation)||void 0===e?void 0:e.vin),["error","error-loading"].includes(this.state)&&a("div",{key:"e4dcd6efb6dc64098925031c172ebc4827714d12",class:"py-[16px]"},a("div",{key:"2bb9d510c170a8e270346c0b7f9eda339ad3d576",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"dbeeb65434cc8e359f47aa85d83ec2855b456219",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"ee456914428711989d06c5b612a05b024224d339",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.paintThickness),a("div",{key:"b8a3f46ae6e09768cd2151f72d7e6e2a13d8308c",class:"h-0 overflow-auto flex-1"},!n.length&&a("div",{key:"db8327f2536be13dd32820898e2651ff08af81fd",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&a("table",{key:"e107871560c319d6c8830bbe8c9e9753dd7500c1",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"28a54bb79297574e0f1f4f9db9397ce6d8d06a97",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"35c688c631187bbbbd2610f5532f949d994d8e86"},["part","left","right"].map((t=>a("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),a("tbody",{key:"9d925d7ca4bec43400c168492ce6add324eeb74b"},n.map(((t,e)=>a("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((o=>a("td",{key:t.part+o,class:i("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===n.length-1})},t[o]||"...")))))))))),["data","data-loading"].includes(this.state)&&a("div",{key:"cba778359895dc949da8172f106f94380dbb7fb3"},!s.length&&a("div",{key:"4c76413ca2cc94aee048667c87a0541268cda16a",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!s.length&&a("div",{key:"df5b892b8bc8321fc22d90eb648ef1a0973e25dc",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},s.map((t=>a("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},a("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),a("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>a("div",{class:"flex gap-[8px]",key:t},a("button",{onClick:({target:e})=>this.openImage(e,t),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:p}),a("span",{class:"text-white"},r.expand)),a("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),a("div",{key:"aab963037ccebcc594fcd95f8145eab95b344c4e",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:i("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},a("button",{key:"fa15c8961fea415f14e59d539a64c1446789d5be",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"fd9a22c4c9b0bc3b87dd9831c74467738737f5ea",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"a6a9e793fb57a7afe88bbd80218a9c293e0b24cc",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"c6623b738244c8eeee9d0448014539e67d88b5df",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.min-w-\\[100px\\]{min-width:100px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function x(){"undefined"!=typeof customElements&&["paint-thickness"].forEach((t=>{"paint-thickness"===t&&(customElements.get(t)||customElements.define(t,w))}))}x();export{w as P,x as d}
|
|
5
|
+
import{p as t,H as e,h as a,c as o}from"./p-b2051f01.js";import{c as i}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-0c62815e.js";import{g as n}from"./p-8b1d90d7.js";import{o as d,c as l,e as p}from"./p-d5ff7544.js";import{L as c}from"./p-0c9d5b37.js";let h={};const w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{d(this,t,e)},this.closeImage=t=>{l(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.vin;this.externalVin=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const r=o?await n(this,{scopedTimeoutRef:a,vin:i,mockData:h},e):t;if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){h=t}render(){var t,e;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:s,parts:n}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return a(o,{key:"1e382e152870fe6ed781e7bb1a61d0bc513bd33c"},a("div",{key:"87f754d6e4231fc8ac96a47d38afeceac4961adb",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"ed7ec03eb3564e10d9a85158050c31ec4456b854"},a(c,{key:"1b0d996939d7739f98b704230e0976874faab3ed",isLoading:this.state.includes("loading")}),a("div",{key:"466ef3752e44dc70b7feb76de7e209a57094e90d",class:i("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"da246e967d6b33c272fc32584e2d7f1e0e83ccd4",class:i("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(e=this.vehicleInformation)||void 0===e?void 0:e.vin),["error","error-loading"].includes(this.state)&&a("div",{key:"e4dcd6efb6dc64098925031c172ebc4827714d12",class:"py-[16px]"},a("div",{key:"2bb9d510c170a8e270346c0b7f9eda339ad3d576",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"dbeeb65434cc8e359f47aa85d83ec2855b456219",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"ee456914428711989d06c5b612a05b024224d339",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.paintThickness),a("div",{key:"b8a3f46ae6e09768cd2151f72d7e6e2a13d8308c",class:"h-0 overflow-auto flex-1"},!n.length&&a("div",{key:"db8327f2536be13dd32820898e2651ff08af81fd",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&a("table",{key:"e107871560c319d6c8830bbe8c9e9753dd7500c1",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"28a54bb79297574e0f1f4f9db9397ce6d8d06a97",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"35c688c631187bbbbd2610f5532f949d994d8e86"},["part","left","right"].map((t=>a("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),a("tbody",{key:"9d925d7ca4bec43400c168492ce6add324eeb74b"},n.map(((t,e)=>a("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((o=>a("td",{key:t.part+o,class:i("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===n.length-1})},t[o]||"...")))))))))),["data","data-loading"].includes(this.state)&&a("div",{key:"cba778359895dc949da8172f106f94380dbb7fb3"},!s.length&&a("div",{key:"4c76413ca2cc94aee048667c87a0541268cda16a",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!s.length&&a("div",{key:"df5b892b8bc8321fc22d90eb648ef1a0973e25dc",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},s.map((t=>a("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},a("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),a("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>a("div",{class:"flex gap-[8px]",key:t},a("button",{onClick:({target:e})=>this.openImage(e,t),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:p}),a("span",{class:"text-white"},r.expand)),a("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),a("div",{key:"aab963037ccebcc594fcd95f8145eab95b344c4e",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:i("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},a("button",{key:"fa15c8961fea415f14e59d539a64c1446789d5be",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"fd9a22c4c9b0bc3b87dd9831c74467738737f5ea",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"a6a9e793fb57a7afe88bbd80218a9c293e0b24cc",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"c6623b738244c8eeee9d0448014539e67d88b5df",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.min-w-\\[100px\\]{min-width:100px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function x(){"undefined"!=typeof customElements&&["paint-thickness"].forEach((t=>{"paint-thickness"===t&&(customElements.get(t)||customElements.define(t,w))}))}x();export{w as P,x as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as a,c as i}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-c7747b68.js";import{g as n}from"./p-f99c8b2f.js";import{L as d}from"./p-c20e4190.js";let l={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,o=i?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const r=i?await n(this,{scopedTimeoutRef:a,partNumber:o,mockData:l},e):t;if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,r;const s=this.locale.partLookup.distributor,n=this.partInformation&&this.localizationName||"russian",l=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],p=(this.partInformation?[{label:s.description,key:"partDescription",value:this.partInformation.stockParts[0].partDescription},{label:s.productGroup,key:"group",value:this.partInformation.stockParts[0].group},{label:s.localDescription.replace("$",n),key:"localDescription",value:this.partInformation.stockParts[0].localDescription},{label:s.dealerPurchasePrice,key:"fob",value:null===(t=this.partInformation.stockParts[0].fob)||void 0===t?void 0:t.toFixed(2)},{label:s.recommendedRetailPrice,key:"price",value:null===(e=this.partInformation.stockParts[0].price)||void 0===e?void 0:e.toFixed(2)},{label:s.supersededFrom,key:"supersededFrom",value:this.partInformation.stockParts[0].supersededFrom},{label:s.supersededTo,key:"supersededTo",value:this.partInformation.stockParts[0].supersededTo}]:[]).filter((t=>!l.includes(t.key))),c=!!this.partInformation&&!this.partInformation.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t));return a(i,{key:"09133a7bb5a42db9f5e5b3723ae33a843a8e342e"},a("div",{key:"e2e688b08f90d1cab2295f2d4393d1e9419f317b",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"e2112b16199ae11bfc349b483c9a7b73c2bcdfa1"},a(d,{key:"aed1f85f2a0ab6951c865d7d479fedd993517567",isLoading:this.state.includes("loading")}),a("div",{key:"ba22bfde36558f78878213899a118658baaca3c3",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&a("div",{key:"9ae5d42f1279a410cff1b159134e74129e7d0dee",class:"py-[16px]"},a("div",{key:"5214e951db368a3579d30e5abb99a7b1cf6a512f",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"a9fda5bbfe8d09e2ee6cd1b41e182b8ec72e926e"},a("div",{key:"3f272381d298c72674cebf3b01a34237b9b65523",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"da6eef3c067c374842285a516e9facf03c78be62",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.info),a("div",{key:"3a1735beae2f1fb4bd81c14662ffdab0123aac24",class:"py-[10px] px-[30px] flex flex-col gap-[15px]"},a("div",{key:"f7559eac1c28c672bbb94f2c60810cf528dd8bd1",class:"grid grid-cols-3 gap-[50px]"},p.map((({label:t,value:e,key:i})=>a("div",{key:i,class:"flex flex-col flex-1"},a("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),a("div",{class:"py-[10px] px-0"},e))))))),c&&a("div",{key:"a8e3d1c4f8bf9faa9ff645618f73d5b4022febdd",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"53b59149db9d139d03b8c5e81b83e65b75be2375",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.distributorStock),a("div",{key:"8d067763c50ed0954dfd7df5cb6f281a389fc464",class:"flex flex-col gap-[15px]"},a("table",{key:"dca2a62ffe87b34125be2127f29119d691fee208",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"b6a473e22373b8050fc3fc2bdda889feca0b1413",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"8c10ea65fdc411e3345ae367c6ff6176d94c41db"},[s.location,s.availability].map((t=>a("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),a("tbody",{key:"d93d3b2f8c9240d2a5da9a3aee594ffedd8aed38"},null===(r=this.partInformation)||void 0===r?void 0:r.stockParts.map((t=>a("tr",{class:"transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100",key:t.locationID},a("td",{class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},t.locationName),a("td",{class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},a("div",{class:o("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},a("strong",null,"Available"===t.quantityLookUpResult?s.available:"PartiallyAvailable"===t.quantityLookUpResult?s.partiallyAvailable:s.notAvailable)))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.grid{display:grid}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[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))}.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)}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["distributor-lookup"].forEach((t=>{"distributor-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as D,c as d}
|
|
5
|
+
import{p as t,H as e,h as a,c as i}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-0c62815e.js";import{g as n}from"./p-f99c8b2f.js";import{L as d}from"./p-0c9d5b37.js";let l={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=r.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,o=i?t:null==t?void 0:t.partNumber;this.externalPartNumber=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const r=i?await n(this,{scopedTimeoutRef:a,partNumber:o,mockData:l},e):t;if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,r;const s=this.locale.partLookup.distributor,n=this.partInformation&&this.localizationName||"russian",l=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],p=(this.partInformation?[{label:s.description,key:"partDescription",value:this.partInformation.stockParts[0].partDescription},{label:s.productGroup,key:"group",value:this.partInformation.stockParts[0].group},{label:s.localDescription.replace("$",n),key:"localDescription",value:this.partInformation.stockParts[0].localDescription},{label:s.dealerPurchasePrice,key:"fob",value:null===(t=this.partInformation.stockParts[0].fob)||void 0===t?void 0:t.toFixed(2)},{label:s.recommendedRetailPrice,key:"price",value:null===(e=this.partInformation.stockParts[0].price)||void 0===e?void 0:e.toFixed(2)},{label:s.supersededFrom,key:"supersededFrom",value:this.partInformation.stockParts[0].supersededFrom},{label:s.supersededTo,key:"supersededTo",value:this.partInformation.stockParts[0].supersededTo}]:[]).filter((t=>!l.includes(t.key))),c=!!this.partInformation&&!this.partInformation.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t));return a(i,{key:"09133a7bb5a42db9f5e5b3723ae33a843a8e342e"},a("div",{key:"e2e688b08f90d1cab2295f2d4393d1e9419f317b",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"e2112b16199ae11bfc349b483c9a7b73c2bcdfa1"},a(d,{key:"aed1f85f2a0ab6951c865d7d479fedd993517567",isLoading:this.state.includes("loading")}),a("div",{key:"ba22bfde36558f78878213899a118658baaca3c3",class:o("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&a("div",{key:"9ae5d42f1279a410cff1b159134e74129e7d0dee",class:"py-[16px]"},a("div",{key:"5214e951db368a3579d30e5abb99a7b1cf6a512f",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"a9fda5bbfe8d09e2ee6cd1b41e182b8ec72e926e"},a("div",{key:"3f272381d298c72674cebf3b01a34237b9b65523",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"da6eef3c067c374842285a516e9facf03c78be62",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.info),a("div",{key:"3a1735beae2f1fb4bd81c14662ffdab0123aac24",class:"py-[10px] px-[30px] flex flex-col gap-[15px]"},a("div",{key:"f7559eac1c28c672bbb94f2c60810cf528dd8bd1",class:"grid grid-cols-3 gap-[50px]"},p.map((({label:t,value:e,key:i})=>a("div",{key:i,class:"flex flex-col flex-1"},a("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),a("div",{class:"py-[10px] px-0"},e))))))),c&&a("div",{key:"a8e3d1c4f8bf9faa9ff645618f73d5b4022febdd",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"53b59149db9d139d03b8c5e81b83e65b75be2375",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.distributorStock),a("div",{key:"8d067763c50ed0954dfd7df5cb6f281a389fc464",class:"flex flex-col gap-[15px]"},a("table",{key:"dca2a62ffe87b34125be2127f29119d691fee208",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"b6a473e22373b8050fc3fc2bdda889feca0b1413",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"8c10ea65fdc411e3345ae367c6ff6176d94c41db"},[s.location,s.availability].map((t=>a("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),a("tbody",{key:"d93d3b2f8c9240d2a5da9a3aee594ffedd8aed38"},null===(r=this.partInformation)||void 0===r?void 0:r.stockParts.map((t=>a("tr",{class:"transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100",key:t.locationID},a("td",{class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},t.locationName),a("td",{class:o("px-[10px] py-[20px] text-center whitespace-nowrap")},a("div",{class:o("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},a("strong",null,"Available"===t.quantityLookUpResult?s.available:"PartiallyAvailable"===t.quantityLookUpResult?s.partiallyAvailable:s.notAvailable)))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.grid{display:grid}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[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))}.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)}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["distributor-lookup"].forEach((t=>{"distributor-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as D,c as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{
|
|
5
|
+
import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{l as s,g as a}from"./p-0c62815e.js";import{c as r}from"./p-98d9e7ab.js";import{d as n}from"./p-c39f97a1.js";import{d as l}from"./p-ed4f329d.js";import{d as h}from"./p-b75f830a.js";const c="dead-stock-lookup",d="distributor-lookup",u="manufacturer-lookup",p=t(class extends e{constructor(){super(),this.__registerHost(),this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.baseUrl="",this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.activeElement="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=s.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await a(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[c]:t,[d]:e,[u]:i},Object.values(this.componentsList).forEach((t=>{t&&(this.loadingStateChanged&&(t.loadingStateChange=this.loadingStateChangingMiddleware),t.loadedResponse=e=>this.handleLoadData(e,t))}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.locale.errors.partNumberRequired;const s=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(s,i)}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}render(){const t={[c]:{},[d]:{},[u]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(o,{key:"c85fc29e9e0712bf71d32b0af917b227ea9ced17"},i("div",{key:"e7be386e8789e18b9aa2a8903f7b678259ce54ad",class:r("w-full",{hidden:this.activeElement!==c})},i("dead-stock-lookup",Object.assign({key:"965e2b9f021396a0ea961546ef47fec7e3d711aa","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[c]))),i("div",{key:"377661f1555723f772dc59f8a04baa9e39436add",class:r("w-full",{hidden:this.activeElement!==d})},i("distributor-lookup",Object.assign({key:"87f8b7980eeb75e699975559c6e905a1239fd467","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[d]))),i("div",{key:"0bed3648b7a7555f0168d3bc1eadf4e138cde715",class:r("w-full",{hidden:this.activeElement!==u})},i("manufacturer-lookup",Object.assign({key:"94a5014d911c2e5b54783fb869f2f80af6125320","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]))),i("slot",{key:"19d3b29afd60ee108f3de149ed2018f31a8a5642"}))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}'}},[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function f(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","manufacturer-lookup"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,p);break;case"dead-stock-lookup":customElements.get(t)||n();break;case"distributor-lookup":customElements.get(t)||l();break;case"manufacturer-lookup":customElements.get(t)||h()}}))}f();const b=p,g=f;export{b as PartLookup,g as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{V as
|
|
5
|
+
import{V as o,d as s}from"./p-14226c5e.js";const p=o,r=s;export{p as VehicleAccessories,r as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as e,H as t,h as i,c as a}from"./p-b2051f01.js";import{c as r}from"./p-98d9e7ab.js";import{d as o}from"./p-c41b74ea.js";import{d as s}from"./p-cb6dc5c3.js";import{d as n}from"./p-2f02d063.js";import{d as c}from"./p-58a3bbc5.js";import{d}from"./p-acbea376.js";import{d as l}from"./p-09dd6de2.js";import{d as h}from"./p-21dfafba.js";const p=e(class extends t{constructor(){super(),this.__registerHost(),this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.blazorErrorStateListener="",this.blazorOnLoadingStateChange="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0}async componentDidLoad(){const e=this.el.getElementsByTagName("vehicle-specification")[0],t=this.el.getElementsByTagName("vehicle-accessories")[0],i=this.el.getElementsByTagName("warranty-details")[0],a=this.el.getElementsByTagName("service-history")[0],r=this.el.getElementsByTagName("paint-thickness")[0],o=this.el.getElementsByTagName("dynamic-claim")[0];this.componentsList={"vehicle-specification":e,"vehicle-accessories":t,"warranty-details":i,"service-history":a,"paint-thickness":r,"dynamic-claim":o},Object.values(this.componentsList).forEach((e=>{e&&(this.loadingStateChanged&&(e.loadingStateChange=this.loadingStateChanged),e.loadedResponse=t=>this.handleLoadData(t,e))}))}async errorListener(e){this.errorStateListener&&this.errorStateListener(e),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,e)}async handleLoadingListenerPropChange(e){Object.values(this.componentsList).forEach((t=>{t&&(t.loadingStateChange=e)}))}async handleBlazorLoadingRefChange(e){this.blazorRef&&Object.values(this.componentsList).forEach((t=>{t&&(t.loadingStateChange=t=>this.blazorRef.invokeMethodAsync(e,t))}))}async setBlazorRef(e){this.blazorRef=e,this.blazorOnLoadingStateChange&&Object.values(this.componentsList).forEach((e=>{e&&(e.loadingStateChange=e=>this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,e))}))}async fetchVin(e,t={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",i)return""==e?this.wrapperErrorState="VIN is required":function(e){const t={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9},i=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];let a=0,r=!0;for(let o=0;o<e.length;o++){const s=t[e[o].toUpperCase()];if(void 0===s){r=!1;break}a+=s*i[o]}let o=""+a%11;return"10"===o&&(o="X"),e[8]!=o&&(r=!1),r}(e)?void i.fetchData(e,t):this.wrapperErrorState="Invalid VIN"}async getPageContext(){return{componentsList:this.componentsList}}handleLoadData(e,t){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==t&&e&&i.setData(e)}))}render(){return i(a,{key:"f9e557d773f50b6fa3a76b287bd62cd852e10d06"},i("div",{key:"fa267d8aeddb4807e21fab2c61986cf98a29caeb",class:r("w-full",{hidden:"vehicle-specification"!==this.activeElement})},i("vehicle-specification",{key:"005f0bc2c8db628cbfc006bb8b6452a3691336f2",language:this.language,isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"f8dc47e3bd43694d5e1ba2c37e6dbbdbdaf4f9cf",class:r("w-full",{hidden:"vehicle-accessories"!==this.activeElement})},i("vehicle-accessories",{key:"c8c291bfc5c639c0b2dbd529e36ee61ee96751e2",language:this.language,isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"33ed406e5803036cf90a3a12a20225263cf99bb8",class:r("w-full",{hidden:"warranty-details"!==this.activeElement})},i("warranty-details",{key:"448044d8011c92e0b20827c7e3524e35f989b333",language:this.language,isDev:this.isDev,"show-ssc":"true","show-warranty":"true","base-url":this.baseUrl,"query-string":this.queryString},i("slot",{key:"f3a3eaf0e887cd5e646cb21aca824096e135c27b"}))),i("div",{key:"624f31cea6c56fc435e2d69202beac8664b65f37",class:r("w-full",{hidden:"service-history"!==this.activeElement})},i("service-history",{key:"cd3a450e7dc5933de36bc86a44ffc0c09befd5d2",language:this.language,isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"2ede71d8e30a4bddfbf70c8036283a4a9d4583d8",class:r("w-full",{hidden:"paint-thickness"!==this.activeElement})},i("paint-thickness",{key:"872f7b26a5a9dcaa8212af40509ead1691ac2ae6",language:this.language,isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})),i("div",{key:"fdfef55e500725605e286ab9ceb3741632cbe3b0",class:r("w-full",{hidden:"dynamic-claim"!==this.activeElement})},i("dynamic-claim",{key:"80aa8037bf3ad6d5dbf7aa0607ed2cf3c7553c59",language:this.language,isDev:this.isDev,"base-url":this.baseUrl,"query-string":this.queryString})))}get el(){return this}static get watchers(){return{wrapperErrorState:["errorListener"],onLoadingStateChanged:["handleLoadingListenerPropChange"],blazorOnLoadingStateChange:["handleBlazorLoadingRefChange"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}'}},[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],setBlazorRef:[64],fetchVin:[64],getPageContext:[64]},void 0,{wrapperErrorState:["errorListener"],onLoadingStateChanged:["handleLoadingListenerPropChange"],blazorOnLoadingStateChange:["handleBlazorLoadingRefChange"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-lookup","dynamic-claim","dynamic-redeem","paint-thickness","service-history","vehicle-accessories","vehicle-specification","warranty-details"].forEach((e=>{switch(e){case"vehicle-lookup":customElements.get(e)||customElements.define(e,p);break;case"dynamic-claim":customElements.get(e)||o();break;case"dynamic-redeem":customElements.get(e)||s();break;case"paint-thickness":customElements.get(e)||n();break;case"service-history":customElements.get(e)||c();break;case"vehicle-accessories":customElements.get(e)||d();break;case"vehicle-specification":customElements.get(e)||l();break;case"warranty-details":customElements.get(e)||h()}}))}b();const f=p,g=b;export{f as VehicleLookup,g as defineCustomElement}
|
|
5
|
+
import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as s}from"./p-0c62815e.js";import{d as n}from"./p-2bd0fee5.js";import{d as c}from"./p-6864b1ac.js";import{d as l}from"./p-ea183aab.js";import{d}from"./p-090b8654.js";import{d as h}from"./p-14226c5e.js";import{d as p}from"./p-1f28a457.js";import{d as b}from"./p-33d15f6d.js";const f="dynamic-claim",w="paint-thickness",g="service-history",u="warranty-details",m="vehicle-accessories",y="vehicle-specification",x=t(class extends e{constructor(){super(),this.__registerHost(),this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dynamic-claim")[0],e=this.el.getElementsByTagName("service-history")[0],i=this.el.getElementsByTagName("paint-thickness")[0],a=this.el.getElementsByTagName("warranty-details")[0],r=this.el.getElementsByTagName("vehicle-accessories")[0],o=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[f]:t,[g]:e,[u]:a,[w]:i,[m]:r,[y]:o},Object.values(this.componentsList).forEach((t=>{t&&(this.loadingStateChanged&&(t.loadingStateChange=this.loadingStateChangingMiddleware),t.loadedResponse=e=>this.handleLoadData(e,t))}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",i)return""==t?this.wrapperErrorState=this.locale.errors.vinNumberRequired:function(t){const e={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9},i=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];let a=0,r=!0;for(let o=0;o<t.length;o++){const s=e[t[o].toUpperCase()];if(void 0===s){r=!1;break}a+=s*i[o]}let o=""+a%11;return"10"===o&&(o="X"),t[8]!=o&&(r=!1),r}(t)?void i.fetchData(t,e):this.wrapperErrorState=this.locale.errors.invalidVin}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}render(){const t={[f]:{},[w]:{},[g]:{},[u]:{},[m]:{},[y]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(a,{key:"e0cea21b94a33961d15f151c1374a23f5bbab93d"},i("div",{key:"e29e3a762397d0205168d48500b978d1928feabf",class:r("w-full",{hidden:this.activeElement!==y})},i("vehicle-specification",Object.assign({key:"c414baea398a053e2c10b6ab1045cded332a46a0","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[y]))),i("div",{key:"0cd0a760dbb94faf010c04d2810530867797d3c2",class:r("w-full",{hidden:this.activeElement!==m})},i("vehicle-accessories",Object.assign({key:"9bd7310b8e41ab9c72edf6b725cdfe50593745bb","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[m]))),i("div",{key:"0183152198fc26e636e3eff531325cf97e975e57",class:r("w-full",{hidden:this.activeElement!==u})},i("warranty-details",Object.assign({key:"8aec1010ed9517eb831966f7451e8fc53a170484","show-ssc":"true","show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]),i("slot",{key:"ef8cb15609d72dc83268ed9b921bb8e6acc8d11f"}))),i("div",{key:"a85f4d9f9783bbaaa16f8950cba3e089ed6c0f22",class:r("w-full",{hidden:this.activeElement!==g})},i("service-history",Object.assign({key:"45c3796dc0090d8083805625992aefdcb3eb43c6",language:this.language,"base-url":this.baseUrl,"query-string":this.queryString},t[g]))),i("div",{key:"596dd21adf06a95cc6b0b446a0d00602f1cee94c",class:r("w-full",{hidden:this.activeElement!==w})},i("paint-thickness",Object.assign({key:"ab420953017922ddccbf7b764a34681ee1e14d62","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[w]))),i("div",{key:"fc9f5fb31a9940ceb91086b76adc5abbc975c412",class:r("w-full",{hidden:this.activeElement!==f})},i("dynamic-claim",Object.assign({key:"88d3c4d2f41cb2a64969f7b02be7564b3b4d951c"},t[f],{language:this.language,"base-url":this.baseUrl,"query-string":this.queryString}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}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.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}'}},[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function v(){"undefined"!=typeof customElements&&["vehicle-lookup","dynamic-claim","dynamic-redeem","paint-thickness","service-history","vehicle-accessories","vehicle-specification","warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,x);break;case"dynamic-claim":customElements.get(t)||n();break;case"dynamic-redeem":customElements.get(t)||c();break;case"paint-thickness":customElements.get(t)||l();break;case"service-history":customElements.get(t)||d();break;case"vehicle-accessories":customElements.get(t)||h();break;case"vehicle-specification":customElements.get(t)||p();break;case"warranty-details":customElements.get(t)||b()}}))}v();const k=x,j=v;export{k as VehicleLookup,j as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{V as
|
|
5
|
+
import{V as o,d as s}from"./p-1f28a457.js";const a=o,p=s;export{a as VehicleSpecification,p as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{W as
|
|
5
|
+
import{W as o,d as s}from"./p-33d15f6d.js";const d=o,p=s;export{d as WarrantyDetails,p as defineCustomElement}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-33ae6859.js';
|
|
6
|
-
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-
|
|
6
|
+
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-e7d50e27.js';
|
|
7
7
|
import { c as cn } from './cn-cc419b94.js';
|
|
8
8
|
import { L as Loading } from './Loading-f4d666ee.js';
|
|
9
9
|
import './index.esm-46e0cdad.js';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-33ae6859.js';
|
|
6
6
|
import { c as cn } from './cn-cc419b94.js';
|
|
7
|
-
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-
|
|
7
|
+
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-e7d50e27.js';
|
|
8
8
|
import { L as Loading$1, l as loaderSvg$1 } from './Loading-f4d666ee.js';
|
|
9
9
|
import './index.esm-46e0cdad.js';
|
|
10
10
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-33ae6859.js';
|
|
6
6
|
import { c as cn } from './cn-cc419b94.js';
|
|
7
|
-
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-
|
|
7
|
+
import { l as localeSchema, g as getLocaleLanguage } from './get-local-language-e7d50e27.js';
|
|
8
8
|
import './index.esm-46e0cdad.js';
|
|
9
9
|
|
|
10
10
|
const dynamicRedeemCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{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))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .qr-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;width:100%}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:\"\";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z\"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-4{padding-bottom:1rem;padding-top:1rem}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}";
|
|
@@ -8,6 +8,9 @@ import { c as create$3, a as create$6 } from './index.esm-46e0cdad.js';
|
|
|
8
8
|
const errorsSchema = create$3({
|
|
9
9
|
wildCard: create$6().required(),
|
|
10
10
|
noBaseUrl: create$6().required(),
|
|
11
|
+
invalidVin: create$6().required(),
|
|
12
|
+
vinNumberRequired: create$6().required(),
|
|
13
|
+
partNumberRequired: create$6().required(),
|
|
11
14
|
noServiceAvailable: create$6().required(),
|
|
12
15
|
wrongResponseFormat: create$6().required(),
|
|
13
16
|
});
|
|
@@ -179,7 +182,7 @@ const localeSchema = create$3({
|
|
|
179
182
|
vehicleLookup: vehicleLookupSchema,
|
|
180
183
|
});
|
|
181
184
|
|
|
182
|
-
const version = "0.0.
|
|
185
|
+
const version = "0.0.38";
|
|
183
186
|
|
|
184
187
|
const cachedLocales = {};
|
|
185
188
|
const getLocaleLanguage = async (fileKey) => {
|