adp-web-components 0.0.40 → 0.0.41
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 +5 -3
- package/dist/cjs/dynamic-redeem.cjs.entry.js +1 -1
- package/dist/cjs/{get-local-language-507f6989.js → get-local-language-2afae4fa.js} +1 -1
- package/dist/cjs/part-lookup.cjs.entry.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-claim.js +4 -2
- 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-922ff52c.js → p-0f6fc926.js} +1 -1
- package/dist/components/{p-79893631.js → p-1e3a346b.js} +1 -1
- package/dist/components/p-2fac364f.js +5 -0
- package/dist/components/{p-e4d1afba.js → p-5ebb1baa.js} +1 -1
- package/dist/components/{p-2340ecf4.js → p-6425b049.js} +1 -1
- package/dist/components/{p-160dece9.js → p-8770a54b.js} +1 -1
- package/dist/components/{p-b3de5ff6.js → p-88712a6f.js} +1 -1
- package/dist/components/{p-f3dd066f.js → p-8927ee20.js} +1 -1
- package/dist/components/{p-2e125a1d.js → p-9c625b44.js} +1 -1
- package/dist/components/{p-85d97144.js → p-e0fe137d.js} +1 -1
- package/dist/components/p-e5963c31.js +5 -0
- package/dist/components/{p-ca930569.js → p-e69fdb26.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 +5 -3
- package/dist/esm/dynamic-redeem.entry.js +1 -1
- package/dist/esm/{get-local-language-fdcb49f6.js → get-local-language-80211d62.js} +1 -1
- package/dist/esm/part-lookup.entry.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +1 -1
- package/dist/shift-components/{p-363c7e29.entry.js → p-005b6da7.entry.js} +1 -1
- package/dist/shift-components/{p-e9ccc7a9.js → p-01839fa0.js} +1 -1
- package/dist/shift-components/{p-42575b3f.entry.js → p-06f334f6.entry.js} +1 -1
- package/dist/shift-components/{p-a066b3b3.entry.js → p-7a5f86b7.entry.js} +1 -1
- package/dist/shift-components/p-c2c97548.entry.js +5 -0
- package/dist/shift-components/{p-52102bc7.entry.js → p-ec2994d5.entry.js} +1 -1
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-85a6b136.js +0 -5
- package/dist/components/p-f37f379d.js +0 -5
- package/dist/shift-components/p-cd766b0f.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{l as o,g as r}from"./p-85d97144.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-85a6b136.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=o.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(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.vin;this.externalVin=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 s(this,{scopedTimeoutRef:i,vin:o,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,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,o,r,s,l,c,p,h,f,b;const w=this.locale.vehicleLookup.specification;return i(a,{key:"10d7da29405e9f6f059789bfe4cabb9de999fd7d"},i("div",{key:"b4aaaa70893040e56373280e8b1826f2111dc795",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"5447aceb47b1ff56de869f2bdc2ceea41fad8d00"},i(d,{key:"e5afa11e2072dce52cb0c744c2715bc222373b18",isLoading:this.state.includes("loading")}),i("div",{key:"8ef1c896ac4234bb3aeec3df8241b5d461bb3267",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"5ee0f72bbf2f6c0d79ca4e8aa38067a244c680cd",class:n("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"8ff294c1b333731612c0baec23409c0c9d7f6db1",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"4d61facf67dda7aeda382623017c2e0c380ad90f",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:"ccba81927f973552d7cf4d4727d4f460c7a08deb",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"1202f36fafd59fb69f99e36d714ca1a4cd8e9593",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),i("div",{key:"d61786575ebde339955d5e2dfe8888d76a759785",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"99ad46e48a387c4aa3a51d0e80bd1838ae276036",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.vehicleSpecification)&&i("table",{key:"bdf3c84ac4f92ac37025066133fdbe29bac511cf",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"638a5a952ff2ae5321416ab7ab506bc5d716580a",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"d6566deba126815e6e3dc919ae23a5c0d4c59e91"},["model","variant","katashiki","modelYear","sfx"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),i("tbody",{key:"f0fb82022c9e714bd6de988de9b91e82d8dc3af0"},i("tr",{key:"1fb11f4f0bf979225fd299fe76c41f8b2f4312b8"},i("td",{key:"6eee318f27ba96ce39cfb32249a7b9a2286414fe",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(s=null===(r=null==this?void 0:this.vehicleInformation)||void 0===r?void 0:r.vehicleVariantInfo)||void 0===s?void 0:s.modelCode)||"..."," ",i("br",{key:"884eabac1cce2f941e1cf46127be3a4052678ed8",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),i("td",{key:"a1fcf0dc949a213d95a4db18402fdbe3fb5118ed",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",i("br",{key:"93f5e7d8d067f4c1acfc1adf87d8c43b94d83a59"}),(null===(b=null===(f=null==this?void 0:this.vehicleInformation)||void 0===f?void 0:f.vehicleSpecification)||void 0===b?void 0:b.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var e;const[a,o]=t.split("."),r=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:e[a][o].toString();return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},r.trim()?r:"...")})))))))))))}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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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}.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,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as V,p as d}
|
|
5
|
+
import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{l as o,g as r}from"./p-e0fe137d.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-e5963c31.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=o.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(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.vin;this.externalVin=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 s(this,{scopedTimeoutRef:i,vin:o,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,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,o,r,s,l,c,p,h,f,b;const w=this.locale.vehicleLookup.specification;return i(a,{key:"10d7da29405e9f6f059789bfe4cabb9de999fd7d"},i("div",{key:"b4aaaa70893040e56373280e8b1826f2111dc795",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"5447aceb47b1ff56de869f2bdc2ceea41fad8d00"},i(d,{key:"e5afa11e2072dce52cb0c744c2715bc222373b18",isLoading:this.state.includes("loading")}),i("div",{key:"8ef1c896ac4234bb3aeec3df8241b5d461bb3267",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"5ee0f72bbf2f6c0d79ca4e8aa38067a244c680cd",class:n("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"8ff294c1b333731612c0baec23409c0c9d7f6db1",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"4d61facf67dda7aeda382623017c2e0c380ad90f",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:"ccba81927f973552d7cf4d4727d4f460c7a08deb",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"1202f36fafd59fb69f99e36d714ca1a4cd8e9593",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),i("div",{key:"d61786575ebde339955d5e2dfe8888d76a759785",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"99ad46e48a387c4aa3a51d0e80bd1838ae276036",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.vehicleSpecification)&&i("table",{key:"bdf3c84ac4f92ac37025066133fdbe29bac511cf",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"638a5a952ff2ae5321416ab7ab506bc5d716580a",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"d6566deba126815e6e3dc919ae23a5c0d4c59e91"},["model","variant","katashiki","modelYear","sfx"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),i("tbody",{key:"f0fb82022c9e714bd6de988de9b91e82d8dc3af0"},i("tr",{key:"1fb11f4f0bf979225fd299fe76c41f8b2f4312b8"},i("td",{key:"6eee318f27ba96ce39cfb32249a7b9a2286414fe",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(s=null===(r=null==this?void 0:this.vehicleInformation)||void 0===r?void 0:r.vehicleVariantInfo)||void 0===s?void 0:s.modelCode)||"..."," ",i("br",{key:"884eabac1cce2f941e1cf46127be3a4052678ed8",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),i("td",{key:"a1fcf0dc949a213d95a4db18402fdbe3fb5118ed",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",i("br",{key:"93f5e7d8d067f4c1acfc1adf87d8c43b94d83a59"}),(null===(b=null===(f=null==this?void 0:this.vehicleInformation)||void 0===f?void 0:f.vehicleSpecification)||void 0===b?void 0:b.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var e;const[a,o]=t.split("."),r=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:e[a][o].toString();return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},r.trim()?r:"...")})))))))))))}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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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}.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,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as V,p 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 a}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-85d97144.js";import{L as n}from"./p-85a6b136.js";import{g as l}from"./p-f99c8b2f.js";let d={};const c=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.errorCallback=void 0,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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.partInformation=null,this.errorMessage=t}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()))||[],c=(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:"e7a268a4871e4c93e6cfeab933f25709705f7cba"},i("div",{key:"7439a3fd0d521268c42925d0ecfd19bae55153d2",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"ae5f9644c3dc0ee8c2da994ce2225968d6858663"},i(n,{key:"89cccb47ca737afe725660fe0864af7d055d655e",isLoading:this.state.includes("loading")}),i("div",{key:"7f0f5096f6d1679c74b396660d2855ea53bb9d53",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:"8e231bbe51763a87a9cf04cf9e2c1de223cfbf0b",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"57cf99f515a6efcbac913452c4e342f5a5c9432a",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:"de201e56f0bf0b8b14bfac50099c85a6dc9f19e1"},i("div",{key:"7af41614f6e78d7583f6b00aec6f93b91e3118e5",class:"flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"5e64e23bce7be7ab329a4808143730c08a297522",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:"2aa1fb1cad61eb48ab89258f7d1d3a34d50925a6",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},i("div",{key:"d888b93b3230c58106bbd1c132600f3cba3c090b",class:"grid grid-cols-3 gap-[50px]"},c.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"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["manufacturer-lookup"].forEach((t=>{"manufacturer-lookup"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as M,p 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-e0fe137d.js";import{L as n}from"./p-e5963c31.js";import{g as l}from"./p-f99c8b2f.js";let d={};const c=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.errorCallback=void 0,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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.partInformation=null,this.errorMessage=t}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()))||[],c=(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:"e7a268a4871e4c93e6cfeab933f25709705f7cba"},i("div",{key:"7439a3fd0d521268c42925d0ecfd19bae55153d2",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"ae5f9644c3dc0ee8c2da994ce2225968d6858663"},i(n,{key:"89cccb47ca737afe725660fe0864af7d055d655e",isLoading:this.state.includes("loading")}),i("div",{key:"7f0f5096f6d1679c74b396660d2855ea53bb9d53",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:"8e231bbe51763a87a9cf04cf9e2c1de223cfbf0b",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"57cf99f515a6efcbac913452c4e342f5a5c9432a",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:"de201e56f0bf0b8b14bfac50099c85a6dc9f19e1"},i("div",{key:"7af41614f6e78d7583f6b00aec6f93b91e3118e5",class:"flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"5e64e23bce7be7ab329a4808143730c08a297522",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:"2aa1fb1cad61eb48ab89258f7d1d3a34d50925a6",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},i("div",{key:"d888b93b3230c58106bbd1c132600f3cba3c090b",class:"grid grid-cols-3 gap-[50px]"},c.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"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["manufacturer-lookup"].forEach((t=>{"manufacturer-lookup"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as M,p as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as e,H as a,h as t,c as i}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as c,g as d}from"./p-85d97144.js";const n=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeModal=async()=>{this.isOpened=!1,this.item=null,await new Promise((e=>setTimeout(e,500))),this.canceledItems=[],this.unInvoicedByBrokerName=null,this.input.value="",this.isLoading=!1,this.input.readOnly=!1},this.qrCodeKeyDown=async e=>{if("Enter"===e.key){if(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)return;if(e.preventDefault(),!(null==this?void 0:this.handleScanner))return;const a=this.input.value;this.input.value="",this.isLoading=!0,this.input.readOnly=!0,this.handleScanner(a)}},this.onValueChanges=e=>{this.handleQrChanges&&this.handleQrChanges(e.target.value)},this.vin="",this.item=null,this.language="en",this.canceledItems=null,this.unInvoicedByBrokerName=null,this.handleScanner=void 0,this.handleQrChanges=void 0,this.loadingStateChange=void 0,this.locale=c.getDefault(),this.isLoading=!1,this.internalVin="",this.isOpened=!1,this.internalItem=null,this.confirmServiceCancellation=!1,this.internalCanceledItem=null,this.confirmUnInvoicedTBPVehicles=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(e){this.locale=await d(e)}onIsLoadingChange(e){this.loadingStateChange&&this.loadingStateChange(e)}async componentDidLoad(){this.input=this.el.shadowRoot.querySelector(".dynamic-claim-processor .qr-input"),this.dynamicClaimProcessor=this.el.shadowRoot.querySelector(".dynamic-claim-processor"),this.confirmUnInvoicedTBPVehicles=null===this.unInvoicedByBrokerName}focusInput(){setTimeout((()=>{this.input.focus()}),100)}async changeInternalCanceledItem(e){this.internalCanceledItem=e,this.confirmServiceCancellation=!(this.internalCanceledItem.length>0)}async changeConfirmUnInvoicedTBPVehicles(e){this.confirmUnInvoicedTBPVehicles=null===e}async changeInternalVin(e){this.internalVin=e}async changeInternalItem(e){this.isOpened=!!e,e&&(this.internalItem=e),e?(this.closeModalListenerRef=e=>"Escape"===e.key&&this.quite(),window.addEventListener("keydown",this.closeModalListenerRef),await new Promise((e=>setTimeout(e,300))),this.input.focus()):(window.removeEventListener("keydown",this.closeModalListenerRef),this.quite())}async quite(){this.closeModal()}async getQrValue(){return this.input.value}render(){var e,a,c,d,n;const r=this.locale.vehicleLookup.dynamicRedeem,s=!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles;return s||this.focusInput(),t(i,{key:"9e0834b0d015a04c78e222d1dace141e587b05f0"},t("div",{key:"b04217257d133377bbd9da346d2fd1b68afe4aeb",dir:this.locale.direction,class:o("dynamic-claim-processor",(null==this?void 0:this.isOpened)&&"active")},t("svg",{key:"93161c65789e759bd6ba991b3ba27f309756d8c9",id:"dynamic-claim-processor-close-icon",onClick:this.closeModal,viewBox:"-0.5 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"29005414c93ce4c8c987eeef9505cba880015884",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"a8254bf76b1cd0f4cc8489601cf79a5f46992f7d",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"044c23d1eec52b8913139be277a92a0f27bc56ec",id:"SVGRepo_iconCarrier"},t("path",{key:"2071bb9933395f25a048e70a4aa65548ca9ca68d",d:"M3 21.32L21 3.32001",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"4926e90429e8517cd68667b445eb12aa6f3c5a7f",d:"M3 3.32001L21 21.32",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("div",{key:"350b073abe9ee9a3f58cc075d6a6002a6f09017e",class:"dynamic-claim-processor-wrapper"},t("div",{key:"07c0205b788cf6d9c19c49b6f60e0fa16aaa8594",class:"dynamic-claim-processor-info-box"},t("div",{key:"cb13978e075f2551aba2d8fd503f747c0f823657",class:"dynamic-claim-processor-info-box-header"},t("strong",{key:"0233b8a791add6908038d1a2bb71f7b14e0516c9",class:"dynamic-claim-header-vin"},null==this?void 0:this.internalVin)),t("div",{key:"da9f9be90ced72ca4f7b83032ea45ed89bd3a356",class:"dynamic-claim-processor-info-box-body"},t("table",{key:"785cf2ca8fbfab6ac15f380d9dfc599a2facb3c8",class:"border-separate"},t("tr",{key:"1d51d2355d2cf7035a43b8ef8a58db0b7c57700b"},t("th",{key:"99d65eea1a5bf369733720bdf32ad209b4ec588d"},r.serviceType),t("td",{key:"7d889cf118c6decea02919cfc7ff47e09e3682b3"},null===(e=null==this?void 0:this.internalItem)||void 0===e?void 0:e.type),t("th",{key:"92b5480c9127f5e3a6e350978ba4b40551fc8877"},r.name),t("td",{key:"6bb3baac3650047be60ef1cf49978cbbfbd39018"},null===(a=null==this?void 0:this.internalItem)||void 0===a?void 0:a.name)),t("tr",{key:"8ca114e0cec800fd12d829d61eb3908db5da6243"},t("th",{key:"20328b30ab84c5d19d468ba3daf25585344d87de"},r.activationDate),t("td",{key:"02be56dadcb39e5740225b133a0a1ffbd15fd977"},null===(c=null==this?void 0:this.internalItem)||void 0===c?void 0:c.activatedAt),t("th",{key:"a3e92f01ea2ddb2bfbb8fc2c93354c06387acf05"},r.expireDate),t("td",{key:"858160e2a08b1ea41f658bdb15ec87addd31ba4c"},null===(d=null==this?void 0:this.internalItem)||void 0===d?void 0:d.expiresAt)),t("tr",{key:"b27e1732f0dcab87f0748fbff6af3aa0ee77dba8"},t("th",{key:"58cca2e1dfc2ba9e2352ffc151bb7ab412dc2dc6"},r.menuCode),t("td",{key:"3f44350813014c12cd6ec8be98ff6575b09fc3b7"},null===(n=null==this?void 0:this.internalItem)||void 0===n?void 0:n.menuCode))))),t("div",{key:"9098ec6ae9fe1cb7e86837c04c4bd56b0c0ed7eb",style:{flex:"1",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-evenly"}},(null==this?void 0:this.internalCanceledItem)&&Array.isArray(this.internalCanceledItem)&&!!this.internalCanceledItem.length&&t("div",{key:"48ffcf275d946607e0f633d8c0da648614bd019c",class:"admonition warning"},t("p",{key:"53146d545919d962832b26af141a5d41de325ba7",class:"admonition-title"},r.warning),t("div",{key:"eef812d4dd53e1fab99808f8fb2a08e0c041746b",style:{padding:"0 30px"}},t("p",{key:"8c7c8bc6210d50aa49a4ab29a54d432efe56e828",class:"my-4"},r.skipServicesWarning),t("ul",{key:"f10734a0bc4cc53f545ce52728e7930e8cc46937",class:"dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc"},this.internalCanceledItem.map((({name:e})=>t("li",{id:e},e)))),t("div",{key:"6929ed41212f6b6cc03961d451ad9f53fe524e4a",class:"cancel-confirmation-box"},t("label",{key:"8e929d414396739e84e59c8038eb92b40d673a98"},t("input",{key:"7f2c07215d29459461e558c6d7f3a61019856e40",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmServiceCancellation=!this.confirmServiceCancellation}}),r.confirmSkipServices)))),this.unInvoicedByBrokerName&&t("div",{key:"9c7874ac49eae55fb544589e242ce97ce715a819",class:"admonition warning"},t("p",{key:"9c5fec7622bcacff06f1b5b7329585022a21d767",class:"admonition-title"},r.warning),t("div",{key:"a9f4612b6abe3672309dfedb9f96aea05230cf44",style:{padding:"0 30px"}},t("p",{key:"2e34407ccc5dc666c14b7a3b6a30252a3e873e7e",class:"my-4"},r.notInvoiced),t("div",{key:"0c974e3bdc0084e0c2861c9fb6488c306e33738a"},t("strong",{key:"7e38f7433805d69931daa2eff5b8d7885cf9e42d"},this.unInvoicedByBrokerName)),t("div",{key:"6b7ef5ad872b4d5a54aad31279cb097229f63b35",class:"cancel-confirmation-box"},t("label",{key:"5b4c78d1cd554ed8eb7360e17de8196423a7304e"},t("input",{key:"287a6fcdf32f3065f2b0cf3ed87e7c2b8af3fe85",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmUnInvoicedTBPVehicles=!this.confirmUnInvoicedTBPVehicles}}),r.confirmNotInvoiced)))),t("div",{key:"23317721daac926aea70551f3ba51c9d124ab317",class:o("dynamic-claim-processor-progress",(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)&&"disabled")},t("div",{key:"f9601d0cabeef18b467ec95cc9a34061d13b6f4a",id:"scan-invoice-step",class:o("dynamic-claim-processor-progress-step",this.isLoading&&"processing")},t("div",{key:"328e694b35d26cc55cc415ec17e7118ede8e79df",style:{position:"relative",width:"130px",height:"130px",display:"block",margin:"auto",marginTop:"15px"}},t("div",{key:"abd41fc29d4c6592a403936fa8bb1670f1cd98e2",style:{position:"absolute"},class:"scan-invoice-wrapper flex flex-col gap-1 justify-center items-center"},t("svg",{key:"f68e70e19472d48425f235a16bcf3c1327cb9271",fill:"#3071a9",height:"100px",width:"100px",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",stroke:"#ffffff"},t("g",{key:"b24c370dccfab6192523cfb8063102da3c874839",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"747a333d8557a5362eca428029a2bb808905ce34",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"a8beddf4148d7efcdee587cb6d597fe5c3d3977e",id:"SVGRepo_iconCarrier"},t("g",{key:"91505a088ab4913a575aabb4a57130c47f4e13e0"},t("g",{key:"ce23d10dc5fabba0963bc436d6492350ce77ac41"},t("path",{key:"8a433d73c362aae2924216da9e7f30047aacc620",d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),t("g",{key:"47666523cf9347e0f8e155d4610faa685a786e8b"},t("g",{key:"0f09c5e47bb86983cb31c562e2d7a02c9fe6283b"},t("path",{key:"a260800a437176787738fd576ca2223de6e53914",d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),t("g",{key:"ae63d4b16681efb4887155e817826ef7a7fe745c"},t("g",{key:"c4f6de16ea2bad437253945ccd18140a08ea5584"},t("path",{key:"8f2134dc62e9f386dc1034d562e1464030486618",d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),t("g",{key:"74df7261104bff1da50252bb223a8d08ad5fdfe5"},t("g",{key:"53ef53041c9f8dc7b8f6eecff10703baa1bee6db"},t("path",{key:"cda1f0a75e612da7943bfb10d1edebb7055898e9",d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),t("g",{key:"0e21a4915d6ab6e58991db5e37da2c6911c63b4d"},t("g",{key:"a65c9fe8a4629c90fd973c64b25541cd8f28976e"},t("path",{key:"3777e4081c25ccfcaacf0d9f689ee31114496bbd",d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),t("g",{key:"94160dab1c0c48766e0fbc9c4c982eb1359b782b"},t("g",{key:"b0c239c6bb69573c10cf3c1ffd3953c9c6b6614c"},t("path",{key:"8d4509d9aad59197e606acf2bb12fdb413501e2f",d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),t("g",{key:"90ae14fd2295e3ccda79cd1d5144a3c9037e7ef2"},t("g",{key:"05f92bf017c5a9672bfb9b80fe1b3924d0fb60c1"},t("path",{key:"117eda012c52c0471264be0b112d512db1a1b38d",d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),t("g",{key:"0bbe9e8a65c3deba1a997653a6a212fc218807cc"},t("g",{key:"8ae8e29d7d460e8e6b6a8287489d26986a3ab821"},t("path",{key:"ba99c674627522ac33d70ea6100c5958e562d620",d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),t("g",{key:"5b9e09a12f0def9cf011d7fe8909d8f2086c04b5"},t("g",{key:"1ce72824285a08151b3f33737129ced2b63333d7"},t("path",{key:"fb939c8b4fb336bd949d719271bbc2dca1840da0",d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),t("g",{key:"1c23413c8ac1fe1b1d6d4bb1c804f948a2fe22cc"},t("g",{key:"3ccdfde33bf588f2fa038a610848bc0dbfa68c1f"},t("path",{key:"0adda5a28bebea44b33c5cf887b11b28972f9eef",d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),t("g",{key:"5f1f9eb4e3287e7dde6daa8db7dec6c699a8b5d0"},t("g",{key:"704aab9638bd52411156cbbc76b1baa1a25b19e5"},t("path",{key:"f572ff85113a92c45d9d8155f1f68a79ad747d4a",d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),t("g",{key:"f02f77ea7ca0ca2d0eb882fe81d053b0248f1725"},t("g",{key:"a6ab10765e363f2e25502539e53ee610a8b7aafd"},t("path",{key:"9f59014caeca9072039da437d8c10afe5574197d",d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),t("g",{key:"682b60122feea993d88be043bc51f442b56a4e76"},t("g",{key:"be949e227811b8af7241c07cfc7e611e218df31f"},t("path",{key:"58f4a85b9039f0bf839e0dda88f64cba1a90b80f",d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),t("g",{key:"f4b6babd17e88e8507d011dda0311616b1bb2202"},t("g",{key:"59eea65f697e7ac2df5f95ed1cc9f67fd5abcf36"},t("path",{key:"386481692bae2bca8fb12e70219ef79be1ae8c4f",d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),t("g",{key:"f4703c204d3d521fb5ab07c0d233008bf18e99b1"},t("g",{key:"e8a0825ece9d2707d1754e7d61eaca2021d5ddde"},t("path",{key:"3f26f62d79ce8f8f44b42f1d4cf03066abf7ea68",d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),t("g",{key:"acbf002a7902cb06e31d218621d4c7d3f40ce88d"},t("g",{key:"585dd449d363add070a696b43ce76a06e9204f85"},t("path",{key:"d2352b417a9a25b82d17bbffc3d58dffede07fb0",d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),t("div",{key:"c14059cf2cc7ec1c6f6469ff6b98503fe3b7bc12"},r.scanTheInvoice)),t("div",{key:"794225f0cb388ae74fd28eeb1b6d68b4f7d93470",style:{position:"absolute"},class:"loading-wrapper"},t("div",{key:"7a58e7359cfb906115e717a04e033504ad5a1e83",class:o("lds-ripple",this.isLoading&&"active")},t("div",{key:"bfe2f78e944fb2ac4ea0de9e0953605da08a8428"}),t("div",{key:"ff2403222c9510e8eaee20c56494bce1701cdda1"})),t("div",{key:"e9a811ec65baabb5a6dc8ec224484f49dbf20a7b",class:o("lds-ripple-loading",this.isLoading&&"active")},r.processing))),t("input",{key:"639d18db01761b74522153bcf32689fe38801f49",dir:"ltr",class:"qr-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.qrCodeKeyDown,onBlur:()=>this.input.focus(),autocomplete:"off",disabled:s,placeholder:"",autofocus:!0,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}}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}.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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}'}},[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],quite:[64],getQrValue:[64]},void 0,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]);function r(){"undefined"!=typeof customElements&&["dynamic-redeem"].forEach((e=>{"dynamic-redeem"===e&&(customElements.get(e)||customElements.define(e,n))}))}r();export{n as D,r as d}
|
|
5
|
+
import{p as e,H as a,h as t,c as i}from"./p-b2051f01.js";import{c as o}from"./p-98d9e7ab.js";import{l as c,g as d}from"./p-e0fe137d.js";const n=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeModal=async()=>{this.isOpened=!1,this.item=null,await new Promise((e=>setTimeout(e,500))),this.canceledItems=[],this.unInvoicedByBrokerName=null,this.input.value="",this.isLoading=!1,this.input.readOnly=!1},this.qrCodeKeyDown=async e=>{if("Enter"===e.key){if(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)return;if(e.preventDefault(),!(null==this?void 0:this.handleScanner))return;const a=this.input.value;this.input.value="",this.isLoading=!0,this.input.readOnly=!0,this.handleScanner(a)}},this.onValueChanges=e=>{this.handleQrChanges&&this.handleQrChanges(e.target.value)},this.vin="",this.item=null,this.language="en",this.canceledItems=null,this.unInvoicedByBrokerName=null,this.handleScanner=void 0,this.handleQrChanges=void 0,this.loadingStateChange=void 0,this.locale=c.getDefault(),this.isLoading=!1,this.internalVin="",this.isOpened=!1,this.internalItem=null,this.confirmServiceCancellation=!1,this.internalCanceledItem=null,this.confirmUnInvoicedTBPVehicles=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(e){this.locale=await d(e)}onIsLoadingChange(e){this.loadingStateChange&&this.loadingStateChange(e)}async componentDidLoad(){this.input=this.el.shadowRoot.querySelector(".dynamic-claim-processor .qr-input"),this.dynamicClaimProcessor=this.el.shadowRoot.querySelector(".dynamic-claim-processor"),this.confirmUnInvoicedTBPVehicles=null===this.unInvoicedByBrokerName}focusInput(){setTimeout((()=>{this.input.focus()}),100)}async changeInternalCanceledItem(e){this.internalCanceledItem=e,this.confirmServiceCancellation=!(this.internalCanceledItem.length>0)}async changeConfirmUnInvoicedTBPVehicles(e){this.confirmUnInvoicedTBPVehicles=null===e}async changeInternalVin(e){this.internalVin=e}async changeInternalItem(e){this.isOpened=!!e,e&&(this.internalItem=e),e?(this.closeModalListenerRef=e=>"Escape"===e.key&&this.quite(),window.addEventListener("keydown",this.closeModalListenerRef),await new Promise((e=>setTimeout(e,300))),this.input.focus()):(window.removeEventListener("keydown",this.closeModalListenerRef),this.quite())}async quite(){this.closeModal()}async getQrValue(){return this.input.value}render(){var e,a,c,d,n;const r=this.locale.vehicleLookup.dynamicRedeem,s=!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles;return s||this.focusInput(),t(i,{key:"9e0834b0d015a04c78e222d1dace141e587b05f0"},t("div",{key:"b04217257d133377bbd9da346d2fd1b68afe4aeb",dir:this.locale.direction,class:o("dynamic-claim-processor",(null==this?void 0:this.isOpened)&&"active")},t("svg",{key:"93161c65789e759bd6ba991b3ba27f309756d8c9",id:"dynamic-claim-processor-close-icon",onClick:this.closeModal,viewBox:"-0.5 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"29005414c93ce4c8c987eeef9505cba880015884",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"a8254bf76b1cd0f4cc8489601cf79a5f46992f7d",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"044c23d1eec52b8913139be277a92a0f27bc56ec",id:"SVGRepo_iconCarrier"},t("path",{key:"2071bb9933395f25a048e70a4aa65548ca9ca68d",d:"M3 21.32L21 3.32001",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"4926e90429e8517cd68667b445eb12aa6f3c5a7f",d:"M3 3.32001L21 21.32",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("div",{key:"350b073abe9ee9a3f58cc075d6a6002a6f09017e",class:"dynamic-claim-processor-wrapper"},t("div",{key:"07c0205b788cf6d9c19c49b6f60e0fa16aaa8594",class:"dynamic-claim-processor-info-box"},t("div",{key:"cb13978e075f2551aba2d8fd503f747c0f823657",class:"dynamic-claim-processor-info-box-header"},t("strong",{key:"0233b8a791add6908038d1a2bb71f7b14e0516c9",class:"dynamic-claim-header-vin"},null==this?void 0:this.internalVin)),t("div",{key:"da9f9be90ced72ca4f7b83032ea45ed89bd3a356",class:"dynamic-claim-processor-info-box-body"},t("table",{key:"785cf2ca8fbfab6ac15f380d9dfc599a2facb3c8",class:"border-separate"},t("tr",{key:"1d51d2355d2cf7035a43b8ef8a58db0b7c57700b"},t("th",{key:"99d65eea1a5bf369733720bdf32ad209b4ec588d"},r.serviceType),t("td",{key:"7d889cf118c6decea02919cfc7ff47e09e3682b3"},null===(e=null==this?void 0:this.internalItem)||void 0===e?void 0:e.type),t("th",{key:"92b5480c9127f5e3a6e350978ba4b40551fc8877"},r.name),t("td",{key:"6bb3baac3650047be60ef1cf49978cbbfbd39018"},null===(a=null==this?void 0:this.internalItem)||void 0===a?void 0:a.name)),t("tr",{key:"8ca114e0cec800fd12d829d61eb3908db5da6243"},t("th",{key:"20328b30ab84c5d19d468ba3daf25585344d87de"},r.activationDate),t("td",{key:"02be56dadcb39e5740225b133a0a1ffbd15fd977"},null===(c=null==this?void 0:this.internalItem)||void 0===c?void 0:c.activatedAt),t("th",{key:"a3e92f01ea2ddb2bfbb8fc2c93354c06387acf05"},r.expireDate),t("td",{key:"858160e2a08b1ea41f658bdb15ec87addd31ba4c"},null===(d=null==this?void 0:this.internalItem)||void 0===d?void 0:d.expiresAt)),t("tr",{key:"b27e1732f0dcab87f0748fbff6af3aa0ee77dba8"},t("th",{key:"58cca2e1dfc2ba9e2352ffc151bb7ab412dc2dc6"},r.menuCode),t("td",{key:"3f44350813014c12cd6ec8be98ff6575b09fc3b7"},null===(n=null==this?void 0:this.internalItem)||void 0===n?void 0:n.menuCode))))),t("div",{key:"9098ec6ae9fe1cb7e86837c04c4bd56b0c0ed7eb",style:{flex:"1",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-evenly"}},(null==this?void 0:this.internalCanceledItem)&&Array.isArray(this.internalCanceledItem)&&!!this.internalCanceledItem.length&&t("div",{key:"48ffcf275d946607e0f633d8c0da648614bd019c",class:"admonition warning"},t("p",{key:"53146d545919d962832b26af141a5d41de325ba7",class:"admonition-title"},r.warning),t("div",{key:"eef812d4dd53e1fab99808f8fb2a08e0c041746b",style:{padding:"0 30px"}},t("p",{key:"8c7c8bc6210d50aa49a4ab29a54d432efe56e828",class:"my-4"},r.skipServicesWarning),t("ul",{key:"f10734a0bc4cc53f545ce52728e7930e8cc46937",class:"dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc"},this.internalCanceledItem.map((({name:e})=>t("li",{id:e},e)))),t("div",{key:"6929ed41212f6b6cc03961d451ad9f53fe524e4a",class:"cancel-confirmation-box"},t("label",{key:"8e929d414396739e84e59c8038eb92b40d673a98"},t("input",{key:"7f2c07215d29459461e558c6d7f3a61019856e40",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmServiceCancellation=!this.confirmServiceCancellation}}),r.confirmSkipServices)))),this.unInvoicedByBrokerName&&t("div",{key:"9c7874ac49eae55fb544589e242ce97ce715a819",class:"admonition warning"},t("p",{key:"9c5fec7622bcacff06f1b5b7329585022a21d767",class:"admonition-title"},r.warning),t("div",{key:"a9f4612b6abe3672309dfedb9f96aea05230cf44",style:{padding:"0 30px"}},t("p",{key:"2e34407ccc5dc666c14b7a3b6a30252a3e873e7e",class:"my-4"},r.notInvoiced),t("div",{key:"0c974e3bdc0084e0c2861c9fb6488c306e33738a"},t("strong",{key:"7e38f7433805d69931daa2eff5b8d7885cf9e42d"},this.unInvoicedByBrokerName)),t("div",{key:"6b7ef5ad872b4d5a54aad31279cb097229f63b35",class:"cancel-confirmation-box"},t("label",{key:"5b4c78d1cd554ed8eb7360e17de8196423a7304e"},t("input",{key:"287a6fcdf32f3065f2b0cf3ed87e7c2b8af3fe85",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmUnInvoicedTBPVehicles=!this.confirmUnInvoicedTBPVehicles}}),r.confirmNotInvoiced)))),t("div",{key:"23317721daac926aea70551f3ba51c9d124ab317",class:o("dynamic-claim-processor-progress",(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)&&"disabled")},t("div",{key:"f9601d0cabeef18b467ec95cc9a34061d13b6f4a",id:"scan-invoice-step",class:o("dynamic-claim-processor-progress-step",this.isLoading&&"processing")},t("div",{key:"328e694b35d26cc55cc415ec17e7118ede8e79df",style:{position:"relative",width:"130px",height:"130px",display:"block",margin:"auto",marginTop:"15px"}},t("div",{key:"abd41fc29d4c6592a403936fa8bb1670f1cd98e2",style:{position:"absolute"},class:"scan-invoice-wrapper flex flex-col gap-1 justify-center items-center"},t("svg",{key:"f68e70e19472d48425f235a16bcf3c1327cb9271",fill:"#3071a9",height:"100px",width:"100px",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",stroke:"#ffffff"},t("g",{key:"b24c370dccfab6192523cfb8063102da3c874839",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"747a333d8557a5362eca428029a2bb808905ce34",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"a8beddf4148d7efcdee587cb6d597fe5c3d3977e",id:"SVGRepo_iconCarrier"},t("g",{key:"91505a088ab4913a575aabb4a57130c47f4e13e0"},t("g",{key:"ce23d10dc5fabba0963bc436d6492350ce77ac41"},t("path",{key:"8a433d73c362aae2924216da9e7f30047aacc620",d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),t("g",{key:"47666523cf9347e0f8e155d4610faa685a786e8b"},t("g",{key:"0f09c5e47bb86983cb31c562e2d7a02c9fe6283b"},t("path",{key:"a260800a437176787738fd576ca2223de6e53914",d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),t("g",{key:"ae63d4b16681efb4887155e817826ef7a7fe745c"},t("g",{key:"c4f6de16ea2bad437253945ccd18140a08ea5584"},t("path",{key:"8f2134dc62e9f386dc1034d562e1464030486618",d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),t("g",{key:"74df7261104bff1da50252bb223a8d08ad5fdfe5"},t("g",{key:"53ef53041c9f8dc7b8f6eecff10703baa1bee6db"},t("path",{key:"cda1f0a75e612da7943bfb10d1edebb7055898e9",d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),t("g",{key:"0e21a4915d6ab6e58991db5e37da2c6911c63b4d"},t("g",{key:"a65c9fe8a4629c90fd973c64b25541cd8f28976e"},t("path",{key:"3777e4081c25ccfcaacf0d9f689ee31114496bbd",d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),t("g",{key:"94160dab1c0c48766e0fbc9c4c982eb1359b782b"},t("g",{key:"b0c239c6bb69573c10cf3c1ffd3953c9c6b6614c"},t("path",{key:"8d4509d9aad59197e606acf2bb12fdb413501e2f",d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),t("g",{key:"90ae14fd2295e3ccda79cd1d5144a3c9037e7ef2"},t("g",{key:"05f92bf017c5a9672bfb9b80fe1b3924d0fb60c1"},t("path",{key:"117eda012c52c0471264be0b112d512db1a1b38d",d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),t("g",{key:"0bbe9e8a65c3deba1a997653a6a212fc218807cc"},t("g",{key:"8ae8e29d7d460e8e6b6a8287489d26986a3ab821"},t("path",{key:"ba99c674627522ac33d70ea6100c5958e562d620",d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),t("g",{key:"5b9e09a12f0def9cf011d7fe8909d8f2086c04b5"},t("g",{key:"1ce72824285a08151b3f33737129ced2b63333d7"},t("path",{key:"fb939c8b4fb336bd949d719271bbc2dca1840da0",d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),t("g",{key:"1c23413c8ac1fe1b1d6d4bb1c804f948a2fe22cc"},t("g",{key:"3ccdfde33bf588f2fa038a610848bc0dbfa68c1f"},t("path",{key:"0adda5a28bebea44b33c5cf887b11b28972f9eef",d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),t("g",{key:"5f1f9eb4e3287e7dde6daa8db7dec6c699a8b5d0"},t("g",{key:"704aab9638bd52411156cbbc76b1baa1a25b19e5"},t("path",{key:"f572ff85113a92c45d9d8155f1f68a79ad747d4a",d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),t("g",{key:"f02f77ea7ca0ca2d0eb882fe81d053b0248f1725"},t("g",{key:"a6ab10765e363f2e25502539e53ee610a8b7aafd"},t("path",{key:"9f59014caeca9072039da437d8c10afe5574197d",d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),t("g",{key:"682b60122feea993d88be043bc51f442b56a4e76"},t("g",{key:"be949e227811b8af7241c07cfc7e611e218df31f"},t("path",{key:"58f4a85b9039f0bf839e0dda88f64cba1a90b80f",d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),t("g",{key:"f4b6babd17e88e8507d011dda0311616b1bb2202"},t("g",{key:"59eea65f697e7ac2df5f95ed1cc9f67fd5abcf36"},t("path",{key:"386481692bae2bca8fb12e70219ef79be1ae8c4f",d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),t("g",{key:"f4703c204d3d521fb5ab07c0d233008bf18e99b1"},t("g",{key:"e8a0825ece9d2707d1754e7d61eaca2021d5ddde"},t("path",{key:"3f26f62d79ce8f8f44b42f1d4cf03066abf7ea68",d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),t("g",{key:"acbf002a7902cb06e31d218621d4c7d3f40ce88d"},t("g",{key:"585dd449d363add070a696b43ce76a06e9204f85"},t("path",{key:"d2352b417a9a25b82d17bbffc3d58dffede07fb0",d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),t("div",{key:"c14059cf2cc7ec1c6f6469ff6b98503fe3b7bc12"},r.scanTheInvoice)),t("div",{key:"794225f0cb388ae74fd28eeb1b6d68b4f7d93470",style:{position:"absolute"},class:"loading-wrapper"},t("div",{key:"7a58e7359cfb906115e717a04e033504ad5a1e83",class:o("lds-ripple",this.isLoading&&"active")},t("div",{key:"bfe2f78e944fb2ac4ea0de9e0953605da08a8428"}),t("div",{key:"ff2403222c9510e8eaee20c56494bce1701cdda1"})),t("div",{key:"e9a811ec65baabb5a6dc8ec224484f49dbf20a7b",class:o("lds-ripple-loading",this.isLoading&&"active")},r.processing))),t("input",{key:"639d18db01761b74522153bcf32689fe38801f49",dir:"ltr",class:"qr-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.qrCodeKeyDown,onBlur:()=>this.input.focus(),autocomplete:"off",disabled:s,placeholder:"",autofocus:!0,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}}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}.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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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}'}},[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],quite:[64],getQrValue:[64]},void 0,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]);function r(){"undefined"!=typeof customElements&&["dynamic-redeem"].forEach((e=>{"dynamic-redeem"===e&&(customElements.get(e)||customElements.define(e,n))}))}r();export{n as D,r 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 o,c as a}from"./p-b2051f01.js";import{l as r,g as i}from"./p-85d97144.js";import{g as s}from"./p-8b1d90d7.js";import{c as n}from"./p-98d9e7ab.js";import{o as d,c as l,e as c}from"./p-d5ff7544.js";import{L as p}from"./p-85a6b136.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.errorCallback=void 0,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 i(t)}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,r=a?t:null==t?void 0:t.vin;this.externalVin=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const i=a?await s(this,{scopedTimeoutRef:o,vin:r,mockData:h},e):t;if(this.networkTimeoutRef===o){if(!i)throw new Error("wrongResponseFormat");this.handleSettingData(i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}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.accessories,i=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return o(a,{key:"233a53fe15f137c207f2a34647db6c995ed43edb"},o("div",{key:"b61562a007846e8e49beb150c1d52ebec882d76e",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"74d8760528c838ba2f0bcf78f25ba165822d8c9d"},o(p,{key:"23e2e9f046673d9a64902e39035f640b9ff2e31d",isLoading:this.state.includes("loading")}),o("div",{key:"1b25bfc7a1c117b301dd3c365fa353bf4d0d31b7",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},o("div",{key:"d40a2a645f75ce46dbe7cdce57f6e023ebda3912",class:n("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)&&o("div",{key:"5d74f635c82aa3725ebfc257351d68524978b272",class:"py-[16px] min-h-[100px] flex items-center"},o("div",{key:"fb0c609677be6a060519b7cec9acc1e7a0ec1c15",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)&&o("div",{key:"de03c8406d4f28b2d8625ebba664635365d08aab",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"639c08fa36f02f55175d819e91db6e0d42f2dedd",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.vehicleAccessories),o("div",{key:"7054a7a753f1758de4e75f4fd1f0b8bb2d3f6613",class:"h-0 overflow-auto flex-1"},!i.length&&o("div",{key:"ad33e0903b2067dfd961d91be8624fdfb1564e1d",class:"h-[80px] flex items-center justify-center text-[18px]"},r.noData),!!i.length&&o("table",{key:"2e3c4f553276d954cf4cdecbe6655eb2cc23943b",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"02a45fbbf7fcfc86db8edd1c5620166c2c0818d0",class:"top-0 font-bold z-40 sticky bg-white"},o("tr",{key:"105470076c89e31d41ac500112007f1331946d98"},["partNumber","description","image"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),o("tbody",{key:"b42156638292719d8a25936fbe82a1d43a48230b"},i.map(((t,e)=>{var a;return o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var r;return o("td",{key:t.partNumber+a,class:n("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[a]||"...")})),o("td",{class:n("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},o("button",{onClick:({target:e})=>this.openImage(e,t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},o("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"},o("img",{src:c}),o("span",{class:"text-white"},r.expand)),o("img",{class:"w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t.image}))))}))),o("div",{key:"380a9c797d5e6814cbda91c3b007958af5c241fa",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:n("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},o("button",{key:"ffd98bd0e98a57f734c935cd1fd8e60a64408fbd",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},o("div",{key:"b673d0051393f0bfec40b71a614995029e32cf4d",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),o("div",{key:"d75186e71eb2d6c6aab182f411fe43e058e63bd8",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),o("img",{key:"cca60bc92ba4a26cb06e980c9c8b68444a88ad07",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-accessories"].forEach((t=>{"vehicle-accessories"===t&&(customElements.get(t)||customElements.define(t,w))}))}b();export{w as V,b as d}
|
|
5
|
+
import{p as t,H as e,h as o,c as a}from"./p-b2051f01.js";import{l as r,g as i}from"./p-e0fe137d.js";import{g as s}from"./p-8b1d90d7.js";import{c as n}from"./p-98d9e7ab.js";import{o as d,c as l,e as c}from"./p-d5ff7544.js";import{L as p}from"./p-e5963c31.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.errorCallback=void 0,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 i(t)}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,r=a?t:null==t?void 0:t.vin;this.externalVin=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const i=a?await s(this,{scopedTimeoutRef:o,vin:r,mockData:h},e):t;if(this.networkTimeoutRef===o){if(!i)throw new Error("wrongResponseFormat");this.handleSettingData(i)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}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.accessories,i=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return o(a,{key:"233a53fe15f137c207f2a34647db6c995ed43edb"},o("div",{key:"b61562a007846e8e49beb150c1d52ebec882d76e",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"74d8760528c838ba2f0bcf78f25ba165822d8c9d"},o(p,{key:"23e2e9f046673d9a64902e39035f640b9ff2e31d",isLoading:this.state.includes("loading")}),o("div",{key:"1b25bfc7a1c117b301dd3c365fa353bf4d0d31b7",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},o("div",{key:"d40a2a645f75ce46dbe7cdce57f6e023ebda3912",class:n("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)&&o("div",{key:"5d74f635c82aa3725ebfc257351d68524978b272",class:"py-[16px] min-h-[100px] flex items-center"},o("div",{key:"fb0c609677be6a060519b7cec9acc1e7a0ec1c15",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)&&o("div",{key:"de03c8406d4f28b2d8625ebba664635365d08aab",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"639c08fa36f02f55175d819e91db6e0d42f2dedd",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.vehicleAccessories),o("div",{key:"7054a7a753f1758de4e75f4fd1f0b8bb2d3f6613",class:"h-0 overflow-auto flex-1"},!i.length&&o("div",{key:"ad33e0903b2067dfd961d91be8624fdfb1564e1d",class:"h-[80px] flex items-center justify-center text-[18px]"},r.noData),!!i.length&&o("table",{key:"2e3c4f553276d954cf4cdecbe6655eb2cc23943b",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"02a45fbbf7fcfc86db8edd1c5620166c2c0818d0",class:"top-0 font-bold z-40 sticky bg-white"},o("tr",{key:"105470076c89e31d41ac500112007f1331946d98"},["partNumber","description","image"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),o("tbody",{key:"b42156638292719d8a25936fbe82a1d43a48230b"},i.map(((t,e)=>{var a;return o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var r;return o("td",{key:t.partNumber+a,class:n("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[a]||"...")})),o("td",{class:n("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},o("button",{onClick:({target:e})=>this.openImage(e,t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},o("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"},o("img",{src:c}),o("span",{class:"text-white"},r.expand)),o("img",{class:"w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t.image}))))}))),o("div",{key:"380a9c797d5e6814cbda91c3b007958af5c241fa",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:n("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},o("button",{key:"ffd98bd0e98a57f734c935cd1fd8e60a64408fbd",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},o("div",{key:"b673d0051393f0bfec40b71a614995029e32cf4d",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),o("div",{key:"d75186e71eb2d6c6aab182f411fe43e058e63bd8",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),o("img",{key:"cca60bc92ba4a26cb06e980c9c8b68444a88ad07",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"vehicle-accessories",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-accessories"].forEach((t=>{"vehicle-accessories"===t&&(customElements.get(t)||customElements.define(t,w))}))}b();export{w as V,b 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-85d97144.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-85a6b136.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.errorCallback=void 0,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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}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:"0f1f10455821e6baf28c090ce87f34f73dd28f05"},a("div",{key:"b1921a27c8cf06458740f0ec5711d38c2e60ee80",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"800a1b815575134df1d349d7c1f0c7e5d6370ecf"},a(c,{key:"55f4b5b7a09f1ff37a9b23f4b01858a082c97157",isLoading:this.state.includes("loading")}),a("div",{key:"b5eb90020cf19308173fb70962975a9ad843c5b0",class:i("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"fad43babc8badfa957611d80b9870d7bc55487af",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:"76d9f5da1247eb621f8afe7cf0529659963837a7",class:"py-[16px] min-h-[100px] flex items-center"},a("div",{key:"234d370ec2018f5527170b679f2bbd9113dd3fea",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:"bc12cfbd10efa2c854a79518546bd112e15f88ce",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"caa558d52277c3aca06635ee78e2643f2ca95810",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:"5974a075858c0b6198b897294346b23f1918a49e",class:"h-0 overflow-auto flex-1"},!n.length&&a("div",{key:"bc901ddc958ee02871fce5de73f6b642a58a20f4",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&a("table",{key:"63320dc0e1191fc27e4c730c78c3844ce5598c8c",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"b3f19a3b91bbd52811ed62db73edea43f1ebfc80",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"7494636e20b4e0eaf08922e81f7eaf8d9675914f"},["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:"d7246fa3b97726bdaf76dea82685670d64121841"},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:"4439a45615beaed342b6a96aaf5ac764159cae01"},!s.length&&a("div",{key:"1116110ad211a5d955583d8042dc06f86d95aef8",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!s.length&&a("div",{key:"bbcf32a2a4b5a14808f9ccf8f0b680556875aae8",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:"354863fdf24a45300bc7a55e917da3c034e8039c",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:"b36531ad612d0b6bef0624dada3f3de57aec17ce",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"debe04a3319679bbb87a0a5c789c983beb8fc51d",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"e0bcd1e1aed0d534528506532239a954a5b13e34",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"a50f08ded7bd9fc5bd5c798d7fffaeeefdfc5f5b",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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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}.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],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function f(){"undefined"!=typeof customElements&&["paint-thickness"].forEach((t=>{"paint-thickness"===t&&(customElements.get(t)||customElements.define(t,w))}))}f();export{w as P,f 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-e0fe137d.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-e5963c31.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.errorCallback=void 0,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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}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:"0f1f10455821e6baf28c090ce87f34f73dd28f05"},a("div",{key:"b1921a27c8cf06458740f0ec5711d38c2e60ee80",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"800a1b815575134df1d349d7c1f0c7e5d6370ecf"},a(c,{key:"55f4b5b7a09f1ff37a9b23f4b01858a082c97157",isLoading:this.state.includes("loading")}),a("div",{key:"b5eb90020cf19308173fb70962975a9ad843c5b0",class:i("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"fad43babc8badfa957611d80b9870d7bc55487af",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:"76d9f5da1247eb621f8afe7cf0529659963837a7",class:"py-[16px] min-h-[100px] flex items-center"},a("div",{key:"234d370ec2018f5527170b679f2bbd9113dd3fea",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:"bc12cfbd10efa2c854a79518546bd112e15f88ce",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"caa558d52277c3aca06635ee78e2643f2ca95810",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:"5974a075858c0b6198b897294346b23f1918a49e",class:"h-0 overflow-auto flex-1"},!n.length&&a("div",{key:"bc901ddc958ee02871fce5de73f6b642a58a20f4",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&a("table",{key:"63320dc0e1191fc27e4c730c78c3844ce5598c8c",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"b3f19a3b91bbd52811ed62db73edea43f1ebfc80",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"7494636e20b4e0eaf08922e81f7eaf8d9675914f"},["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:"d7246fa3b97726bdaf76dea82685670d64121841"},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:"4439a45615beaed342b6a96aaf5ac764159cae01"},!s.length&&a("div",{key:"1116110ad211a5d955583d8042dc06f86d95aef8",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!s.length&&a("div",{key:"bbcf32a2a4b5a14808f9ccf8f0b680556875aae8",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:"354863fdf24a45300bc7a55e917da3c034e8039c",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:"b36531ad612d0b6bef0624dada3f3de57aec17ce",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"debe04a3319679bbb87a0a5c789c983beb8fc51d",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"e0bcd1e1aed0d534528506532239a954a5b13e34",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"a50f08ded7bd9fc5bd5c798d7fffaeeefdfc5f5b",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-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-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}.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],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function f(){"undefined"!=typeof customElements&&["paint-thickness"].forEach((t=>{"paint-thickness"===t&&(customElements.get(t)||customElements.define(t,w))}))}f();export{w as P,f as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{c as e,a as n}from"./p-e446fb9d.js";const r=e({wildCard:n().required(),noBaseUrl:n().required(),invalidVin:n().required(),vinNumberRequired:n().required(),partNumberRequired:n().required(),noServiceAvailable:n().required(),wrongResponseFormat:n().required(),requestFailedPleaseTryAgainLater:n().required()}),i=e({deadStock:n().required(),branch:n().required(),availableQuantity:n().required()}),a=e({info:n().required(),distributorStock:n().required(),availability:n().required(),notAvailable:n().required(),partiallyAvailable:n().required(),available:n().required(),location:n().required(),description:n().required(),productGroup:n().required(),localDescription:n().required(),dealerPurchasePrice:n().required(),recommendedRetailPrice:n().required(),supersededFrom:n().required(),supersededTo:n().required()}),t=e({origin:n().required(),warrantyPrice:n().required(),specialPrice:n().required(),wholesalesPrice:n().required(),pnc:n().required(),pncName:n().required(),binCode:n().required(),dimension1:n().required(),dimension2:n().required(),dimension3:n().required(),netWeight:n().required(),grossWeight:n().required(),cubicMeasure:n().required(),hsCode:n().required(),uzHsCode:n().required()}),o=e({deadStock:i,distributor:a,manufacturer:t}),s=e({authorized:n().required(),unauthorized:n().required(),activeWarranty:n().required(),notActiveWarranty:n().required(),notInvoiced:n().required(),from:n().required(),to:n().required(),pendingSSC:n().required(),noPendingSSC:n().required(),checkingTMC:n().required(),sscCampings:n().required(),sscTableCode:n().required(),sscTableDescription:n().required(),sscTableRepairStatus:n().required(),sscTableOPCode:n().required(),sscTablePartNumber:n().required()}),c=e({vehicleAccessories:n().required(),noData:n().required(),partNumber:n().required(),description:n().required(),image:n().required(),expand:n().required()}),l=e({serviceType:n().required(),activationDate:n().required(),expireDate:n().required(),claimAt:n().required(),redeemingDealer:n().required(),invoiceNumber:n().required(),wip:n().required(),menuCode:n().required(),claim:n().required(),processed:n().required(),expired:n().required(),cancelled:n().required(),pending:n().required(),warning:n().required()}),u=e({vehicleSpecification:n().required(),noData:n().required(),model:n().required(),variant:n().required(),katashiki:n().required(),modelYear:n().required(),sfx:n().required()}),d=e({serviceType:n().required(),name:n().required(),activationDate:n().required(),expireDate:n().required(),menuCode:n().required(),scanTheInvoice:n().required(),processing:n().required(),warning:n().required(),skipServicesWarning:n().required(),confirmSkipServices:n().required(),notInvoiced:n().required(),confirmNotInvoiced:n().required()}),p=e({serviceHistory:n().required(),noData:n().required(),branch:n().required(),dealer:n().required(),invoiceNumber:n().required(),date:n().required(),serviceType:n().required(),odometer:n().required()}),m=e({paintThickness:n().required(),noData:n().required(),part:n().required(),left:n().required(),right:n().required(),noImageGroups:n().required(),expand:n().required()}),v=e({warranty:s,accessories:c,dynamicClaim:l,dynamicRedeem:d,specification:u,serviceHistory:p,paintThickness:m}),f={ar:"ar.json",en:"en.json",ku:"ku.json",ru:"ru.json"},b=e({errors:r,lang:n().required(),partLookup:o,language:n().required(),direction:n().required(),vehicleLookup:v});var g=Object.defineProperty;((e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})})({},{err:()=>y,map:()=>k,ok:()=>h,unwrap:()=>$,unwrapErr:()=>w});var h=e=>({isOk:!0,isErr:!1,value:e}),y=e=>({isOk:!1,isErr:!0,value:e});function k(e,n){if(e.isOk){const r=n(e.value);return r instanceof Promise?r.then((e=>h(e))):h(r)}if(e.isErr)return y(e.value);throw"should never get here"}var $=e=>{if(e.isOk)return e.value;throw e.value},w=e=>{if(e.isErr)return e.value;throw e.value},S=(e,n,...r)=>{let i=null,a=null,t=null,o=!1,s=!1;const c=[],l=n=>{for(let a=0;a<n.length;a++)i=n[a],Array.isArray(i)?l(i):null!=i&&"boolean"!=typeof i&&((o="function"!=typeof e&&!("object"==(r=typeof(r=i))||"function"===r))&&(i=String(i)),o&&s?c[c.length-1].i+=i:c.push(o?T(null,i):i),s=o);var r};if(l(r),n){n.key&&(a=n.key),n.name&&(t=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,C);const u=T(e,null);return u.t=n,c.length>0&&(u.o=c),u.l=a,u.u=t,u},T=(e,n)=>({p:0,m:e,i:n,v:null,o:null,t:null,l:null,u:null}),C={forEach:(e,n)=>e.map(D).forEach(n),map:(e,n)=>e.map(D).map(n).map(P)},D=e=>({vattrs:e.t,vchildren:e.o,vkey:e.l,vname:e.u,vtag:e.m,vtext:e.i}),P=e=>{if("function"==typeof e.vtag){const n={...e.vattrs};return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),S(e.vtag,n,...e.vchildren||[])}const n=T(e.vtag,e.vtext);return n.t=e.vattrs,n.o=e.vchildren,n.l=e.vkey,n.u=e.vname,n};const j={},x=async e=>{const n=f[e]||f.en;if(j[n])return await j[n];let r;return r=fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@0.0.
|
|
5
|
+
import{c as e,a as n}from"./p-e446fb9d.js";const r=e({wildCard:n().required(),noBaseUrl:n().required(),invalidVin:n().required(),vinNumberRequired:n().required(),partNumberRequired:n().required(),noServiceAvailable:n().required(),wrongResponseFormat:n().required(),requestFailedPleaseTryAgainLater:n().required()}),i=e({deadStock:n().required(),branch:n().required(),availableQuantity:n().required()}),a=e({info:n().required(),distributorStock:n().required(),availability:n().required(),notAvailable:n().required(),partiallyAvailable:n().required(),available:n().required(),location:n().required(),description:n().required(),productGroup:n().required(),localDescription:n().required(),dealerPurchasePrice:n().required(),recommendedRetailPrice:n().required(),supersededFrom:n().required(),supersededTo:n().required()}),t=e({origin:n().required(),warrantyPrice:n().required(),specialPrice:n().required(),wholesalesPrice:n().required(),pnc:n().required(),pncName:n().required(),binCode:n().required(),dimension1:n().required(),dimension2:n().required(),dimension3:n().required(),netWeight:n().required(),grossWeight:n().required(),cubicMeasure:n().required(),hsCode:n().required(),uzHsCode:n().required()}),o=e({deadStock:i,distributor:a,manufacturer:t}),s=e({authorized:n().required(),unauthorized:n().required(),activeWarranty:n().required(),notActiveWarranty:n().required(),notInvoiced:n().required(),from:n().required(),to:n().required(),pendingSSC:n().required(),noPendingSSC:n().required(),checkingTMC:n().required(),sscCampings:n().required(),sscTableCode:n().required(),sscTableDescription:n().required(),sscTableRepairStatus:n().required(),sscTableOPCode:n().required(),sscTablePartNumber:n().required()}),c=e({vehicleAccessories:n().required(),noData:n().required(),partNumber:n().required(),description:n().required(),image:n().required(),expand:n().required()}),l=e({serviceType:n().required(),activationDate:n().required(),expireDate:n().required(),claimAt:n().required(),redeemingDealer:n().required(),invoiceNumber:n().required(),wip:n().required(),menuCode:n().required(),claim:n().required(),processed:n().required(),expired:n().required(),cancelled:n().required(),pending:n().required(),warning:n().required()}),u=e({vehicleSpecification:n().required(),noData:n().required(),model:n().required(),variant:n().required(),katashiki:n().required(),modelYear:n().required(),sfx:n().required()}),d=e({serviceType:n().required(),name:n().required(),activationDate:n().required(),expireDate:n().required(),menuCode:n().required(),scanTheInvoice:n().required(),processing:n().required(),warning:n().required(),skipServicesWarning:n().required(),confirmSkipServices:n().required(),notInvoiced:n().required(),confirmNotInvoiced:n().required()}),p=e({serviceHistory:n().required(),noData:n().required(),branch:n().required(),dealer:n().required(),invoiceNumber:n().required(),date:n().required(),serviceType:n().required(),odometer:n().required()}),m=e({paintThickness:n().required(),noData:n().required(),part:n().required(),left:n().required(),right:n().required(),noImageGroups:n().required(),expand:n().required()}),v=e({warranty:s,accessories:c,dynamicClaim:l,dynamicRedeem:d,specification:u,serviceHistory:p,paintThickness:m}),f={ar:"ar.json",en:"en.json",ku:"ku.json",ru:"ru.json"},b=e({errors:r,lang:n().required(),partLookup:o,language:n().required(),direction:n().required(),vehicleLookup:v});var g=Object.defineProperty;((e,n)=>{for(var r in n)g(e,r,{get:n[r],enumerable:!0})})({},{err:()=>y,map:()=>k,ok:()=>h,unwrap:()=>$,unwrapErr:()=>w});var h=e=>({isOk:!0,isErr:!1,value:e}),y=e=>({isOk:!1,isErr:!0,value:e});function k(e,n){if(e.isOk){const r=n(e.value);return r instanceof Promise?r.then((e=>h(e))):h(r)}if(e.isErr)return y(e.value);throw"should never get here"}var $=e=>{if(e.isOk)return e.value;throw e.value},w=e=>{if(e.isErr)return e.value;throw e.value},S=(e,n,...r)=>{let i=null,a=null,t=null,o=!1,s=!1;const c=[],l=n=>{for(let a=0;a<n.length;a++)i=n[a],Array.isArray(i)?l(i):null!=i&&"boolean"!=typeof i&&((o="function"!=typeof e&&!("object"==(r=typeof(r=i))||"function"===r))&&(i=String(i)),o&&s?c[c.length-1].i+=i:c.push(o?T(null,i):i),s=o);var r};if(l(r),n){n.key&&(a=n.key),n.name&&(t=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,C);const u=T(e,null);return u.t=n,c.length>0&&(u.o=c),u.l=a,u.u=t,u},T=(e,n)=>({p:0,m:e,i:n,v:null,o:null,t:null,l:null,u:null}),C={forEach:(e,n)=>e.map(D).forEach(n),map:(e,n)=>e.map(D).map(n).map(P)},D=e=>({vattrs:e.t,vchildren:e.o,vkey:e.l,vname:e.u,vtag:e.m,vtext:e.i}),P=e=>{if("function"==typeof e.vtag){const n={...e.vattrs};return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),S(e.vtag,n,...e.vchildren||[])}const n=T(e.vtag,e.vtext);return n.t=e.vattrs,n.o=e.vchildren,n.l=e.vkey,n.u=e.vname,n};const j={},x=async e=>{const n=f[e]||f.en;if(j[n])return await j[n];let r;return r=fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@0.0.41/dist/locales/${n}`).then((e=>e.json())),j[n]=r,await r};export{x as g,S as h,b as l}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import{h as e}from"./p-e0fe137d.js";import{l as s}from"./p-a21e2e2e.js";import{c as i}from"./p-98d9e7ab.js";function t({isLoading:t}){return e("div",{class:i("size-full transition-all z-50 duration-100 flex items-center justify-center pointer-events-none absolute ",{"opacity-0":!t})},e("img",{class:"animate-spin-2s size-[40px]",src:s}))}export{t as L}
|
|
@@ -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-85d97144.js";import{c as n}from"./p-98d9e7ab.js";import{L as s}from"./p-85a6b136.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.errorCallback=void 0,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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.partInformation=null,this.errorMessage=t}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:"8e90f1998fe2184d555e7213065147e2e2403dd1"},i("div",{key:"774bea05f92f91784c3a96d3f34c332428d3dfb3",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"9a391c96e4f96281d992282871c7538a3d31e42f"},i(s,{key:"b62445ae1983828a74a62a9ee15cd07a159a9bb1",isLoading:this.state.includes("loading")}),i("div",{key:"939df7c5ee00c70bf0cd2ce6e83cb19eb83c7b5e",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:"aeeeb9df8f126abcb5bd654a200f6170843ca25f",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"746fc041eae5db843e6e0d167ee84571f7b22432",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:"3e5a6e9ed98698da6ea563e632ba5088f736ea94"},i("div",{key:"a292f6441da3999bdb28293bc81b216ad83b6311",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"6a21112d4bd30a512e93668ed1d58c520eeb3f9d",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],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[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-e0fe137d.js";import{c as n}from"./p-98d9e7ab.js";import{L as s}from"./p-e5963c31.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.errorCallback=void 0,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;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.partInformation=null,this.errorMessage=t}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:"8e90f1998fe2184d555e7213065147e2e2403dd1"},i("div",{key:"774bea05f92f91784c3a96d3f34c332428d3dfb3",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"9a391c96e4f96281d992282871c7538a3d31e42f"},i(s,{key:"b62445ae1983828a74a62a9ee15cd07a159a9bb1",isLoading:this.state.includes("loading")}),i("div",{key:"939df7c5ee00c70bf0cd2ce6e83cb19eb83c7b5e",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:"aeeeb9df8f126abcb5bd654a200f6170843ca25f",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"746fc041eae5db843e6e0d167ee84571f7b22432",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:"3e5a6e9ed98698da6ea563e632ba5088f736ea94"},i("div",{key:"a292f6441da3999bdb28293bc81b216ad83b6311",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"6a21112d4bd30a512e93668ed1d58c520eeb3f9d",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],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[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}
|