adp-web-components 0.3.21 → 0.4.1

package/dist/components/p-EdmsQERC.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{t,p as a,H as e,h as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{p as i}from"./p-WIpbRULc.js";const n=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.isOpened=!0,this.stopAnimation=!1,this.height="auto",this.onlyForMounting=!1,this.stopWorking=!1,this.childrenAnimatingList=[],this.startTransition=t=>{if(-1!==t){const t=i(this.el,"flexible-container");t.forEach((t=>{t.isOpened&&t.addChildrenAnimation(this)})),clearTimeout(this.animationTimeoutRef),this.animationTimeoutRef=setTimeout((()=>{t.forEach((t=>{t.onAnimationPlayChanges(!1),t.removeChildrenAnimation(this)}))}),510)}return this.isOpened?(this.container.style.opacity="1",t&&-1!==t?this.container.style.height=`${t}px`:void("auto"===this.height&&(this.container.style.height=`${this.content.clientHeight}px`))):(this.container.style.height="0px",void(this.container.style.opacity="0.1"))},this.handleChildUpdates=t=>{clearTimeout(this.ChildUpdatesActionTimeout),this.ChildUpdatesActionTimeout=setTimeout((()=>{this.startTransition(t),setTimeout((()=>{this.isOpened&&this.onlyForMounting&&(this.stopWorking=!0)}),600)}),50)}}async componentDidLoad(){this.container=this.el.querySelector(".flexible-container"),this.content=this.el.querySelector(".flexible-container-content");const t=()=>this.isOpened&&this.handleChildUpdates();this.mutationObserver=new MutationObserver(t),this.mutationObserver.observe(this.content,{subtree:!0,childList:!0,attributes:!0,characterData:!0,attributeOldValue:!0,characterDataOldValue:!0}),this.resizeListener=t,window.addEventListener("resize",this.resizeListener),this.isOpened&&setTimeout((()=>{this.startTransition()}),200)}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeListener&&window.removeEventListener("resize",this.resizeListener)}async handleOpenChanges(){this.handleChildUpdates()}async handleHeightChanges(t){"auto"===t?this.handleChildUpdates():"number"==typeof t&&this.handleChildUpdates(t)}async onAnimationPlayChanges(t){t||(this.container.style.height=`${this.content.clientHeight}px`)}async addChildrenAnimation(t){this.childrenAnimatingList=[...this.childrenAnimatingList,t]}async removeChildrenAnimation(t){this.childrenAnimatingList=this.childrenAnimatingList.filter((a=>a!==t))}render(){return this.initialStyle||(this.initialStyle=this.isOpened?{height:"auto"}:{height:"0px"}),r("div",{key:"695d99a1d68fe20c64fd1856b99378c276fb6d96",style:this.initialStyle,class:o("flexible-container duration-500 w-full min-w-full",{"transition-all overflow-hidden !duration-500":!this.stopWorking,"!h-auto !duration-0 !transition-none":this.stopWorking||this.stopAnimation||!!this.childrenAnimatingList.length},this.containerClasses)},r("div",{key:"5d0011ec34edeb6a2d8ce88dafa5a73687ff4d14",class:o("flexible-container-content",this.classes)},r("slot",{key:"bb872aefc75027138fa766e17100fd874db714b8"})))}get el(){return this}static get watchers(){return{isOpened:[{handleOpenChanges:0}],height:[{handleHeightChanges:0}],stopAnimation:[{onAnimationPlayChanges: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}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.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}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.block{display:block}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.\\!pointer-events-none{pointer-events:none!important}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[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))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.mx-auto{margin-left:auto;margin-right:auto}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.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))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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-\\[200\\%\\]{--tw-translate-y:200%}.mb-\\[6px\\]{margin-bottom:6px}.cursor-default{cursor:default}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.\\!border-b-0{border-bottom-width:0!important}.border-b{border-bottom-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);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))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.w-fit{width:fit-content}.place-items-center{place-items:center}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.me-1{margin-inline-end:.25rem}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.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}.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,.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%}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.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}.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}.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%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.end-0{inset-inline-end:0}.top-full{top:100%}.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}.gap-\\[6px\\]{gap:6px}.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-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.no-underline{text-decoration-line:none}.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)}.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-150{transition-duration:.15s}.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\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.\\!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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}'}},[260,"flexible-container",{classes:[1],containerClasses:[1,"container-classes"],isOpened:[4,"is-opened"],stopAnimation:[4,"stop-animation"],height:[8],onlyForMounting:[4,"only-for-mounting"],stopWorking:[32],childrenAnimatingList:[32],onAnimationPlayChanges:[64],addChildrenAnimation:[64],removeChildrenAnimation:[64]},void 0,{isOpened:[{handleOpenChanges:0}],height:[{handleHeightChanges:0}],stopAnimation:[{onAnimationPlayChanges:0}]}]);function s(){"undefined"!=typeof customElements&&["flexible-container"].forEach((a=>{"flexible-container"===a&&(customElements.get(t(a))||customElements.define(t(a),n))}))}s();export{n as F,s as d}

package/dist/components/{p-3kY-T9ID.js → p-J4ycJc9N.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as e,H as o,h as i,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{M as n,a as s}from"./p-Df4xlD1R.js";import{g as l}from"./p-DFKEx7TJ.js";import{V as d}from"./p-d7wdNFwt.js";import{s as p}from"./p-6IrGK81y.js";import{s as c,a as h}from"./p-DzfwEYqx.js";import{s as f}from"./p-YQJevg3-.js";import{g as b,a as u}from"./p-CC5K40ze.js";import{d as g,a as m}from"./p-UeoCFDF-.js";import{d as w}from"./p-Dts2Iuoc.js";import{d as x}from"./p-BcbFXFPI.js";import{d as v}from"./p-CmIFPUXD.js";import{d as y}from"./p-HpXp7TBt.js";import{d as k}from"./p-BwKzJeLy.js";import{d as z}from"./p-BwcxrN3h.js";import{d as j}from"./p-3450p9UN.js";import{d as L}from"./p-C1I6zBo7.js";import{d as D}from"./p-O0AragmD.js";const E=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:f.getDefault()},m.getDefault()),this.coreOnly=!1,this.mockUrl="",this.isError=!1,this.isLoading=!1,this.hiddenFields="",this.localizationName=""}async componentWillLoad(){await Promise.all([this.changeLanguage(this.language),this.onIsDevChange(this.isDev)])}async changeLanguage(t){const[e,o]=await Promise.all([b(t),u(t,"partLookup.distributor",m)]);this.locale=Object.assign({sharedLocales:e},o)}async setMockData(t){this.mockData=t,p.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await l("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await c(this,t)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){p.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}render(){var t,e,o,l,p,c,h,f,b,u,g,m,w,x,v;const y=this.partLookup&&this.localizationName||"russian",k=(null===(e=null===(t=this.hiddenFields)||void 0===t?void 0:t.split(","))||void 0===e?void 0:e.map((t=>t.trim())))||[],z=[{label:this.locale.description,key:"partDescription",value:null===(o=this.partLookup)||void 0===o?void 0:o.partDescription},{label:this.locale.productGroup,key:"productGroup",value:null===(l=this.partLookup)||void 0===l?void 0:l.productGroup},{key:"localDescription",value:null===(p=this.partLookup)||void 0===p?void 0:p.localDescription,label:this.locale.localDescription.replace("$",y)},{key:"purchasePrice",label:this.locale.dealerPurchasePrice,values:null===(h=null===(c=this.partLookup)||void 0===c?void 0:c.prices)||void 0===h?void 0:h.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.purchasePrice)||void 0===e?void 0:e.formattedValue}}))},{key:"retailPrice",label:this.locale.recommendedRetailPrice,values:null===(b=null===(f=this.partLookup)||void 0===f?void 0:f.prices)||void 0===b?void 0:b.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.retailPrice)||void 0===e?void 0:e.formattedValue}}))},{key:"supersededTo",label:this.locale.supersessions,values:null===(g=null===(u=this.partLookup)||void 0===u?void 0:u.supersededTo)||void 0===g?void 0:g.map((t=>({header:null,body:t})))}],j=z.filter((t=>!k.includes(t.key))),L=[{width:300,key:"locationName",label:this.locale.location},{width:300,key:"quantityLookUpResult",label:this.locale.availability}],D=(null===(m=this.partLookup)||void 0===m?void 0:m.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t)))?[]:null===(w=this.partLookup)||void 0===w?void 0:w.stockParts.map((t=>({locationName:t.locationName,quantityLookUpResult:()=>i("div",{class:r("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},i("strong",null,"Available"===t.quantityLookUpResult?this.locale.available:"PartiallyAvailable"===t.quantityLookUpResult?this.locale.partiallyAvailable:this.locale.notAvailable))})));return i(a,{key:"7cc270584cb4f5601f5aad43bd1040af1472c366",translate:"no"},i(d,{key:"2b9d33afdcc09159f131912860341f2f540de83f",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(x=this.partLookup)||void 0===x?void 0:x.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("div",{key:"37c33552d99142bf9d2d5cdcf4747276fc2450f0",class:"p-[16px]"},i("div",{key:"3138d849164b5f99ee71a887f8992607dec4c3df"},i("flexible-container",{key:"0b06dff45db81c0f21a21121954034de88c54623"},i("div",{key:"7d8603aa25b312a46b6e6a5f238b93484a9091fb",class:"flex [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},j.map((({label:t,value:e,values:o})=>o?i(n,{title:t,minWidth:"250px"},i(s,{class:"flex flex-wrap gap-[8px] p-[2px]"},o.filter((t=>t.body)).map((t=>i("span",{class:"inline-flex items-center bg-red-50 text-red-800 font-medium px-3 text-[16px] py-1 me-2 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body)))))):i(n,{desc:(null==e?void 0:e.toString())||"",title:t,minWidth:"250px"}))))),i("div",{key:"7670f6e627a3b8634438e966b3e0fc4ef2030e77",class:"mt-[32px] mx-auto w-fit max-w-full"},i("div",{key:"f333784216da2f61a4a835b61aa9014680790caa",class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.distributorStock),i("div",{key:"6ad9041871a4c204237c727f610f0c7aa23d5f8a",class:"overflow-x-auto"},i("information-table",{key:"9ff4a639762f57d69513e46e2119e5ba79b1547c",isLoading:this.isLoading,rows:D,headers:L})))),i("manufacturer-part-lookup",{key:"9441e28d44ab356f8adc47f638b049b15dd6a78d",standAlone:!1,isDev:this.isDev,partLookup:this.partLookup,logId:null===(v=this.partLookup)||void 0===v?void 0:v.logId,closeManufacturerPartLookup:this.isLoading,manufacturerPartLookupTitle:this.manufacturerPartLookupTitle,manufacturerPartLookupEndpoint:this.manufacturerPartLookupEndpoint}))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isDev:[{onIsDevChange: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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.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{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.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)}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.table{display:table}.grid{display:grid}.size-\\[20px\\]{height:20px;width:20px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.place-items-center{place-items:center}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/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-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.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-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}.resize{resize:both}.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}}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.\\!duration-500{transition-duration:.5s!important}'}},[1,"distributor-lookup",{language:[1],coreOnly:[4,"core-only"],mockUrl:[1,"mock-url"],isDev:[4,"is-dev"],endpoint:[1],loadedMockDatas:[1025,"loaded-mock-datas"],errorCallback:[1025,"error-callback"],loadingStateChange:[1025,"loading-state-change"],loadedResponse:[1025,"loaded-response"],hiddenFields:[1,"hidden-fields"],localizationName:[1,"localization-name"],manufacturerPartLookupTitle:[1,"manufacturer-part-lookup-title"],manufacturerPartLookupEndpoint:[1,"manufacturer-part-lookup-endpoint"],locale:[32],searchString:[32],isError:[32],errorMessage:[32],partLookup:[32],isLoading:[32],blazorRef:[32],setMockData:[64],getMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64]},void 0,{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],isLoading:[{onLoadingChange:0}]}]);function C(){"undefined"!=typeof customElements&&["distributor-lookup","flexible-container","form-input","form-select","form-shadow-input","form-submit","information-table","manufacturer-part-lookup","shift-portal","shift-select","shift-select-dropdown"].forEach((e=>{switch(e){case"distributor-lookup":customElements.get(t(e))||customElements.define(t(e),E);break;case"flexible-container":customElements.get(t(e))||w();break;case"form-input":customElements.get(t(e))||x();break;case"form-select":customElements.get(t(e))||v();break;case"form-shadow-input":customElements.get(t(e))||y();break;case"form-submit":customElements.get(t(e))||k();break;case"information-table":customElements.get(t(e))||z();break;case"manufacturer-part-lookup":customElements.get(t(e))||g();break;case"shift-portal":customElements.get(t(e))||j();break;case"shift-select":customElements.get(t(e))||L();break;case"shift-select-dropdown":customElements.get(t(e))||D()}}))}C();export{E as D,C as d}
+import{t,p as e,H as i,h as o,a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";import{M as n,a as s}from"./p-Df4xlD1R.js";import{g as l}from"./p-BmqqvfSO.js";import{V as d}from"./p-d7wdNFwt.js";import{s as p}from"./p-6IrGK81y.js";import{s as c,a as h}from"./p-DzfwEYqx.js";import{s as f}from"./p-YQJevg3-.js";import{g as u,a as m}from"./p-M-Eh9oXr.js";import{d as b,a as g}from"./p-CP502WVr.js";import{d as w}from"./p-EdmsQERC.js";import{d as x}from"./p-DUf2UXLh.js";import{d as v}from"./p-BlpEaYNy.js";import{d as y}from"./p-ChBR-zl5.js";import{d as k}from"./p-BYRlvNii.js";import{d as z}from"./p-CGg_zTw_.js";import{d as j}from"./p-C_JD7r43.js";import{d as L}from"./p-C2Rek_O6.js";import{d as E}from"./p-D1uN8yoZ.js";const D=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:f.getDefault()},g.getDefault()),this.coreOnly=!1,this.mockUrl="",this.isError=!1,this.isLoading=!1,this.hiddenFields="",this.localizationName=""}async componentWillLoad(){await Promise.all([this.changeLanguage(this.language),this.onIsDevChange(this.isDev)])}async changeLanguage(t){const[e,i]=await Promise.all([u(t),m(t,"partLookup.distributor",g)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t,p.bind(this)(this.loadedMockDatas,t)}async getMockData(){return this.mockData}async onIsDevChange(t){if(!t)return;const e=await l("part-lookup",this.mockUrl);await this.setMockData(e)}async fetchData(t){await c(this,t)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){p.bind(this)(this.loadingStateChange,t)}async setBlazorRef(t){this.blazorRef=t}render(){var t,e,i,l,p,c,h,f,u,m,b,g,w,x,v;const y=this.partLookup&&this.localizationName||"russian",k=(null===(e=null===(t=this.hiddenFields)||void 0===t?void 0:t.split(","))||void 0===e?void 0:e.map((t=>t.trim())))||[],z=[{label:this.locale.description,key:"partDescription",value:null===(i=this.partLookup)||void 0===i?void 0:i.partDescription},{label:this.locale.productGroup,key:"productGroup",value:null===(l=this.partLookup)||void 0===l?void 0:l.productGroup},{key:"localDescription",value:null===(p=this.partLookup)||void 0===p?void 0:p.localDescription,label:this.locale.localDescription.replace("$",y)},{key:"purchasePrice",label:this.locale.dealerPurchasePrice,values:null===(h=null===(c=this.partLookup)||void 0===c?void 0:c.prices)||void 0===h?void 0:h.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.purchasePrice)||void 0===e?void 0:e.formattedValue}}))},{key:"retailPrice",label:this.locale.recommendedRetailPrice,values:null===(u=null===(f=this.partLookup)||void 0===f?void 0:f.prices)||void 0===u?void 0:u.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.retailPrice)||void 0===e?void 0:e.formattedValue}}))},{key:"supersededTo",label:this.locale.supersessions,values:null===(b=null===(m=this.partLookup)||void 0===m?void 0:m.supersededTo)||void 0===b?void 0:b.map((t=>({header:null,body:t})))}],j=z.filter((t=>!k.includes(t.key))),L=[{width:300,key:"locationName",label:this.locale.location},{width:300,key:"quantityLookUpResult",label:this.locale.availability}],E=(null===(g=this.partLookup)||void 0===g?void 0:g.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t)))?[]:null===(w=this.partLookup)||void 0===w?void 0:w.stockParts.map((t=>({locationName:t.locationName,quantityLookUpResult:()=>o("div",{class:r("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},o("strong",null,"Available"===t.quantityLookUpResult?this.locale.available:"PartiallyAvailable"===t.quantityLookUpResult?this.locale.partiallyAvailable:this.locale.notAvailable))})));return o(a,{key:"29fdd15d3a1e7c6428ba5322abe87b8f26ff7a31",translate:"no"},o(d,{key:"4825ee3bf15682a79e48383b7e52119b8a67d3ac",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(x=this.partLookup)||void 0===x?void 0:x.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{key:"26f4887d12ba8d80f5ef7755b7191cb3b64fac24",class:"p-[16px]"},o("div",{key:"56b84f3369f7c07d4a6dd3f15377711984a576a0"},o("flexible-container",{key:"1424b16a794e3d3b3f35edd1ca8fae1eb3eeca84"},o("div",{key:"44fb41b748cad659a95c400fb3ccdfd127aa1867",class:"flex [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},j.map((({label:t,value:e,values:i})=>i?o(n,{title:t,minWidth:"250px"},o(s,{class:"flex flex-wrap gap-[8px] p-[2px]"},i.filter((t=>t.body)).map((t=>o("span",{class:"inline-flex items-center bg-red-50 text-red-800 font-medium px-3 text-[16px] py-1 me-2 mt-2 rounded-lg border border-red-300"},t.header&&o("span",{class:"font-semibold"},t.header,":"),o("span",{class:"ml-1"},t.body)))))):o(n,{desc:(null==e?void 0:e.toString())||"",title:t,minWidth:"250px"}))))),o("div",{key:"df3a2153db5ea65c6dca4110fcd4910ee34722fd",class:"mt-[32px] mx-auto w-fit max-w-full"},o("div",{key:"264e4a92b82fe09ae60fbbfd79a2b2ed574da2c3",class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.distributorStock),o("div",{key:"8b1bd521d9b68239fb9193966938966d7e62e592",class:"overflow-x-auto"},o("information-table",{key:"c72121176e1c948295753c8b3a4962e42937aaad",isLoading:this.isLoading,rows:E,headers:L})))),o("manufacturer-part-lookup",{key:"b089e67efbde643dee0e698a19e645d9eeb1bc95",standAlone:!1,isDev:this.isDev,partLookup:this.partLookup,logId:null===(v=this.partLookup)||void 0===v?void 0:v.logId,closeManufacturerPartLookup:this.isLoading,manufacturerPartLookupTitle:this.manufacturerPartLookupTitle,manufacturerPartLookupEndpoint:this.manufacturerPartLookupEndpoint}))))}get el(){return this}static get watchers(){return{language:[{changeLanguage:0}],isDev:[{onIsDevChange: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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.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{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.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}}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.p-\\[16px\\]{padding:16px}.pb-\\[16px\\]{padding-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-center{text-align:center}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.me-1{margin-inline-end:.25rem}'}},[1,"distributor-lookup",{language:[1],coreOnly:[4,"core-only"],mockUrl:[1,"mock-url"],isDev:[4,"is-dev"],endpoint:[1],loadedMockDatas:[1025,"loaded-mock-datas"],errorCallback:[1025,"error-callback"],loadingStateChange:[1025,"loading-state-change"],loadedResponse:[1025,"loaded-response"],hiddenFields:[1,"hidden-fields"],localizationName:[1,"localization-name"],manufacturerPartLookupTitle:[1,"manufacturer-part-lookup-title"],manufacturerPartLookupEndpoint:[1,"manufacturer-part-lookup-endpoint"],locale:[32],searchString:[32],isError:[32],errorMessage:[32],partLookup:[32],isLoading:[32],blazorRef:[32],setMockData:[64],getMockData:[64],fetchData:[64],setErrorMessage:[64],setBlazorRef:[64]},void 0,{language:[{changeLanguage:0}],isDev:[{onIsDevChange:0}],isLoading:[{onLoadingChange:0}]}]);function C(){"undefined"!=typeof customElements&&["distributor-lookup","flexible-container","form-input","form-select","form-shadow-input","form-submit","information-table","manufacturer-part-lookup","shift-portal","shift-select","shift-select-dropdown"].forEach((e=>{switch(e){case"distributor-lookup":customElements.get(t(e))||customElements.define(t(e),D);break;case"flexible-container":customElements.get(t(e))||w();break;case"form-input":customElements.get(t(e))||x();break;case"form-select":customElements.get(t(e))||v();break;case"form-shadow-input":customElements.get(t(e))||y();break;case"form-submit":customElements.get(t(e))||k();break;case"information-table":customElements.get(t(e))||z();break;case"manufacturer-part-lookup":customElements.get(t(e))||b();break;case"shift-portal":customElements.get(t(e))||j();break;case"shift-select":customElements.get(t(e))||L();break;case"shift-select-dropdown":customElements.get(t(e))||E()}}))}C();export{D,C as d}

package/dist/components/{p-Dd_3uKgv.js → p-Ju9wl6f3.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-CC5K40ze.js";import{d as t}from"./p-BILW0yP6.js";const l=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 t=await i.json(),l=Object.values(t.files).find((o=>null==o?void 0:o.filename.endsWith(".json")));if(!l)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==l?void 0:l.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=(o,i)=>{var t;return Object.hasOwn(null!==(t=null==o?void 0:o.data)&&void 0!==t?t:{},"isMobileForm")?!!o.data.isMobileForm:i},d=async(o,t)=>{var l,n,e,d,r;const a=await i(t),v=null===(n=null===(l=o.structure)||void 0===l?void 0:l.data)||void 0===n?void 0:n.localization,c="object"==typeof v&&null!==(d=null!==(e=null==v?void 0:v[t])&&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=t,null===(r=o.form)||void 0===r||r.rerender({rerenderAll:!0})},r=async(o,i)=>{var t,l,n,e,d;const r=(null==i?void 0:i.message)||(null===(t=null==i?void 0:i.Message)||void 0===t?void 0:t.Body)||(null===(l=null==i?void 0:i.message)||void 0===l?void 0:l.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)},a=async(o,i)=>{o.isLoading=i,o.loadingChanges&&o.loadingChanges(i)},v=async(o,i)=>{let t=!0;if(o.successCallback&&(t=!!await o.successCallback(i,o.locale["Form submitted successfully."]||"")),t&&o.form.openDialog(),!o.disableScrollToTop){const i=o.el.shadowRoot||o.el,t=i instanceof ShadowRoot?i.firstElementChild:i;if(t){const o=-100,i=t.getBoundingClientRect().top+window.pageYOffset+o;window.scrollTo({top:Math.max(i,0),behavior:"smooth"})}}},c=async(i,t)=>{var d,r;if(!i.structure)if(i.gistId){const[o]=await Promise.all([l(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),!e(i.structure,i.isMobileForm))try{const o=null===(r=null===(d=i.structure)||void 0===d?void 0:d.data)||void 0===r?void 0:r.recaptchaKey;if(o){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${o}&hl=${i.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(o){console.log(o)}i.form=new o(i,t)},u=async o=>{if(o.form)return o.form},s=async o=>{if(o.form)return o.form.submit()},f=async(o,i)=>{var t;i&&(null===(t=o.formReadyCallback)||void 0===t||t.call(o))},m=["utm_source","utm_medium","utm_campaign","utm_term","utm_content","gclid","fbclid"],b=o=>{var i;if(null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.disableUTMLog)return{};const t=new URLSearchParams(window.location.search);if("string"==typeof t.get("disable_utm_log")&&"true"===t.get("disable_utm_log"))return{};const l={};return m.forEach((o=>{t.get(o)&&(l[o]=t.get(o))})),l},w={formLanguageChange:d,formErrorHandler:r,handleFormSubmit:s,formLoadingHandler:a,formSuccessHandler:v,formDidLoadHandler:c,formGetFormHandler:u,onFormSubmit:async({context:o,formValues:i,middleware:l,afterSuccess:n})=>{var d,r,a,v,c,u,s,f,m,w,j,p,O,h,g,y,S,$,_,H,P,F,A,E,L,N,J,T,C,D,R,x,z,B,G,I,M,Q;try{o.setIsLoading(!0),Object.keys(i).forEach((t=>{o[`${t}-format`]&&(i[t]=o[`${t}-format`])}));const q=!!(null===(r=null===(d=o.structure)||void 0===d?void 0:d.data)||void 0===r?void 0:r.truncatedFields)&&!!(null===(c=Object.keys(null===(v=null===(a=o.structure)||void 0===a?void 0:a.data)||void 0===v?void 0:v.truncatedFields))||void 0===c?void 0:c.length),K={},U=b(null==o?void 0:o.structure);let V=Object.assign({},i);(null===(s=null===(u=o.structure)||void 0===u?void 0:u.data)||void 0===s?void 0:s.extraPayload)&&(V=Object.assign(Object.assign({},V),null===(m=null===(f=o.structure)||void 0===f?void 0:f.data)||void 0===m?void 0:m.extraPayload)),(null==o?void 0:o.extraPayload)&&(V=Object.assign(Object.assign({},V),null==o?void 0:o.extraPayload)),q&&(Object.entries(null===(j=null===(w=o.structure)||void 0===w?void 0:w.data)||void 0===j?void 0:j.truncatedFields).forEach((([o,i])=>{if(Array.isArray(i)){let t="";i.forEach((o=>{t+=V[o.toString()]||o.toString()})),V=Object.assign(Object.assign({},V),{[o]:t})}else if("string"==typeof i&&i)if(o.startsWith("parse date: ")){const l=o.replaceAll("parse date: ","");V[l]=t.parse(V[l],i,new Date)}else if(o.startsWith("format date: ")){const i=o.replaceAll("format date: ",""),l=V[i];l instanceof Date&&!Number.isNaN(l.getTime())?V[i]=t.formatISO(l):delete V[i]}else K[i]=V[o],delete V[o]})),V.additionalData=K);let W={"Content-Type":"application/json",Brand:null===(O=null===(p=o.structure)||void 0===p?void 0:p.data)||void 0===O?void 0:O.brandId,"Accept-Language":o.localeLanguage||"en"};(null==o?void 0:o.extraHeader)&&(W=Object.assign(Object.assign({},W),null==o?void 0:o.extraHeader)),(null===(g=null===(h=o.structure)||void 0===h?void 0:h.data)||void 0===g?void 0:g.extraHeader)&&(W=Object.assign(Object.assign({},W),null===(S=null===(y=o.structure)||void 0===y?void 0:y.data)||void 0===S?void 0:S.extraHeader));let Y="";if(e(o.structure,o.isMobileForm)){const i=await o.getMobileToken();i.toLowerCase().startsWith("bearer")?(W.Authorization=i,Y=null===(_=null===($=o.structure)||void 0===$?void 0:$.data)||void 0===_?void 0:_.requestAppUrl):(W["verification-token"]=i,Y=null===(P=null===(H=o.structure)||void 0===H?void 0:H.data)||void 0===P?void 0:P.requestAppCheckUrl)}else if(Y=null===(A=null===(F=o.structure)||void 0===F?void 0:F.data)||void 0===A?void 0:A.requestUrl,null===(L=null===(E=o.structure)||void 0===E?void 0:E.data)||void 0===L?void 0:L.recaptchaKey){const i=await grecaptcha.execute(null===(J=null===(N=o.structure)||void 0===N?void 0:N.data)||void 0===J?void 0:J.recaptchaKey,{action:"submit"});W["Recaptcha-Token"]=i}if(o.isDev&&(Y=Y.replaceAll("production=true","production=false")),!Y)throw new Error("Request endpoint is not configured");const Z=(null===(C=null===(T=o.structure)||void 0===T?void 0:T.data)||void 0===C?void 0:C.requestMethod)||"POST";if(["get","head"].includes(Z.toLowerCase())?W=Object.assign(Object.assign({},W),U):V=Object.assign(Object.assign({},V),U),l){const o=l(V,W,Y);V=Object.assign({},o.payload),W=Object.assign({},o.header),Y=o.url}await Promise.all(Object.values(o.form.pendingRequests).map((o=>o())));const k=await fetch(Y,Object.assign({headers:W,method:(null===(R=null===(D=o.structure)||void 0===D?void 0:D.data)||void 0===R?void 0:R.requestMethod)||"POST"},"get"===(null===(B=null===(z=null===(x=o.structure)||void 0===x?void 0:x.data)||void 0===z?void 0:z.requestMethod)||void 0===B?void 0:B.toLowerCase())?{}:{body:JSON.stringify(V)}));if(!k.ok){let o;if((k.headers.get("content-type")||"").includes("application/json")){const i=await k.json().catch((()=>({})));o=null!==(Q=null!==(I=null===(G=null==i?void 0:i.message)||void 0===G?void 0:G.body)&&void 0!==I?I:null===(M=null==i?void 0:i.Message)||void 0===M?void 0:M.Body)&&void 0!==Q?Q:""}else o=await k.text().catch((()=>""));throw new Error(o)}{const i=await k.json().catch((()=>({})));n&&await n(V,W),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:f};export{d as a,a as b,r as c,v as d,c as e,w as f,b as g,u as h,s as i,f as j,e as r}
+import{F as o}from"./p-DQopO8HS.js";import"./p-YQJevg3-.js";import{b as i}from"./p-M-Eh9oXr.js";import{d as t}from"./p-BILW0yP6.js";const l=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 t=await i.json(),l=Object.values(t.files).find((o=>null==o?void 0:o.filename.endsWith(".json")));if(!l)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==l?void 0:l.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=(o,i)=>{var t;return Object.hasOwn(null!==(t=null==o?void 0:o.data)&&void 0!==t?t:{},"isMobileForm")?!!o.data.isMobileForm:i},d=async(o,t)=>{var l,n,e,d,r;const a=await i(t),v=null===(n=null===(l=o.structure)||void 0===l?void 0:l.data)||void 0===n?void 0:n.localization,c="object"==typeof v&&null!==(d=null!==(e=null==v?void 0:v[t])&&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=t,null===(r=o.form)||void 0===r||r.rerender({rerenderAll:!0})},r=async(o,i)=>{var t,l,n,e,d;const r=(null==i?void 0:i.message)||(null===(t=null==i?void 0:i.Message)||void 0===t?void 0:t.Body)||(null===(l=null==i?void 0:i.message)||void 0===l?void 0:l.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)},a=async(o,i)=>{o.isLoading=i,o.loadingChanges&&o.loadingChanges(i)},v=async(o,i)=>{let t=!0;if(o.successCallback&&(t=!!await o.successCallback(i,o.locale["Form submitted successfully."]||"")),t&&o.form.openDialog(),!o.disableScrollToTop){const i=o.el.shadowRoot||o.el,t=i instanceof ShadowRoot?i.firstElementChild:i;if(t){const o=-100,i=t.getBoundingClientRect().top+window.pageYOffset+o;window.scrollTo({top:Math.max(i,0),behavior:"smooth"})}}},c=async(i,t)=>{var d,r;if(!i.structure)if(i.gistId){const[o]=await Promise.all([l(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),!e(i.structure,i.isMobileForm))try{const o=null===(r=null===(d=i.structure)||void 0===d?void 0:d.data)||void 0===r?void 0:r.recaptchaKey;if(o){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${o}&hl=${i.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(o){console.log(o)}i.form=new o(i,t)},u=async o=>{if(o.form)return o.form},s=async o=>{if(o.form)return o.form.submit()},f=async(o,i)=>{var t;i&&(null===(t=o.formReadyCallback)||void 0===t||t.call(o))},m=["utm_source","utm_medium","utm_campaign","utm_term","utm_content","gclid","fbclid"],b=o=>{var i;if(null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.disableUTMLog)return{};const t=new URLSearchParams(window.location.search);if("string"==typeof t.get("disable_utm_log")&&"true"===t.get("disable_utm_log"))return{};const l={};return m.forEach((o=>{t.get(o)&&(l[o]=t.get(o))})),l},w={formLanguageChange:d,formErrorHandler:r,handleFormSubmit:s,formLoadingHandler:a,formSuccessHandler:v,formDidLoadHandler:c,formGetFormHandler:u,onFormSubmit:async({context:o,formValues:i,middleware:l,afterSuccess:n})=>{var d,r,a,v,c,u,s,f,m,w,j,p,O,h,g,y,S,$,_,H,P,E,F,A,L,N,J,T,D,R,M,x,B,C,G,I,Q,q;try{o.setIsLoading(!0),Object.keys(i).forEach((t=>{o[`${t}-format`]&&(i[t]=o[`${t}-format`])}));const z=!!(null===(r=null===(d=o.structure)||void 0===d?void 0:d.data)||void 0===r?void 0:r.truncatedFields)&&!!(null===(c=Object.keys(null===(v=null===(a=o.structure)||void 0===a?void 0:a.data)||void 0===v?void 0:v.truncatedFields))||void 0===c?void 0:c.length),U={},V=b(null==o?void 0:o.structure);let W=Object.assign({},i);(null===(s=null===(u=o.structure)||void 0===u?void 0:u.data)||void 0===s?void 0:s.extraPayload)&&(W=Object.assign(Object.assign({},W),null===(m=null===(f=o.structure)||void 0===f?void 0:f.data)||void 0===m?void 0:m.extraPayload)),(null==o?void 0:o.extraPayload)&&(W=Object.assign(Object.assign({},W),null==o?void 0:o.extraPayload)),z&&(Object.entries(null===(j=null===(w=o.structure)||void 0===w?void 0:w.data)||void 0===j?void 0:j.truncatedFields).forEach((([o,i])=>{if(Array.isArray(i)){let t="";i.forEach((o=>{t+=W[o.toString()]||o.toString()})),W=Object.assign(Object.assign({},W),{[o]:t})}else if("string"==typeof i&&i)if(o.startsWith("parse date: ")){const l=o.replaceAll("parse date: ","");W[l]=t.parse(W[l],i,new Date)}else if(o.startsWith("format date: ")){const i=o.replaceAll("format date: ",""),l=W[i];l instanceof Date&&!Number.isNaN(l.getTime())?W[i]=t.formatISO(l):delete W[i]}else U[i]=W[o],delete W[o]})),W.additionalData=U);let X={"Content-Type":"application/json",Brand:null===(O=null===(p=o.structure)||void 0===p?void 0:p.data)||void 0===O?void 0:O.brandId,"Accept-Language":o.localeLanguage||"en"};(null==o?void 0:o.extraHeader)&&(X=Object.assign(Object.assign({},X),null==o?void 0:o.extraHeader)),(null===(g=null===(h=o.structure)||void 0===h?void 0:h.data)||void 0===g?void 0:g.extraHeader)&&(X=Object.assign(Object.assign({},X),null===(S=null===(y=o.structure)||void 0===y?void 0:y.data)||void 0===S?void 0:S.extraHeader));let Y="";if(e(o.structure,o.isMobileForm)){const i=await o.getMobileToken();i.toLowerCase().startsWith("bearer")?(X.Authorization=i,Y=null===(_=null===($=o.structure)||void 0===$?void 0:$.data)||void 0===_?void 0:_.requestAppUrl):(X["verification-token"]=i,Y=null===(P=null===(H=o.structure)||void 0===H?void 0:H.data)||void 0===P?void 0:P.requestAppCheckUrl)}else if(Y=null===(F=null===(E=o.structure)||void 0===E?void 0:E.data)||void 0===F?void 0:F.requestUrl,null===(L=null===(A=o.structure)||void 0===A?void 0:A.data)||void 0===L?void 0:L.recaptchaKey){const i=await grecaptcha.execute(null===(J=null===(N=o.structure)||void 0===N?void 0:N.data)||void 0===J?void 0:J.recaptchaKey,{action:"submit"});X["Recaptcha-Token"]=i}if(o.isDev&&(Y=Y.replaceAll("production=true","production=false")),!Y)throw new Error("Request endpoint is not configured");const Z=(null===(D=null===(T=o.structure)||void 0===T?void 0:T.data)||void 0===D?void 0:D.requestMethod)||"POST";if(["get","head"].includes(Z.toLowerCase())?X=Object.assign(Object.assign({},X),V):W=Object.assign(Object.assign({},W),V),l){const o=l(W,X,Y);W=Object.assign({},o.payload),X=Object.assign({},o.header),Y=o.url}await Promise.all(Object.values(o.form.pendingRequests).map((o=>o())));const k=await fetch(Y,Object.assign({headers:X,method:(null===(M=null===(R=o.structure)||void 0===R?void 0:R.data)||void 0===M?void 0:M.requestMethod)||"POST"},"get"===(null===(C=null===(B=null===(x=o.structure)||void 0===x?void 0:x.data)||void 0===B?void 0:B.requestMethod)||void 0===C?void 0:C.toLowerCase())?{}:{body:JSON.stringify(W)}));if(!k.ok){let o;if((k.headers.get("content-type")||"").includes("application/json")){const i=await k.json().catch((()=>({})));o=null!==(q=null!==(I=null===(G=null==i?void 0:i.message)||void 0===G?void 0:G.body)&&void 0!==I?I:null===(Q=null==i?void 0:i.Message)||void 0===Q?void 0:Q.Body)&&void 0!==q?q:""}else o=await k.text().catch((()=>""));throw new Error(o)}{const i=await k.json().catch((()=>({})));n&&await n(W,X),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:f};export{d as a,a as b,r as c,v as d,c as e,w as f,b as g,u as h,s as i,f as j,e as r}

package/dist/components/p-M-Eh9oXr.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import"./index.js";import{f as e,g as o,l as c,h as s}from"./p-YQJevg3-.js";const l="0.4.1",a={"-":["locales/"],errors:["locales/errors/"],forms:["locales/forms/","locales/forms/contactUs/","locales/forms/demo/","locales/forms/testDriveDemo/","locales/forms/vehicleQuotation/"],"forms.contactUs":["locales/forms/contactUs/"],"forms.demo":["locales/forms/demo/"],"forms.testDriveDemo":["locales/forms/testDriveDemo/"],"forms.vehicleQuotation":["locales/forms/vehicleQuotation/"],general:["locales/general/"],generalTicketTypes:["locales/generalTicketTypes/"],"partLookup.deadStock":["locales/partLookup/deadStock/"],partLookup:["locales/partLookup/deadStock/","locales/partLookup/distributor/","locales/partLookup/manufacturer/"],"partLookup.distributor":["locales/partLookup/distributor/"],"partLookup.manufacturer":["locales/partLookup/manufacturer/"],"vehicleLookup.accessories":["locales/vehicleLookup/accessories/"],vehicleLookup:["locales/vehicleLookup/accessories/","locales/vehicleLookup/claimableItems/","locales/vehicleLookup/paintThickness/","locales/vehicleLookup/saleInformation/","locales/vehicleLookup/serviceHistory/","locales/vehicleLookup/specification/","locales/vehicleLookup/ssc/","locales/vehicleLookup/warrantyTimeline/"],"vehicleLookup.claimableItems":["locales/vehicleLookup/claimableItems/"],"vehicleLookup.paintThickness":["locales/vehicleLookup/paintThickness/"],"vehicleLookup.serviceHistory":["locales/vehicleLookup/serviceHistory/"],"vehicleLookup.saleInformation":["locales/vehicleLookup/saleInformation/"],"vehicleLookup.specification":["locales/vehicleLookup/specification/"],"vehicleLookup.ssc":["locales/vehicleLookup/ssc/"],"vehicleLookup.warrantyTimeline":["locales/vehicleLookup/warrantyTimeline/"],"forms*":["locales/forms/"]},t={};async function r(c){const[s,l]=await Promise.all([n(c,"errors",e),n(c,"-",o)]);return Object.assign({errors:s},l)}async function i(c){const[l,a,t]=await Promise.all([n(c,"errors",e),n(c,"-",o),n(c,"forms*",s)]);return Object.assign(Object.assign(Object.assign({},a),t),l)}async function n(e,o,s){const l=c[e]||c.en,t=a[o];if(!t||!t.length)throw new Error(`Locale file not found for component: ${o}`);if(1===t.length){const e=t[0]+l,o=await f(e);try{s.validateSync(o,{strict:!0,abortEarly:!1})}catch(o){console.error(`Failed to parse locale file: ${e}`),console.error(o)}return o}{const e=t.map((e=>f(e+l))),c=await Promise.all(e),a={};u(o,s.getDefault(),a,l);try{s.validateSync(a,{strict:!0,abortEarly:!1})}catch(e){console.error(`Failed to parse locale file component: ${o}`),console.error(e)}return c}}function p(e){return"object"==typeof e&&null!==e&&!Array.isArray(e)}function u(e,o,c,s){let l=!1;Object.entries(o).forEach((([o,r])=>{if("string"!=typeof r||l){if(p(r)){const l=e+"."+o;if(Object.entries(r).some((([e,o])=>p(o))))c[o]={},u(l,r,c[o],s);else if(a[l]&&a[l].length){const e=a[l][0]+s;t[e]&&(c[o]=t[e])}}}else{if(a[e]){const o=a[e][0]+s;t[o]&&Object.assign(c,t[o])}l=!0}}))}async function f(e){if(t[e])return await t[e];try{const o=fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@${l}/dist/${e}`).then((o=>(o.ok||delete t[e],o.json())));t[e]=o;const c=await o;return t[e]=c,c}catch(o){return delete t[e],{}}}export{n as a,i as b,r as g,l as v}

package/dist/components/p-M8EGY8dT.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as e,t,p as i,H as a,a as o}from"./index.js";import{y as r,s as n}from"./p-YQJevg3-.js";import{M as s}from"./p-Df4xlD1R.js";import{V as l}from"./p-d7wdNFwt.js";import{s as d}from"./p-6IrGK81y.js";import{s as c,a as p}from"./p-C9uBduBY.js";import{g as f,a as h}from"./p-M-Eh9oXr.js";import{c as u}from"./p-BK16Cn81.js";import{T as b}from"./p-CILGkcfa.js";import{d as w}from"./p-EdmsQERC.js";const x=r(["vehicleSaleInformation","noData","countryName","companyName","branchName","customerAccountNumber","invoiceNumber","invoiceDate","warrantyActivationDate","brokerName","brokerInvoiceNumber","brokerInvoiceDate","distributorName","distributorInvoiceNumber","distributorInvoiceDate","intermediaryName","intermediaryInvoiceNumber","intermediaryInvoiceDate","customerInformation","endCustomerName","endCustomerPhone","endCustomerIdNumber","customerID","Vehicle has no end customer."]),g=t=>e("svg",Object.assign({fill:"none"},t,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),e("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),e("circle",{cx:"12",cy:"7",r:"4"})),m=t=>e("svg",Object.assign({fill:"none"},t,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),e("path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"})),v=t=>e("svg",Object.assign({fill:"none"},t,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),e("path",{d:"M16 10h2"}),e("path",{d:"M16 14h2"}),e("path",{d:"M6.17 15a3 3 0 0 1 5.66 0"}),e("circle",{cx:"9",cy:"11",r:"2"}),e("rect",{x:"2",y:"5",width:"20",height:"14",rx:"2"})),y=i(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},x.getDefault()),this.coreOnly=!1,this.disableVinValidation=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.hiddenFields="customerAccountNumber,customerID,brokerInvoiceNumber,brokerInvoiceDate,distributorInvoiceNumber,distributorInvoiceDate,warrantyActivationDate,invoiceDate,invoiceNumber"}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(e){const[t,i]=await Promise.all([f(e),h(e,"vehicleLookup.saleInformation",x)]);this.locale=Object.assign({sharedLocales:t},i)}async setBlazorRef(e){this.blazorRef=e}async setMockData(e){this.mockData=e}async fetchVin(e,t={}){await c(this,e,t)}async setErrorMessage(e){p(this,e)}onLoadingChange(e){d.bind(this)(this.loadingStateChange,e)}formatDate(e){if(!e)return"";try{const t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long",day:"2-digit"})}catch(e){return""}}render(){var t,i,a,r,n,d,c,p,f,h,w,x,y,k,N;const z=(null===(i=null===(t=this.hiddenFields)||void 0===t?void 0:t.split(","))||void 0===i?void 0:i.map((e=>e.trim())))||[],j=this.locale,I=(null===(a=this.vehicleLookup)||void 0===a?void 0:a.saleInformation)||{},D=e=>(null!=e?e:"").toString().trim(),C=!!this.vehicleLookup&&!!(null===(n=null===(r=this.vehicleLookup)||void 0===r?void 0:r.saleInformation)||void 0===n?void 0:n.endCustomer),L=[{fieldName:"endCustomerName",title:j.endCustomerName,value:D(null===(d=null==I?void 0:I.endCustomer)||void 0===d?void 0:d.name),Icon:g},{fieldName:"endCustomerPhone",title:j.endCustomerPhone,value:D(null===(c=null==I?void 0:I.endCustomer)||void 0===c?void 0:c.phone),Icon:m},{fieldName:"endCustomerIdNumber",title:j.endCustomerIdNumber,value:D(null===(p=null==I?void 0:I.endCustomer)||void 0===p?void 0:p.idNumber),Icon:v}],M=[{fieldName:"companyName",title:j.companyName,value:D(null==I?void 0:I.companyName)},{fieldName:"branchName",title:j.branchName,value:D(null==I?void 0:I.branchName)},{fieldName:"customerAccountNumber",title:j.customerAccountNumber,value:D(null==I?void 0:I.customerAccountNumber)},{fieldName:"customerID",title:j.customerID,value:D(null==I?void 0:I.customerID)},{fieldName:"brokerName",title:j.brokerName,value:D(null===(f=null==I?void 0:I.broker)||void 0===f?void 0:f.brokerName)},{fieldName:"brokerInvoiceNumber",title:j.brokerInvoiceNumber,value:D(null===(h=null==I?void 0:I.broker)||void 0===h?void 0:h.invoiceNumber)},{fieldName:"brokerInvoiceDate",title:j.brokerInvoiceDate,value:this.formatDate(null===(w=null==I?void 0:I.broker)||void 0===w?void 0:w.invoiceDate)},{fieldName:"distributorName",title:j.distributorName,value:D(null===(x=null==I?void 0:I.distributor)||void 0===x?void 0:x.companyName)},{fieldName:"distributorInvoiceNumber",title:j.distributorInvoiceNumber,value:D(null===(y=null==I?void 0:I.distributor)||void 0===y?void 0:y.invoiceNumber)},{fieldName:"distributorInvoiceDate",title:j.distributorInvoiceDate,value:this.formatDate(null===(k=null==I?void 0:I.distributor)||void 0===k?void 0:k.invoiceDate)},{fieldName:"warrantyActivationDate",title:j.warrantyActivationDate,value:D(null==I?void 0:I.warrantyActivationDate)},{fieldName:"invoiceDate",title:j.invoiceDate,value:this.formatDate(null==I?void 0:I.invoiceDate)},{fieldName:"invoiceNumber",title:j.invoiceNumber,value:this.formatDate(null==I?void 0:I.invoiceNumber)}].filter((e=>!z.includes(e.fieldName))),E=L.filter((e=>!z.includes(e.fieldName)));return e(o,{key:"44043778a40ffd333c5bd952d5f9b9c6122c9799",translate:"no"},e(l,{key:"f3d04fa7f08ea6b75e75273207d283aa8f79c73f",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(N=this.vehicleLookup)||void 0===N?void 0:N.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},e("flexible-container",{key:"b8047c58e93f8267301269dca331e8cd3480a655"},e("flexible-container",{key:"a34e887dcec48ebacda0343be852a533530234d2",classes:u({loading:this.isLoading||this.isError||!this.vehicleLookup}),isOpened:!!this.vehicleLookup&&!this.isError},e("div",{key:"3ea1961452e99f4861849f5e97e8e010d5eb84a1",class:"p-[16px] mx-auto !pb-0 max-w-[520px]"},e("div",{key:"66e2085f54bcd6f1f0e7ffb8f5a89cdfdf138a9a",class:u("relative shift-skeleton !rounded-[12px] shift-card",{"shift-card-warning":!C})},e("div",{key:"a3b807aa9448eb9c247edb4f555055ab4c1d0127",class:u("absolute flex size-full left-0 top-0 px-[12px] items-center justify-center p-[12px] transition-opacity",C?"opacity-0 pointer-events-none select-none":"opacity-100")},e("div",{key:"bd665b167fd3a0c857f4400b44961e1106c781da",class:"w-full max-w-[460px] rounded-[14px] px-[14px] py-[12px]"},e("div",{key:"e7031b91f7efb2268bbf658c3e02bb3d5c8a58a1",class:"size-full flex flex-col justify-start gap-[12px] items-center"},e("span",{key:"77db785e40e24b8d101afce0c2b59b32d9a0fd03",class:"shift-card-icon","aria-hidden":"true"},e(b,{key:"ec214e9bcc2398b9d20a0ab312ea2556ffc943ce"})),e("p",{key:"f5367efa013a85c53197cc8461b531ce8c556fd6",class:"mt-[4px] text-[13.5px] text-center text-amber-900/90 leading-[1.35]"},j["Vehicle has no end customer."]||"")))),e("div",{key:"2efc733a03d878740b9ea610af6c30e89791034f",class:u("transition-opacity",C?"opacity-100":"opacity-0 pointer-events-none select-none")},e("h2",{key:"e02484368ffb280a376b3440df37eb91af8c86a9",class:"shift-card-header"},j.customerInformation),e("div",{key:"aaed06d2bc09c6d4d6940c3f2eaa0090a3d0d56b",class:"flex flex-col gap-[2px]"},E.map((t=>{const i=t.value||"";return e("div",{class:"flex gap-[12px] items-start"},e("span",{class:"shift-card-icon","aria-hidden":"true"},e(t.Icon,null)),e("div",{class:"flex flex-col translate-y-[-4px]"},e("div",{class:"shift-card-seconary-text"},t.title,":"),e("div",{class:u("shift-card-primary-text translate-y-[-4px]",{"shift-card-empty-text":!i})},i||"—")))}))))))),e("div",{key:"89354ef19f6d557931f80b0b07a21f7e19680e45",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},M.map((t=>e(s,{title:t.title,desc:t.value,minWidth:"250px"}))),!z.includes("intermediaries")&&((null==I?void 0:I.intermediaries)||[]).map((t=>e(s,{title:j.intermediaryName,desc:D(null==t?void 0:t.companyName),minWidth:"250px"})))))))}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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e3e8ef;border-radius:12px;gap:12px;padding:12px}.shift-card-header{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:8px}.shift-card-icon{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.18));border:1px solid rgba(15,23,42,.12);border-radius:10px;color:#0f172a;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.shift-card-icon svg{height:20px;width:20px}.shift-card-seconary-text{color:#475569;font-size:13.5px}.shift-card-primary-text{color:#0f172a;font-size:15px;font-weight:700;overflow-wrap:anywhere}.shift-card-empty-text{color:#94a3b8;font-weight:600}.shift-card-warning{background:linear-gradient(180deg,#fff7ed,#fffbeb);border-color:rgba(245,158,11,.55)}.shift-card-warning .shift-card-icon{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(239,68,68,.16));border-color:rgba(245,158,11,.35);color:#7c2d12}.shift-card-warning .shift-card-header{color:#7c2d12}.shift-card-warning .shift-card-seconary-text{color:rgba(124,45,18,.72)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.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{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}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:12px;color:rgb(15 23 42/var(--tw-text-opacity,1));flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-inline-start:8px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.pointer-events-none{pointer-events:none}.static{position:static}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[4px\\]{margin-top:4px}.size-full{height:100%;width:100%}.w-full{width:100%}.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}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.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)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-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}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.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}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.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%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.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)}.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-sale-information",{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"],hiddenFields:[1,"hidden-fields"],locale:[32],blazorRef:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setBlazorRef:[64],setMockData:[64],fetchVin:[64],setErrorMessage:[64]},void 0,{language:[{changeLanguage:0}],isLoading:[{onLoadingChange:0}]}]);function k(){"undefined"!=typeof customElements&&["vehicle-sale-information","flexible-container"].forEach((e=>{switch(e){case"vehicle-sale-information":customElements.get(t(e))||customElements.define(t(e),y);break;case"flexible-container":customElements.get(t(e))||w()}}))}k();export{y as V,k as d}

package/dist/components/p-SFsQZegW.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import{h as t,t as e,p as a,H as r,a as i}from"./index.js";import{y as o,s as n}from"./p-YQJevg3-.js";import{B as s}from"./p-B_1NtFJh.js";import{V as l}from"./p-d7wdNFwt.js";import{s as d}from"./p-6IrGK81y.js";import{s as c,a as p}from"./p-C9uBduBY.js";import{g,a as h}from"./p-M-Eh9oXr.js";const b=o(["dealer","activatedBy","broker","authorized","unauthorized","activeWarranty","notActiveWarranty","warrantyCoverage","totalWarranty","standardWarranty","standardWarrantyMark","extendedWarranty","standard","extended","today","year","years","month","months","warrantyNotStarted","awaitingBrokerInvoice","awaitingEndCustomerSale","awaitingActivation"]),v={base:"var(--green)",dark:"var(--green-dark)",tint:"rgba(232, 244, 237, 0.9)",border:"rgba(44, 138, 88, 0.55)"},u=[{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)"}],f=t=>Date.parse(`${t}T00:00:00Z`),w=t=>(t||"").slice(0,10),x=t=>Math.min(100,Math.max(0,t)),m=t=>`${t.toFixed(6)}%`,y=(t,e)=>{const a=Math.floor(t/12),r=t%12,i=[];return a&&i.push(`${a} ${1===a?e.year:e.years}`),!r&&a||i.push(`${r} ${1===r?e.month:e.months}`),i.join(" ")},k=t=>t.providerName?`${t.label} · ${t.providerName}`:t.label,z=(t,e)=>{const a=f(e);return a<f(t.start)?"upcoming":a>=f(t.end)?"expired":"active"},j=t=>({"--tone":t.base,"--tone-dark":t.dark,"--tone-tint":t.tint,"--tone-border":t.border}),$=t=>{if(!t)return;const e=()=>{const e=Array.from(t.children),a=t.clientWidth;if(e.length<2||!a)return;e.forEach((t=>t.classList.remove("is-crowded")));const r=e.length-1,i=e.map((t=>{const e=parseFloat(t.style.getPropertyValue("--at"))/100*a,r=t.offsetWidth;return"start"===t.dataset.align?[e,e+r]:"end"===t.dataset.align?[e-r,e]:[e-r/2,e+r/2]})),o=new Set([0,r]);let n=i[0][1];for(let t=1;t<r;t++){const[e,a]=i[t];e<n+10||a+10>i[r][0]||(o.add(t),n=a)}i[0][1]+10>i[r][0]&&o.delete(0),e.forEach(((t,e)=>t.classList.toggle("is-crowded",!o.has(e))))},a=()=>"function"==typeof requestAnimationFrame?requestAnimationFrame(e):e();a(),t.__axisWatched||(t.__axisWatched=!0,"undefined"!=typeof ResizeObserver&&new ResizeObserver(a).observe(t),"undefined"!=typeof MutationObserver&&new MutationObserver(a).observe(t,{childList:!0}))},M=({open:e},a)=>t("div",{class:"collapsible","data-open":e?"true":"false","aria-hidden":e?null:"true"},t("div",{class:"collapsible-body"},a)),L=({text:e})=>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:s.negative})),t("span",null,e)),C=({state:e,text:a})=>{const r="idle"===e;return t("span",{class:`status-badge is-${e}`,"aria-label":r?null:a,"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"===e?s.positive:s.negative})),t("span",null,r?"":a))};function A({vehicleInformation:e,locale:a,isAuthorized:r,today:i}){var o,n;const s=i||(new Date).toISOString().slice(0,10),l=((t,e)=>{const a=null==t?void 0:t.warranty,r=[],i=w(null==a?void 0:a.warrantyStartDate),o=w(null==a?void 0:a.warrantyEndDate);return i&&o&&f(o)>f(i)&&r.push({id:"standard",kind:"standard",label:e.standardWarranty,start:i,end:o,tone:v,alt:!1}),((null==a?void 0:a.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:w(null==t?void 0:t.startDate),end:w(null==t?void 0:t.endDate)}))).filter((t=>t.start&&t.end&&f(t.end)>f(t.start))).sort(((t,e)=>f(t.start)-f(e.start))).forEach(((t,a)=>{r.push({id:t.id||`extended-${a}`,kind:"extended",label:t.name||e.extendedWarranty,start:t.start,end:t.end,tone:u[a%u.length],alt:a%2==1,logo:t.logo||void 0,providerName:t.providerName||void 0})})),r})(e,a),d=l.length>0,c=(null===(o=null==e?void 0:e.saleInformation)||void 0===o?void 0:o.companyName)||"",p=((t,e,a)=>{var r,i,o;const n=null===(r=null==t?void 0:t.warranty)||void 0===r?void 0:r.startState;return t&&n&&"Started"!==n?"AwaitingBrokerInvoice"===n?e.awaitingBrokerInvoice+((null===(o=null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)||void 0===o?void 0:o.brokerName)||""):"AwaitingEndCustomerSale"===n?e.awaitingEndCustomerSale:!1===a?"":e.awaitingActivation:""})(e,a,r),g=(null===(n=null==e?void 0:e.warranty)||void 0===n?void 0:n.activatedByBrokerName)||"",h=g||p||!d?a.dealer:a.activatedBy,b=l.some((t=>"active"===z(t,s))),y=t=>e?t?"positive":"negative":"idle",A=d?((t,e)=>{const a=f(t[0].start),r=t.reduce(((t,e)=>Math.max(t,f(e.end))),f(t[0].end)),i=f(e),o=Math.round(.04*(Math.max(r,i)-Math.min(a,i)));return{from:a<=i?a:i-o,to:r>=i?r:i+o}})(l,s):{from:0,to:1},E=t=>(f(t)-A.from)/(A.to-A.from)*100,S=d?f(l[0].start):0,B=d?l.reduce(((t,e)=>Math.max(t,f(e.end))),S+1):1,O=t=>(f(t)-S)/(B-S)*100,q=d?Array.from(new Set(l.flatMap((t=>[t.start,t.end])))).sort(((t,e)=>f(t)-f(e))):[],N=d?x(E(s)):0,Y=d?1===l.length?v.base:`linear-gradient(90deg, ${l.map((t=>`${t.tone.base} ${m(O(t.start))} ${m(O(t.end))}`)).join(", ")})`:p?"var(--red)":"var(--line)",F=l.map((t=>`${k(t)}: ${t.start} — ${t.end} (${z(t,s)})`)).join(". ");return t("article",{class:"coverage-timeline warranty-card","data-empty":d?"false":"true",style:{"--card-accent":Y}},t("header",{class:"activation-header"},t("div",{class:"activation-main"},t("p",{class:"activation-title"},t("span",null,h,":")," ",t("strong",null,c||"—")),t("div",{class:"broker-slot","data-empty":g?"false":"true","aria-hidden":g?null:"true"},t("p",{class:"activation-broker"},t("span",null,a.broker,":")," ",t("strong",null,g)))),t("div",{class:"total-slot","data-empty":d?"false":"true","aria-hidden":d?null:"true"},t(X,{coverages:l,locale:a}))),t(M,{open:!!p},t(L,{text:p})),t("section",{class:"journey","aria-label":a.warrantyCoverage},t("div",{class:"journey-head"},t(C,{state:y(r),text:r?a.authorized:a.unauthorized}),t(C,{state:y(b),text:b?a.activeWarranty:a.notActiveWarranty})),t("div",{class:"timeline-shell","data-empty":d?"false":"true","aria-hidden":d?null:"true"},t("div",{class:"timeline shift-skeleton",role:"group","aria-label":a.warrantyCoverage},t("div",{class:"today-head","aria-hidden":"true",style:{"--at":m(N)},ref:t=>((t,e)=>{if(!t)return;const a=()=>{const a=t.firstElementChild;if(!a||!t.clientWidth)return;const r=t.clientWidth*x(e)/100;t.classList.toggle("is-near-end",r+a.offsetWidth/2>t.clientWidth),t.classList.toggle("is-near-start",r-a.offsetWidth/2<0)};"function"==typeof requestAnimationFrame?requestAnimationFrame(a):a()})(t,N)},d&&t("span",{class:"today-pill"},`${a.today} · ${s}`)),t("div",{class:"axis","aria-hidden":"true",ref:$},q.map((e=>{const a=E(e);return t("span",{class:"axis-date",key:e,"data-align":a<=.5?"start":a>=99.5?"end":"mid",style:{"--at":m(a)}},e)}))),t("div",{class:"lane"},d&&t("span",{class:"today-tail","aria-hidden":"true",style:{"--at":m(N)}}),t("div",{class:"coverage-list",role:"list"},l.map((e=>{const r=z(e,s),i=E(e.start),o=E(e.end)-i;return t("div",{key:e.id,role:"listitem",class:"coverage-entry","data-kind":e.kind,"data-status":r,"aria-label":`${k(e)}, ${e.start} — ${e.end}`,style:Object.assign({"--start":m(i),"--span":m(o)},j(e.tone))},t("div",{class:`segment ${"standard"===e.kind?"is-standard":"is-extended"}${e.alt?" tone-alt":""}`},"standard"===e.kind?t("strong",null,a.standardWarrantyMark):e.logo?t("img",{class:"provider-logo",src:e.logo,alt:"",loading:"lazy"}):null),t("span",{class:"coverage-label"},e.label))}))),d&&t("span",{class:"past-wash","aria-hidden":"true",style:{"--to":m(N)}}),t("div",{class:"boundary-layer","aria-hidden":"true"},l.slice(1).map((e=>t("span",{key:e.id,class:"boundary",style:Object.assign({"--at":m(E(e.start))},j(e.tone))})))),d&&t("span",{class:"today-marker","aria-hidden":"true",style:{"--at":m(N)}})),d&&t("p",{class:"sr-only"},F)))))}function X({coverages:e,locale:a}){const r=t=>e.filter((e=>e.kind===t)).reduce(((t,e)=>t+((t,e)=>{const[a,r,i]=t.split("-").map(Number),[o,n,s]=e.split("-").map(Number);return Math.max(0,12*(o-a)+(n-r)-(s<i?1:0))})(e.start,e.end)),0),i=r("standard"),o=r("extended"),n=[i?`${y(i,a)} ${a.standard}`:"",o?`${y(o,a)} ${a.extended}`:""].filter(Boolean).join(" + "),s=n?y(i+o,a):"—";return t("aside",{class:"total-coverage","aria-label":`${a.totalWarranty}: ${n||s}`},t("span",null,a.totalWarranty),t("strong",null,s),t("span",{class:"coverage-mix"},n))}const E=a(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[e,a]=await Promise.all([g(t),h(t,"vehicleLookup.warrantyTimeline",b)]);this.locale=Object.assign({sharedLocales:e},a)}async setBlazorRef(t){this.blazorRef=t}async setMockData(t){this.mockData=t}async fetchVin(t,e={}){await c(this,t,e)}async setErrorMessage(t){p(this,t)}async clearData(){this.vehicleLookup=void 0}onLoadingChange(t){d.bind(this)(this.loadingStateChange,t)}render(){var e,a;return t(i,{key:"4998b57393261ab864334a5a726de9bf36029c1e",translate:"no"},t(l,{key:"f1906f66299eee7e407a8015800335dc012787ff",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(e=this.vehicleLookup)||void 0===e?void 0:e.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"2bad1637e1c539e7e1f733406c298abc5e963a68",class:"p-[16px]"},t(A,{key:"99d8041d9d44ba9dca92ce506680408b61358a6b",vehicleInformation:this.vehicleLookup,locale:this.locale,isAuthorized:null===(a=this.vehicleLookup)||void 0===a?void 0:a.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}.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}.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}}:host{--paper:#fff;--paper-soft:#f7f9fa;--ink:#1a2530;--muted:#5f6c78;--date-ink:#46535e;--line:#d5dce2;--line-soft:#e8ecef;--blue:#3071a9;--blue-dark:#275e8f;--blue-tint:#e8f1f8;--green:#2c8a58;--green-dark:#216b44;--green-tint:#e8f4ed;--red:#b42318;--red-dark:#9b2c2c;--red-tint:#fff1f0;--amber:#b7791f;--amber-dark:#8a5a12;--amber-tint:#fff7e6;--violet:#755aa5;--violet-dark:#5f4887;--violet-tint:#f1ecf8;--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}.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}.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}}.p-\\[16px\\]{padding:16px}.resize{resize:both}.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)}.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))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.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 S(){"undefined"!=typeof customElements&&["vehicle-warranty-timeline"].forEach((t=>{"vehicle-warranty-timeline"===t&&(customElements.get(e(t))||customElements.define(e(t),E))}))}S();export{E as V,S as d}

package/dist/components/{p-zeGxLJvE.js → p-Ub4_exfj.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{t,p as i,H as e,c as o,h as a,a as r}from"./index.js";import{c as s}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{g as h}from"./p-BacLEn39.js";import{p as d,a as l,i as c}from"./p--lk4OUJg.js";import"./p-YQJevg3-.js";import{g as p}from"./p-Dal_X4-W.js";import{F as w}from"./p-D9mmIizU.js";import{F as b}from"./p-ByRA9Jio.js";import{d as u}from"./p-BpHkd1L9.js";import{d as m}from"./p-3450p9UN.js";const g={en:{date:"Pick a date",time:"Pick a time",slots:"slots",back:"Change date",noTimes:"Nothing left on this day",closed:"Closed on this day",idle:"Choose a branch first",empty:"No times available at this branch",error:"Couldn't load available times",retry:"Try again",choose:"Choose date & time",loading:"Loading times…"},ar:{date:"اختر التاريخ",time:"اختر الوقت",slots:"موعداً",back:"تغيير التاريخ",noTimes:"لا توجد مواعيد في هذا اليوم",closed:"مغلق في هذا اليوم",idle:"اختر الفرع أولاً",empty:"لا توجد أوقات متاحة في هذا الفرع",error:"تعذّر تحميل الأوقات المتاحة",retry:"أعد المحاولة",choose:"اختر التاريخ والوقت",loading:"جارٍ تحميل الأوقات…"},ku:{date:"بەروارێک هەڵبژێرە",time:"کاتێک هەڵبژێرە",slots:"کات",back:"گۆڕینی بەروار",noTimes:"هیچ کاتێک نەماوە لەم ڕۆژەدا",closed:"داخراوە لەم ڕۆژەدا",idle:"سەرەتا لقێک هەڵبژێرە",empty:"هیچ کاتێکی بەردەست نییە لەم لقەدا",error:"نەتوانرا کاتە بەردەستەکان باربکرێن",retry:"دووبارە هەوڵ بدە",choose:"بەروار و کات هەڵبژێرە",loading:"کاتەکان باردەکرێن…"},ru:{date:"Выберите дату",time:"Выберите время",slots:"слотов",back:"Сменить дату",noTimes:"На этот день ничего не осталось",closed:"В этот день закрыто",idle:"Сначала выберите филиал",empty:"В этом филиале нет свободного времени",error:"Не удалось загрузить свободное время",retry:"Повторить",choose:"Выберите дату и время",loading:"Загрузка времени…"}},f=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.slotChange=o(this,"slotChange"),this.name="bookingDate",this.daysAhead=30,this.gap=8,this.minPanelWidth=380,this.maxPanelHeight=460,this.isRequired=!1,this.isDisabled=!1,this.language="en",this.localization={},this.status="idle",this.days=[],this.selectedDate="",this.selectedRaw="",this.isOpen=!1,this.dropdownAncestorClasses="",this.draftDate="",this.step="date",this.monthKey="",this.monthDirection=1,this.fetchedDays=[],this.dropdownEl=null,this.lockedScrollY=0,this.boundKeyDown=t=>this.handleKeyDown(t),this.displayTime=t=>{const i=this.minutesOf(t),e=new Date(2e3,0,1,Math.floor(i/60),i%60);return new Intl.DateTimeFormat(this.intlLocales,{hour:"numeric",minute:"2-digit"}).format(e)},this.formatDay=(t,i)=>{const[e,o,a]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,i).format(new Date(e,o-1,a,12))},this.formatMonth=t=>{if(!t)return"";const[i,e]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,{month:"long",year:"numeric"}).format(new Date(i,e-1,1,12))},this.formatWeekday=t=>new Intl.DateTimeFormat(this.intlLocales,{weekday:"short"}).format(new Date(2024,0,7+t,12)),this.setDropdownRef=t=>{this.dropdownEl=t},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,i=this.getTriggerEl();if(!t||!i)return;if(this.isSheet)return;const e=i.getBoundingClientRect();if(!this.isTriggerInView(e))return void(this.isOpen=!1);const o=document.documentElement.clientWidth,a=Math.round(Math.min(Math.max(e.width,this.minPanelWidth),o-2*this.gap));t.style.setProperty("--branch-date-width",`${a}px`);const r=window.innerHeight-e.bottom-2*this.gap,s=e.top-2*this.gap,n=t.offsetHeight>r&&s>r,h=Math.max(220,Math.min(this.maxPanelHeight,n?s:r));t.style.setProperty("--branch-date-max-height",`${h}px`);const d=Math.max(this.gap,Math.min(e.left,o-a-this.gap));t.style.setProperty("--branch-date-left",`${d}px`),n?(t.style.setProperty("--branch-date-top","auto"),t.style.setProperty("--branch-date-bottom",`${window.innerHeight-e.top+this.gap}px`)):(t.style.setProperty("--branch-date-top",`${e.bottom+this.gap}px`),t.style.setProperty("--branch-date-bottom","auto"))},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;if(this.isSheet)return;const i=t.target;this.dropdownEl&&(this.dropdownEl===i||this.dropdownEl.contains(i))||this.adjustDropdownPosition()},this.closeOnOutsideClick=t=>{const i=t.composedPath();i.includes(this.el)||this.dropdownEl&&i.includes(this.dropdownEl)||(this.isOpen=!1)},this.toggle=()=>{this.isOpen?this.isOpen=!1:"error"===this.status?this.load():this.openDropdown()},this.handleMonth=t=>{if(!this.monthKey)return;const[i,e]=this.monthKey.split("-").map((t=>parseInt(t,10))),o=new Date(i,e-1+t,1,12),a=`${o.getFullYear()}-${this.pad(o.getMonth()+1)}`,{min:r,max:s}=this.monthBounds;a<r||a>s||(this.monthDirection=t<0?-1:1,this.monthKey=a)},this.handleDate=t=>{var i;(null===(i=this.days.find((i=>i.date===t)))||void 0===i?void 0:i.disabled)||(this.draftDate=t,this.step="time")},this.handleBack=()=>{this.step="date",this.draftDate&&(this.monthKey=this.draftDate.slice(0,7))},this.handleTime=t=>{this.selectedDate=t.split(" ")[0],this.selectedRaw=t,this.isOpen=!1,this.slotChange.emit({date:this.selectedDate,raw:t,value:this.toFormValue(t)})}}componentWillLoad(){var t;null===(t=this.form)||void 0===t||t.subscribe(this.name,this),this.load()}componentDidLoad(){document.addEventListener("click",this.closeOnOutsideClick),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-date-picker ${h(this.el)}`}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.form)||void 0===i||i.unsubscribe(this.name),document.removeEventListener("click",this.closeOnOutsideClick),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0),this.releaseScroll()}onOpenChange(t){this.isSheet&&(t?this.lockScroll():this.releaseScroll())}lockScroll(){"fixed"!==document.body.style.position&&(this.lockedScrollY=window.scrollY,Object.assign(document.body.style,{position:"fixed",top:`-${this.lockedScrollY}px`,left:"0",right:"0",width:"100%"}))}releaseScroll(){"fixed"===document.body.style.position&&(Object.assign(document.body.style,{position:"",top:"",left:"",right:"",width:""}),window.scrollTo(0,this.lockedScrollY))}onRulesChange(){var t,i,e,o;this.days=this.applyDayRules(this.fetchedDays),this.selectedDate&&(null===(t=this.days.find((t=>t.date===this.selectedDate)))||void 0===t?void 0:t.disabled)&&(this.selectedDate="",this.selectedRaw=""),this.draftDate&&!(null===(i=this.days.find((t=>t.date===this.draftDate)))||void 0===i?void 0:i.disabled)||(this.draftDate=null!==(o=null===(e=this.firstOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:"",this.step="date"),"ready"!==this.status||this.days.some((t=>!t.disabled))?"empty"===this.status&&this.days.some((t=>!t.disabled))&&(this.status="ready"):this.status="empty"}onTargetChange(){this.selectedDate="",this.selectedRaw="",this.draftDate="",this.step="date",this.isOpen=!1,this.load()}reset(t){var i;this.defaultValue=null!==(i=t)&&void 0!==i?i:"",this.selectedDate="",this.selectedRaw="",this.draftDate="",this.step="date"}getValue(){return this.selectedRaw?this.toFormValue(this.selectedRaw):this.defaultValue||""}async refresh(){this.load()}async openDropdown(){var t,i,e,o;if("idle"===this.status)return;const a=null!==(o=null!==(i=null===(t=this.days.find((t=>t.date===this.selectedDate&&!t.disabled)))||void 0===t?void 0:t.date)&&void 0!==i?i:null===(e=this.firstOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:"";this.draftDate=a,this.monthKey=a.slice(0,7),this.step=this.selectedRaw?"time":"date",this.adjustDropdownPosition(),this.isOpen=!0}async closeDropdown(){this.isOpen=!1}get isRtl(){return"ar"===this.language||"ku"===this.language}get copy(){var t;return null!==(t=g[this.language])&&void 0!==t?t:g.en}get intlLocales(){return"ar"===this.language?["ar-IQ","ar","en-GB"]:"ku"===this.language?["ckb-IQ","ckb","ar-IQ","en-GB"]:"ru"===this.language?["ru-RU","en-GB"]:["en-GB"]}get weekStart(){var t,i;if(null!=this.weekStartsOn)return(+this.weekStartsOn%7+7)%7;try{const e=new Intl.Locale(this.intlLocales[0]),o=null!==(i=null===(t=e.getWeekInfo)||void 0===t?void 0:t.call(e))&&void 0!==i?i:e.weekInfo;if(null==o?void 0:o.firstDay)return o.firstDay%7}catch(t){}return 1}pad(t){return String(t).padStart(2,"0")}get todayIso(){const t=new Date;return`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`}minutesOf(t){var i,e;const o=t.split(" "),a=null!==(i=o[1])&&void 0!==i?i:"00:00",r=(null!==(e=o[2])&&void 0!==e?e:"").toUpperCase(),[s,n]=a.split(":").map((t=>parseInt(t,10)||0));let h=s%12;return"PM"===r&&(h+=12),60*h+n}toFormValue(t){const i=t.split(" ")[0],e=this.minutesOf(t);return`${i}T${this.pad(Math.floor(e/60))}:${this.pad(e%60)}`}queryUrl(){if(!(this.calendarApi&&this.companyId&&this.branchId&&this.departmentId&&this.brandId))return null;const t=new Date,i=new Date;i.setDate(i.getDate()+this.daysAhead);const e=t=>`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`,o=new URLSearchParams({from:e(t),to:e(i),companyId:this.companyId,branchId:this.branchId,departmentId:this.departmentId,brandId:this.brandId});return`${this.calendarApi}${this.calendarApi.includes("?")?"&":"?"}${o.toString()}`}normalise(t){return t.filter((t=>t&&t.Date&&Array.isArray(t.Times)&&t.Times.length)).map((t=>({date:t.Date,times:Array.from(new Set(t.Times)).sort(((t,i)=>this.minutesOf(t)-this.minutesOf(i)))}))).sort(((t,i)=>t.date.localeCompare(i.date)))}applyDayRules(t){const i=d(this.disabledWeekdays),e=l(this.disabledDates);return t.map(i.length||e.length?t=>Object.assign(Object.assign({},t),{disabled:c(t.date,i,e)}):t=>Object.assign(Object.assign({},t),{disabled:!1}))}firstOpenDay(){return this.days.find((t=>!t.disabled))}lastOpenDay(){return[...this.days].reverse().find((t=>!t.disabled))}async load(){var t;const i=this.queryUrl();if(null===(t=this.abortController)||void 0===t||t.abort(),!i)return this.status="idle",void(this.days=[]);this.abortController=new AbortController,this.status="loading";try{const t=await fetch(i,{signal:this.abortController.signal,headers:{"Accept-Language":this.language}});if(!t.ok)throw new Error(`calendar ${t.status}`);this.fetchedDays=this.normalise(await t.json()),this.days=this.applyDayRules(this.fetchedDays);const e=this.firstOpenDay();if(!e)return void(this.status="empty");const o=this.days.find((t=>!t.disabled&&this.defaultValue&&this.defaultValue.startsWith(t.date)));this.draftDate=(null!=o?o:e).date,this.monthKey=this.draftDate.slice(0,7),this.status="ready"}catch(t){if("AbortError"===(null==t?void 0:t.name))return;this.status="error"}}getTriggerEl(){return this.el.getElementsByClassName("form-input-select")[0]}isTriggerInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}get isSheet(){return"undefined"!=typeof window&&window.matchMedia("(max-width: 599px)").matches}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&("time"===this.step?this.step="date":this.isOpen=!1)}get monthBounds(){var t,i,e,o;return{min:(null!==(i=null===(t=this.firstOpenDay())||void 0===t?void 0:t.date)&&void 0!==i?i:"").slice(0,7),max:(null!==(o=null===(e=this.lastOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:"").slice(0,7)}}triggerText(){return"idle"===this.status?this.copy.idle:"loading"===this.status?this.copy.loading:"empty"===this.status?this.copy.empty:"error"===this.status?this.copy.error:this.selectedRaw?`${this.formatDay(this.selectedDate,{weekday:"short",day:"numeric",month:"short"})} · ${this.displayTime(this.selectedRaw)}`:""}render(){var t,i,e,o,h;const d=null===(t=this.form)||void 0===t?void 0:t.getInputState(this.name),l=this.form?p(this,null==d?void 0:d.meta,null==d?void 0:d.errorMessage):null,c=(null==l?void 0:l.label)||(null===(e=null===(i=this.localization)||void 0===i?void 0:i[this.language])||void 0===e?void 0:e.label)||this.label,u=(null==l?void 0:l.placeholder)||(null===(h=null===(o=this.localization)||void 0===o?void 0:o[this.language])||void 0===h?void 0:h.placeholder)||this.copy.choose,m=(null==d?void 0:d.isRequired)||this.isRequired,g=this.isDisabled||(null==d?void 0:d.disabled)||"idle"===this.status||"loading"===this.status||"empty"===this.status,{min:f,max:x}=this.monthBounds,v={name:this.name,days:this.days,copy:this.copy,status:this.status,isOpen:this.isOpen,idleText:this.copy.idle,step:this.step,today:this.todayIso,weekStart:this.weekStart,monthKey:this.monthKey,monthDirection:this.monthDirection,canGoPrev:!!this.monthKey&&this.monthKey>f,canGoNext:!!this.monthKey&&this.monthKey<x,activeDate:this.draftDate,selectedRaw:this.selectedRaw,handleMonth:this.handleMonth,handleDate:this.handleDate,handleTime:this.handleTime,handleBack:this.handleBack,handleRetry:()=>this.load(),handleDismiss:()=>this.isOpen=!1,formatDay:this.formatDay,formatMonth:this.formatMonth,formatWeekday:this.formatWeekday,displayTime:this.displayTime,setElementRef:this.setDropdownRef,direction:this.isRtl?"rtl":"ltr"};return a(r,{key:"6cf14a9b79e19272e42b5ab2fbefd14a57787bc5",translate:"no"},a("label",{key:"6cce5fb1d4dcaed2265d1e7816f6cd820d0d5d3b",part:`${this.name}`,id:this.wrapperId,class:s("form-input-label-container",this.wrapperClass,{disabled:g})},a(w,{key:"c43d00c631b979b4f5674772b9faa1cd9b95be9a",name:this.name,label:c,isRequired:m}),a("div",{key:"177a6ba1c45531a41cc35fe8ac3b790f1c2022d9",part:`${this.name}-container form-input-container`,class:s("form-input-container",{open:this.isOpen,disabled:g})},a("input",{key:"18ae12a635aa249ca3f17f2667e451d5fa508d52",type:"text",readOnly:!0,disabled:g,value:this.triggerText(),placeholder:u,onClick:this.toggle,part:`${this.name}-input-select form-input-select`,class:"form-input-style form-input-select branch-date-trigger"}),a("div",{key:"6990d22fb601d9253db9c5d94c0aaa45383b1441",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:"form-input-select-icon-container"},a(n,{key:"9728f5b499eb506ada107b7cb8eccaa7017bbf85",part:`${this.name}-arrow-icon select-arrow`,class:"form-input-select-icon pointer-events-none! arrow cursor-pointer"})),!1,a("shift-portal",{key:"670754237059fb71f55834b5f25b4575d8094383",tag:"branch-date-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:v})),a(b,{key:"6813b316028e062a518cbd05eaf69b7a114ab36c",name:this.name,isError:!!(null==d?void 0:d.isError),errorMessage:(null==l?void 0:l.errorTextMessage)||""})))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange: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}.cursor-pointer{cursor:pointer}.branch-date-trigger{caret-color:transparent;cursor:pointer}.form-input-container.open .branch-date-trigger{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.static{position:static}.fixed{position:fixed}.table{display:table}.hidden{display:none}.resize{resize:both}.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)}.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}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.block{display:block}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"branch-date-picker",{name:[1],form:[16],calendarApi:[1,"calendar-api"],companyId:[1,"company-id"],branchId:[1,"branch-id"],departmentId:[1,"department-id"],brandId:[1,"brand-id"],daysAhead:[2,"days-ahead"],disabledWeekdays:[1,"disabled-weekdays"],disabledDates:[1,"disabled-dates"],weekStartsOn:[2,"week-starts-on"],gap:[2],minPanelWidth:[2,"min-panel-width"],maxPanelHeight:[2,"max-panel-height"],label:[1],wrapperId:[1,"wrapper-id"],wrapperClass:[1,"wrapper-class"],isRequired:[4,"is-required"],isDisabled:[4,"is-disabled"],language:[1],localization:[16],defaultValue:[1025,"default-value"],status:[32],days:[32],selectedDate:[32],selectedRaw:[32],isOpen:[32],dropdownAncestorClasses:[32],draftDate:[32],step:[32],monthKey:[32],monthDirection:[32],refresh:[64],openDropdown:[64],closeDropdown:[64]},void 0,{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}]);function x(){"undefined"!=typeof customElements&&["branch-date-picker","branch-date-dropdown","shift-portal"].forEach((i=>{switch(i){case"branch-date-picker":customElements.get(t(i))||customElements.define(t(i),f);break;case"branch-date-dropdown":customElements.get(t(i))||u();break;case"shift-portal":customElements.get(t(i))||m()}}))}x();export{f as B,x as d}
+import{t,p as i,H as e,c as o,h as a,a as r}from"./index.js";import{c as s}from"./p-BK16Cn81.js";import{A as n}from"./p-DRhkO-Ac.js";import{g as h}from"./p-BacLEn39.js";import{p as d,a as l,i as c}from"./p--lk4OUJg.js";import"./p-YQJevg3-.js";import{g as p}from"./p-Dal_X4-W.js";import{F as w}from"./p-D9mmIizU.js";import{F as b}from"./p-ByRA9Jio.js";import{d as u}from"./p-vuYBsCyI.js";import{d as m}from"./p-C_JD7r43.js";const g={en:{date:"Pick a date",time:"Pick a time",slots:"slots",back:"Change date",noTimes:"Nothing left on this day",closed:"Closed on this day",idle:"Choose a branch first",empty:"No times available at this branch",error:"Couldn't load available times",retry:"Try again",choose:"Choose date & time",loading:"Loading times…"},ar:{date:"اختر التاريخ",time:"اختر الوقت",slots:"موعداً",back:"تغيير التاريخ",noTimes:"لا توجد مواعيد في هذا اليوم",closed:"مغلق في هذا اليوم",idle:"اختر الفرع أولاً",empty:"لا توجد أوقات متاحة في هذا الفرع",error:"تعذّر تحميل الأوقات المتاحة",retry:"أعد المحاولة",choose:"اختر التاريخ والوقت",loading:"جارٍ تحميل الأوقات…"},ku:{date:"بەروارێک هەڵبژێرە",time:"کاتێک هەڵبژێرە",slots:"کات",back:"گۆڕینی بەروار",noTimes:"هیچ کاتێک نەماوە لەم ڕۆژەدا",closed:"داخراوە لەم ڕۆژەدا",idle:"سەرەتا لقێک هەڵبژێرە",empty:"هیچ کاتێکی بەردەست نییە لەم لقەدا",error:"نەتوانرا کاتە بەردەستەکان باربکرێن",retry:"دووبارە هەوڵ بدە",choose:"بەروار و کات هەڵبژێرە",loading:"کاتەکان باردەکرێن…"},ru:{date:"Выберите дату",time:"Выберите время",slots:"слотов",back:"Сменить дату",noTimes:"На этот день ничего не осталось",closed:"В этот день закрыто",idle:"Сначала выберите филиал",empty:"В этом филиале нет свободного времени",error:"Не удалось загрузить свободное время",retry:"Повторить",choose:"Выберите дату и время",loading:"Загрузка времени…"}},f=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.slotChange=o(this,"slotChange"),this.name="bookingDate",this.daysAhead=30,this.gap=8,this.minPanelWidth=380,this.maxPanelHeight=460,this.isRequired=!1,this.isDisabled=!1,this.language="en",this.localization={},this.status="idle",this.days=[],this.selectedDate="",this.selectedRaw="",this.isOpen=!1,this.dropdownAncestorClasses="",this.draftDate="",this.step="date",this.monthKey="",this.monthDirection=1,this.fetchedDays=[],this.dropdownEl=null,this.lockedScrollY=0,this.boundKeyDown=t=>this.handleKeyDown(t),this.displayTime=t=>{const i=this.minutesOf(t),e=new Date(2e3,0,1,Math.floor(i/60),i%60);return new Intl.DateTimeFormat(this.intlLocales,{hour:"numeric",minute:"2-digit"}).format(e)},this.formatDay=(t,i)=>{const[e,o,a]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,i).format(new Date(e,o-1,a,12))},this.formatMonth=t=>{if(!t)return"";const[i,e]=t.split("-").map((t=>parseInt(t,10)));return new Intl.DateTimeFormat(this.intlLocales,{month:"long",year:"numeric"}).format(new Date(i,e-1,1,12))},this.formatWeekday=t=>new Intl.DateTimeFormat(this.intlLocales,{weekday:"short"}).format(new Date(2024,0,7+t,12)),this.setDropdownRef=t=>{this.dropdownEl=t},this.adjustDropdownPosition=()=>{const t=this.dropdownEl,i=this.getTriggerEl();if(!t||!i)return;if(this.isSheet)return;const e=i.getBoundingClientRect();if(!this.isTriggerInView(e))return void(this.isOpen=!1);const o=document.documentElement.clientWidth,a=Math.round(Math.min(Math.max(e.width,this.minPanelWidth),o-2*this.gap));t.style.setProperty("--branch-date-width",`${a}px`);const r=window.innerHeight-e.bottom-2*this.gap,s=e.top-2*this.gap,n=t.offsetHeight>r&&s>r,h=Math.max(220,Math.min(this.maxPanelHeight,n?s:r));t.style.setProperty("--branch-date-max-height",`${h}px`);const d=Math.max(this.gap,Math.min(e.left,o-a-this.gap));t.style.setProperty("--branch-date-left",`${d}px`),n?(t.style.setProperty("--branch-date-top","auto"),t.style.setProperty("--branch-date-bottom",`${window.innerHeight-e.top+this.gap}px`)):(t.style.setProperty("--branch-date-top",`${e.bottom+this.gap}px`),t.style.setProperty("--branch-date-bottom","auto"))},this.handleResize=()=>{this.isOpen&&this.adjustDropdownPosition()},this.handleScroll=t=>{if(!this.isOpen)return;if(this.isSheet)return;const i=t.target;this.dropdownEl&&(this.dropdownEl===i||this.dropdownEl.contains(i))||this.adjustDropdownPosition()},this.closeOnOutsideClick=t=>{const i=t.composedPath();i.includes(this.el)||this.dropdownEl&&i.includes(this.dropdownEl)||(this.isOpen=!1)},this.toggle=()=>{this.isOpen?this.isOpen=!1:"error"===this.status?this.load():this.openDropdown()},this.handleMonth=t=>{if(!this.monthKey)return;const[i,e]=this.monthKey.split("-").map((t=>parseInt(t,10))),o=new Date(i,e-1+t,1,12),a=`${o.getFullYear()}-${this.pad(o.getMonth()+1)}`,{min:r,max:s}=this.monthBounds;a<r||a>s||(this.monthDirection=t<0?-1:1,this.monthKey=a)},this.handleDate=t=>{var i;(null===(i=this.days.find((i=>i.date===t)))||void 0===i?void 0:i.disabled)||(this.draftDate=t,this.step="time")},this.handleBack=()=>{this.step="date",this.draftDate&&(this.monthKey=this.draftDate.slice(0,7))},this.handleTime=t=>{this.selectedDate=t.split(" ")[0],this.selectedRaw=t,this.isOpen=!1,this.slotChange.emit({date:this.selectedDate,raw:t,value:this.toFormValue(t)})}}componentWillLoad(){var t;null===(t=this.form)||void 0===t||t.subscribe(this.name,this),this.load()}componentDidLoad(){document.addEventListener("click",this.closeOnOutsideClick),document.addEventListener("keydown",this.boundKeyDown),window.addEventListener("resize",this.handleResize),window.addEventListener("scroll",this.handleScroll,!0),this.dropdownAncestorClasses=`${this.name}-date-picker ${h(this.el)}`}disconnectedCallback(){var t,i;null===(t=this.abortController)||void 0===t||t.abort(),null===(i=this.form)||void 0===i||i.unsubscribe(this.name),document.removeEventListener("click",this.closeOnOutsideClick),document.removeEventListener("keydown",this.boundKeyDown),window.removeEventListener("resize",this.handleResize),window.removeEventListener("scroll",this.handleScroll,!0),this.releaseScroll()}onOpenChange(t){this.isSheet&&(t?this.lockScroll():this.releaseScroll())}lockScroll(){"fixed"!==document.body.style.position&&(this.lockedScrollY=window.scrollY,Object.assign(document.body.style,{position:"fixed",top:`-${this.lockedScrollY}px`,left:"0",right:"0",width:"100%"}))}releaseScroll(){"fixed"===document.body.style.position&&(Object.assign(document.body.style,{position:"",top:"",left:"",right:"",width:""}),window.scrollTo(0,this.lockedScrollY))}onRulesChange(){var t,i,e,o;this.days=this.applyDayRules(this.fetchedDays),this.selectedDate&&(null===(t=this.days.find((t=>t.date===this.selectedDate)))||void 0===t?void 0:t.disabled)&&(this.selectedDate="",this.selectedRaw=""),this.draftDate&&!(null===(i=this.days.find((t=>t.date===this.draftDate)))||void 0===i?void 0:i.disabled)||(this.draftDate=null!==(o=null===(e=this.firstOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:"",this.step="date"),"ready"!==this.status||this.days.some((t=>!t.disabled))?"empty"===this.status&&this.days.some((t=>!t.disabled))&&(this.status="ready"):this.status="empty"}onTargetChange(){this.selectedDate="",this.selectedRaw="",this.draftDate="",this.step="date",this.isOpen=!1,this.load()}reset(t){var i;this.defaultValue=null!==(i=t)&&void 0!==i?i:"",this.selectedDate="",this.selectedRaw="",this.draftDate="",this.step="date"}getValue(){return this.selectedRaw?this.toFormValue(this.selectedRaw):this.defaultValue||""}async refresh(){this.load()}async openDropdown(){var t,i,e,o;if("idle"===this.status)return;const a=null!==(o=null!==(i=null===(t=this.days.find((t=>t.date===this.selectedDate&&!t.disabled)))||void 0===t?void 0:t.date)&&void 0!==i?i:null===(e=this.firstOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:"";this.draftDate=a,this.monthKey=a.slice(0,7),this.step=this.selectedRaw?"time":"date",this.adjustDropdownPosition(),this.isOpen=!0}async closeDropdown(){this.isOpen=!1}get isRtl(){return"ar"===this.language||"ku"===this.language}get copy(){var t;return null!==(t=g[this.language])&&void 0!==t?t:g.en}get intlLocales(){return"ar"===this.language?["ar-IQ","ar","en-GB"]:"ku"===this.language?["ckb-IQ","ckb","ar-IQ","en-GB"]:"ru"===this.language?["ru-RU","en-GB"]:["en-GB"]}get weekStart(){var t,i;if(null!=this.weekStartsOn)return(+this.weekStartsOn%7+7)%7;try{const e=new Intl.Locale(this.intlLocales[0]),o=null!==(i=null===(t=e.getWeekInfo)||void 0===t?void 0:t.call(e))&&void 0!==i?i:e.weekInfo;if(null==o?void 0:o.firstDay)return o.firstDay%7}catch(t){}return 1}pad(t){return String(t).padStart(2,"0")}get todayIso(){const t=new Date;return`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`}minutesOf(t){var i,e;const o=t.split(" "),a=null!==(i=o[1])&&void 0!==i?i:"00:00",r=(null!==(e=o[2])&&void 0!==e?e:"").toUpperCase(),[s,n]=a.split(":").map((t=>parseInt(t,10)||0));let h=s%12;return"PM"===r&&(h+=12),60*h+n}toFormValue(t){const i=t.split(" ")[0],e=this.minutesOf(t);return`${i}T${this.pad(Math.floor(e/60))}:${this.pad(e%60)}`}queryUrl(){if(!(this.calendarApi&&this.companyId&&this.branchId&&this.departmentId&&this.brandId))return null;const t=new Date,i=new Date;i.setDate(i.getDate()+this.daysAhead);const e=t=>`${t.getFullYear()}-${this.pad(t.getMonth()+1)}-${this.pad(t.getDate())}`,o=new URLSearchParams({from:e(t),to:e(i),companyId:this.companyId,branchId:this.branchId,departmentId:this.departmentId,brandId:this.brandId});return`${this.calendarApi}${this.calendarApi.includes("?")?"&":"?"}${o.toString()}`}normalise(t){return t.filter((t=>t&&t.Date&&Array.isArray(t.Times)&&t.Times.length)).map((t=>({date:t.Date,times:Array.from(new Set(t.Times)).sort(((t,i)=>this.minutesOf(t)-this.minutesOf(i)))}))).sort(((t,i)=>t.date.localeCompare(i.date)))}applyDayRules(t){const i=d(this.disabledWeekdays),e=l(this.disabledDates);return t.map(i.length||e.length?t=>Object.assign(Object.assign({},t),{disabled:c(t.date,i,e)}):t=>Object.assign(Object.assign({},t),{disabled:!1}))}firstOpenDay(){return this.days.find((t=>!t.disabled))}lastOpenDay(){return[...this.days].reverse().find((t=>!t.disabled))}async load(){var t;const i=this.queryUrl();if(null===(t=this.abortController)||void 0===t||t.abort(),!i)return this.status="idle",void(this.days=[]);this.abortController=new AbortController,this.status="loading";try{const t=await fetch(i,{signal:this.abortController.signal,headers:{"Accept-Language":this.language}});if(!t.ok)throw new Error(`calendar ${t.status}`);this.fetchedDays=this.normalise(await t.json()),this.days=this.applyDayRules(this.fetchedDays);const e=this.firstOpenDay();if(!e)return void(this.status="empty");const o=this.days.find((t=>!t.disabled&&this.defaultValue&&this.defaultValue.startsWith(t.date)));this.draftDate=(null!=o?o:e).date,this.monthKey=this.draftDate.slice(0,7),this.status="ready"}catch(t){if("AbortError"===(null==t?void 0:t.name))return;this.status="error"}}getTriggerEl(){return this.el.getElementsByClassName("form-input-select")[0]}isTriggerInView(t){return t.bottom>0&&t.top<window.innerHeight&&t.right>0&&t.left<window.innerWidth}get isSheet(){return"undefined"!=typeof window&&window.matchMedia("(max-width: 599px)").matches}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&("time"===this.step?this.step="date":this.isOpen=!1)}get monthBounds(){var t,i,e,o;return{min:(null!==(i=null===(t=this.firstOpenDay())||void 0===t?void 0:t.date)&&void 0!==i?i:"").slice(0,7),max:(null!==(o=null===(e=this.lastOpenDay())||void 0===e?void 0:e.date)&&void 0!==o?o:"").slice(0,7)}}triggerText(){return"idle"===this.status?this.copy.idle:"loading"===this.status?this.copy.loading:"empty"===this.status?this.copy.empty:"error"===this.status?this.copy.error:this.selectedRaw?`${this.formatDay(this.selectedDate,{weekday:"short",day:"numeric",month:"short"})} · ${this.displayTime(this.selectedRaw)}`:""}render(){var t,i,e,o,h;const d=null===(t=this.form)||void 0===t?void 0:t.getInputState(this.name),l=this.form?p(this,null==d?void 0:d.meta,null==d?void 0:d.errorMessage):null,c=(null==l?void 0:l.label)||(null===(e=null===(i=this.localization)||void 0===i?void 0:i[this.language])||void 0===e?void 0:e.label)||this.label,u=(null==l?void 0:l.placeholder)||(null===(h=null===(o=this.localization)||void 0===o?void 0:o[this.language])||void 0===h?void 0:h.placeholder)||this.copy.choose,m=(null==d?void 0:d.isRequired)||this.isRequired,g=this.isDisabled||(null==d?void 0:d.disabled)||"idle"===this.status||"loading"===this.status||"empty"===this.status,{min:f,max:x}=this.monthBounds,v={name:this.name,days:this.days,copy:this.copy,status:this.status,isOpen:this.isOpen,idleText:this.copy.idle,step:this.step,today:this.todayIso,weekStart:this.weekStart,monthKey:this.monthKey,monthDirection:this.monthDirection,canGoPrev:!!this.monthKey&&this.monthKey>f,canGoNext:!!this.monthKey&&this.monthKey<x,activeDate:this.draftDate,selectedRaw:this.selectedRaw,handleMonth:this.handleMonth,handleDate:this.handleDate,handleTime:this.handleTime,handleBack:this.handleBack,handleRetry:()=>this.load(),handleDismiss:()=>this.isOpen=!1,formatDay:this.formatDay,formatMonth:this.formatMonth,formatWeekday:this.formatWeekday,displayTime:this.displayTime,setElementRef:this.setDropdownRef,direction:this.isRtl?"rtl":"ltr"};return a(r,{key:"0c1889c57f1b9701b3e603921d5686dddd2a77ee",translate:"no"},a("label",{key:"6349bd145459619807f5a236dd9cfb282891ae81",part:`${this.name}`,id:this.wrapperId,class:s("form-input-label-container",this.wrapperClass,{disabled:g})},a(w,{key:"5b2b737df30b51c020431b54bbffb3242195973b",name:this.name,label:c,isRequired:m}),a("div",{key:"d66cdf4d83390babe0128d978570277543ae27dd",part:`${this.name}-container form-input-container`,class:s("form-input-container",{open:this.isOpen,disabled:g})},a("input",{key:"3b5e88687e955ec65c869d902bcbee6b040a1185",type:"text",readOnly:!0,disabled:g,value:this.triggerText(),placeholder:u,onClick:this.toggle,part:`${this.name}-input-select form-input-select`,class:"form-input-style form-input-select branch-date-trigger"}),a("div",{key:"643fbd5d593fbe3f6b4e5d95aaaadbbad0badf98",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:"form-input-select-icon-container"},a(n,{key:"f2786c8e774d52437306da8b48c6fdf379494f55",part:`${this.name}-arrow-icon select-arrow`,class:"form-input-select-icon pointer-events-none! arrow cursor-pointer"})),!1,a("shift-portal",{key:"7e06c1845c19c2f05814e6b135fd9839b7013126",tag:"branch-date-dropdown",inheritedClasses:this.dropdownAncestorClasses,componentProps:v})),a(b,{key:"4c2545a4293a8b14460e17c783c411685f2a7aae",name:this.name,isError:!!(null==d?void 0:d.isError),errorMessage:(null==l?void 0:l.errorTextMessage)||""})))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange: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}.cursor-pointer{cursor:pointer}.branch-date-trigger{caret-color:transparent;cursor:pointer}.form-input-container.open .branch-date-trigger{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.static{position:static}.fixed{position:fixed}.table{display:table}.hidden{display:none}.resize{resize:both}.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)}.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}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\\[88px\\]{bottom:88px}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.block{display:block}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[22px\\]{height:22px;width:22px}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.min-w-\\[140px\\]{min-width:140px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-black\\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[13px\\]{font-size:13px}.text-\\[15px\\]{font-size:15px}.text-\\[18px\\]{font-size:18px}.font-medium{font-weight:500}.leading-\\[1\\.3\\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}'}},[0,"branch-date-picker",{name:[1],form:[16],calendarApi:[1,"calendar-api"],companyId:[1,"company-id"],branchId:[1,"branch-id"],departmentId:[1,"department-id"],brandId:[1,"brand-id"],daysAhead:[2,"days-ahead"],disabledWeekdays:[1,"disabled-weekdays"],disabledDates:[1,"disabled-dates"],weekStartsOn:[2,"week-starts-on"],gap:[2],minPanelWidth:[2,"min-panel-width"],maxPanelHeight:[2,"max-panel-height"],label:[1],wrapperId:[1,"wrapper-id"],wrapperClass:[1,"wrapper-class"],isRequired:[4,"is-required"],isDisabled:[4,"is-disabled"],language:[1],localization:[16],defaultValue:[1025,"default-value"],status:[32],days:[32],selectedDate:[32],selectedRaw:[32],isOpen:[32],dropdownAncestorClasses:[32],draftDate:[32],step:[32],monthKey:[32],monthDirection:[32],refresh:[64],openDropdown:[64],closeDropdown:[64]},void 0,{isOpen:[{onOpenChange:0}],disabledWeekdays:[{onRulesChange:0}],disabledDates:[{onRulesChange:0}],branchId:[{onTargetChange:0}],departmentId:[{onTargetChange:0}],brandId:[{onTargetChange:0}],companyId:[{onTargetChange:0}]}]);function x(){"undefined"!=typeof customElements&&["branch-date-picker","branch-date-dropdown","shift-portal"].forEach((i=>{switch(i){case"branch-date-picker":customElements.get(t(i))||customElements.define(t(i),f);break;case"branch-date-dropdown":customElements.get(t(i))||u();break;case"shift-portal":customElements.get(t(i))||m()}}))}x();export{f as B,x as d}

package/dist/components/p-WIpbRULc.js

@@ -0,0 +1,5 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+function e(e,o){const t=[];let f=e;for(;f;){if(f.nodeType===Node.ELEMENT_NODE){const n=f;n.tagName.toLowerCase().startsWith(o)&&n!==e&&t.push(n)}if(f.parentNode)f=f.parentNode;else{if(!f.host)break;f=f.host}}return t}export{e as p}