adp-web-components 0.3.18 → 0.3.19

package/dist/components/{p-BmQrqnnJ.js → p-BdPZ7u2w.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as t,t as a,p as e,H as r,a as o}from"./index.js";import{y as i,s as n}from"./p-YQJevg3-.js";import{V as s}from"./p-d7wdNFwt.js";import{s as d}from"./p-6IrGK81y.js";import{s as l,a as p}from"./p-rW_ExFCn.js";import{g as c,a as g}from"./p-D9pKibY5.js";const b=i(["dealer","activatedBy","broker","authorized","unauthorized","activeWarranty","notActiveWarranty","warrantyCoverage","totalWarranty","standardWarranty","standardWarrantyMark","extendedWarranty","standard","extended","today","year","years","month","months","warrantyNotStarted","awaitingBrokerInvoice","awaitingEndCustomerSale","awaitingActivation"]),w={base:"var(--green)",dark:"var(--green-dark)",tint:"rgba(232, 244, 237, 0.9)",border:"rgba(44, 138, 88, 0.55)"},x=[{base:"var(--blue)",dark:"var(--blue-dark)",tint:"rgba(232, 241, 248, 0.88)",border:"rgba(48, 113, 169, 0.64)"},{base:"var(--violet)",dark:"var(--violet-dark)",tint:"rgba(240, 236, 247, 0.9)",border:"rgba(117, 90, 165, 0.65)"}],h=t=>Date.parse(`${t}T00:00:00Z`),v=t=>(t||"").slice(0,10),u=t=>Math.min(100,Math.max(0,t)),f=t=>`${t.toFixed(6)}%`,m=(t,a)=>{const e=Math.floor(t/12),r=t%12,o=[];return e&&o.push(`${e} ${1===e?a.year:a.years}`),!r&&e||o.push(`${r} ${1===r?a.month:a.months}`),o.join(" ")},y=t=>t.providerName?`${t.label} · ${t.providerName}`:t.label,k=(t,a)=>{const e=h(a);return e<h(t.start)?"upcoming":e>=h(t.end)?"expired":"active"},z=t=>({"--tone":t.base,"--tone-dark":t.dark,"--tone-tint":t.tint,"--tone-border":t.border}),j=t=>{if(!t)return;const a=()=>{const a=Array.from(t.children),e=t.clientWidth;if(a.length<2||!e)return;a.forEach((t=>t.classList.remove("is-crowded")));const r=a.length-1,o=a.map((t=>{const a=parseFloat(t.style.getPropertyValue("--at"))/100*e,r=t.offsetWidth;return"start"===t.dataset.align?[a,a+r]:"end"===t.dataset.align?[a-r,a]:[a-r/2,a+r/2]})),i=new Set([0,r]);let n=o[0][1];for(let t=1;t<r;t++){const[a,e]=o[t];a<n+10||e+10>o[r][0]||(i.add(t),n=e)}o[0][1]+10>o[r][0]&&i.delete(0),a.forEach(((t,a)=>t.classList.toggle("is-crowded",!i.has(a))))},e=()=>"function"==typeof requestAnimationFrame?requestAnimationFrame(a):a();e(),t.__axisWatched||(t.__axisWatched=!0,"undefined"!=typeof ResizeObserver&&new ResizeObserver(e).observe(t),"undefined"!=typeof MutationObserver&&new MutationObserver(e).observe(t,{childList:!0}))},$="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z",M=({open:a},e)=>t("div",{class:"collapsible","data-open":a?"true":"false","aria-hidden":a?null:"true"},t("div",{class:"collapsible-body"},e)),X=({text:a})=>t("div",{class:"warranty-notice",role:"status"},t("svg",{class:"notice-icon",viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},t("path",{fill:"currentColor",d:$})),t("span",null,a)),L=({state:a,text:e})=>{const r="idle"===a;return t("span",{class:`status-badge is-${a}`,"aria-label":r?null:e,"aria-hidden":r?"true":null},t("svg",{class:"badge-icon",viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},!r&&t("path",{fill:"currentColor",d:"positive"===a?"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z":$})),t("span",null,r?"":e))};function Y({vehicleInformation:a,locale:e,isAuthorized:r,today:o}){var i,n;const s=o||(new Date).toISOString().slice(0,10),d=((t,a)=>{const e=null==t?void 0:t.warranty,r=[],o=v(null==e?void 0:e.warrantyStartDate),i=v(null==e?void 0:e.warrantyEndDate);return o&&i&&h(i)>h(o)&&r.push({id:"standard",kind:"standard",label:a.standardWarranty,start:o,end:i,tone:w,alt:!1}),((null==e?void 0:e.extendedWarranties)||[]).map((t=>({id:(null==t?void 0:t.id)||"",name:(null==t?void 0:t.name)||"",providerName:(null==t?void 0:t.providerCompanyName)||"",logo:(null==t?void 0:t.providerCompanyLogo)||"",start:v(null==t?void 0:t.startDate),end:v(null==t?void 0:t.endDate)}))).filter((t=>t.start&&t.end&&h(t.end)>h(t.start))).sort(((t,a)=>h(t.start)-h(a.start))).forEach(((t,e)=>{r.push({id:t.id||`extended-${e}`,kind:"extended",label:t.name||a.extendedWarranty,start:t.start,end:t.end,tone:x[e%x.length],alt:e%2==1,logo:t.logo||void 0,providerName:t.providerName||void 0})})),r})(a,e),l=d.length>0,p=(null===(i=null==a?void 0:a.saleInformation)||void 0===i?void 0:i.companyName)||"",c=((t,a,e)=>{var r,o,i;const n=null===(r=null==t?void 0:t.warranty)||void 0===r?void 0:r.startState;return t&&n&&"Started"!==n?"AwaitingBrokerInvoice"===n?a.awaitingBrokerInvoice+((null===(i=null===(o=null==t?void 0:t.saleInformation)||void 0===o?void 0:o.broker)||void 0===i?void 0:i.brokerName)||""):"AwaitingEndCustomerSale"===n?a.awaitingEndCustomerSale:!1===e?"":a.awaitingActivation:""})(a,e,r),g=(null===(n=null==a?void 0:a.warranty)||void 0===n?void 0:n.activatedByBrokerName)||"",b=g||c?e.dealer:e.activatedBy,m=d.some((t=>"active"===k(t,s))),$=t=>a?t?"positive":"negative":"idle",Y=l?((t,a)=>{const e=h(t[0].start),r=t.reduce(((t,a)=>Math.max(t,h(a.end))),h(t[0].end)),o=h(a),i=Math.round(.04*(Math.max(r,o)-Math.min(e,o)));return{from:e<=o?e:o-i,to:r>=o?r:o+i}})(d,s):{from:0,to:1},C=t=>(h(t)-Y.from)/(Y.to-Y.from)*100,E=l?h(d[0].start):0,S=l?d.reduce(((t,a)=>Math.max(t,h(a.end))),E+1):1,O=t=>(h(t)-E)/(S-E)*100,q=l?Array.from(new Set(d.flatMap((t=>[t.start,t.end])))).sort(((t,a)=>h(t)-h(a))):[],_=l?u(C(s)):0,B=l?1===d.length?w.base:`linear-gradient(90deg, ${d.map((t=>`${t.tone.base} ${f(O(t.start))} ${f(O(t.end))}`)).join(", ")})`:c?"var(--red)":"var(--line)",D=d.map((t=>`${y(t)}: ${t.start} — ${t.end} (${k(t,s)})`)).join(". ");return t("article",{class:"coverage-timeline warranty-card","data-empty":l?"false":"true",style:{"--card-accent":B}},t("header",{class:"activation-header"},t("div",{class:"activation-main"},t("p",{class:"activation-title"},t("span",null,b,":")," ",t("strong",null,p||"—")),t("div",{class:"broker-slot","data-empty":g?"false":"true","aria-hidden":g?null:"true"},t("p",{class:"activation-broker"},t("span",null,e.broker,":")," ",t("strong",null,g)))),t("div",{class:"total-slot","data-empty":l?"false":"true","aria-hidden":l?null:"true"},t(A,{coverages:d,locale:e}))),t(M,{open:!!c},t(X,{text:c})),t("section",{class:"journey","aria-label":e.warrantyCoverage},t("div",{class:"journey-head"},t(L,{state:$(r),text:r?e.authorized:e.unauthorized}),t(L,{state:$(m),text:m?e.activeWarranty:e.notActiveWarranty})),t("div",{class:"timeline-shell","data-empty":l?"false":"true","aria-hidden":l?null:"true"},t("div",{class:"timeline shift-skeleton",role:"group","aria-label":e.warrantyCoverage},t("div",{class:"today-head","aria-hidden":"true",style:{"--at":f(_)},ref:t=>((t,a)=>{if(!t)return;const e=()=>{const e=t.firstElementChild;if(!e||!t.clientWidth)return;const r=t.clientWidth*u(a)/100;t.classList.toggle("is-near-end",r+e.offsetWidth/2>t.clientWidth),t.classList.toggle("is-near-start",r-e.offsetWidth/2<0)};"function"==typeof requestAnimationFrame?requestAnimationFrame(e):e()})(t,_)},l&&t("span",{class:"today-pill"},`${e.today} · ${s}`)),t("div",{class:"axis","aria-hidden":"true",ref:j},q.map((a=>{const e=C(a);return t("span",{class:"axis-date",key:a,"data-align":e<=.5?"start":e>=99.5?"end":"mid",style:{"--at":f(e)}},a)}))),t("div",{class:"lane"},l&&t("span",{class:"today-tail","aria-hidden":"true",style:{"--at":f(_)}}),t("div",{class:"coverage-list",role:"list"},d.map((a=>{const r=k(a,s),o=C(a.start),i=C(a.end)-o;return t("div",{key:a.id,role:"listitem",class:"coverage-entry","data-kind":a.kind,"data-status":r,"aria-label":`${y(a)}, ${a.start} — ${a.end}`,style:Object.assign({"--start":f(o),"--span":f(i)},z(a.tone))},t("div",{class:`segment ${"standard"===a.kind?"is-standard":"is-extended"}${a.alt?" tone-alt":""}`},"standard"===a.kind?t("strong",null,e.standardWarrantyMark):a.logo?t("img",{class:"provider-logo",src:a.logo,alt:"",loading:"lazy"}):null),t("span",{class:"coverage-label"},a.label))}))),l&&t("span",{class:"past-wash","aria-hidden":"true",style:{"--to":f(_)}}),t("div",{class:"boundary-layer","aria-hidden":"true"},d.slice(1).map((a=>t("span",{key:a.id,class:"boundary",style:Object.assign({"--at":f(C(a.start))},z(a.tone))})))),l&&t("span",{class:"today-marker","aria-hidden":"true",style:{"--at":f(_)}})),l&&t("p",{class:"sr-only"},D)))))}function A({coverages:a,locale:e}){const r=t=>a.filter((a=>a.kind===t)).reduce(((t,a)=>t+((t,a)=>{const[e,r,o]=t.split("-").map(Number),[i,n,s]=a.split("-").map(Number);return Math.max(0,12*(i-e)+(n-r)-(s<o?1:0))})(a.start,a.end)),0),o=r("standard"),i=r("extended"),n=[o?`${m(o,e)} ${e.standard}`:"",i?`${m(i,e)} ${e.extended}`:""].filter(Boolean).join(" + "),s=n?m(o+i,e):"—";return t("aside",{class:"total-coverage","aria-label":`${e.totalWarranty}: ${n||s}`},t("span",null,e.totalWarranty),t("strong",null,s),t("span",{class:"coverage-mix"},n))}const C=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},b.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[a,e]=await Promise.all([c(t),g(t,"vehicleLookup.warrantyTimeline",b)]);this.locale=Object.assign({sharedLocales:a},e)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,a={}){await l(this,t,a)}async setErrorMessage(t){p(this,t)}async clearData(){this.vehicleLookup=void 0}onLoadingChange(t){d.bind(this)(this.loadingStateChange,t)}render(){var a,e;return t(o,{key:"8d89add2d61e4dcee130eede83bea9a02733cec1",translate:"no"},t(s,{key:"280006f828f2ded8ecd148a8cc8a7db939e1af29",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(a=this.vehicleLookup)||void 0===a?void 0:a.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"81ecffef7b0c7fcb80d657ca0cc34c0afff11a88",class:"p-[16px]"},t(Y,{key:"2532220db169ace764e9da2fd23c027a5023d12a",vehicleInformation:this.vehicleLookup,locale:this.locale,isAuthorized:null===(e=this.vehicleLookup)||void 0===e?void 0:e.isAuthorized}))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.\\!pointer-events-none{pointer-events:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-color:#dde1e6;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:300% 300%;background-size:45% 100%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{--paper:#fff;--ink:#1a2530;--muted:#5f6c78;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--green:#2c8a58;--green-dark:#216b44;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--green-tint:#e8f4ed;--violet:#755aa5;--violet-dark:#5f4887;--paper-soft:#f7f9fa;--blue-tint:#e8f1f8;--date-ink:#46535e;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--leave-scale:1.25;--rail-leave-scale:1.06;container-name:warranty-panel;container-type:inline-size;display:block}.coverage-timeline,.coverage-timeline *,.coverage-timeline :after,.coverage-timeline :before{box-sizing:border-box}.coverage-timeline{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.warranty-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.warranty-card:before{background:var(--card-accent,var(--line));content:"";height:4px;inset:0 0 auto;position:absolute;transition:opacity var(--settle) ease;z-index:3}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1}.collapsible-body{overflow:hidden}.activation-broker,.activation-title,.status-badge>span,.total-coverage,.warranty-notice>span{transition:opacity var(--settle) ease,transform var(--settle) ease}.activation-broker,.activation-title,.warranty-notice>span{transform-origin:left center}.total-coverage{background:transparent;border:0;border-inline-start:2px solid var(--green);border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:2px 0 2px 14px}.total-coverage,[dir=rtl] .activation-broker,[dir=rtl] .activation-title,[dir=rtl] .warranty-notice>span{transform-origin:right center}[dir=rtl] .total-coverage{transform-origin:left center}.loading .activation-broker,.loading .activation-title,.loading .status-badge>span,.loading .total-coverage,.loading .warranty-notice>span{opacity:0;transform:scale(var(--leave-scale))}.notice-icon{flex:0 0 auto;height:16px;transition:opacity var(--settle) ease;width:16px}.loading .badge-icon,.loading .notice-icon{opacity:0}.axis,.lane,.today-head{transition:opacity var(--settle) ease,transform var(--settle) ease}.loading .axis,.loading .lane,.loading .today-head{opacity:0;transform:scale(var(--rail-leave-scale))}.loading .shift-skeleton:after{animation:warranty-sheen 1.3s linear infinite}@keyframes warranty-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}.loading .warranty-card:before{opacity:0}.broker-slot,.timeline-shell,.total-slot{transition:opacity var(--settle) ease}.broker-slot[data-empty=true],.broker-slot[data-empty=true] .activation-broker,.collapsible[data-open=false] .notice-icon,.collapsible[data-open=false] .warranty-notice>span,.total-slot[data-empty=true],.total-slot[data-empty=true] .total-coverage{opacity:0}.timeline-shell[data-empty=true]{opacity:.45}.activation-header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(130px,1fr) auto;padding:14px 20px 12px}.activation-main{min-width:0}.status-badge{align-items:center;border-radius:999px;display:inline-flex;flex:1 1 0;font-size:13px;font-weight:700;gap:0;letter-spacing:-.005em;line-height:1.15;min-height:30px;min-width:0;overflow:hidden;padding:0;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge.is-idle .badge-icon{background:var(--line)}.status-badge>span{flex:1 1 auto;padding:6px 13px 6px 11px;text-align:center}.badge-icon{align-self:stretch;box-sizing:border-box;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.loading .status-badge{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42)}.loading .status-badge .badge-icon{background:#dcdfe4}.loading .warranty-notice{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 1px 0 rgba(95,108,120,.42),inset 0 -1px 0 rgba(95,108,120,.42)}.activation-title{font-size:clamp(16px,3.2cqw,20px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:0;overflow-wrap:anywhere}.activation-title span{color:var(--muted)}.activation-title strong{color:var(--ink);font-weight:760}.activation-broker{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.2;margin:3px 0 0;overflow:hidden;overflow-wrap:anywhere}.activation-broker span{color:var(--muted)}.activation-broker strong{color:var(--ink);font-weight:700}.warranty-notice{align-items:center;background:var(--red-tint);border-radius:0;box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark);display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;margin-bottom:10px;padding:9px 20px}.total-slot{min-width:250px}.total-coverage span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.total-coverage strong{align-self:center;color:var(--green-dark);font-size:20px;grid-column:2;grid-row:1/span 2;line-height:1.1;margin:0 0 0 10px}.total-coverage .coverage-mix{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.3;margin-top:2px;min-height:1.3em;text-transform:none}.journey{border-top:1px dashed var(--line);padding:10px 20px 12px}.journey-head{align-items:stretch;display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:space-between;margin-bottom:8px}.timeline-shell{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.timeline{--axis-height:18px;padding:12px 14px 7px}.axis{border-bottom:1px solid #bdc7cf;height:var(--axis-height);margin:0 8px;position:relative;z-index:2}.axis-date{background:var(--paper-soft);color:var(--date-ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;inset:0 auto auto var(--at);letter-spacing:.01em;line-height:1;padding:0 3px;position:absolute;transform:translateX(-50%);white-space:nowrap}.axis-date.is-crowded{display:none}.axis-date[data-align=start]{transform:none}.axis-date[data-align=end]{transform:translateX(-100%)}.axis-date:after{background:#aeb9c2;content:"";height:12px;left:50%;position:absolute;top:var(--axis-height);width:1px}.axis-date[data-align=start]:after{left:0}.axis-date[data-align=end]:after{left:100%}.lane{--track-top:16px;--track-height:54px;--label-band:49px;height:calc(var(--track-top) + var(--track-height) + var(--label-band));isolation:isolate;margin:0 8px;position:relative}.lane:before{background:repeating-linear-gradient(-45deg,rgba(95,108,120,.035) 0 5px,transparent 5px 10px),#edf1f3;border:1px solid var(--line-soft);border-radius:8px;content:"";height:var(--track-height);inset:var(--track-top) 0 auto;position:absolute}.today-head{height:50px;margin:0 8px;position:relative}.today-pill{background:var(--blue-tint);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;left:var(--at);letter-spacing:.01em;padding:3px 6px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% + 8px))}.today-head.is-near-start .today-pill{transform:translateX(-8px)}.today-marker{bottom:var(--label-band);left:var(--at);pointer-events:none;position:absolute;top:calc(var(--axis-height)*-1 - 21px);width:0;z-index:5}.today-marker:before{background:var(--blue);bottom:0;box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";left:-1px;position:absolute;top:0;width:2px}.today-tail{bottom:0;left:var(--at);pointer-events:none;position:absolute;top:calc(100% - var(--label-band));width:0;z-index:0}.today-tail:before{background:var(--blue);box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";inset:0 auto 0 -1px;position:absolute;width:2px}.today-marker:after{background:var(--paper);border:2px solid var(--blue);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:0;transform:translateX(-50%);width:8px}.coverage-entry{left:var(--start);min-width:0;position:absolute;top:var(--track-top);transition:opacity .16s ease,filter .16s ease;width:var(--span);z-index:var(--layer,1)}.coverage-list{inset:0;position:absolute;z-index:1}.segment{align-items:center;border:1px solid;border-radius:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.56);display:flex;height:var(--track-height);justify-content:center;min-width:0;overflow:hidden;position:relative;width:100%}.segment.is-standard{background:var(--tone-tint);border-color:var(--tone-border);border-inline-start:4px solid var(--tone);color:var(--tone-dark);justify-content:flex-start;padding:0 16px}.segment.is-standard strong{font-size:13px;font-weight:700;letter-spacing:.015em}.segment.is-extended{background:var(--tone-tint);border-color:var(--tone-border);border-style:dashed}.segment.is-extended.tone-alt{border-style:dotted;border-width:2px}.provider-logo{display:block;flex:0 0 auto;height:46px;max-width:calc(100% - 12px);-o-object-fit:contain;object-fit:contain;width:auto}.coverage-label{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ink);display:-webkit-box;font-size:12px;font-weight:700;line-height:1.2;margin-top:5px;min-height:29px;overflow:hidden;overflow-wrap:anywhere;padding:0 4px;text-align:center;width:100%}.boundary{background:var(--tone,var(--blue));border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--tone-border,rgba(48,113,169,.46));height:10px;left:var(--at);top:calc(var(--track-top) + var(--track-height)/2);transform:translate(-50%,-50%);width:10px;z-index:6}.boundary,.past-wash{pointer-events:none;position:absolute}.past-wash{backdrop-filter:grayscale(.92);-webkit-backdrop-filter:grayscale(.92);background:linear-gradient(90deg,rgba(228,233,236,.62),rgba(228,233,236,.46));border-radius:8px 0 0 8px;height:var(--track-height);left:0;top:var(--track-top);width:var(--to,0);z-index:4}.boundary-layer{inset:0;pointer-events:none;position:absolute;z-index:6}@container warranty-panel (max-width: 820px){.activation-header{gap:6px 10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px 9px}.activation-title{font-size:16px}.total-slot{justify-self:end;min-width:0;width:clamp(170px,50cqw,190px)}.total-coverage{padding-inline-start:10px}.total-coverage .coverage-mix{min-height:2.6em}}@container warranty-panel (max-width: 700px){.warranty-notice{font-size:12px;margin-bottom:8px;padding:8px 12px}.journey{padding:8px 8px 10px}.journey-head{gap:6px;margin-bottom:6px;padding-inline:4px}.status-badge{font-size:12px;min-height:28px}.status-badge>span{padding:5px 10px 5px 9px}.badge-icon{padding:5px 8px;width:30px}.timeline{--axis-height:30px;padding:10px 10px 5px}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% - 46px))}.today-head.is-near-end .today-pill:after{border-top:1px solid rgba(48,113,169,.42);content:"";left:100%;position:absolute;top:50%;width:46px}.axis-date[data-align=end]{top:13px}.axis-date[data-align=end]:after{top:calc(var(--axis-height) - 13px)}}@container warranty-panel (max-width: 430px){.journey-head{align-items:stretch;flex-direction:column}.status-badge{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.size-full{height:100%;width:100%}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.w-fit{width:fit-content}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[4px\\]{margin-top:4px}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[16px\\]{gap:16px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[12px\\]{padding:12px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-center{text-align:center}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}'}},[1,"vehicle-warranty-timeline",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64],clearData:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}]);function E(){"undefined"!=typeof customElements&&["vehicle-warranty-timeline"].forEach((t=>{"vehicle-warranty-timeline"===t&&(customElements.get(a(t))||customElements.define(a(t),C))}))}E();export{C as V,E as d}
+import{h as t,t as a,p as e,H as r,a as o}from"./index.js";import{y as i,s as n}from"./p-YQJevg3-.js";import{V as s}from"./p-d7wdNFwt.js";import{s as d}from"./p-6IrGK81y.js";import{s as l,a as p}from"./p-rW_ExFCn.js";import{g as c,a as g}from"./p-DcMgXNpe.js";const b=i(["dealer","activatedBy","broker","authorized","unauthorized","activeWarranty","notActiveWarranty","warrantyCoverage","totalWarranty","standardWarranty","standardWarrantyMark","extendedWarranty","standard","extended","today","year","years","month","months","warrantyNotStarted","awaitingBrokerInvoice","awaitingEndCustomerSale","awaitingActivation"]),x={base:"var(--green)",dark:"var(--green-dark)",tint:"rgba(232, 244, 237, 0.9)",border:"rgba(44, 138, 88, 0.55)"},w=[{base:"var(--blue)",dark:"var(--blue-dark)",tint:"rgba(232, 241, 248, 0.88)",border:"rgba(48, 113, 169, 0.64)"},{base:"var(--violet)",dark:"var(--violet-dark)",tint:"rgba(240, 236, 247, 0.9)",border:"rgba(117, 90, 165, 0.65)"}],h=t=>Date.parse(`${t}T00:00:00Z`),v=t=>(t||"").slice(0,10),u=t=>Math.min(100,Math.max(0,t)),f=t=>`${t.toFixed(6)}%`,m=(t,a)=>{const e=Math.floor(t/12),r=t%12,o=[];return e&&o.push(`${e} ${1===e?a.year:a.years}`),!r&&e||o.push(`${r} ${1===r?a.month:a.months}`),o.join(" ")},y=t=>t.providerName?`${t.label} · ${t.providerName}`:t.label,k=(t,a)=>{const e=h(a);return e<h(t.start)?"upcoming":e>=h(t.end)?"expired":"active"},z=t=>({"--tone":t.base,"--tone-dark":t.dark,"--tone-tint":t.tint,"--tone-border":t.border}),j=t=>{if(!t)return;const a=()=>{const a=Array.from(t.children),e=t.clientWidth;if(a.length<2||!e)return;a.forEach((t=>t.classList.remove("is-crowded")));const r=a.length-1,o=a.map((t=>{const a=parseFloat(t.style.getPropertyValue("--at"))/100*e,r=t.offsetWidth;return"start"===t.dataset.align?[a,a+r]:"end"===t.dataset.align?[a-r,a]:[a-r/2,a+r/2]})),i=new Set([0,r]);let n=o[0][1];for(let t=1;t<r;t++){const[a,e]=o[t];a<n+10||e+10>o[r][0]||(i.add(t),n=e)}o[0][1]+10>o[r][0]&&i.delete(0),a.forEach(((t,a)=>t.classList.toggle("is-crowded",!i.has(a))))},e=()=>"function"==typeof requestAnimationFrame?requestAnimationFrame(a):a();e(),t.__axisWatched||(t.__axisWatched=!0,"undefined"!=typeof ResizeObserver&&new ResizeObserver(e).observe(t),"undefined"!=typeof MutationObserver&&new MutationObserver(e).observe(t,{childList:!0}))},$="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z",M=({open:a},e)=>t("div",{class:"collapsible","data-open":a?"true":"false","aria-hidden":a?null:"true"},t("div",{class:"collapsible-body"},e)),X=({text:a})=>t("div",{class:"warranty-notice",role:"status"},t("svg",{class:"notice-icon",viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},t("path",{fill:"currentColor",d:$})),t("span",null,a)),L=({state:a,text:e})=>{const r="idle"===a;return t("span",{class:`status-badge is-${a}`,"aria-label":r?null:e,"aria-hidden":r?"true":null},t("svg",{class:"badge-icon",viewBox:"0 0 512 512","aria-hidden":"true",focusable:"false"},!r&&t("path",{fill:"currentColor",d:"positive"===a?"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z":$})),t("span",null,r?"":e))};function Y({vehicleInformation:a,locale:e,isAuthorized:r,today:o}){var i,n;const s=o||(new Date).toISOString().slice(0,10),d=((t,a)=>{const e=null==t?void 0:t.warranty,r=[],o=v(null==e?void 0:e.warrantyStartDate),i=v(null==e?void 0:e.warrantyEndDate);return o&&i&&h(i)>h(o)&&r.push({id:"standard",kind:"standard",label:a.standardWarranty,start:o,end:i,tone:x,alt:!1}),((null==e?void 0:e.extendedWarranties)||[]).map((t=>({id:(null==t?void 0:t.id)||"",name:(null==t?void 0:t.name)||"",providerName:(null==t?void 0:t.providerCompanyName)||"",logo:(null==t?void 0:t.providerCompanyLogo)||"",start:v(null==t?void 0:t.startDate),end:v(null==t?void 0:t.endDate)}))).filter((t=>t.start&&t.end&&h(t.end)>h(t.start))).sort(((t,a)=>h(t.start)-h(a.start))).forEach(((t,e)=>{r.push({id:t.id||`extended-${e}`,kind:"extended",label:t.name||a.extendedWarranty,start:t.start,end:t.end,tone:w[e%w.length],alt:e%2==1,logo:t.logo||void 0,providerName:t.providerName||void 0})})),r})(a,e),l=d.length>0,p=(null===(i=null==a?void 0:a.saleInformation)||void 0===i?void 0:i.companyName)||"",c=((t,a,e)=>{var r,o,i;const n=null===(r=null==t?void 0:t.warranty)||void 0===r?void 0:r.startState;return t&&n&&"Started"!==n?"AwaitingBrokerInvoice"===n?a.awaitingBrokerInvoice+((null===(i=null===(o=null==t?void 0:t.saleInformation)||void 0===o?void 0:o.broker)||void 0===i?void 0:i.brokerName)||""):"AwaitingEndCustomerSale"===n?a.awaitingEndCustomerSale:!1===e?"":a.awaitingActivation:""})(a,e,r),g=(null===(n=null==a?void 0:a.warranty)||void 0===n?void 0:n.activatedByBrokerName)||"",b=g||c?e.dealer:e.activatedBy,m=d.some((t=>"active"===k(t,s))),$=t=>a?t?"positive":"negative":"idle",Y=l?((t,a)=>{const e=h(t[0].start),r=t.reduce(((t,a)=>Math.max(t,h(a.end))),h(t[0].end)),o=h(a),i=Math.round(.04*(Math.max(r,o)-Math.min(e,o)));return{from:e<=o?e:o-i,to:r>=o?r:o+i}})(d,s):{from:0,to:1},C=t=>(h(t)-Y.from)/(Y.to-Y.from)*100,E=l?h(d[0].start):0,S=l?d.reduce(((t,a)=>Math.max(t,h(a.end))),E+1):1,O=t=>(h(t)-E)/(S-E)*100,q=l?Array.from(new Set(d.flatMap((t=>[t.start,t.end])))).sort(((t,a)=>h(t)-h(a))):[],N=l?u(C(s)):0,_=l?1===d.length?x.base:`linear-gradient(90deg, ${d.map((t=>`${t.tone.base} ${f(O(t.start))} ${f(O(t.end))}`)).join(", ")})`:c?"var(--red)":"var(--line)",B=d.map((t=>`${y(t)}: ${t.start} — ${t.end} (${k(t,s)})`)).join(". ");return t("article",{class:"coverage-timeline warranty-card","data-empty":l?"false":"true",style:{"--card-accent":_}},t("header",{class:"activation-header"},t("div",{class:"activation-main"},t("p",{class:"activation-title"},t("span",null,b,":")," ",t("strong",null,p||"—")),t("div",{class:"broker-slot","data-empty":g?"false":"true","aria-hidden":g?null:"true"},t("p",{class:"activation-broker"},t("span",null,e.broker,":")," ",t("strong",null,g)))),t("div",{class:"total-slot","data-empty":l?"false":"true","aria-hidden":l?null:"true"},t(A,{coverages:d,locale:e}))),t(M,{open:!!c},t(X,{text:c})),t("section",{class:"journey","aria-label":e.warrantyCoverage},t("div",{class:"journey-head"},t(L,{state:$(r),text:r?e.authorized:e.unauthorized}),t(L,{state:$(m),text:m?e.activeWarranty:e.notActiveWarranty})),t("div",{class:"timeline-shell","data-empty":l?"false":"true","aria-hidden":l?null:"true"},t("div",{class:"timeline shift-skeleton",role:"group","aria-label":e.warrantyCoverage},t("div",{class:"today-head","aria-hidden":"true",style:{"--at":f(N)},ref:t=>((t,a)=>{if(!t)return;const e=()=>{const e=t.firstElementChild;if(!e||!t.clientWidth)return;const r=t.clientWidth*u(a)/100;t.classList.toggle("is-near-end",r+e.offsetWidth/2>t.clientWidth),t.classList.toggle("is-near-start",r-e.offsetWidth/2<0)};"function"==typeof requestAnimationFrame?requestAnimationFrame(e):e()})(t,N)},l&&t("span",{class:"today-pill"},`${e.today} · ${s}`)),t("div",{class:"axis","aria-hidden":"true",ref:j},q.map((a=>{const e=C(a);return t("span",{class:"axis-date",key:a,"data-align":e<=.5?"start":e>=99.5?"end":"mid",style:{"--at":f(e)}},a)}))),t("div",{class:"lane"},l&&t("span",{class:"today-tail","aria-hidden":"true",style:{"--at":f(N)}}),t("div",{class:"coverage-list",role:"list"},d.map((a=>{const r=k(a,s),o=C(a.start),i=C(a.end)-o;return t("div",{key:a.id,role:"listitem",class:"coverage-entry","data-kind":a.kind,"data-status":r,"aria-label":`${y(a)}, ${a.start} — ${a.end}`,style:Object.assign({"--start":f(o),"--span":f(i)},z(a.tone))},t("div",{class:`segment ${"standard"===a.kind?"is-standard":"is-extended"}${a.alt?" tone-alt":""}`},"standard"===a.kind?t("strong",null,e.standardWarrantyMark):a.logo?t("img",{class:"provider-logo",src:a.logo,alt:"",loading:"lazy"}):null),t("span",{class:"coverage-label"},a.label))}))),l&&t("span",{class:"past-wash","aria-hidden":"true",style:{"--to":f(N)}}),t("div",{class:"boundary-layer","aria-hidden":"true"},d.slice(1).map((a=>t("span",{key:a.id,class:"boundary",style:Object.assign({"--at":f(C(a.start))},z(a.tone))})))),l&&t("span",{class:"today-marker","aria-hidden":"true",style:{"--at":f(N)}})),l&&t("p",{class:"sr-only"},B)))))}function A({coverages:a,locale:e}){const r=t=>a.filter((a=>a.kind===t)).reduce(((t,a)=>t+((t,a)=>{const[e,r,o]=t.split("-").map(Number),[i,n,s]=a.split("-").map(Number);return Math.max(0,12*(i-e)+(n-r)-(s<o?1:0))})(a.start,a.end)),0),o=r("standard"),i=r("extended"),n=[o?`${m(o,e)} ${e.standard}`:"",i?`${m(i,e)} ${e.extended}`:""].filter(Boolean).join(" + "),s=n?m(o+i,e):"—";return t("aside",{class:"total-coverage","aria-label":`${e.totalWarranty}: ${n||s}`},t("span",null,e.totalWarranty),t("strong",null,s),t("span",{class:"coverage-mix"},n))}const C=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},b.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[a,e]=await Promise.all([c(t),g(t,"vehicleLookup.warrantyTimeline",b)]);this.locale=Object.assign({sharedLocales:a},e)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,a={}){await l(this,t,a)}async setErrorMessage(t){p(this,t)}async clearData(){this.vehicleLookup=void 0}onLoadingChange(t){d.bind(this)(this.loadingStateChange,t)}render(){var a,e;return t(o,{key:"4811f26e3f8c569a19cfa5cebf53fe90d2528550",translate:"no"},t(s,{key:"677428618f093eb23992858d17e588a4b92b913d",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(a=this.vehicleLookup)||void 0===a?void 0:a.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"9061faf38395a84961f2004f1758336c18b623bc",class:"p-[16px]"},t(Y,{key:"2add9b69d7ca474ecba41cb79d428383336af597",vehicleInformation:this.vehicleLookup,locale:this.locale,isAuthorized:null===(e=this.vehicleLookup)||void 0===e?void 0:e.isAuthorized}))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0,0,0,0);border:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.\\!pointer-events-none{pointer-events:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.isolate{isolation:isolate}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.rounded{border-radius:.25rem}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-color:#dde1e6;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:300% 300%;background-size:45% 100%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{--paper:#fff;--ink:#1a2530;--muted:#5f6c78;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--green:#2c8a58;--green-dark:#216b44;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--green-tint:#e8f4ed;--violet:#755aa5;--violet-dark:#5f4887;--paper-soft:#f7f9fa;--blue-tint:#e8f1f8;--date-ink:#46535e;--shadow:0 18px 45px rgba(27,45,61,.1),0 2px 7px rgba(27,45,61,.06);--settle:320ms;--leave-scale:1.25;--rail-leave-scale:1.06;container-name:warranty-panel;container-type:inline-size;display:block}.coverage-timeline,.coverage-timeline *,.coverage-timeline :after,.coverage-timeline :before{box-sizing:border-box}.coverage-timeline{color:var(--ink);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.warranty-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;position:relative;width:100%}.warranty-card:before{background:var(--card-accent,var(--line));content:"";height:4px;inset:0 0 auto;position:absolute;transition:opacity var(--settle) ease;z-index:3}.collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--settle) ease,opacity calc(var(--settle) - 60ms) ease}.collapsible[data-open=true]{grid-template-rows:1fr;opacity:1}.collapsible-body{overflow:hidden}.activation-broker,.activation-title,.status-badge>span,.total-coverage,.warranty-notice>span{transition:opacity var(--settle) ease,transform var(--settle) ease}.activation-broker,.activation-title,.warranty-notice>span{transform-origin:left center}.total-coverage{background:transparent;border:0;border-inline-start:2px solid var(--green);border-radius:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:2px 0 2px 14px}.total-coverage,[dir=rtl] .activation-broker,[dir=rtl] .activation-title,[dir=rtl] .warranty-notice>span{transform-origin:right center}[dir=rtl] .total-coverage{transform-origin:left center}.loading .activation-broker,.loading .activation-title,.loading .status-badge>span,.loading .total-coverage,.loading .warranty-notice>span{opacity:0;transform:scale(var(--leave-scale))}.notice-icon{flex:0 0 auto;height:16px;transition:opacity var(--settle) ease;width:16px}.loading .badge-icon,.loading .notice-icon{opacity:0}.axis,.lane,.today-head{transition:opacity var(--settle) ease,transform var(--settle) ease}.loading .axis,.loading .lane,.loading .today-head{opacity:0;transform:scale(var(--rail-leave-scale))}.loading .shift-skeleton:after{animation:warranty-sheen 1.3s linear infinite}@keyframes warranty-sheen{0%{background-position:-100% 0}to{background-position:200% 0}}.loading .warranty-card:before{opacity:0}.broker-slot,.timeline-shell,.total-slot{transition:opacity var(--settle) ease}.broker-slot[data-empty=true],.broker-slot[data-empty=true] .activation-broker,.collapsible[data-open=false] .notice-icon,.collapsible[data-open=false] .warranty-notice>span,.total-slot[data-empty=true],.total-slot[data-empty=true] .total-coverage{opacity:0}.timeline-shell[data-empty=true]{opacity:.45}.activation-header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(130px,1fr) auto;padding:14px 20px 12px}.activation-main{min-width:0}.status-badge{align-items:center;border-radius:999px;display:inline-flex;flex:1 1 0;font-size:13px;font-weight:700;gap:0;letter-spacing:-.005em;line-height:1.15;min-height:30px;min-width:0;overflow:hidden;padding:0;transition:color var(--settle) ease,background var(--settle) ease,box-shadow var(--settle) ease}.status-badge.is-positive{background:var(--green-tint);box-shadow:inset 0 0 0 1px rgba(44,138,88,.32);color:var(--green-dark)}.status-badge.is-negative{background:var(--red-tint);box-shadow:inset 0 0 0 1px rgba(180,35,24,.28);color:var(--red-dark)}.status-badge.is-idle{background:var(--line-soft);box-shadow:inset 0 0 0 1px rgba(95,108,120,.22);color:var(--muted)}.status-badge.is-idle .badge-icon{background:var(--line)}.status-badge>span{flex:1 1 auto;padding:6px 13px 6px 11px;text-align:center}.badge-icon{align-self:stretch;box-sizing:border-box;color:#fff;display:block;flex:0 0 auto;height:auto;padding:6px 9px;transition:opacity var(--settle) ease,background var(--settle) ease;width:34px}.status-badge.is-positive .badge-icon{background:var(--green)}.status-badge.is-negative .badge-icon{background:var(--red)}.loading .status-badge{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 0 0 1px rgba(95,108,120,.42)}.loading .status-badge .badge-icon{background:#dcdfe4}.loading .warranty-notice{animation:warranty-sheen 1.3s linear infinite;background-color:#dcdfe4;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:45% 100%;box-shadow:inset 0 1px 0 rgba(95,108,120,.42),inset 0 -1px 0 rgba(95,108,120,.42)}.activation-title{font-size:clamp(16px,3.2cqw,20px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:0;overflow-wrap:anywhere}.activation-title span{color:var(--muted)}.activation-title strong{color:var(--ink);font-weight:760}.activation-broker{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.2;margin:3px 0 0;overflow:hidden;overflow-wrap:anywhere}.activation-broker span{color:var(--muted)}.activation-broker strong{color:var(--ink);font-weight:700}.warranty-notice{align-items:center;background:var(--red-tint);border-radius:0;box-shadow:inset 0 1px 0 rgba(180,35,24,.18),inset 0 -1px 0 rgba(180,35,24,.18);color:var(--red-dark);display:flex;font-size:13px;font-weight:650;gap:8px;line-height:1.3;margin-bottom:10px;padding:9px 20px}.total-slot{min-width:250px}.total-coverage span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.total-coverage strong{align-self:center;color:var(--green-dark);font-size:20px;grid-column:2;grid-row:1/span 2;line-height:1.1;margin:0 0 0 10px}.total-coverage .coverage-mix{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.3;margin-top:2px;min-height:1.3em;text-transform:none}.journey{border-top:1px dashed var(--line);padding:10px 20px 12px}.journey-head{align-items:stretch;display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:space-between;margin-bottom:8px}.timeline-shell{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;overflow:hidden;position:relative}.timeline{--axis-height:18px;padding:12px 14px 7px}.axis{border-bottom:1px solid #bdc7cf;height:var(--axis-height);margin:0 8px;position:relative;z-index:2}.axis-date{background:var(--paper-soft);color:var(--date-ink);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700;inset:0 auto auto var(--at);letter-spacing:.01em;line-height:1;padding:0 3px;position:absolute;transform:translateX(-50%);white-space:nowrap}.axis-date.is-crowded{display:none}.axis-date[data-align=start]{transform:none}.axis-date[data-align=end]{transform:translateX(-100%)}.axis-date:after{background:#aeb9c2;content:"";height:12px;left:50%;position:absolute;top:var(--axis-height);width:1px}.axis-date[data-align=start]:after{left:0}.axis-date[data-align=end]:after{left:100%}.lane{--track-top:16px;--track-height:54px;--label-band:49px;height:calc(var(--track-top) + var(--track-height) + var(--label-band));isolation:isolate;margin:0 8px;position:relative}.lane:before{background:repeating-linear-gradient(-45deg,rgba(95,108,120,.035) 0 5px,transparent 5px 10px),#edf1f3;border:1px solid var(--line-soft);border-radius:8px;content:"";height:var(--track-height);inset:var(--track-top) 0 auto;position:absolute}.today-head{height:50px;margin:0 8px;position:relative}.today-pill{background:var(--blue-tint);border:1px solid rgba(48,113,169,.32);border-radius:999px;color:var(--blue-dark);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;left:var(--at);letter-spacing:.01em;padding:3px 6px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% + 8px))}.today-head.is-near-start .today-pill{transform:translateX(-8px)}.today-marker{bottom:var(--label-band);left:var(--at);pointer-events:none;position:absolute;top:calc(var(--axis-height)*-1 - 21px);width:0;z-index:5}.today-marker:before{background:var(--blue);bottom:0;box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";left:-1px;position:absolute;top:0;width:2px}.today-tail{bottom:0;left:var(--at);pointer-events:none;position:absolute;top:calc(100% - var(--label-band));width:0;z-index:0}.today-tail:before{background:var(--blue);box-shadow:0 0 0 1px hsla(0,0%,100%,.72);content:"";inset:0 auto 0 -1px;position:absolute;width:2px}.today-marker:after{background:var(--paper);border:2px solid var(--blue);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:0;transform:translateX(-50%);width:8px}.coverage-entry{left:var(--start);min-width:0;position:absolute;top:var(--track-top);transition:opacity .16s ease,filter .16s ease;width:var(--span);z-index:var(--layer,1)}.coverage-list{inset:0;position:absolute;z-index:1}.segment{align-items:center;border:1px solid;border-radius:8px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.56);display:flex;height:var(--track-height);justify-content:center;min-width:0;overflow:hidden;position:relative;width:100%}.segment.is-standard{background:var(--tone-tint);border-color:var(--tone-border);border-inline-start:4px solid var(--tone);color:var(--tone-dark);justify-content:flex-start;padding:0 16px}.segment.is-standard strong{font-size:13px;font-weight:700;letter-spacing:.015em}.segment.is-extended{background:var(--tone-tint);border-color:var(--tone-border);border-style:dashed}.segment.is-extended.tone-alt{border-style:dotted;border-width:2px}.provider-logo{display:block;flex:0 0 auto;height:46px;max-width:calc(100% - 12px);-o-object-fit:contain;object-fit:contain;width:auto}.coverage-label{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ink);display:-webkit-box;font-size:12px;font-weight:700;line-height:1.2;margin-top:5px;min-height:29px;overflow:hidden;overflow-wrap:anywhere;padding:0 4px;text-align:center;width:100%}.boundary{background:var(--tone,var(--blue));border:2px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--tone-border,rgba(48,113,169,.46));height:10px;left:var(--at);top:calc(var(--track-top) + var(--track-height)/2);transform:translate(-50%,-50%);width:10px;z-index:6}.boundary,.past-wash{pointer-events:none;position:absolute}.past-wash{backdrop-filter:grayscale(.92);-webkit-backdrop-filter:grayscale(.92);background:linear-gradient(90deg,rgba(228,233,236,.62),rgba(228,233,236,.46));border-radius:8px 0 0 8px;height:var(--track-height);left:0;top:var(--track-top);width:var(--to,0);z-index:4}.boundary-layer{inset:0;pointer-events:none;position:absolute;z-index:6}@container warranty-panel (max-width: 820px){.activation-header{gap:6px 10px;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px 9px}.activation-title{font-size:16px}.total-slot{justify-self:end;min-width:0;width:clamp(170px,50cqw,190px)}.total-coverage{padding-inline-start:10px}.total-coverage .coverage-mix{min-height:2.6em}}@container warranty-panel (max-width: 700px){.warranty-notice{font-size:12px;margin-bottom:8px;padding:8px 12px}.journey{padding:8px 8px 10px}.journey-head{gap:6px;margin-bottom:6px;padding-inline:4px}.status-badge{font-size:12px;min-height:28px}.status-badge>span{padding:5px 10px 5px 9px}.badge-icon{padding:5px 8px;width:30px}.timeline{--axis-height:30px;padding:10px 10px 5px}.today-head.is-near-end .today-pill{transform:translateX(calc(-100% - 46px))}.today-head.is-near-end .today-pill:after{border-top:1px solid rgba(48,113,169,.42);content:"";left:100%;position:absolute;top:50%;width:46px}.axis-date[data-align=end]{top:13px}.axis-date[data-align=end]:after{top:calc(var(--axis-height) - 13px)}}@container warranty-panel (max-width: 430px){.journey-head{align-items:stretch;flex-direction:column}.status-badge{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}'}},[1,"vehicle-warranty-timeline",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],disableVinValidation:[4,"disable-vin-validation"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[1,"error-callback"],loadingStateChange:[1,"loading-state-change"],loadedResponse:[1,"loaded-response"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64],clearData:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}]);function E(){"undefined"!=typeof customElements&&["vehicle-warranty-timeline"].forEach((t=>{"vehicle-warranty-timeline"===t&&(customElements.get(a(t))||customElements.define(a(t),C))}))}E();export{C as V,E as d}

package/dist/components/{p-k8G1hnHC.js → p-Bj3cvdzl.js}

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

package/dist/components/{p-Bb4mauUH.js → p-BvMcY9Sk.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{F as o}from"./p-DQopO8HS.js";import"./p-YQJevg3-.js";import{b as i}from"./p-D9pKibY5.js";import{d as l}from"./p-BILW0yP6.js";const t=async o=>{try{const i=await fetch(`https://api.github.com/gists/${o}`,{headers:{Accept:"application/vnd.github+json"}});if(!i.ok)throw new Error(`GitHub API error: ${i.status} ${i.statusText}`);const l=await i.json(),t=Object.values(l.files).find((o=>null==o?void 0:o.filename.endsWith(".json")));if(!t)throw new Error("No JSON file found in this gist");return function(o){try{let i=o.trim();return i=i.replace(/,\s*([}\]])/g,"$1"),i=i.replace(/([{,]\s*)([A-Za-z_]\w*)\s*:/g,'$1"$2":'),i=i.replace(/'([^'\\]*(?:\\.[^'\\]*)*)'/g,((o,i)=>`"${i.replace(/"/g,'\\"')}"`)),JSON.parse(i)}catch(o){return console.error("Failed to parse loose JSON content:",o.message),null}}(null==t?void 0:t.content)}catch(o){console.error("Error fetching gist JSON:",o.message)}};async function n(o){const i=await fetch(o);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return await i.json()}const e=async(o,l)=>{var t,n,e,d,r;const a=await i(l),v=null===(n=null===(t=o.structure)||void 0===t?void 0:t.data)||void 0===n?void 0:n.localization,c="object"==typeof v&&null!==(d=null!==(e=null==v?void 0:v[l])&&void 0!==e?e:null==v?void 0:v.en)&&void 0!==d?d:{};o.locale=Object.assign(Object.assign({},c),{sharedFormLocales:Object.assign(Object.assign({},a),null==c?void 0:c.sharedFormLocales)}),o.localeLanguage=l,null===(r=o.form)||void 0===r||r.rerender({rerenderAll:!0})},d=async(o,i)=>{var l,t,n,e,d;const r=(null==i?void 0:i.message)||(null===(l=null==i?void 0:i.Message)||void 0===l?void 0:l.Body)||(null===(t=null==i?void 0:i.message)||void 0===t?void 0:t.body)||(null===(d=null===(e=null===(n=o.locale)||void 0===n?void 0:n.sharedFormLocales)||void 0===e?void 0:e.errors)||void 0===d?void 0:d.wildCard)||"";let a=!0;(null==o?void 0:o.errorCallback)&&(a=!!await o.errorCallback(i,r)),a&&(o.errorMessage=r)},r=async(o,i)=>{o.isLoading=i,o.loadingChanges&&o.loadingChanges(i)},a=async(o,i)=>{let l=!0;if(o.successCallback&&(l=!!await o.successCallback(i,o.locale["Form submitted successfully."]||"")),l&&o.form.openDialog(),!o.disableScrollToTop){const i=o.el.shadowRoot||o.el,l=i instanceof ShadowRoot?i.firstElementChild:i;if(l){const o=-100,i=l.getBoundingClientRect().top+window.pageYOffset+o;window.scrollTo({top:Math.max(i,0),behavior:"smooth"})}}},v=async(i,l)=>{var e,d,r,a,v;if(!i.structure)if(i.gistId){const[o]=await Promise.all([t(i.gistId),i.changeLanguage(i.language)]);i.structure=o}else if(i.structureUrl){const[o]=await Promise.all([n(i.structureUrl),i.changeLanguage(i.language)]);i.structure=o}if(i.localeLanguage=i.language,await i.changeLanguage(i.language),!(Object.hasOwn(null===(e=i.structure)||void 0===e?void 0:e.data,"isMobileForm")?null===(r=null===(d=i.structure)||void 0===d?void 0:d.data)||void 0===r?void 0:r.isMobileForm:i.isMobileForm))try{const o=null===(v=null===(a=i.structure)||void 0===a?void 0:a.data)||void 0===v?void 0:v.recaptchaKey;if(o){const l=document.createElement("script");l.src=`https://www.google.com/recaptcha/api.js?render=${o}&hl=${i.language}`,l.async=!0,l.defer=!0,document.head.appendChild(l)}}catch(o){console.log(o)}i.form=new o(i,l)},c=async o=>{if(o.form)return o.form},u=async o=>{if(o.form)return o.form.submit()},s=async(o,i)=>{var l;i&&(null===(l=o.formReadyCallback)||void 0===l||l.call(o))},f=["utm_source","utm_medium","utm_campaign","utm_term","utm_content","gclid","fbclid"],m=o=>{var i;if(null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.disableUTMLog)return{};const l=new URLSearchParams(window.location.search);if("string"==typeof l.get("disable_utm_log")&&"true"===l.get("disable_utm_log"))return{};const t={};return f.forEach((o=>{l.get(o)&&(t[o]=l.get(o))})),t},b={formLanguageChange:e,formErrorHandler:d,handleFormSubmit:u,formLoadingHandler:r,formSuccessHandler:a,formDidLoadHandler:v,formGetFormHandler:c,onFormSubmit:async({context:o,formValues:i,middleware:t,afterSuccess:n})=>{var e,d,r,a,v,c,u,s,f,b,w,j,p,O,h,g,y,S,$,_,F,H,P,A,E,L,J,N,T,D,R,M,x,B,C,G,I,Q,Y,q,z;try{o.setIsLoading(!0),Object.keys(i).forEach((l=>{o[`${l}-format`]&&(i[l]=o[`${l}-format`])}));const K=!!(null===(d=null===(e=o.structure)||void 0===e?void 0:e.data)||void 0===d?void 0:d.truncatedFields)&&!!(null===(v=Object.keys(null===(a=null===(r=o.structure)||void 0===r?void 0:r.data)||void 0===a?void 0:a.truncatedFields))||void 0===v?void 0:v.length),U={},V=m(null==o?void 0:o.structure);let W=Object.assign({},i);(null===(u=null===(c=o.structure)||void 0===c?void 0:c.data)||void 0===u?void 0:u.extraPayload)&&(W=Object.assign(Object.assign({},W),null===(f=null===(s=o.structure)||void 0===s?void 0:s.data)||void 0===f?void 0:f.extraPayload)),K&&(W.additionalData=Object.assign({},U)),(null==o?void 0:o.extraPayload)&&(W=Object.assign(Object.assign({},W),null==o?void 0:o.extraPayload)),K&&Object.entries(null===(w=null===(b=o.structure)||void 0===b?void 0:b.data)||void 0===w?void 0:w.truncatedFields).forEach((([o,i])=>{if(Array.isArray(i)){let l="";i.forEach((o=>{l+=W[o.toString()]||o.toString()})),W=Object.assign(Object.assign({},W),{[o]:l})}else if("string"==typeof i&&i)if(o.startsWith("parse date: ")){const t=o.replaceAll("parse date: ","");W[t]=l.parse(W[t],i,new Date)}else if(o.startsWith("format date: ")){const i=o.replaceAll("format date: ","");W[i]=l.formatISO(W[i])}else U[i]=W[o],delete W[o]}));let Z={"Content-Type":"application/json",Brand:null===(p=null===(j=o.structure)||void 0===j?void 0:j.data)||void 0===p?void 0:p.brandId,"Accept-Language":o.localeLanguage||"en"};(null==o?void 0:o.extraHeader)&&(Z=Object.assign(Object.assign({},Z),null==o?void 0:o.extraHeader)),(null===(h=null===(O=o.structure)||void 0===O?void 0:O.data)||void 0===h?void 0:h.extraHeader)&&(Z=Object.assign(Object.assign({},Z),null===(y=null===(g=o.structure)||void 0===g?void 0:g.data)||void 0===y?void 0:y.extraHeader));let k="";if(Object.hasOwn(null===(S=o.structure)||void 0===S?void 0:S.data,"isMobileForm")?null===(_=null===($=o.structure)||void 0===$?void 0:$.data)||void 0===_?void 0:_.isMobileForm:o.isMobileForm){const i=await o.getMobileToken();i.toLowerCase().startsWith("bearer")?(Z.Authorization=i,k=null===(H=null===(F=o.structure)||void 0===F?void 0:F.data)||void 0===H?void 0:H.requestAppUrl):(Z["verification-token"]=i,k=null===(A=null===(P=o.structure)||void 0===P?void 0:P.data)||void 0===A?void 0:A.requestAppCheckUrl)}else if(k=null===(L=null===(E=o.structure)||void 0===E?void 0:E.data)||void 0===L?void 0:L.requestUrl,null===(N=null===(J=o.structure)||void 0===J?void 0:J.data)||void 0===N?void 0:N.recaptchaKey){const i=await grecaptcha.execute(null===(D=null===(T=o.structure)||void 0===T?void 0:T.data)||void 0===D?void 0:D.recaptchaKey,{action:"submit"});Z["Recaptcha-Token"]=i}if(o.isDev&&(k=k.replaceAll("production=true","production=false")),!k)throw new Error("Request endpoint is not configured");const X=(null===(M=null===(R=o.structure)||void 0===R?void 0:R.data)||void 0===M?void 0:M.requestMethod)||"POST";if(["get","head"].includes(X.toLowerCase())?Z=Object.assign(Object.assign({},Z),V):W=Object.assign(Object.assign({},W),V),t){const o=t(W,Z,k);W=Object.assign({},o.payload),Z=Object.assign({},o.header),k=o.url}await Promise.all(Object.values(o.form.pendingRequests).map((o=>o())));const oo=await fetch(k,Object.assign({headers:Z,method:(null===(B=null===(x=o.structure)||void 0===x?void 0:x.data)||void 0===B?void 0:B.requestMethod)||"POST"},"get"===(null===(I=null===(G=null===(C=o.structure)||void 0===C?void 0:C.data)||void 0===G?void 0:G.requestMethod)||void 0===I?void 0:I.toLowerCase())?{}:{body:JSON.stringify(W)}));if(!oo.ok){let o;if((oo.headers.get("content-type")||"").includes("application/json")){const i=await oo.json().catch((()=>({})));o=null!==(z=null!==(Y=null===(Q=null==i?void 0:i.message)||void 0===Q?void 0:Q.body)&&void 0!==Y?Y:null===(q=null==i?void 0:i.Message)||void 0===q?void 0:q.Body)&&void 0!==z?z:""}else o=await oo.text().catch((()=>""));throw new Error(o)}{const i=await oo.json().catch((()=>({})));n&&await n(W,Z),o.setSuccessCallback(i),setTimeout((()=>{o.form.reset(),o.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(i){console.error(i),o.setErrorCallback(i)}finally{o.setIsLoading(!1)}},formStructureRenderedHandler:s};export{e as a,r as b,d as c,a as d,v as e,b as f,m as g,c as h,u as i,s as j}
+import{F as o}from"./p-DQopO8HS.js";import"./p-YQJevg3-.js";import{b as i}from"./p-DcMgXNpe.js";import{d as l}from"./p-BILW0yP6.js";const t=async o=>{try{const i=await fetch(`https://api.github.com/gists/${o}`,{headers:{Accept:"application/vnd.github+json"}});if(!i.ok)throw new Error(`GitHub API error: ${i.status} ${i.statusText}`);const l=await i.json(),t=Object.values(l.files).find((o=>null==o?void 0:o.filename.endsWith(".json")));if(!t)throw new Error("No JSON file found in this gist");return function(o){try{let i=o.trim();return i=i.replace(/,\s*([}\]])/g,"$1"),i=i.replace(/([{,]\s*)([A-Za-z_]\w*)\s*:/g,'$1"$2":'),i=i.replace(/'([^'\\]*(?:\\.[^'\\]*)*)'/g,((o,i)=>`"${i.replace(/"/g,'\\"')}"`)),JSON.parse(i)}catch(o){return console.error("Failed to parse loose JSON content:",o.message),null}}(null==t?void 0:t.content)}catch(o){console.error("Error fetching gist JSON:",o.message)}};async function n(o){const i=await fetch(o);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);return await i.json()}const e=async(o,l)=>{var t,n,e,d,r;const a=await i(l),v=null===(n=null===(t=o.structure)||void 0===t?void 0:t.data)||void 0===n?void 0:n.localization,c="object"==typeof v&&null!==(d=null!==(e=null==v?void 0:v[l])&&void 0!==e?e:null==v?void 0:v.en)&&void 0!==d?d:{};o.locale=Object.assign(Object.assign({},c),{sharedFormLocales:Object.assign(Object.assign({},a),null==c?void 0:c.sharedFormLocales)}),o.localeLanguage=l,null===(r=o.form)||void 0===r||r.rerender({rerenderAll:!0})},d=async(o,i)=>{var l,t,n,e,d;const r=(null==i?void 0:i.message)||(null===(l=null==i?void 0:i.Message)||void 0===l?void 0:l.Body)||(null===(t=null==i?void 0:i.message)||void 0===t?void 0:t.body)||(null===(d=null===(e=null===(n=o.locale)||void 0===n?void 0:n.sharedFormLocales)||void 0===e?void 0:e.errors)||void 0===d?void 0:d.wildCard)||"";let a=!0;(null==o?void 0:o.errorCallback)&&(a=!!await o.errorCallback(i,r)),a&&(o.errorMessage=r)},r=async(o,i)=>{o.isLoading=i,o.loadingChanges&&o.loadingChanges(i)},a=async(o,i)=>{let l=!0;if(o.successCallback&&(l=!!await o.successCallback(i,o.locale["Form submitted successfully."]||"")),l&&o.form.openDialog(),!o.disableScrollToTop){const i=o.el.shadowRoot||o.el,l=i instanceof ShadowRoot?i.firstElementChild:i;if(l){const o=-100,i=l.getBoundingClientRect().top+window.pageYOffset+o;window.scrollTo({top:Math.max(i,0),behavior:"smooth"})}}},v=async(i,l)=>{var e,d,r,a,v;if(!i.structure)if(i.gistId){const[o]=await Promise.all([t(i.gistId),i.changeLanguage(i.language)]);i.structure=o}else if(i.structureUrl){const[o]=await Promise.all([n(i.structureUrl),i.changeLanguage(i.language)]);i.structure=o}if(i.localeLanguage=i.language,await i.changeLanguage(i.language),!(Object.hasOwn(null===(e=i.structure)||void 0===e?void 0:e.data,"isMobileForm")?null===(r=null===(d=i.structure)||void 0===d?void 0:d.data)||void 0===r?void 0:r.isMobileForm:i.isMobileForm))try{const o=null===(v=null===(a=i.structure)||void 0===a?void 0:a.data)||void 0===v?void 0:v.recaptchaKey;if(o){const l=document.createElement("script");l.src=`https://www.google.com/recaptcha/api.js?render=${o}&hl=${i.language}`,l.async=!0,l.defer=!0,document.head.appendChild(l)}}catch(o){console.log(o)}i.form=new o(i,l)},c=async o=>{if(o.form)return o.form},u=async o=>{if(o.form)return o.form.submit()},s=async(o,i)=>{var l;i&&(null===(l=o.formReadyCallback)||void 0===l||l.call(o))},f=["utm_source","utm_medium","utm_campaign","utm_term","utm_content","gclid","fbclid"],m=o=>{var i;if(null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.disableUTMLog)return{};const l=new URLSearchParams(window.location.search);if("string"==typeof l.get("disable_utm_log")&&"true"===l.get("disable_utm_log"))return{};const t={};return f.forEach((o=>{l.get(o)&&(t[o]=l.get(o))})),t},b={formLanguageChange:e,formErrorHandler:d,handleFormSubmit:u,formLoadingHandler:r,formSuccessHandler:a,formDidLoadHandler:v,formGetFormHandler:c,onFormSubmit:async({context:o,formValues:i,middleware:t,afterSuccess:n})=>{var e,d,r,a,v,c,u,s,f,b,w,j,p,O,h,g,y,S,$,_,F,H,P,A,E,L,N,J,T,D,M,R,x,B,C,G,I,Q,q,z,U;try{o.setIsLoading(!0),Object.keys(i).forEach((l=>{o[`${l}-format`]&&(i[l]=o[`${l}-format`])}));const V=!!(null===(d=null===(e=o.structure)||void 0===e?void 0:e.data)||void 0===d?void 0:d.truncatedFields)&&!!(null===(v=Object.keys(null===(a=null===(r=o.structure)||void 0===r?void 0:r.data)||void 0===a?void 0:a.truncatedFields))||void 0===v?void 0:v.length),W={},X=m(null==o?void 0:o.structure);let Y=Object.assign({},i);(null===(u=null===(c=o.structure)||void 0===c?void 0:c.data)||void 0===u?void 0:u.extraPayload)&&(Y=Object.assign(Object.assign({},Y),null===(f=null===(s=o.structure)||void 0===s?void 0:s.data)||void 0===f?void 0:f.extraPayload)),V&&(Y.additionalData=Object.assign({},W)),(null==o?void 0:o.extraPayload)&&(Y=Object.assign(Object.assign({},Y),null==o?void 0:o.extraPayload)),V&&Object.entries(null===(w=null===(b=o.structure)||void 0===b?void 0:b.data)||void 0===w?void 0:w.truncatedFields).forEach((([o,i])=>{if(Array.isArray(i)){let l="";i.forEach((o=>{l+=Y[o.toString()]||o.toString()})),Y=Object.assign(Object.assign({},Y),{[o]:l})}else if("string"==typeof i&&i)if(o.startsWith("parse date: ")){const t=o.replaceAll("parse date: ","");Y[t]=l.parse(Y[t],i,new Date)}else if(o.startsWith("format date: ")){const i=o.replaceAll("format date: ","");Y[i]=l.formatISO(Y[i])}else W[i]=Y[o],delete Y[o]}));let Z={"Content-Type":"application/json",Brand:null===(p=null===(j=o.structure)||void 0===j?void 0:j.data)||void 0===p?void 0:p.brandId,"Accept-Language":o.localeLanguage||"en"};(null==o?void 0:o.extraHeader)&&(Z=Object.assign(Object.assign({},Z),null==o?void 0:o.extraHeader)),(null===(h=null===(O=o.structure)||void 0===O?void 0:O.data)||void 0===h?void 0:h.extraHeader)&&(Z=Object.assign(Object.assign({},Z),null===(y=null===(g=o.structure)||void 0===g?void 0:g.data)||void 0===y?void 0:y.extraHeader));let k="";if(Object.hasOwn(null===(S=o.structure)||void 0===S?void 0:S.data,"isMobileForm")?null===(_=null===($=o.structure)||void 0===$?void 0:$.data)||void 0===_?void 0:_.isMobileForm:o.isMobileForm){const i=await o.getMobileToken();i.toLowerCase().startsWith("bearer")?(Z.Authorization=i,k=null===(H=null===(F=o.structure)||void 0===F?void 0:F.data)||void 0===H?void 0:H.requestAppUrl):(Z["verification-token"]=i,k=null===(A=null===(P=o.structure)||void 0===P?void 0:P.data)||void 0===A?void 0:A.requestAppCheckUrl)}else if(k=null===(L=null===(E=o.structure)||void 0===E?void 0:E.data)||void 0===L?void 0:L.requestUrl,null===(J=null===(N=o.structure)||void 0===N?void 0:N.data)||void 0===J?void 0:J.recaptchaKey){const i=await grecaptcha.execute(null===(D=null===(T=o.structure)||void 0===T?void 0:T.data)||void 0===D?void 0:D.recaptchaKey,{action:"submit"});Z["Recaptcha-Token"]=i}if(o.isDev&&(k=k.replaceAll("production=true","production=false")),!k)throw new Error("Request endpoint is not configured");const K=(null===(R=null===(M=o.structure)||void 0===M?void 0:M.data)||void 0===R?void 0:R.requestMethod)||"POST";if(["get","head"].includes(K.toLowerCase())?Z=Object.assign(Object.assign({},Z),X):Y=Object.assign(Object.assign({},Y),X),t){const o=t(Y,Z,k);Y=Object.assign({},o.payload),Z=Object.assign({},o.header),k=o.url}await Promise.all(Object.values(o.form.pendingRequests).map((o=>o())));const oo=await fetch(k,Object.assign({headers:Z,method:(null===(B=null===(x=o.structure)||void 0===x?void 0:x.data)||void 0===B?void 0:B.requestMethod)||"POST"},"get"===(null===(I=null===(G=null===(C=o.structure)||void 0===C?void 0:C.data)||void 0===G?void 0:G.requestMethod)||void 0===I?void 0:I.toLowerCase())?{}:{body:JSON.stringify(Y)}));if(!oo.ok){let o;if((oo.headers.get("content-type")||"").includes("application/json")){const i=await oo.json().catch((()=>({})));o=null!==(U=null!==(q=null===(Q=null==i?void 0:i.message)||void 0===Q?void 0:Q.body)&&void 0!==q?q:null===(z=null==i?void 0:i.Message)||void 0===z?void 0:z.Body)&&void 0!==U?U:""}else o=await oo.text().catch((()=>""));throw new Error(o)}{const i=await oo.json().catch((()=>({})));n&&await n(Y,Z),o.setSuccessCallback(i),setTimeout((()=>{o.form.reset(),o.form.rerender({rerenderForm:!0,rerenderAll:!0})}),100)}}catch(i){console.error(i),o.setErrorCallback(i)}finally{o.setIsLoading(!1)}},formStructureRenderedHandler:s};export{e as a,r as b,d as c,a as d,v as e,b as f,m as g,c as h,u as i,s as j}

package/dist/components/p-C-yTwaAA.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,p as e,H as i,a as o,t as a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{o as n,I as s,c as d,e as c}from"./p-ByNlQjpu.js";import{A as p}from"./p-BzsXkZqy.js";import{C as l}from"./p-B6xZ__mT.js";import{Q as h}from"./p-D_ukwEEB.js";import{T as b}from"./p-CILGkcfa.js";import{d as x}from"./p-B7G2HjX0.js";var f,u;const g=/\b(transform|perspective|filter|backdrop-filter|contain)\b/,m=/\b(paint|layout|strict|content)\b/,v=t=>{if(!t)return!1;if(t.transform&&"none"!==t.transform)return!0;if(t.perspective&&"none"!==t.perspective)return!0;if(t.filter&&"none"!==t.filter)return!0;const e=t.backdropFilter||t.webkitBackdropFilter;return!(!e||"none"===e)||!(!t.contain||!m.test(t.contain))||!(!t.willChange||!g.test(t.willChange))},w="undefined"!=typeof HTMLDialogElement&&"function"==typeof(null===(f=HTMLDialogElement.prototype)||void 0===f?void 0:f.showModal),y="undefined"!=typeof HTMLElement&&"function"==typeof(null===(u=HTMLElement.prototype)||void 0===u?void 0:u.showPopover),k=t=>!t||t.open?w:w?(t.showModal(),!0):(t.setAttribute("open",""),!1),z=t=>{t&&(w&&t.open?t.close():t.removeAttribute("open"))},C=t=>{if(!t||!y||t.hasAttribute("popover"))return!1;if(!(t=>{var e,i;if(!t||"function"!=typeof getComputedStyle)return!1;let o=t.parentElement,a=null===(e=t.getRootNode)||void 0===e?void 0:e.call(t);for(;;){if(!o){if(!(a instanceof ShadowRoot))return!1;if(o=a.host,a=null===(i=null==o?void 0:o.getRootNode)||void 0===i?void 0:i.call(o),!o)return!1}if(v(getComputedStyle(o)))return!0;o=o.parentElement}})(t))return!1;t.setAttribute("popover","manual");try{return t.showPopover(),!0}catch(e){return t.removeAttribute("popover"),!1}},j=t=>{if(t&&t.hasAttribute("popover")){try{t.hidePopover()}catch(t){}t.removeAttribute("popover")}},E=t=>{const e=e=>{"Escape"===e.key&&t(e)};return window.addEventListener("keydown",e,!0),()=>window.removeEventListener("keydown",e,!0)},q=e=>t("svg",{fill:"none","stroke-width":"2",class:e.class,viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"})),X=e=>t("svg",{class:e.class,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round",xmlns:"http://www.w3.org/2000/svg","stroke-linejoin":"round"},t("polyline",{points:"6 9 6 2 18 2 18 9"}),t("path",{d:"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"}),t("rect",{x:"6",y:"14",width:"12",height:"8"})),L=e(class e extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandedImage="",this.uploadMultipleDocuments=!0,this.uploadProgress=0,this.isOpened=!1,this.isLoading=!1,this.compact=!1,this.claimLabelWidth=0,this.claimError="",this.confirmationStates={},this.errors={},this.inputs={documents:[]},this.suppressMeasure=!1,this.observedClaimLabels=[],this.releaseOpenFallbacks=()=>{this.releaseEscapeFallback&&(this.releaseEscapeFallback(),this.releaseEscapeFallback=void 0,document.body.style.overflow="")},this.onDialogCancel=t=>{t.preventDefault(),this.expandedImage||(this.claimError?this.dismissError():this.close())},this.onWindowResize=()=>this.measureCompact(),this.dismissError=()=>{var t;this.claimError="","ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)&&setTimeout((()=>{const t=this.el.shadowRoot.querySelector('input[type="text"]');t&&!t.disabled&&(t.focus(),t.select())}),50)},this.measureClaimLabel=()=>{const t=this.isLoading?this.busyClaimLabelEl:this.idleClaimLabelEl;if(!t)return;const e=Math.ceil(t.getBoundingClientRect().width);e>0&&e!==this.claimLabelWidth&&(this.claimLabelWidth=e)},this.observeClaimLabels=()=>{var t;const e=[this.idleClaimLabelEl,this.busyClaimLabelEl].filter(Boolean);e.length===this.observedClaimLabels.length&&e.every(((t,e)=>t===this.observedClaimLabels[e]))||(null===(t=this.claimLabelResizeObserver)||void 0===t||t.disconnect(),this.observedClaimLabels=e,e.length&&(this.claimLabelResizeObserver||(this.claimLabelResizeObserver=new ResizeObserver((()=>this.measureClaimLabel()))),e.forEach((t=>this.claimLabelResizeObserver.observe(t)))))},this.measureCompact=()=>{var t,i;if(!this.isOpened)return;const o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".claim-scrim"),a=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(".voucher");if(!o||!a)return;this.suppressMeasure=!0,o.classList.remove("compact");const r=a.offsetHeight+e.STAGE_PADDING<=o.clientHeight;o.classList.toggle("compact",!r),this.compact=!r,requestAnimationFrame((()=>this.suppressMeasure=!1))},this.setErrorValue=(t,e)=>{const i=this.errors[t]||{};this.errors=Object.assign(Object.assign({},this.errors),{[t]:Object.assign(Object.assign({},i),e)})},this.setInputValue=(t,e)=>{this.inputs=Object.assign(Object.assign({},this.inputs),{[t]:e})},this.onFileUploaderChange=t=>{var e,i,o,a,r;const n=t.target;if(!n.files)return;const s=parseInt(n.dataset.maxSize||"0",10),d=this.uploadMultipleDocuments?Array.from(n.files):[n.files[0]];n.value="";let c=!1;const p=d.filter((t=>{var e,i;return t.size<=s?!(null===(i=null===(e=this.inputs)||void 0===e?void 0:e.documents)||void 0===i?void 0:i.some((e=>e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified))):(c=!0,!1)}));this.setInputValue("documents",this.uploadMultipleDocuments?[...(null===(e=this.inputs)||void 0===e?void 0:e.documents)||[],...p]:p),c?this.setErrorValue("documents",{show:!0,text:"documentLimitError"}):((null===(i=this.errors)||void 0===i?void 0:i.documents)&&this.setErrorValue("documents",{text:null===(o=this.errors.documents)||void 0===o?void 0:o.text,show:!1}),"ClaimByScanningQRCode"===(null===(a=this.item)||void 0===a?void 0:a.claimingMethodEnum)?(null===(r=this.inputs)||void 0===r?void 0:r.qrCode)&&this.submit():this.focusInputs())},this.onDocumentButtonClicked=()=>{const t=this.el.shadowRoot.querySelector(".document-uploader");t&&t.click()},this.focusInputs=()=>{setTimeout((()=>{const t=this.el.shadowRoot.querySelectorAll('input[type="text"]'),e=Array.from(t).find((t=>!t.disabled&&!t.readOnly));e&&e.focus()}),50)},this.focusEmptyInputs=()=>{var t,e;const i=this.el.shadowRoot.querySelectorAll('input[type="text"]'),o=Array.from(i).find((t=>{var e;return!(null===(e=t.value)||void 0===e?void 0:e.trim())}));o&&o.focus(),(null===(t=this.item)||void 0===t?void 0:t.documentUploaderIsRequired)&&!(null===(e=this.inputs)||void 0===e?void 0:e.documents.length)&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})},this.submit=async()=>{var t,e,i,o,a,r,n,s;if(!this.claimError){if(!this.getIsFormValid())return this.focusEmptyInputs();if(this.getIsFormConfirmed())if((null===(t=this.item)||void 0===t?void 0:t.showDocumentUploader)&&(null===(e=this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!(null===(o=null===(i=this.inputs)||void 0===i?void 0:i.documents)||void 0===o?void 0:o.length))this.setErrorValue("documents",{show:!0,text:"documentRequiredError"});else{this.isLoading=!0;try{this.handleClaiming&&await this.handleClaiming(null===(a=this.inputs)||void 0===a?void 0:a.documents,{qrCode:null===(r=this.inputs)||void 0===r?void 0:r.qrCode,invoice:null===(n=this.inputs)||void 0===n?void 0:n.invoice,jobNumber:null===(s=this.inputs)||void 0===s?void 0:s.jobNumber}),this.close(!0)}catch(t){console.error(t)}finally{this.isLoading=!1}}}},this.onConfirmCheckboxChange=t=>e=>{const i=e.target;this.confirmationStates=Object.assign(Object.assign({},this.confirmationStates),{[t]:i.checked}),this.getIsFormConfirmed&&this.focusInputs()},this.getIsFormConfirmed=()=>{var t,e;if(Array.isArray(null===(t=this.item)||void 0===t?void 0:t.warnings))for(let t=0;t<(null===(e=this.item)||void 0===e?void 0:e.warnings.length);t++){const e=this.item.warnings[t];if((null==e?void 0:e.confirmationText)&&!this.confirmationStates[e.key])return!1}return!0},this.getIsFormValid=()=>{var t,e,i,o,a,r,n,s,d;if("ClaimByScanningQRCode"===(null===(t=this.item)||void 0===t?void 0:t.claimingMethodEnum)){if(!(null===(i=null===(e=this.inputs)||void 0===e?void 0:e.qrCode)||void 0===i?void 0:i.trim().length))return!1}else{if(!(null===(a=null===(o=this.inputs)||void 0===o?void 0:o.invoice)||void 0===a?void 0:a.trim().length))return!1;if(!(null===(n=null===(r=this.inputs)||void 0===r?void 0:r.jobNumber)||void 0===n?void 0:n.trim().length))return!1}return!((null===(s=this.item)||void 0===s?void 0:s.documentUploaderIsRequired)&&!(null===(d=this.inputs)||void 0===d?void 0:d.documents.length))},this.resetState=()=>{this.item=null,this.errors={},this.inputs={documents:[]},this.isLoading=!1,this.compact=!1,this.claimError="",this.confirmationStates={}},this.clearFile=t=>{var e,i,o;if("number"==typeof t){const i=this.inputs.documents.filter(((e,i)=>i!==t));this.setInputValue("documents",i),(null===(e=null==this?void 0:this.item)||void 0===e?void 0:e.documentUploaderIsRequired)&&!i.length&&this.setErrorValue("documents",{show:!0,text:"documentRequiredError"})}else t.stopPropagation(),this.setInputValue("documents",[]),(null===(i=this.errors)||void 0===i?void 0:i.documents)&&this.setErrorValue("documents",{text:null===(o=this.errors.documents)||void 0===o?void 0:o.text,show:!1})},this.onKeyDown=t=>{"Enter"!==t.key||this.claimError||this.submit()},this.openWarningImage=(t,e)=>{const i=t.currentTarget.querySelector(".doc-thumb");i&&n.bind(this)(i,e)}}async open(){this.isOpened=!0,k(this.dialogEl)||(document.body.style.overflow="hidden",this.releaseEscapeFallback=E(this.onDialogCancel)),this.focusInputs(),window.addEventListener("resize",this.onWindowResize),requestAnimationFrame((()=>this.measureCompact())),setTimeout((()=>this.measureCompact()),150)}onIsLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async close(t=!1){this.isLoading&&!t||(this.isOpened=!1,window.removeEventListener("resize",this.onWindowResize),await new Promise((t=>setTimeout(t,500))),this.isOpened||(this.releaseOpenFallbacks(),z(this.dialogEl),this.resetState()))}async setFileUploadProgression(t){this.uploadProgress=t}async showError(t){this.claimError=t||this.locale.sharedLocales.errors.requestFailedPleaseTryAgainLater,setTimeout((()=>{const t=this.el.shadowRoot.querySelector(".btn-err-ok");t&&t.focus()}),50)}componentDidRender(){var t,e;this.observeClaimLabels(),this.measureClaimLabel();const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".voucher");i!==this.observedVoucherEl&&(null===(e=this.voucherResizeObserver)||void 0===e||e.disconnect(),this.observedVoucherEl=i||void 0,i&&(this.voucherResizeObserver||(this.voucherResizeObserver=new ResizeObserver((()=>{this.suppressMeasure||this.measureCompact()}))),this.voucherResizeObserver.observe(i)))}connectedCallback(){this.isOpened&&this.dialogEl&&!this.dialogEl.open&&k(this.dialogEl)}disconnectedCallback(){var t,e;null===(t=this.voucherResizeObserver)||void 0===t||t.disconnect(),null===(e=this.claimLabelResizeObserver)||void 0===e||e.disconnect(),this.observedClaimLabels=[],this.observedVoucherEl=void 0,window.removeEventListener("resize",this.onWindowResize),this.releaseOpenFallbacks()}render(){var e,i,a,n,x,f,u,g,m,v,w,y,k,z,C,j,E,L,Y,I,S,B,M;const R="ClaimByScanningQRCode"===(null===(e=this.item)||void 0===e?void 0:e.claimingMethodEnum),O=!(null===(i=this.item)||void 0===i?void 0:i.showDocumentUploader),T=!this.getIsFormConfirmed()||this.isLoading,_=this.getIsFormValid(),A=!!(null===(n=null===(a=this.inputs)||void 0===a?void 0:a.documents)||void 0===n?void 0:n.length),D=!!(null===(x=this.item)||void 0===x?void 0:x.showDocumentUploader)&&A,N=this.isLoading&&D;return t(o,{key:"94084691d167c3f8fb37328d8313f2329c306319",translate:"no"},t("dialog",{key:"6f81c15a72322e8f6c681260e9efef07a80b179b",ref:t=>this.dialogEl=t,class:"claim-dialog",onCancel:this.onDialogCancel},t(s,{key:"fcb917804cc787c099cf7a7f27f5f7a187f978a4",style:{"z-index":"99999999"},expandedImage:this.expandedImage,imageStyle:{"z-index":"999999999"},closeImageViewer:()=>d.bind(this)()}),t("div",{key:"ed4035743ec055479eeae7a1cd1fda81eb670a67",dir:this.locale.sharedLocales.direction,class:r("claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0",{"opacity-1 scale-100 pointer-events-auto":this.isOpened,compact:this.compact})},t("div",{key:"99eb4a3ea64530692c5e7cf4b6b27cccb43e359a",class:"stage"},t("div",{key:"c4fa742d916c76178827b474878dae34005a61e2",class:r("voucher",{side:!O,bottom:O,qr:R})},t("button",{key:"ac69fefd7fff561b8809904503f38463a05f8102",disabled:this.isLoading,onClick:this.close.bind(this),class:"btn-close","aria-label":"Close"},t(p,{key:"59de7cd33d159d155ff1865293a4a9544c803bee",class:"stroke-[1.5px]"})),t("section",{key:"b79b8c3bea190b838ce46e7167e8f78680b62dfe",class:"v-body"},t("div",{key:"526c18ef9d09de50c34990d96b88c09e08851ffb",class:"item-row"},t("div",{key:"09e6683f10b573b77071946dd12785b4fdd9dbb9"},!!(null===(f=this.item)||void 0===f?void 0:f.type)&&t("span",{key:"c6f8906551a534b7c6b6d47146bed7f94e295aa3",class:"item-type"},this.item.type),t("div",{key:"b95c428d12de49c6552f983e6606b883151cd26b",class:"item-name"},null===(u=this.item)||void 0===u?void 0:u.name)),t("div",{key:"9d7c6352eb9fce99f588f9fce40cbee6e141e618",class:"vin-stamp"},t("div",{key:"f762142b405160cecbe61c68299bd76027d325e3",class:"lab"},this.locale.vin),t("div",{key:"097e866382fc5e06bfe93186f49a330d3182e67a",class:"vin",dir:"ltr"},this.vin),!!(null===(g=this.item)||void 0===g?void 0:g.printUrl)&&t("button",{key:"711dd206a31f749b3c7604f64142481d391e63d2",class:"btn-print",onClick:()=>{var t;return null===(t=window.open(this.item.printUrl,"_blank"))||void 0===t?void 0:t.focus()}},t(X,{key:"25180c9fd60ad2c2b8c00139e23d70c4fe38d691"}),this.locale.print))),t("div",{key:"4dfe9de8c296457d948bbeed182d3ce22a084f53",class:"specs"},t("div",{key:"e9521550e1329c7658d0244c78487fff1e0a9abb",class:"spec"},t("div",{key:"ef51e5f781f5721a9c469281d4ba9281fcbb6fbd",class:"lab"},this.locale.activationDate),t("div",{key:"b14ab60b2455efa25419abc92a1a6e1c45bfdfc0",class:"val",dir:"ltr"},(null===(m=this.item)||void 0===m?void 0:m.activatedAt)||"—")),t("div",{key:"a3fbc2a6217308a1d131fec6991c0961bb714578",class:"spec"},t("div",{key:"7bb61ee41eee0a4c776df2994c83df7e729666ba",class:"lab"},this.locale.expireDate),t("div",{key:"fbea8000fc6dff265226d644c7d84460b15c06c6",class:"val",dir:"ltr"},(null===(v=this.item)||void 0===v?void 0:v.expiresAt)||"—")),t("div",{key:"0fd62c856b76e48c0e1a4c297c0e7593d79142d1",class:"spec pkg"},t("div",{key:"98951618ccbc8a2499c4ea03a1d698497cf81fe7",class:"lab"},this.locale.packageCode),t("div",{key:"fbd518c7ac64eeca80812ea39b41a28dfed7a440",class:"val",dir:"ltr"},(null===(w=this.item)||void 0===w?void 0:w.packageCode)||"—"))),Array.isArray(null===(y=this.item)||void 0===y?void 0:y.warnings)&&!!this.item.warnings.length&&t("div",{key:"1e3bec70fe6eb5ace42e46ab5abcd731323bf400",class:"notices"},this.item.warnings.map((e=>t("div",{key:e.key,class:r("notice",{info:!(null==e?void 0:e.confirmationText)})},t("div",{class:"doc-row"},t("div",{class:"ntc-body",innerHTML:e.bodyContent}),(null==e?void 0:e.imageUrl)&&t("button",{class:"doc-thumb-btn",title:this.locale.expand,onClick:t=>this.openWarningImage(t,null==e?void 0:e.imageUrl)},t("span",{class:"thumb-overlay"},t("img",{src:c}),this.locale.expand),t("img",{class:"doc-thumb",src:null==e?void 0:e.imageUrl}))),(null==e?void 0:e.confirmationText)&&t("div",{class:"confirm"},t("label",{class:r({disabled:this.isLoading})},t("input",{type:"checkbox",class:"sr-only",disabled:this.isLoading,checked:!!this.confirmationStates[e.key],onChange:this.onConfirmCheckboxChange(e.key)}),t("span",{class:"cbx-face"},t(l,null)),null==e?void 0:e.confirmationText))))))),t("aside",{key:"26afb43ef90d32527f8496ec2eccd0b1c9499591",class:"stub"},t("div",{key:"5251ea05447188453f4c03fff77c3b5d61218986",class:"perf"}),R&&t("div",{key:"cf52e28df3506107460afa6fb30f67508a593fd0",class:"field-label"},this.locale.qrCode),t("div",{key:"ef5506f8418739b99b8b45ded0c880fcb61e8329",class:"claim-area"},R?t("div",{class:r("scanzone",{disabled:T})},t("div",{class:"sz-row"},t("span",{class:"qr-ic"},t(h,null)),t("input",{dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:T,onBlur:()=>{this.claimError||this.focusInputs()},onKeyDown:this.onKeyDown,value:null===(k=this.inputs)||void 0===k?void 0:k.qrCode,placeholder:this.locale.scanTheVoucher,onInput:t=>this.setInputValue("qrCode",t.target.value)})),t("div",{class:"scan-hint"},t("span",{class:"dot"}),this.locale.scanHint)):[t("div",{class:"field",key:"invoice"},t("label",null,this.locale.invoice),t("input",{dir:"ltr",autofocus:!0,type:"text",spellcheck:"false",autocomplete:"off",disabled:T,onKeyDown:this.onKeyDown,value:null===(z=this.inputs)||void 0===z?void 0:z.invoice,placeholder:this.locale.invoice,onInput:t=>this.setInputValue("invoice",t.target.value)})),t("div",{class:"field",key:"jobNumber"},t("label",null,this.locale.jobNumber),t("input",{dir:"ltr",type:"text",spellcheck:"false",autocomplete:"off",disabled:T,onKeyDown:this.onKeyDown,value:null===(C=this.inputs)||void 0===C?void 0:C.jobNumber,placeholder:this.locale.jobNumber,onInput:t=>this.setInputValue("jobNumber",t.target.value)}))],(null===(j=this.item)||void 0===j?void 0:j.showDocumentUploader)&&t("div",{key:"c17d0a606493a335241c587cde278f40983bb437",class:"upload-wrap"},t("input",{key:"51b58929d4c5a9dbd91ac970e8d29a0a365509a6",hidden:!0,type:"file",class:"document-uploader",disabled:this.isLoading,accept:"image/*,application/pdf",onChange:this.onFileUploaderChange,multiple:this.uploadMultipleDocuments,"data-max-size":1024*this.maximumDocumentFileSizeInMb*1024}),t("div",{key:"ee24bd21d3b24cfc39c7b37d332e7f537cecf9f5",class:r("upload",{disabled:T}),onClick:this.onDocumentButtonClicked},t("span",{key:"22f465de842b30f5d48132dd98ed4d9c8b2d763b",class:"ic"},t(q,{key:"354891e9053aa4c1078711bfd07a715032aebe82"})),t("span",{key:"fdf65d5b3c1a06339e983e9659a55b36b2e88d4f",class:"upload-text"},t("span",{key:"3a9a4c54e3d94dad01ed135da4841b5816473980",class:"ut",title:this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument},this.uploadMultipleDocuments?this.locale.uploadMultipleDocument:this.locale.uploadSingleDocument,(null===(E=null==this?void 0:this.item)||void 0===E?void 0:E.documentUploaderIsRequired)&&!A&&t("span",{key:"2b00fb8a0e0f5da4c148b8fccbcd09a818fe5c57",class:"req"},"*")),t("span",{key:"44e6008c405e1e8a3b28cc33f785d18fcbddf261",class:"us"},this.locale.uploadHint)),t("button",{key:"5b0ccca828f634c49a60da0bdaed568457868048",class:r("upload-clear",{"is-hidden":!A}),onClick:this.clearFile,disabled:!A,"aria-hidden":A?null:"true","aria-label":"Clear"},t(p,{key:"44ffad1f18f7762bf7f8d1ae9f52f111dd04512b"}))),t("flexible-container",{key:"046c97f3ec9ce4fe7a3e8c7be64bfa27686c5a44",isOpened:!!(null===(Y=null===(L=this.errors)||void 0===L?void 0:L.documents)||void 0===Y?void 0:Y.show)},t("div",{key:"f621a3432102b951a1a78d2e259fa42974455e7a",class:"upload-error"},"documentLimitError"===(null===(S=null===(I=this.errors)||void 0===I?void 0:I.documents)||void 0===S?void 0:S.text)?this.locale.documentLimitError+`${this.maximumDocumentFileSizeInMb}Mb`:this.locale.documentRequiredError||this.locale.sharedLocales.errors.wildCard)),t("flexible-container",{key:"b13d53057a70dd74ad57ba5de197a9871c286cff",isOpened:A,containerClasses:""},t("div",{key:"dd76f1e0c7c1d6ef84bdad388b6870a64ecac31a",class:"chips"},null===(M=null===(B=this.inputs)||void 0===B?void 0:B.documents)||void 0===M?void 0:M.map(((e,i)=>t("div",{class:r("chip",{disabled:T})},t("span",{title:e.name},e.name),t("button",{disabled:T,onClick:()=>this.clearFile(i),"aria-label":"Remove"},t(p,null)))))))),t("div",{key:"6361dee2e2b8d952daf4c6f7799e46403575e532",class:"stub-spacer"}),t("button",{key:"5a5c781a366dfb357ade1a2a9a26e3c18578a677",class:r("btn-claim",{loading:this.isLoading}),onClick:this.submit,disabled:!_||T},this.isLoading&&t("span",{key:"bf196dea43360f08ae62a30d3e115b683c39542f",class:"claim-progress",style:{width:`${N?this.uploadProgress:100}%`}}),t("span",{key:"8ec39b0d7983d9bfea1ee49eab140906d7c00d82",class:"claim-label-stack",style:this.claimLabelWidth>0?{width:`${this.claimLabelWidth}px`}:{}},t("span",{key:"fbe00c77a00cdd2799f09224cbc27f1a2e5e84cf",ref:t=>this.idleClaimLabelEl=t,class:r("claim-label",{active:!this.isLoading}),"aria-hidden":this.isLoading?"true":null},t(l,{key:"32c216c65f55541e6f48d876cefd322c91309966"}),t("span",{key:"2a0424af1f68f6609bbb53ce37e58cb544e2915d"},this.locale.claim)),t("span",{key:"ebde42f157c888e559702516487a7d3dd0584648",ref:t=>this.busyClaimLabelEl=t,class:r("claim-label",{active:this.isLoading}),"aria-hidden":this.isLoading?null:"true"},t("span",{key:"4e0563647f58fecaf8bd92f2b5799424d3fe2eb2"},this.locale.processing),D&&t("span",{key:"dce00e6e924d9db838a8d8da49e255d62d29209b",class:"claim-pct"},t("span",{key:"f86b53c33763b3e091a2a6ca4d29687c01daf8ff",class:"claim-pct-slot"},t("span",{key:"5a074482854db7b529b409619ecdd848d755372f",class:"claim-pct-ghost","aria-hidden":"true"},"100"),t("span",{key:"8da3bd8e97755706b5b119f10b13e6d4899e7654"},this.uploadProgress)),"%")))))))),!!this.claimError&&t("div",{key:"46afb66e819bd6930cf95d813ff888cd2837f0b2",class:"err-scrim",onClick:t=>{t.target===t.currentTarget&&this.dismissError()}},t("div",{key:"b924f85f38f5b01ad2757d5a786a490f4230835b",class:"err-card",role:"alertdialog","aria-modal":"true"},t("button",{key:"687cd9d625ccca76bda703ed52c7612e39726663",class:"btn-close",onClick:this.dismissError,"aria-label":"Close"},t(p,{key:"de74d74a048a33216ac74eb54a37f71c3b275306",class:"stroke-[1.5px]"})),t("div",{key:"ae9087b16b315a22d7228473e1d97602ea008130",class:"err-head"},t("span",{key:"b3e42422515b98cdd8f7de3ea43c87439a43696c",class:"err-ic"},t(b,{key:"3d0ba4d9f2b3a8b2134414afeee12d47419d47e3"})),t("span",{key:"2580c06743ce5aee3c1bc428d5d8dacf6847c378",class:"err-title"},this.locale.claimFailed)),t("div",{key:"961fe0fd2e035bf3c8e36857efa8f06217fc7c7b",class:"err-msg"},this.claimError),t("div",{key:"9e35774083a51f32077809bbe3849eb8becef14e",class:"err-foot"},t("button",{key:"75198b26e1875433489392b4ea8b164fc3b04c6c",class:"btn-err-ok",onClick:this.dismissError},this.locale.ok)))))))}get el(){return this}static get watchers(){return{isLoading:[{onIsLoadingChange:0}]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.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)}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter}.ease-in-out,.transition{transition-timing-function:cubic-bezier(.4,0,.2,1)}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.claim-dialog:not([open]){display:none}.claim-dialog{background:transparent;border:none;height:100%;inset:0;margin:0;max-height:none;max-width:none;overflow:visible;padding:0;pointer-events:none;position:fixed;width:100%}.claim-dialog::backdrop{background:transparent}.claim-scrim{--primary:#3071a9;--primary-dark:#275e8f;--primary-tint:#e8f1f8;--warn:#ff9100;--warn-tint:#fff4e5;--warn-border:#ffd28f;--warn-text:#663c00;--danger:#d92d20;--danger-tint:#fef3f2;--danger-border:#fda29b;--danger-text:#912018;--green:#32b267;--green-dark:#27ae60;--text:#1f2937;--muted:#6b7280;--hair:#ececec;--paper:#fff;--tear:#d9d2c6;background:rgba(31,41,55,.38);color:var(--text);font-size:14px}.claim-scrim,.claim-scrim *{box-sizing:border-box}.stage{display:grid;min-height:100%;padding:18px;place-items:center}.voucher{--punch-r:8px;--punch-edge:transparent calc(var(--punch-r) - 0.5px),#000 calc(var(--punch-r) + 0.5px);background:transparent;border-radius:8px;box-shadow:0 10px 30px rgba(16,24,40,.16);max-width:100%;overflow:hidden;position:relative;width:1040px}.voucher.side{display:grid;grid-template-columns:1fr 372px}.voucher.bottom{width:700px}.btn-close{background:transparent;border:none;border-radius:50%;color:#9aa3ad;cursor:pointer;display:grid;height:28px;inset-inline-end:10px;padding:0;place-items:center;position:absolute;top:10px;transition:background .15s,color .15s,opacity .3s;width:28px;z-index:5}.btn-close:hover{background:#fde8e8;color:#c0392b}.btn-close:disabled{opacity:.4;pointer-events:none}.btn-close svg{height:22px;transform:rotate(45deg);width:22px}.v-body{background:var(--paper);display:flex;flex-direction:column;min-width:0;padding-block:22px 24px;padding-inline:28px 26px;position:relative}.voucher.bottom .v-body{--punch-size:50% 100%;--punch-pos:left top,right top;--punch-a:left bottom;--punch-b:right bottom;padding-block-end:20px}.item-row{align-items:flex-start;border-bottom:1px solid var(--hair);display:grid;gap:12px;grid-template-columns:1fr auto;padding:4px 0 12px}.item-type{background:var(--primary-tint);border:1px solid #cfe0ef;border-radius:4px;color:var(--primary-dark);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;padding:2px 7px;text-transform:uppercase}.item-name{font-size:17px;font-weight:700;letter-spacing:.005em;line-height:1.2;overflow-wrap:anywhere}.vin-stamp{text-align:end}.voucher.bottom .vin-stamp{padding-inline-end:26px}.vin-stamp .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vin-stamp .vin{color:var(--text);font-size:15px;font-weight:600;letter-spacing:.03em}.btn-print{align-items:center;background:var(--warn-tint);border:1px solid var(--warn-border);border-radius:6px;color:var(--warn-text);cursor:pointer;display:inline-flex;font:inherit;font-size:11px;font-weight:600;gap:6px;margin-top:7px;padding:4px 12px;transition:background .15s,border-color .15s}.btn-print:hover{background:#ffe9cc;border-color:var(--warn)}.btn-print svg{height:13px;width:13px}.specs{border-bottom:1.5px dashed var(--tear);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0 12px}.spec{min-width:0;padding-inline-end:14px}.spec+.spec{border-inline-start:1px solid var(--hair);padding-inline-start:14px}.spec .lab{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.spec .val{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:3px;overflow-wrap:anywhere}.spec.pkg .val{color:var(--primary-dark);letter-spacing:.03em}.notices{display:flex;flex-direction:column;gap:10px;margin-top:12px}.notice{background:#fff6f5;border:1px solid var(--hair);border-end-end-radius:5px;border-inline-start:3px solid var(--danger);border-start-end-radius:5px;padding-block:10px;padding-inline:13px 12px;position:relative}.notice.info{background:#fbfcfd;border-inline-start-color:#b9c4d0}.ntc-body{color:#44403c;flex:1;font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.notice.info .ntc-body{color:#475569}.ntc-body strong{color:var(--text);font-weight:700}.notice .ntc-body ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:6px 0 0;padding:0}.notice .ntc-body ul li{align-items:center;background:var(--danger-tint);border:1px dashed var(--danger-border);border-radius:4px;color:var(--danger-text);display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.03em;padding:2px 8px}.notice .ntc-body ul li:before{background:var(--danger);border-radius:50%;content:"";height:5px;width:5px}.notice.info .ntc-body ul{display:block;list-style:disc;margin:4px 0;padding:0;padding-inline-start:24px}.notice.info .ntc-body ul li{background:none;border:none;border-radius:0;color:inherit;display:list-item;font-size:inherit;font-weight:inherit;padding:0}.notice.info .ntc-body ul li:before{content:none}.ntc-body ol{list-style:decimal;margin:4px 0;padding:0;padding-inline-start:24px}.confirm{border-top:1px dashed var(--danger-border);margin-top:8px;padding-top:8px}.confirm label{align-items:center;color:var(--danger-text);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:9px;transition:opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.confirm label.disabled{opacity:.5;pointer-events:none}.cbx-face{background:#fff;border:1.5px solid var(--danger-border);border-radius:4px;color:#fff;display:grid;flex:0 0 auto;height:17px;place-items:center;width:17px}.cbx-face,.cbx-face svg{transition:all .14s ease}.cbx-face svg{height:12px;opacity:0;transform:scale(.6);width:12px}.confirm input:checked~.cbx-face{background:var(--danger);border-color:var(--danger)}.confirm input:checked~.cbx-face svg{opacity:1;transform:scale(1)}.confirm input:focus-visible~.cbx-face{box-shadow:0 0 0 3px rgba(217,45,32,.28)}.doc-row{align-items:flex-start;display:flex;gap:12px}.doc-thumb-btn{align-self:center;background:none;border:none;cursor:zoom-in;flex:0 0 auto;padding:0;position:relative}.doc-thumb{background:#fff;border:1px solid #e2ddd3;border-radius:4px;box-shadow:0 1px 2px rgba(16,24,40,.05);display:block;height:auto;max-height:112px;max-width:170px;padding:3px;transition:box-shadow .15s;width:auto}.doc-thumb-btn:hover .doc-thumb{box-shadow:0 3px 10px rgba(16,24,40,.18)}.thumb-overlay{align-items:center;background:rgba(0,0,0,.4);border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:11px;gap:4px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s}.doc-thumb-btn:hover .thumb-overlay{opacity:1}.thumb-overlay img{width:22px}.stub{background:#f4f4f4;display:flex;flex-direction:column;position:relative}.voucher.side .stub{--punch-size:calc(100% + 2px) 50%;--punch-pos:right top,right bottom;--punch-a:2px top;--punch-b:2px bottom;border-inline-start:1px dashed #cdc6ba;padding:24px 24px 22px}.voucher.bottom .stub{--punch-size:50% calc(100% + 2px);--punch-pos:left bottom,right bottom;--punch-a:left 2px;--punch-b:right 2px;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.perf{background-image:radial-gradient(circle at center,var(--tear) 1.4px,transparent 1.6px);position:absolute}.voucher.side .perf{background-repeat:repeat-y;background-size:2px 11px;bottom:0;inset-inline-start:-1px;top:0;width:2px}.voucher.bottom .perf{background-repeat:repeat-x;background-size:11px 2px;height:2px;inset-inline:0;top:-1px}.stub,.v-body{-webkit-mask-image:radial-gradient(circle var(--punch-r) at var(--punch-a),var(--punch-edge)),radial-gradient(circle var(--punch-r) at var(--punch-b),var(--punch-edge));mask-image:radial-gradient(circle var(--punch-r) at var(--punch-a),var(--punch-edge)),radial-gradient(circle var(--punch-r) at var(--punch-b),var(--punch-edge));-webkit-mask-position:var(--punch-pos);mask-position:var(--punch-pos);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--punch-size);mask-size:var(--punch-size)}.voucher.side .v-body{--punch-size:100% 50%;--punch-pos:left top,left bottom;--punch-a:right top;--punch-b:right bottom}[dir=rtl] .voucher.side .v-body{--punch-a:left top;--punch-b:left bottom}[dir=rtl] .voucher.side .stub{--punch-pos:left top,left bottom;--punch-a:right 2px top 0;--punch-b:right 2px bottom 0}.field{min-width:0}.voucher.side .field{margin-bottom:12px}.voucher.bottom .field{flex:1}.field label,.field-label{color:var(--muted);display:block;font-size:11px;font-weight:500;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.field input{background:#fff;border:1px solid #d6dbe0;border-radius:6px;color:var(--text);font:inherit;font-size:13.5px;height:38px;padding:0 11px;transition:border-color .15s,opacity .3s;width:100%}.field input::-moz-placeholder{color:#aeb4bc}.field input::placeholder{color:#aeb4bc}.field input:focus{border-color:var(--primary);outline:none}.field input:disabled{background:#fafafa;opacity:.55}.claim-area{display:flex;min-width:0}.voucher.side .claim-area{align-items:stretch;flex:1;flex-direction:column}.voucher.bottom .claim-area{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:14px}.scanzone{background:#fff;border:1.5px solid var(--primary);border-radius:8px;padding:14px 14px 12px;transition:opacity .3s}.voucher.side .scanzone{margin-bottom:12px}.voucher.bottom .scanzone{flex:1;min-width:240px}.scanzone.disabled{opacity:.55}.sz-row{align-items:center;display:flex;gap:11px}.qr-ic{background:var(--primary-tint);border-radius:7px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:38px;place-items:center;width:38px}.qr-ic svg{height:22px;width:22px}.scanzone input{background:transparent;border:none;border-bottom:1.5px solid var(--primary);border-radius:0;color:var(--text);flex:1;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:0;padding:7px 2px;width:100%}.scanzone input::-moz-placeholder{color:#aeb4bc}.scanzone input::placeholder{color:#aeb4bc}.scanzone input:focus{outline:none}.scan-hint{align-items:center;color:var(--primary-dark);display:flex;font-size:12px;gap:7px;margin-top:10px}.scan-hint .dot{animation:scan-pulse 1.6s ease-in-out infinite;background:var(--green);border-radius:50%;flex:0 0 auto;height:7px;width:7px}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 2px rgba(50,178,103,.25)}50%{box-shadow:0 0 0 5px rgba(50,178,103,.08)}}.upload-wrap{display:flex;flex-direction:column}.upload{align-items:center;background:#fff;border:1.5px dashed #b9c4d0;border-radius:7px;cursor:pointer;display:flex;gap:10px;padding:11px 12px;transition:border-color .15s,background .15s,opacity .3s}.upload:hover{background:var(--primary-tint);border-color:var(--primary)}.upload.disabled{opacity:.55;pointer-events:none}.upload .ic{background:var(--primary-tint);border-radius:6px;color:var(--primary-dark);display:grid;flex:0 0 auto;height:30px;place-items:center;width:30px}.upload .ic svg{height:16px;width:16px}.upload-text{flex:1;min-width:0}.upload .ut{color:var(--text);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload .ut .req{color:#c0392b;padding-inline-start:4px}.upload .us{color:var(--muted);display:block;font-size:12px;margin-top:1px}.upload-clear{background:transparent;border:none;border-radius:50%;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:26px;overflow:hidden;place-items:center;transition:background .15s,color .15s,width .35s ease,opacity .35s ease,margin-inline-start .35s ease;width:26px}.upload-clear.is-hidden{margin-inline-start:-10px;opacity:0;pointer-events:none;width:0}.upload-clear:hover{background:#fde8e8;color:#c0392b}.upload-clear svg{height:18px;transform:rotate(45deg);width:18px}.upload-error{color:#c0392b;font-size:12.5px;padding-top:6px}.chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.chip{align-items:center;background:#fff;border:1px solid var(--hair);border-radius:4px;color:#475569;display:inline-flex;font-size:12.5px;gap:4px;max-width:100%;overflow:hidden;padding-inline-start:8px;transition:opacity .3s}.chip.disabled{opacity:.55;pointer-events:none}.chip span{overflow:hidden;padding-block:4px;text-overflow:ellipsis;white-space:nowrap}.chip button{background:transparent;border:none;color:var(--muted);cursor:pointer;display:grid;flex:0 0 auto;height:22px;place-items:center;transition:background .15s,color .15s;width:22px}.chip button:hover{background:#fde8e8;color:#c0392b}.chip button svg{height:14px;transform:rotate(45deg);width:14px}.stub-spacer{flex:1;min-height:18px}.voucher.bottom .stub-spacer{display:none}.btn-claim{align-items:center;background:var(--green);border:1px solid var(--green-dark);border-radius:5px;box-shadow:0 1px 2px rgba(16,24,40,.1);color:#fff;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:700;height:38px;justify-content:center;letter-spacing:.04em;overflow:hidden;position:relative;text-transform:uppercase;transition:background .15s,transform .06s,opacity .3s}.voucher.side .btn-claim{padding:0 13px;width:100%}.voucher.bottom .btn-claim{flex:0 0 auto;padding:0 30px}.btn-claim:enabled:hover{background:var(--green-dark)}.btn-claim:enabled:active{transform:translateY(1px)}.btn-claim:disabled{cursor:default;opacity:.5}.btn-claim.loading{background:var(--green-dark);cursor:progress;opacity:1}.btn-claim .claim-label-stack{overflow:hidden;position:relative;transition:width .42s ease;z-index:1}.btn-claim .claim-label,.btn-claim .claim-label-stack{align-items:center;display:flex;justify-content:center}.btn-claim .claim-label{bottom:0;gap:9px;left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%);transition:opacity .28s ease;white-space:nowrap}.btn-claim .claim-label.active{bottom:auto;left:auto;opacity:1;position:relative;top:auto;transform:none}.btn-claim .claim-label svg{height:17px;width:17px}.btn-claim .claim-pct{font-variant-numeric:tabular-nums;padding-inline-start:.4em}.btn-claim .claim-pct-slot{display:inline-grid;justify-items:end}.btn-claim .claim-pct-slot>*{grid-area:1/1}.btn-claim .claim-pct-ghost{visibility:hidden}.claim-progress{background:hsla(0,0%,100%,.28);inset-block:0;inset-inline-start:0;position:absolute;transition:width .5s ease-out}.err-scrim{animation:err-fade .14s ease;background:rgba(31,41,55,.38);display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:20}.err-card{animation:err-pop .18s cubic-bezier(.2,.85,.3,1.18);background:var(--paper);border-end-end-radius:8px;border-inline-start:3px solid #c0392b;border-start-end-radius:8px;box-shadow:0 2px 6px rgba(16,24,40,.14),0 18px 44px rgba(16,24,40,.26);max-width:100%;padding:16px 18px 14px;position:relative;width:432px}@keyframes err-fade{0%{opacity:0}}@keyframes err-pop{0%{opacity:0;transform:translateY(7px) scale(.97)}}.err-head{align-items:center;border-bottom:1px dashed #ecc8c2;display:flex;gap:10px;margin-bottom:11px;padding-bottom:10px;padding-inline-end:26px}.err-ic{background:#fdecea;border-radius:50%;color:#c0392b;display:grid;flex:0 0 auto;height:31px;place-items:center;width:31px}.err-ic svg{height:17px;width:17px}.err-title{font-size:14.5px;font-weight:700;letter-spacing:.01em}.err-msg{color:#44403c;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.err-foot{display:flex;justify-content:flex-end;margin-top:14px}.btn-err-ok{background:#fdecea;border:1px solid #f1b8b0;border-radius:6px;color:#7f1d1d;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:7px 26px;transition:background .15s,border-color .15s}.btn-err-ok:hover{background:#fbdbd7;border-color:#c0392b}.btn-err-ok:focus-visible{box-shadow:0 0 0 3px rgba(192,57,43,.22);outline:none}.compact .stage{padding:10px}.compact .v-body{padding-block:12px 14px;padding-inline:20px 18px}.compact .item-row{gap:10px;padding:2px 0 8px}.compact .item-name{font-size:15.5px}.compact .btn-print{margin-top:5px;padding:3px 10px}.compact .specs{padding:7px 0 8px}.compact .spec .val{font-size:13.5px;margin-top:2px}.compact .notices{gap:7px;margin-top:8px}.compact .notice{padding-block:7px;padding-inline:11px 10px}.compact .ntc-body{font-size:12.5px;line-height:1.45}.compact .ntc-body br+br{display:none}.compact .notice .ntc-body ul{margin-top:4px}.compact .confirm{margin-top:6px;padding-top:6px}.compact .doc-thumb{max-height:68px;max-width:120px}.compact .voucher.side .stub{padding:14px 16px}.compact .voucher.bottom .stub{padding-block:10px 12px;padding-inline:20px 18px}.compact .voucher.side .field{margin-bottom:8px}.compact .field label,.compact .field-label{margin-bottom:3px}.compact .field input{height:34px;padding:0 10px}.compact .scanzone{padding:9px 10px 8px}.compact .voucher.side .scanzone{margin-bottom:10px}.compact .qr-ic{height:30px;width:30px}.compact .qr-ic svg{height:17px;width:17px}.compact .scanzone input{font-size:14.5px;padding:5px 2px}.compact .scan-hint{margin-top:6px}.compact .upload{padding:8px 10px}.compact .stub-spacer{min-height:10px}.compact .btn-claim{font-size:14px;height:34px}.compact .voucher.side .btn-claim{padding:0 10px}.compact .voucher.bottom .btn-claim{padding:0 26px}@media (max-width:900px){.voucher.side{display:block;width:700px}.voucher.side .stub{border-inline-start:none;border-top:1px dashed #cdc6ba;padding-block:16px 18px;padding-inline:28px 26px}.voucher.side .perf{background-repeat:repeat-x;background-size:11px 2px;inset-inline:0;bottom:auto;height:2px;top:-1px;width:auto}.voucher.side .v-body,[dir=rtl] .voucher.side .v-body{--punch-size:50% 100%;--punch-pos:left top,right top;--punch-a:left bottom;--punch-b:right bottom}.voucher.side .stub,[dir=rtl] .voucher.side .stub{--punch-size:50% calc(100% + 2px);--punch-pos:left bottom,right bottom;--punch-a:left 2px;--punch-b:right 2px}}@media (max-width:560px){.doc-row{flex-direction:column}.doc-thumb-btn{align-self:center}.voucher.bottom .btn-claim{flex:1 1 100%}}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.end-0{inset-inline-end:0}.top-full{top:100%}.z-10{z-index:10}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}'}},[1,"vehicle-item-claim-form",{vin:[1],item:[16],maximumDocumentFileSizeInMb:[2,"maximum-document-file-size-in-mb"],uploadMultipleDocuments:[4,"upload-multiple-documents"],loadingStateChange:[16],locale:[16],handleClaiming:[16],expandedImage:[32],uploadProgress:[32],isOpened:[32],isLoading:[32],compact:[32],claimLabelWidth:[32],claimError:[32],confirmationStates:[32],errors:[32],inputs:[32],open:[64],close:[64],setFileUploadProgression:[64],showError:[64]},void 0,{isLoading:[{onIsLoadingChange:0}]}]);function Y(){"undefined"!=typeof customElements&&["vehicle-item-claim-form","flexible-container"].forEach((t=>{switch(t){case"vehicle-item-claim-form":customElements.get(a(t))||customElements.define(a(t),L);break;case"flexible-container":customElements.get(a(t))||x()}}))}L.STAGE_PADDING=36,Y();export{L as V,j as a,E as b,z as c,Y as d,k as o,C as p}