adp-web-components 0.0.49 → 0.0.52
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/{Loading-c3489701.js → Loading-bd3bbdba.js} +2 -2
- package/dist/cjs/contact-us-form.cjs.entry.js +93 -5003
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +7 -8
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +23 -21
- package/dist/cjs/dynamic-redeem.cjs.entry.js +3 -4
- package/dist/cjs/form-dialog_8.cjs.entry.js +502 -0
- package/dist/cjs/{get-local-language-9c24d981.js → get-local-language-16ab3d1d.js} +2586 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/part-lookup.cjs.entry.js +2 -3
- package/dist/cjs/service-booking-form.cjs.entry.js +208 -0
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/urls-9077b31c.js +4874 -0
- package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -3
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/form-elements/form-dialog.css +1 -1
- package/dist/collection/components/form-elements/form-dialog.js +1 -1
- package/dist/collection/components/form-elements/form-input.css +1 -1
- package/dist/collection/components/form-elements/form-input.js +31 -145
- package/dist/collection/components/form-elements/form-select.css +1 -1
- package/dist/collection/components/form-elements/form-select.js +18 -42
- package/dist/collection/components/form-elements/form-shadow-input.css +1 -0
- package/dist/collection/components/form-elements/form-shadow-input.js +100 -0
- package/dist/collection/components/form-elements/form-structure-error.css +1 -1
- package/dist/collection/components/form-elements/form-structure-error.js +1 -1
- package/dist/collection/components/form-elements/form-structure.css +1 -1
- package/dist/collection/components/form-elements/form-structure.js +83 -59
- package/dist/collection/components/form-elements/form-submit.css +1 -1
- package/dist/collection/components/form-elements/form-submit.js +51 -4
- package/dist/collection/components/form-elements/form-text-area.css +1 -1
- package/dist/collection/components/form-elements/form-text-area.js +27 -102
- package/dist/collection/components/forms/contact-us/element-mapper.js +87 -0
- package/dist/collection/components/forms/contact-us/form.css +1 -1
- package/dist/collection/components/forms/contact-us-form.js +39 -72
- package/dist/collection/components/forms/service-booking/element-mapper.js +87 -0
- package/dist/collection/components/forms/service-booking/form.css +1 -0
- package/dist/collection/components/forms/service-booking/validations.js +19 -0
- package/dist/collection/components/forms/service-booking-form.js +280 -0
- package/dist/collection/components/part-lookup/distributor-lookup.js +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/components/SSCTable.js +3 -1
- package/dist/collection/components/vehicle-lookup/warranty-details.css +1 -1
- package/dist/collection/global/lib/form-hook.js +41 -26
- package/dist/collection/global/types/locales/general.js +2 -0
- package/dist/collection/templates/part-lookup/mock-data.js +2 -2
- package/dist/collection/templates/vehicle-lookup/mock-data.js +27 -9
- package/dist/collection/templates/vehicle-lookup/warranty-mock-data.js +27 -9
- package/dist/components/contact-us-form.js +1 -1
- 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/form-dialog.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/form-select.js +1 -1
- package/dist/components/form-shadow-input.d.ts +11 -0
- package/dist/components/form-shadow-input.js +5 -0
- package/dist/components/form-structure-error.js +1 -1
- package/dist/components/form-structure.js +1 -1
- package/dist/components/form-submit.js +1 -1
- package/dist/components/form-text-area.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/p-0290248e.js +5 -0
- package/dist/components/p-1a03137d.js +5 -0
- package/dist/components/{p-a762e41e.js → p-1ee2b770.js} +1 -1
- package/dist/components/p-2ee2e50c.js +5 -0
- package/dist/components/{p-dd2ca9f8.js → p-31c700e3.js} +1 -1
- package/dist/components/{p-cd16aa91.js → p-31e785ef.js} +1 -1
- package/dist/components/p-45b46803.js +5 -0
- package/dist/components/p-47bfe3f2.js +5 -0
- package/dist/components/p-48f1632a.js +5 -0
- package/dist/{shift-components/p-fa19695e.js → components/p-4bb1ff53.js} +1 -1
- package/dist/components/{p-ad293da0.js → p-58c11ee3.js} +1 -1
- package/dist/components/p-59348016.js +5 -0
- package/dist/components/p-5e64dce1.js +5 -0
- package/dist/components/{p-49f54b37.js → p-70b2d76f.js} +1 -1
- package/dist/components/{p-a7c8367b.js → p-7570edef.js} +1 -1
- package/dist/components/p-78a2e4a3.js +5 -0
- package/dist/components/p-88e47a05.js +5 -0
- package/dist/components/p-932ff922.js +5 -0
- package/dist/components/{p-5d3020cf.js → p-a0d7cb3b.js} +1 -1
- package/dist/components/{p-e74a2c29.js → p-f18da100.js} +1 -1
- package/dist/components/p-fb10d3b3.js +5 -0
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-booking-form.d.ts +11 -0
- package/dist/components/service-booking-form.js +5 -0
- 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/{Loading-3fdd028d.js → Loading-0e0128f2.js} +1 -1
- package/dist/esm/contact-us-form.entry.js +92 -5002
- package/dist/esm/dead-stock-lookup_3.entry.js +5 -6
- package/dist/esm/dynamic-claim_6.entry.js +7 -5
- package/dist/esm/dynamic-redeem.entry.js +1 -2
- package/dist/esm/form-dialog_8.entry.js +491 -0
- package/dist/esm/{get-local-language-80b87597.js → get-local-language-7b768590.js} +2586 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/part-lookup.entry.js +1 -2
- package/dist/esm/service-booking-form.entry.js +204 -0
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/urls-e22234f9.js +4870 -0
- package/dist/esm/vehicle-lookup.entry.js +1 -2
- package/dist/locales/ar.json +3 -1
- package/dist/locales/en.json +3 -1
- package/dist/locales/ku.json +3 -1
- package/dist/locales/ru.json +3 -1
- package/dist/shift-components/p-16fcb94c.entry.js +5 -0
- package/dist/shift-components/p-22693b71.entry.js +5 -0
- package/dist/shift-components/p-54ed06de.entry.js +5 -0
- package/dist/shift-components/p-635a820a.entry.js +5 -0
- package/dist/shift-components/p-7a9f22c6.js +5 -0
- package/dist/shift-components/p-8b8e58f3.entry.js +5 -0
- package/dist/shift-components/p-8cf903b1.entry.js +5 -0
- package/dist/shift-components/p-932ff922.js +5 -0
- package/dist/shift-components/p-9e786e3f.entry.js +5 -0
- package/dist/shift-components/p-a6f85fc3.js +5 -0
- package/dist/shift-components/p-fa985979.entry.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/form-elements/form-input.d.ts +5 -10
- package/dist/types/components/form-elements/form-select.d.ts +3 -4
- package/dist/types/components/form-elements/form-shadow-input.d.ts +9 -0
- package/dist/types/components/form-elements/form-structure.d.ts +8 -4
- package/dist/types/components/form-elements/form-submit.d.ts +5 -0
- package/dist/types/components/form-elements/form-text-area.d.ts +5 -8
- package/dist/types/components/forms/contact-us/element-mapper.d.ts +3 -0
- package/dist/types/components/forms/contact-us-form.d.ts +13 -11
- package/dist/types/components/forms/service-booking/element-mapper.d.ts +3 -0
- package/dist/types/components/forms/service-booking/validations.d.ts +26 -0
- package/dist/types/components/forms/service-booking-form.d.ts +32 -0
- package/dist/types/components.d.ts +82 -46
- package/dist/types/global/lib/form-hook.d.ts +17 -4
- package/dist/types/global/types/forms.d.ts +16 -9
- package/dist/types/global/types/general.d.ts +9 -0
- package/dist/types/global/types/locales/general.d.ts +4 -0
- package/dist/types/global/types/locales/index.d.ts +4 -0
- package/dist/types/global/types/vehicle-information.d.ts +6 -1
- package/package.json +1 -1
- package/dist/cjs/cn-f559f9e5.js +0 -2588
- package/dist/cjs/form-dialog_5.cjs.entry.js +0 -344
- package/dist/cjs/form-structure_2.cjs.entry.js +0 -98
- package/dist/collection/components/forms/contact-us/mapper.js +0 -12
- package/dist/collection/components/forms/contact-us/params.js +0 -72
- package/dist/components/p-15eb8e7b.js +0 -5
- package/dist/components/p-237a7c55.js +0 -5
- package/dist/components/p-2eadbfd5.js +0 -5
- package/dist/components/p-5f7ef1e2.js +0 -5
- package/dist/components/p-7b4a568a.js +0 -5
- package/dist/components/p-b155c713.js +0 -5
- package/dist/components/p-c015f62c.js +0 -5
- package/dist/components/p-c9c50bd5.js +0 -5
- package/dist/components/p-df782441.js +0 -5
- package/dist/components/p-f7ea9714.js +0 -5
- package/dist/components/p-f9be83de.js +0 -5
- package/dist/esm/cn-cc419b94.js +0 -2586
- package/dist/esm/form-dialog_5.entry.js +0 -336
- package/dist/esm/form-structure_2.entry.js +0 -93
- package/dist/shift-components/p-07c08204.entry.js +0 -5
- package/dist/shift-components/p-13d46f3d.entry.js +0 -5
- package/dist/shift-components/p-27c1f365.entry.js +0 -5
- package/dist/shift-components/p-4a717542.entry.js +0 -5
- package/dist/shift-components/p-654aaa7d.entry.js +0 -5
- package/dist/shift-components/p-940585ec.entry.js +0 -5
- package/dist/shift-components/p-98d9e7ab.js +0 -5
- package/dist/shift-components/p-991b3547.js +0 -5
- package/dist/shift-components/p-bff6ab62.entry.js +0 -5
- package/dist/shift-components/p-ea177504.entry.js +0 -5
- package/dist/types/components/forms/contact-us/mapper.d.ts +0 -2
- package/dist/types/components/forms/contact-us/params.d.ts +0 -2
|
@@ -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-75476014.js";import{l as o,g as r}from"./p-a762e41e.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-c9c50bd5.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:"6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00"},i("div",{key:"ddb8b2dc2838a030499b5241f3dfa15f7a68bf07",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"f81b91d6c7cfd81df70b691b56b10c26ebaf1efc"},i(d,{key:"b96b054448c12ccbaf6fa6291382f51e3c334376",isLoading:this.state.includes("loading")}),i("div",{key:"76cd0cc45c7f84986bd813effac5a53a0295c491",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"60724b3858a6707e3afa18d985f50616fa8484f0",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:"60dcc26e1ecceb4cbca2c2de1e6db439c17e1019",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"4d3c1afca968d2c7fc2a925fc626d70492f49869",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:"af212e18ce332b031699b6c3e00df805fbc31db1",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"21a2974e7222b7d6a8fcaa2df1978ecf7670eedf",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:"b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"4e1d80fd788a29fce807c7bf7a55cf306691c614",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:"b8edb5185c70b660818af1023ecdff2d371732fd",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"fb412628f875cca8d6a9d6921e9bec42a4ee4a64",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"7676f04f48b6fce484f65f0c80a17e2c500eba27"},["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:"1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344"},i("tr",{key:"a2e4bae8f5c53f9b2447242b12bba65288e7cece"},i("td",{key:"a792eb66c320e92c1b6a04159cf7f3d7076b30d3",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:"2994aa18bdadecc364a34a0f9d3b88908e2c6676",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:"215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4",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:"ec59b6a49dd36a203d879bd60fd36094f3bc9407"}),(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],s=r&&r[o]?r[o].toString():"";return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},s.trim()?s:"...")})))))))))))}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-75476014.js";import{l as o,g as r}from"./p-1ee2b770.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-4bb1ff53.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:"6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00"},i("div",{key:"ddb8b2dc2838a030499b5241f3dfa15f7a68bf07",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"f81b91d6c7cfd81df70b691b56b10c26ebaf1efc"},i(d,{key:"b96b054448c12ccbaf6fa6291382f51e3c334376",isLoading:this.state.includes("loading")}),i("div",{key:"76cd0cc45c7f84986bd813effac5a53a0295c491",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"60724b3858a6707e3afa18d985f50616fa8484f0",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:"60dcc26e1ecceb4cbca2c2de1e6db439c17e1019",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"4d3c1afca968d2c7fc2a925fc626d70492f49869",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:"af212e18ce332b031699b6c3e00df805fbc31db1",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"21a2974e7222b7d6a8fcaa2df1978ecf7670eedf",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:"b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"4e1d80fd788a29fce807c7bf7a55cf306691c614",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:"b8edb5185c70b660818af1023ecdff2d371732fd",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"fb412628f875cca8d6a9d6921e9bec42a4ee4a64",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"7676f04f48b6fce484f65f0c80a17e2c500eba27"},["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:"1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344"},i("tr",{key:"a2e4bae8f5c53f9b2447242b12bba65288e7cece"},i("td",{key:"a792eb66c320e92c1b6a04159cf7f3d7076b30d3",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:"2994aa18bdadecc364a34a0f9d3b88908e2c6676",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:"215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4",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:"ec59b6a49dd36a203d879bd60fd36094f3bc9407"}),(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],s=r&&r[o]?r[o].toString():"";return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},s.trim()?s:"...")})))))))))))}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}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import{p as t,H as a,h as e}from"./p-75476014.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as i}from"./p-1ee2b770.js";const n=t(class extends a{constructor(){super(),this.__registerHost(),this.isLoading=void 0,this.params={},this.language="en",this.structureElement=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await i(t)}render(){var t,a;return e("button",Object.assign({key:"99d9ee5d26b418efbf7248cf15a849d1975be916",type:"submit"},this.params,{disabled:this.isLoading,id:this.structureElement.id,class:r("h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center",this.structureElement.class,{"bg-slate-600":this.isLoading})}),e("div",{key:"54046ec4405193ba751b7484d3cc34e011287b40",class:"opacity-0"},this.locale.general[null===(t=this.structureElement.class)||void 0===t?void 0:t.toLowerCase()]||this.structureElement.class),e("div",{key:"9ba2f28d104584ccc1023d8a15256057a7cf2d79",class:r("absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000",{"translate-y-full":this.isLoading})},this.locale.general[null===(a=this.structureElement.class)||void 0===a?void 0:a.toLowerCase()]||this.structureElement.class),e("div",{key:"64e5d735c2b4570fb1daf9be77516f9c002d9778",class:r("absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full",{"translate-y-0":this.isLoading})},e("img",{key:"522a1e454107cf56462ec55b71cd4d4c6b7dc1d3",class:"animate-spin-2s size-[22px]",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxvYWRlciI+CiAgICA8cGF0aCBkPSJNMTIgMnY0IiAvPgogICAgPHBhdGggZD0ibTE2LjIgNy44IDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMTggMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDE2LjIgMi45IDIuOSIgLz4KICAgIDxwYXRoIGQ9Ik0xMiAxOHY0IiAvPgogICAgPHBhdGggZD0ibTQuOSAxOS4xIDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMiAxMmg0IiAvPgogICAgPHBhdGggZD0ibTQuOSA0LjkgMi45IDIuOSIgLz4KPC9zdmc+"})))}static get watchers(){return{language:["changeLanguage"]}}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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.flex{display:flex}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.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{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-\\[8px\\]{margin-top:8px}.inline-flex{display:inline-flex}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.h-\\[38px\\]{height:38px}.max-h-\\[250px\\]{max-height:250px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin-2s{animation:spin 2s linear infinite}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.appearance-none{appearance:none}.px-2{padding-left:.5rem;padding-right:.5rem}.opacity-75{opacity:.75}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.mx-auto{margin-left:auto;margin-right:auto}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},void 0,{language:["changeLanguage"]}]);function s(){"undefined"!=typeof customElements&&["form-submit"].forEach((t=>{"form-submit"===t&&(customElements.get(t)||customElements.define(t,n))}))}s();export{n as F,s as d}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as o}from"./p-75476014.js";import{l as a,g as s}from"./p-
|
|
5
|
+
import{p as t,H as e,h as i,c as o}from"./p-75476014.js";import{l as a,g as s}from"./p-1ee2b770.js";import{c as r}from"./p-98d9e7ab.js";import{d as n}from"./p-a0d7cb3b.js";import{d as l}from"./p-78a2e4a3.js";import{d as c}from"./p-59348016.js";const h="dead-stock-lookup",d="distributor-lookup",u="manufacturer-lookup",p=t(class extends e{constructor(){super(),this.__registerHost(),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.baseUrl="",this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.activeElement="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[h]:t,[d]:e,[u]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.locale.errors.partNumberRequired;const a=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(a,i)}render(){const t={[h]:{},[d]:{},[u]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(o,{key:"78b245247959655bcc504270818d08ca2a508752"},i("div",{key:"00c664cd8baa275fd48e70ffc592e5a358232b24",class:r("w-full",{hidden:this.activeElement!==h})},i("dead-stock-lookup",Object.assign({key:"958d9cae9d2e1300628499731bd68ca6fe1f8b3b","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[h]))),i("div",{key:"aa65e8dcdf4a258e2ad6fe11bca3f42b768aee82",class:r("w-full",{hidden:this.activeElement!==d})},i("distributor-lookup",Object.assign({key:"c49c88f54a93bb710085772027d18947c2cae92b","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[d]))),i("div",{key:"c00548aa1a0c961fbd275c4954996c65d42348f7",class:r("w-full",{hidden:this.activeElement!==u})},i("manufacturer-lookup",Object.assign({key:"dc40469935a374098ab3e3d20cc8ef394716b204","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]))),i("slot",{key:"63259a86459b13a37fb64f6af82a73591e50134a"}))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}'}},[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function b(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","manufacturer-lookup"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,p);break;case"dead-stock-lookup":customElements.get(t)||n();break;case"distributor-lookup":customElements.get(t)||l();break;case"manufacturer-lookup":customElements.get(t)||c()}}))}b();const f=p,g=b;export{f as PartLookup,g as defineCustomElement}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface ServiceBookingForm extends Components.ServiceBookingForm, HTMLElement {}
|
|
4
|
+
export const ServiceBookingForm: {
|
|
5
|
+
prototype: ServiceBookingForm;
|
|
6
|
+
new (): ServiceBookingForm;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import{p as e,H as t,h as r,c as a}from"./p-75476014.js";import{c as i}from"./p-98d9e7ab.js";import{A as s,C as o,F as n}from"./p-932ff922.js";import{c as l,a as m,h as c,g as d}from"./p-1ee2b770.js";import{d as p}from"./p-47bfe3f2.js";import{d as u}from"./p-88e47a05.js";import{d as h}from"./p-45b46803.js";import{d as f}from"./p-2ee2e50c.js";import{d as g}from"./p-0290248e.js";import{d as b}from"./p-48f1632a.js";import{d as w}from"./p-fb10d3b3.js";import{d as x}from"./p-1a03137d.js";const y=new s("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const k=l({cityId:m(),email:m().email("emailAddressNotValid"),message:m().required("messageIsRequired"),generalTicketType:m().required("inquiryTypeIsRequired"),name:m().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:m().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))}),v={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},E={submit:e=>c("form-submit",Object.assign({},e)),name:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("name");return c("form-input",{form:e,label:"fullName",isError:s,language:t,isRequired:o,inputParams:{name:n,disabled:a,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("email");return c("form-input",{form:e,isError:s,language:t,label:"emailAddress",isRequired:o,inputParams:{name:n,disabled:a,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("phone");return c("form-input",{form:e,numberDirection:!0,isError:s,language:t,label:"phoneNumber",isRequired:o,inputParams:{name:n,disabled:a,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:e=>{const t=e.target;y.reset(),t.value=y.input(t.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("message");return c("form-text-area",{form:e,isError:s,language:t,label:"writeAMessage",isRequired:o,inputParams:{name:n,disabled:a,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("generalTicketType");return c("form-select",{name:n,form:e,fetcher:async e=>{const t=(await d(e)).generalTicketTypes;return[{value:"GeneralInquiry",label:t.GeneralInquiry},{value:"Complaint",label:t.Complaint}]},isError:s,disabled:a,language:t,label:"inquiryType",isRequired:o,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("cityId");return c("form-select",{name:l,form:e,label:"city",fetcher:async(e,t)=>{const r=await fetch(o,{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},isError:s,disabled:a,language:t,isRequired:n,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},q=e(class extends t{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new n(this,k),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.errorCallback=void 0,this.successCallback=void 0,this.loadingChanges=void 0,this.isLoading=void 0,this.renderControl={},this.errorMessage=void 0}async componentDidLoad(){try{if(this.recaptchaKey){const e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}async formSubmit(e){try{this.loadingChanges&&this.loadingChanges(!0);const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.successCallback&&this.successCallback(a),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.errorCallback&&this.errorCallback(e),(null==e?void 0:e.message)&&(this.errorMessage=e.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return r(a,{key:"b72461b8191c770943b6c10313c951099a3df2e7",class:i({["contact-us-"+this.theme]:this.theme})},r("form-structure",{key:"1f1a7918f216566aa87856aec06e0bfe337f1453",themes:v,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},r("slot",{key:"7e0019db452ff4da29e9081f477872dfa3b0cf1a"})))}get el(){return this}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}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.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}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}'}},[4,"service-booking-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function I(){"undefined"!=typeof customElements&&["service-booking-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((e=>{switch(e){case"service-booking-form":customElements.get(e)||customElements.define(e,q);break;case"form-dialog":customElements.get(e)||p();break;case"form-input":customElements.get(e)||u();break;case"form-select":customElements.get(e)||h();break;case"form-shadow-input":customElements.get(e)||f();break;case"form-structure":customElements.get(e)||g();break;case"form-structure-error":customElements.get(e)||b();break;case"form-submit":customElements.get(e)||w();break;case"form-text-area":customElements.get(e)||x()}}))}I();const M=q,j=I;export{M as ServiceBookingForm,j as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{V as o,d as s}from"./p-
|
|
5
|
+
import{V as o,d as s}from"./p-31c700e3.js";const p=o,r=s;export{p as VehicleAccessories,r as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{p as t,H as e,h as i,c as a}from"./p-75476014.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as s}from"./p-a762e41e.js";import{d as n}from"./p-ad293da0.js";import{d as c}from"./p-a7c8367b.js";import{d as l}from"./p-49f54b37.js";import{d}from"./p-cd16aa91.js";import{d as h}from"./p-dd2ca9f8.js";import{d as p}from"./p-e74a2c29.js";import{d as b}from"./p-f7ea9714.js";const f="dynamic-claim",w="paint-thickness",g="service-history",u="warranty-details",m="vehicle-accessories",y="vehicle-specification",x=t(class extends e{constructor(){super(),this.__registerHost(),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dynamic-claim")[0],e=this.el.getElementsByTagName("service-history")[0],i=this.el.getElementsByTagName("paint-thickness")[0],a=this.el.getElementsByTagName("warranty-details")[0],r=this.el.getElementsByTagName("vehicle-accessories")[0],o=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[f]:t,[g]:e,[u]:a,[w]:i,[m]:r,[y]:o},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",i)return""==t?this.wrapperErrorState=this.locale.errors.vinNumberRequired:function(t){const e={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9},i=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];let a=0,r=!0;for(let o=0;o<t.length;o++){const s=e[t[o].toUpperCase()];if(void 0===s){r=!1;break}a+=s*i[o]}let o=""+a%11;return"10"===o&&(o="X"),t[8]!=o&&(r=!1),r}(t)?void i.fetchData(t,e):this.wrapperErrorState=this.locale.errors.invalidVin}render(){const t={[f]:{},[w]:{},[g]:{},[u]:{},[m]:{},[y]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(a,{key:"685f6e89c9aa35a2a0365244f2a41ea4c5ffcc17"},i("div",{key:"515bfac2637d9b44ce837ce489eaa913fb3a6dd6",class:r("w-full",{hidden:this.activeElement!==y})},i("vehicle-specification",Object.assign({key:"0a58332ac6cb48591c853a7a3e8e06cb5edc1e7f","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[y]))),i("div",{key:"8e69374367bf5fca43e630621bfa0b8ffa99c248",class:r("w-full",{hidden:this.activeElement!==m})},i("vehicle-accessories",Object.assign({key:"f4cef7eb5baf2730d187bd8cbc75bab1f1e72210","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[m]))),i("div",{key:"e401299ff0d7ff4f36a8fd18b06e6e08fbce68ff",class:r("w-full",{hidden:this.activeElement!==u})},i("warranty-details",Object.assign({key:"08d44f1a36645f41a6330649880aa80ad4110564","show-ssc":"true","show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]),i("slot",{key:"91393125876c7eb5d2957f17c344162958e5442b"}))),i("div",{key:"0011df64d65187e36d4a36f6298a4433dd23f933",class:r("w-full",{hidden:this.activeElement!==g})},i("service-history",Object.assign({key:"91ed7f8eda882589b51cb3c3f81f6dfd22b32f9b",language:this.language,"base-url":this.baseUrl,"query-string":this.queryString},t[g]))),i("div",{key:"8675a6514576a8b1a231e59d1c5d91daa14dec17",class:r("w-full",{hidden:this.activeElement!==w})},i("paint-thickness",Object.assign({key:"f887fdbe3dde4213f65062dfb44356771889d7ef","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[w]))),i("div",{key:"4f3cb0e244866eb674b4cbe78c07958ce6fbf4de",class:r("w-full",{hidden:this.activeElement!==f})},i("dynamic-claim",Object.assign({key:"f7abc8286ede7dd9775825aa389f7236e64ea927"},t[f],{language:this.language,"base-url":this.baseUrl,"query-string":this.queryString}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[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}'}},[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function v(){"undefined"!=typeof customElements&&["vehicle-lookup","dynamic-claim","dynamic-redeem","paint-thickness","service-history","vehicle-accessories","vehicle-specification","warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,x);break;case"dynamic-claim":customElements.get(t)||n();break;case"dynamic-redeem":customElements.get(t)||c();break;case"paint-thickness":customElements.get(t)||l();break;case"service-history":customElements.get(t)||d();break;case"vehicle-accessories":customElements.get(t)||h();break;case"vehicle-specification":customElements.get(t)||p();break;case"warranty-details":customElements.get(t)||b()}}))}v();const k=x,j=v;export{k as VehicleLookup,j as defineCustomElement}
|
|
5
|
+
import{p as t,H as e,h as i,c as a}from"./p-75476014.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as s}from"./p-1ee2b770.js";import{d as n}from"./p-58c11ee3.js";import{d as c}from"./p-7570edef.js";import{d as l}from"./p-70b2d76f.js";import{d}from"./p-31e785ef.js";import{d as h}from"./p-31c700e3.js";import{d as p}from"./p-f18da100.js";import{d as b}from"./p-5e64dce1.js";const f="dynamic-claim",w="paint-thickness",g="service-history",u="warranty-details",m="vehicle-accessories",y="vehicle-specification",x=t(class extends e{constructor(){super(),this.__registerHost(),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dynamic-claim")[0],e=this.el.getElementsByTagName("service-history")[0],i=this.el.getElementsByTagName("paint-thickness")[0],a=this.el.getElementsByTagName("warranty-details")[0],r=this.el.getElementsByTagName("vehicle-accessories")[0],o=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[f]:t,[g]:e,[u]:a,[w]:i,[m]:r,[y]:o},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))}))}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",i)return""==t?this.wrapperErrorState=this.locale.errors.vinNumberRequired:function(t){const e={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9},i=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];let a=0,r=!0;for(let o=0;o<t.length;o++){const s=e[t[o].toUpperCase()];if(void 0===s){r=!1;break}a+=s*i[o]}let o=""+a%11;return"10"===o&&(o="X"),t[8]!=o&&(r=!1),r}(t)?void i.fetchData(t,e):this.wrapperErrorState=this.locale.errors.invalidVin}render(){const t={[f]:{},[w]:{},[g]:{},[u]:{},[m]:{},[y]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return i(a,{key:"685f6e89c9aa35a2a0365244f2a41ea4c5ffcc17"},i("div",{key:"515bfac2637d9b44ce837ce489eaa913fb3a6dd6",class:r("w-full",{hidden:this.activeElement!==y})},i("vehicle-specification",Object.assign({key:"0a58332ac6cb48591c853a7a3e8e06cb5edc1e7f","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[y]))),i("div",{key:"8e69374367bf5fca43e630621bfa0b8ffa99c248",class:r("w-full",{hidden:this.activeElement!==m})},i("vehicle-accessories",Object.assign({key:"f4cef7eb5baf2730d187bd8cbc75bab1f1e72210","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[m]))),i("div",{key:"e401299ff0d7ff4f36a8fd18b06e6e08fbce68ff",class:r("w-full",{hidden:this.activeElement!==u})},i("warranty-details",Object.assign({key:"08d44f1a36645f41a6330649880aa80ad4110564","show-ssc":"true","show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]),i("slot",{key:"91393125876c7eb5d2957f17c344162958e5442b"}))),i("div",{key:"0011df64d65187e36d4a36f6298a4433dd23f933",class:r("w-full",{hidden:this.activeElement!==g})},i("service-history",Object.assign({key:"91ed7f8eda882589b51cb3c3f81f6dfd22b32f9b",language:this.language,"base-url":this.baseUrl,"query-string":this.queryString},t[g]))),i("div",{key:"8675a6514576a8b1a231e59d1c5d91daa14dec17",class:r("w-full",{hidden:this.activeElement!==w})},i("paint-thickness",Object.assign({key:"f887fdbe3dde4213f65062dfb44356771889d7ef","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[w]))),i("div",{key:"4f3cb0e244866eb674b4cbe78c07958ce6fbf4de",class:r("w-full",{hidden:this.activeElement!==f})},i("dynamic-claim",Object.assign({key:"f7abc8286ede7dd9775825aa389f7236e64ea927"},t[f],{language:this.language,"base-url":this.baseUrl,"query-string":this.queryString}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[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}'}},[4,"vehicle-lookup",{activeElement:[1,"active-element"],baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchVin:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function v(){"undefined"!=typeof customElements&&["vehicle-lookup","dynamic-claim","dynamic-redeem","paint-thickness","service-history","vehicle-accessories","vehicle-specification","warranty-details"].forEach((t=>{switch(t){case"vehicle-lookup":customElements.get(t)||customElements.define(t,x);break;case"dynamic-claim":customElements.get(t)||n();break;case"dynamic-redeem":customElements.get(t)||c();break;case"paint-thickness":customElements.get(t)||l();break;case"service-history":customElements.get(t)||d();break;case"vehicle-accessories":customElements.get(t)||h();break;case"vehicle-specification":customElements.get(t)||p();break;case"warranty-details":customElements.get(t)||b()}}))}v();const k=x,j=v;export{k as VehicleLookup,j as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{V as o,d as s}from"./p-
|
|
5
|
+
import{V as o,d as s}from"./p-f18da100.js";const a=o,p=s;export{a as VehicleSpecification,p as defineCustomElement}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{W as o,d as s}from"./p-
|
|
5
|
+
import{W as o,d as s}from"./p-5e64dce1.js";const e=o,p=s;export{e as WarrantyDetails,p as defineCustomElement}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { h } from './index-cac905b0.js';
|
|
6
6
|
import { l as loaderSvg } from './loader-027b88af.js';
|
|
7
|
-
import {
|
|
7
|
+
import { b as cn } from './get-local-language-7b768590.js';
|
|
8
8
|
|
|
9
9
|
function Loading({ isLoading }) {
|
|
10
10
|
return (h("div", { class: cn('size-full transition-all z-50 duration-100 flex items-center justify-center pointer-events-none absolute ', { 'opacity-0': !isLoading }) },
|