adp-web-components 0.3.13 → 0.3.15

package/dist/esm/shift-tabs_2.entry.js

@@ -2,12 +2,12 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg4V9l26.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CteZTPhq.js';
 import { c as cn } from './cn-BK16Cn81.js';
-import { o as openImageViewer, e as eyeSvg, T as TriangleAlertIcon, I as ImageViewer, c as closeImageViewer } from './triangle-alert-D4H9aWiT.js';
-import { A as AddIcon } from './add-icon-DxQVyX6U.js';
-import { C as CheckIcon } from './check-icon-BYK1ESZG.js';
-import { Q as QrCodeScanIcon } from './qr-code-scan-CktgNBSD.js';
+import { o as openImageViewer, e as eyeSvg, T as TriangleAlertIcon, I as ImageViewer, c as closeImageViewer } from './triangle-alert-Brtqhx2d.js';
+import { A as AddIcon } from './add-icon-DHh6DJXR.js';
+import { C as CheckIcon } from './check-icon-BZQF4tzH.js';
+import { Q as QrCodeScanIcon } from './qr-code-scan-B1nViqZl.js';
 
 const shiftTabsCss = () => `*,: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}.static{position:static}.relative{position:relative}.mb-\\[6px\\]{margin-bottom:6px}.flex{display:flex}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.border{border-width:1px}.\\!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))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.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}.\\!h-auto{height:auto!important}.w-full{width:100%}.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}.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}.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-\\[200px\\]{height:200px}.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)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[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-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.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-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.block{display:block}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.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-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.whitespace-nowrap{white-space:nowrap}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.no-underline{text-decoration-line:none}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}`;
 
@@ -16,9 +16,9 @@ const ShiftTabs = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'fe6ebc48f42836a981330392b4a80bcf2f533f14', class: this.containerClasses }, h("div", { key: '1b5de415ec4150885c08c20b022fcd10205e0607', class: cn('border-b relative flex mb-[6px] ps-[12px] gap-[4px]', this.tabClasses) }, this.tabs.map((label, idx) => (h("button", { key: label + idx, onClick: () => !(this.activeTabIndex === idx || this.activeTabLabel === label) && this.changeActiveTab({ label, idx }), class: cn('px-[16px] cursor-pointer after:w-full py-[6px] after:h-[1px] after:left-0 after:bottom-0 after:absolute after:bg-white after:opacity-0 after:translate-y-full after:z-10 after:duration-500 after:transition text-[17px] relative transition-colors !border-b-0 duration-500 font-medium text-black bg-[#f6f6f6] border border-gray-200 rounded-t-[4px] focus:outline-none', {
+        return (h("div", { key: 'f5150cd393365578d35bfbf74fe062791c909b1b', class: this.containerClasses }, h("div", { key: '7935be0e4aed940d7b7f563f77cfc4b44a6192ef', class: cn('border-b relative flex mb-[6px] ps-[12px] gap-[4px]', this.tabClasses) }, this.tabs.map((label, idx) => (h("button", { key: label + idx, onClick: () => !(this.activeTabIndex === idx || this.activeTabLabel === label) && this.changeActiveTab({ label, idx }), class: cn('px-[16px] cursor-pointer after:w-full py-[6px] after:h-[1px] after:left-0 after:bottom-0 after:absolute after:bg-white after:opacity-0 after:translate-y-full after:z-10 after:duration-500 after:transition text-[17px] relative transition-colors !border-b-0 duration-500 font-medium text-black bg-[#f6f6f6] border border-gray-200 rounded-t-[4px] focus:outline-none', {
                 'bg-white cursor-default after:opacity-100': this.activeTabIndex === idx || this.activeTabLabel === label,
-            }) }, label)))), h("flexible-container", { key: '6d05b2de7bbde6587ebfe0489efab23b1dd72a01' }, h("slot", { key: '4df82de4776e727960b09d3f1fddeed8e2d031c3' }))));
+            }) }, label)))), h("flexible-container", { key: '2dd43bc3430028c4b1c8e9fe804d265e96894ea1' }, h("slot", { key: '30b3c15e87e75cdf98dd175c31288d44f0f50cc8' }))));
     }
 };
 ShiftTabs.style = shiftTabsCss();
@@ -353,22 +353,22 @@ const VehicleItemClaimForm = class {
         const isFormValid = this.getIsFormValid();
         const hasDocuments = !!((_d = (_c = this.inputs) === null || _c === void 0 ? void 0 : _c.documents) === null || _d === void 0 ? void 0 : _d.length);
         const showUploadProgress = this.isLoading && ((_e = this.item) === null || _e === void 0 ? void 0 : _e.showDocumentUploader) && hasDocuments;
-        return (h(Host, { key: '3a09d53fd961d1904d09c894a9977a999bce6290', translate: "no" }, h(ImageViewer, { key: 'fb1f5fd69a8fc340f0bbd431681487428e004c51', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => closeImageViewer.bind(this)() }), h("div", { key: 'a95fdacea2063289449edea25d9aa2f147fbad36', dir: this.locale.sharedLocales.direction, class: cn('claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0', {
+        return (h(Host, { key: 'dfa721300fb98c893f247372f2de9fddbba07e5e', translate: "no" }, h(ImageViewer, { key: '71707b85fdc518b0c9e377c5d5fe50fdeb8f6fd3', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => closeImageViewer.bind(this)() }), h("div", { key: '5528511e812402fc426a356d72d076f998d85b75', dir: this.locale.sharedLocales.direction, class: cn('claim-scrim fixed top-0 left-0 z-[999] w-[100dvw] h-[100dvh] overflow-y-auto overscroll-contain pointer-events-none transition duration-500 scale-[110%] opacity-0', {
                 'opacity-1 scale-100 pointer-events-auto': this.isOpened,
                 'compact': this.compact,
-            }) }, h("div", { key: '47d2009c2620c71e9bf4e71d1f7397cb82d2d6db', class: "stage" }, h("div", { key: '4ee0d752a656732574c0c8d23fb33ea6e79c6f1f', class: cn('voucher', { side: !isBottomStub, bottom: isBottomStub, qr: isQRScannerForm }) }, h("button", { key: 'b06a4a445e9c7abced3e0cffca8a4e1b35a79d87', disabled: this.isLoading, onClick: this.close.bind(this), class: "btn-close", "aria-label": "Close" }, h(AddIcon, { key: '04770841e967650ba1d7934cf2dc144eebe73d5d', class: "stroke-[1.5px]" })), h("section", { key: '89a1d272edd04198447a0d6206da3fbea5884573', class: "v-body" }, h("div", { key: 'cafe76bafdbb5ddf7169701a47bc15f45ec35ea8', class: "item-row" }, h("div", { key: '66cb6281a1a6c33322c7d2853effe582a6d63237' }, !!((_f = this.item) === null || _f === void 0 ? void 0 : _f.type) && h("span", { key: 'e09d034d8659edd3a827e9a7214de1a01732436e', class: "item-type" }, this.item.type), h("div", { key: '9b5cc0d71f3eb86b824bca550a9f4926a8847f40', class: "item-name" }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.name)), h("div", { key: 'fcaad6353795aab5f23a2487164d7933a266a8f7', class: "vin-stamp" }, h("div", { key: '67675a3e2ae40facde3a132a5930bbcfbfec4a30', class: "lab" }, this.locale.vin), h("div", { key: '7cdf792c06cc2b72bfacd2590a8e5ffe101b055e', class: "vin", dir: "ltr" }, this.vin), !!((_h = this.item) === null || _h === void 0 ? void 0 : _h.printUrl) && (h("button", { key: '50b020cc847a9094bb7112a039fdc2abb182efea', class: "btn-print", onClick: () => { var _a; return (_a = window.open(this.item.printUrl, '_blank')) === null || _a === void 0 ? void 0 : _a.focus(); } }, h(PrinterIcon, { key: '60ab78a26c8099730d7d3c63d2ca1c6a0aa37db4' }), this.locale.print)))), h("div", { key: '21f301a99b804aa7dea590f7465f6d337c1a6ef7', class: "specs" }, h("div", { key: '7c6314d7c36c4c7f22dc69bbfd407f83a380bdc8', class: "spec" }, h("div", { key: '4fe65caa6c11ef31886d0d932ffe92002d681e22', class: "lab" }, this.locale.activationDate), h("div", { key: '64d19ed572c2223edd8d6d4ab3c5b72145fd421f', class: "val", dir: "ltr" }, ((_j = this.item) === null || _j === void 0 ? void 0 : _j.activatedAt) || '—')), h("div", { key: 'cbb976acf0b8700c1da2d87dc2d10b35f8e90924', class: "spec" }, h("div", { key: 'ceacc4cad3bbfd66278c061bc7d447e601bf5bb4', class: "lab" }, this.locale.expireDate), h("div", { key: 'fda8cf92980bec97d59ceffa5542162e795a3a02', class: "val", dir: "ltr" }, ((_k = this.item) === null || _k === void 0 ? void 0 : _k.expiresAt) || '—')), h("div", { key: 'c59a1ea45f41875c4a4d8c269223a33aae0dafd1', class: "spec pkg" }, h("div", { key: '8e8cb21c06555f88fd4d5063c0ae2f084d0db378', class: "lab" }, this.locale.packageCode), h("div", { key: 'cf4833cf6d832dc6e3ca5c49fbdd72fe12d71797', class: "val", dir: "ltr" }, ((_l = this.item) === null || _l === void 0 ? void 0 : _l.packageCode) || '—'))), Array.isArray((_m = this.item) === null || _m === void 0 ? void 0 : _m.warnings) && !!this.item.warnings.length && (h("div", { key: '2d3b9abad25e7a1007d200648362685720a75a09', class: "notices" }, this.item.warnings.map(warning => (h("div", { key: warning.key, class: cn('notice', { info: !(warning === null || warning === void 0 ? void 0 : warning.confirmationText) }) }, h("div", { class: "doc-row" }, h("div", { class: "ntc-body", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (h("button", { class: "doc-thumb-btn", title: this.locale.expand, onClick: event => this.openWarningImage(event, warning === null || warning === void 0 ? void 0 : warning.imageUrl) }, h("span", { class: "thumb-overlay" }, h("img", { src: eyeSvg }), this.locale.expand), h("img", { class: "doc-thumb", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (h("div", { class: "confirm" }, h("label", { class: cn({ disabled: this.isLoading }) }, h("input", { type: "checkbox", class: "sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), h("span", { class: "cbx-face" }, h(CheckIcon, null)), warning === null || warning === void 0 ? void 0 :
-            warning.confirmationText))))))))), h("aside", { key: '8575678299db15654aef32745f2ebf9065eb2fe5', class: "stub" }, h("div", { key: 'ec8960e4dc691d6b50ba090d01810bbd27961283', class: "perf" }), h("span", { key: 'b8483abc2a24b9b6dc758194a35fa598bc53f1d3', class: "punch p1" }), h("span", { key: '329b4207e3ac2c1bda01df70bd92f9557b351e12', class: "punch p2" }), isQRScannerForm && h("div", { key: '4d8ea41cad5fe2720e19ba732a680cb56df3eb1e', class: "field-label" }, this.locale.qrCode), h("div", { key: '1fcc19f531fbde24a846aed57430c2e4c9fdb080', class: "claim-area" }, isQRScannerForm ? (h("div", { class: cn('scanzone', { disabled: disableInputs }) }, h("div", { class: "sz-row" }, h("span", { class: "qr-ic" }, h(QrCodeScanIcon, null)), h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: () => {
+            }) }, h("div", { key: 'a0bafc489eab356888b93d2e65a18c577238e3cc', class: "stage" }, h("div", { key: '6d3442bb216b475329923901e994232acce93ff9', class: cn('voucher', { side: !isBottomStub, bottom: isBottomStub, qr: isQRScannerForm }) }, h("button", { key: 'e8488f1141179eaca2bbd69e8fd2ae410369a9db', disabled: this.isLoading, onClick: this.close.bind(this), class: "btn-close", "aria-label": "Close" }, h(AddIcon, { key: 'eb58c2e25f30ab700ad14e723b5dac526381300a', class: "stroke-[1.5px]" })), h("section", { key: '2bbf81e8a0fe142b5cc14fcf6b36185bc76983e2', class: "v-body" }, h("div", { key: 'e6ba957329613aa3967fcc0da9850f6ad1aeb4e7', class: "item-row" }, h("div", { key: '9a99d5a5a7ee64c2990cd6ac781d01668c7b1747' }, !!((_f = this.item) === null || _f === void 0 ? void 0 : _f.type) && h("span", { key: 'c4bb8f384daf072cf5584edae06447ab96ff7df3', class: "item-type" }, this.item.type), h("div", { key: 'ac53358728ac2b01caa8b4276ed1d564a96e6ea3', class: "item-name" }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.name)), h("div", { key: '7297983b82c0a926f0cece27b9e94b3ffac4fe85', class: "vin-stamp" }, h("div", { key: '48e80c5bda5961f2072930b452cc1864688d0af7', class: "lab" }, this.locale.vin), h("div", { key: '54c4c9b3f49bb1145beb49ffc6c5473d29332b48', class: "vin", dir: "ltr" }, this.vin), !!((_h = this.item) === null || _h === void 0 ? void 0 : _h.printUrl) && (h("button", { key: 'c7923872e635cd05e50cb6d1b588111610ae2d6f', class: "btn-print", onClick: () => { var _a; return (_a = window.open(this.item.printUrl, '_blank')) === null || _a === void 0 ? void 0 : _a.focus(); } }, h(PrinterIcon, { key: 'c661306cb71d96957361aaf57fdc67e1ceecb1c6' }), this.locale.print)))), h("div", { key: 'ba247787efb4de44f9625c4203054f0924dfeef6', class: "specs" }, h("div", { key: '22b0a8cde864ecf870b2f71ec1c039ac12086125', class: "spec" }, h("div", { key: '068447dbe1cfb5336995837eee2e3c049db1a763', class: "lab" }, this.locale.activationDate), h("div", { key: '4cd6dc0be3df47c701fa9ae5b732eb771befb2ad', class: "val", dir: "ltr" }, ((_j = this.item) === null || _j === void 0 ? void 0 : _j.activatedAt) || '—')), h("div", { key: '91fb411ade3a634375873d4fa466c9d0a1704549', class: "spec" }, h("div", { key: 'e4329555926da264de20b915408fc8fdf3a6726b', class: "lab" }, this.locale.expireDate), h("div", { key: '357e23015eabdcfbac0fb984a21964b96d51c229', class: "val", dir: "ltr" }, ((_k = this.item) === null || _k === void 0 ? void 0 : _k.expiresAt) || '—')), h("div", { key: '76e1136f4086c8f0887ae1376186077590b63671', class: "spec pkg" }, h("div", { key: '22e0e053939cfaeac44966126d50e8c3384a55b4', class: "lab" }, this.locale.packageCode), h("div", { key: '18dba510d560f639901e3f28aea5393ce33b4fcc', class: "val", dir: "ltr" }, ((_l = this.item) === null || _l === void 0 ? void 0 : _l.packageCode) || '—'))), Array.isArray((_m = this.item) === null || _m === void 0 ? void 0 : _m.warnings) && !!this.item.warnings.length && (h("div", { key: '84ff1f044b099055e77efa6e7e6dff8c15d343a8', class: "notices" }, this.item.warnings.map(warning => (h("div", { key: warning.key, class: cn('notice', { info: !(warning === null || warning === void 0 ? void 0 : warning.confirmationText) }) }, h("div", { class: "doc-row" }, h("div", { class: "ntc-body", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (h("button", { class: "doc-thumb-btn", title: this.locale.expand, onClick: event => this.openWarningImage(event, warning === null || warning === void 0 ? void 0 : warning.imageUrl) }, h("span", { class: "thumb-overlay" }, h("img", { src: eyeSvg }), this.locale.expand), h("img", { class: "doc-thumb", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (h("div", { class: "confirm" }, h("label", { class: cn({ disabled: this.isLoading }) }, h("input", { type: "checkbox", class: "sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), h("span", { class: "cbx-face" }, h(CheckIcon, null)), warning === null || warning === void 0 ? void 0 :
+            warning.confirmationText))))))))), h("aside", { key: '3b704a2d1ebc36d028c5bd53027e60b223297c50', class: "stub" }, h("div", { key: '38c395c2c11beab0f9f0b779f4ccaea7f0500903', class: "perf" }), h("span", { key: 'ffdab5220aa5751b1a4457dfd405c8af6b8c3093', class: "punch p1" }), h("span", { key: '7a21360c2a6febd33259b315bf9e72bb38b87f5b', class: "punch p2" }), isQRScannerForm && h("div", { key: 'd5becfa26b6222ec84ed8885ddb55f5e2f045459', class: "field-label" }, this.locale.qrCode), h("div", { key: '3706f527a430972913fe6955b2f891ce5c62c6f5', class: "claim-area" }, isQRScannerForm ? (h("div", { class: cn('scanzone', { disabled: disableInputs }) }, h("div", { class: "sz-row" }, h("span", { class: "qr-ic" }, h(QrCodeScanIcon, null)), h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: () => {
                 if (!this.claimError)
                     this.focusInputs();
             }, onKeyDown: this.onKeyDown, value: (_o = this.inputs) === null || _o === void 0 ? void 0 : _o.qrCode, placeholder: this.locale.scanTheVoucher, onInput: event => this.setInputValue('qrCode', event.target.value) })), h("div", { class: "scan-hint" }, h("span", { class: "dot" }), this.locale.scanHint))) : ([
             h("div", { class: "field", key: "invoice" }, h("label", null, this.locale.invoice), h("input", { dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_p = this.inputs) === null || _p === void 0 ? void 0 : _p.invoice, placeholder: this.locale.invoice, onInput: event => this.setInputValue('invoice', event.target.value) })),
             h("div", { class: "field", key: "jobNumber" }, h("label", null, this.locale.jobNumber), h("input", { dir: "ltr", type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_q = this.inputs) === null || _q === void 0 ? void 0 : _q.jobNumber, placeholder: this.locale.jobNumber, onInput: event => this.setInputValue('jobNumber', event.target.value) })),
-        ]), ((_r = this.item) === null || _r === void 0 ? void 0 : _r.showDocumentUploader) && (h("div", { key: '73de78933bb8e0555f2a78b823ab0871073e423f', class: "upload-wrap" }, h("input", { key: '9b8883fa0fe04a3314d4504344a7810d13635bad', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), h("div", { key: 'bfd473f6a103bfed2b1baf91c249fa40e6193f2e', class: cn('upload', { disabled: disableInputs }), onClick: this.onDocumentButtonClicked }, h("span", { key: 'cacae0265fe1c474ca6dea8a5f405fb91e9e756a', class: "ic" }, h(AttachIcon, { key: '9e68372260a29a941b038e15ac6101a43c32e65e' })), h("span", { key: '40f71a8e713f8fecf33d9f8d68b45ded7ead2260', class: "upload-text" }, h("span", { key: '288972dd90a2d8ed8ffead8ff3563b080d9c480d', class: "ut", title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_s = this === null || this === void 0 ? void 0 : this.item) === null || _s === void 0 ? void 0 : _s.documentUploaderIsRequired) && !hasDocuments && h("span", { key: 'b941c3e76deee9c348e20aae1479c475557a834b', class: "req" }, "*")), h("span", { key: 'ad0867177d96d32c22ee0f5f786c1417c6e10e04', class: "us" }, this.locale.uploadHint)), hasDocuments && (h("button", { key: 'ea540553021cee975e0a6d2480539c331152bc2a', class: "upload-clear", onClick: this.clearFile, "aria-label": "Clear" }, h(AddIcon, { key: 'caab5cee1ab27f8ead7eea6c50202af47d14edbc' })))), h("flexible-container", { key: '8683efc9bd571a833a11fdbdde8448ae7e3191e7', isOpened: !!((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.show) }, h("div", { key: 'fa1ca438a5094a440588080433bb74463f6e9c00', class: "upload-error" }, ((_w = (_v = this.errors) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.text) === 'documentLimitError'
+        ]), ((_r = this.item) === null || _r === void 0 ? void 0 : _r.showDocumentUploader) && (h("div", { key: 'e55801cca5a24088b2da068a0857ebe21b00356c', class: "upload-wrap" }, h("input", { key: 'c3a9262a34b3a06698ca23eadf1cd511d64c3b78', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), h("div", { key: '2c2a7bb687fcdc1e08bcd46d55d01991157a35a1', class: cn('upload', { disabled: disableInputs }), onClick: this.onDocumentButtonClicked }, h("span", { key: 'f56558763a578d2711f25c6516781a9f4bfd4437', class: "ic" }, h(AttachIcon, { key: '2ebd3293be2c35f3058f5f28c8e047305a6d1e5e' })), h("span", { key: '42980687115cdc8aebea4627301011fa57b636b8', class: "upload-text" }, h("span", { key: '1f2d94bec57f5a2fd80a50a0ff3abfc6fa574f7c', class: "ut", title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_s = this === null || this === void 0 ? void 0 : this.item) === null || _s === void 0 ? void 0 : _s.documentUploaderIsRequired) && !hasDocuments && h("span", { key: 'cb9a2a4b24a7abbce8723129f9e8e139b4a68dca', class: "req" }, "*")), h("span", { key: '88f2a50a9a61fda99c4428ac0a08be29fd08c420', class: "us" }, this.locale.uploadHint)), hasDocuments && (h("button", { key: 'b02e0cde0240af8ae98523d6382dd48fd8fa27b0', class: "upload-clear", onClick: this.clearFile, "aria-label": "Clear" }, h(AddIcon, { key: '640c53b9a8f705d195778a22f04a5bac92016946' })))), h("flexible-container", { key: '4d8d03d740177dc0167062d589113e0a05a84536', isOpened: !!((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.show) }, h("div", { key: 'be97a54285f4f9f2331fdb8022a054297407ad02', class: "upload-error" }, ((_w = (_v = this.errors) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.text) === 'documentLimitError'
             ? this.locale.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
-            : this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), h("flexible-container", { key: '5ad01fafcae699d08437e07982c33e837e11d40a', isOpened: hasDocuments, containerClasses: "" }, h("div", { key: '551e762eaa802a335ed0d66c68f1a4a94e60ef0d', class: "chips" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => (h("div", { class: cn('chip', { disabled: disableInputs }) }, h("span", { title: doc.name }, doc.name), h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), "aria-label": "Remove" }, h(AddIcon, null))))))))), h("div", { key: 'c60fbdc5fed587523a11ba1f379e5753eb9d29f2', class: "stub-spacer" }), h("button", { key: '8c17261d7bdbaca5d1a9994e4c6833428b17b576', class: cn('btn-claim', { loading: this.isLoading }), onClick: this.submit, disabled: !isFormValid || disableInputs }, this.isLoading && h("span", { key: 'ede8dbb96d10dee1cd44d5cd291c40deb800b2ea', class: "claim-progress", style: { width: `${showUploadProgress ? this.uploadProgress : 100}%` } }), h("span", { key: 'c850ac7904b65e8fb5bf07c5a2c4daf5a2378258', class: "claim-label" }, !this.isLoading && h(CheckIcon, { key: '2fa33f6b1d76f4d52d5b478f73ebcda411cce7c9' }), h("span", { key: '5021cfc3e85f34ba8591ff38bb1d90296de94e9f' }, this.isLoading ? `${this.locale.processing}${showUploadProgress ? ` ${this.uploadProgress}%` : ''}` : this.locale.claim))))))), !!this.claimError && (h("div", { key: 'c65dcd693c8fba4560e0a72f3d6775e593ad1b00', class: "err-scrim", onClick: event => {
+            : this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), h("flexible-container", { key: '86a275dc553a892a5abfdcc3680a4fc57bbda6df', isOpened: hasDocuments, containerClasses: "" }, h("div", { key: '46c5ce3684baddb2598ef49d715f1d7e1e84ec6e', class: "chips" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => (h("div", { class: cn('chip', { disabled: disableInputs }) }, h("span", { title: doc.name }, doc.name), h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), "aria-label": "Remove" }, h(AddIcon, null))))))))), h("div", { key: 'd6f8c4f335fccc507cf182c9b262e86d0c09896a', class: "stub-spacer" }), h("button", { key: '34fe61c1d65a26726f44832cc656dfed27c65cc1', class: cn('btn-claim', { loading: this.isLoading }), onClick: this.submit, disabled: !isFormValid || disableInputs }, this.isLoading && h("span", { key: '91789e237e1e7ae69fd57fa72d14e8eab1c6550f', class: "claim-progress", style: { width: `${showUploadProgress ? this.uploadProgress : 100}%` } }), h("span", { key: 'ae904877057a7b0d7cec840534676b90c682d700', class: "claim-label" }, !this.isLoading && h(CheckIcon, { key: '00a4eb17e9a39e95534eb6f938de345ab2d6916c' }), h("span", { key: '364060dbf8aceddccf97050fbcbd21b4f60cc944' }, this.isLoading ? `${this.locale.processing}${showUploadProgress ? ` ${this.uploadProgress}%` : ''}` : this.locale.claim))))))), !!this.claimError && (h("div", { key: '5dc91e936df9890620a77e78665fd4cc1040559f', class: "err-scrim", onClick: event => {
                 if (event.target === event.currentTarget)
                     this.dismissError();
-            } }, h("div", { key: '71d0da7efc126db1f7e296f66a2bff7b4f772fc8', class: "err-card", role: "alertdialog", "aria-modal": "true" }, h("button", { key: 'a0972977cf450a5991f1b94bc9be7b52ce9b4a4a', class: "btn-close", onClick: this.dismissError, "aria-label": "Close" }, h(AddIcon, { key: 'd09fb6ed1237fe5ad90d0fecabe69033263d3c46', class: "stroke-[1.5px]" })), h("div", { key: '979e5e77ba129de6e51b1b9c8dac26dfa14c8181', class: "err-head" }, h("span", { key: '240f05e9d433008eb0f26d59a884d8a79fa1feb5', class: "err-ic" }, h(TriangleAlertIcon, { key: '8a1868d758121d9549514ad30f1a9fb5f92530c9' })), h("span", { key: '08ed8c54b7ea86c0d54e8688aac6ff085184c738', class: "err-title" }, this.locale.claimFailed)), h("div", { key: '6ab69820f70b72b73b3fabe612b7457bd7d24692', class: "err-msg" }, this.claimError), h("div", { key: '8091344c6aa8a98a1b15f666a893881222b28009', class: "err-foot" }, h("button", { key: 'e9c236ee11387027f9c20b144171850f3345c98c', class: "btn-err-ok", onClick: this.dismissError }, this.locale.ok))))))));
+            } }, h("div", { key: '042222287cefdee8be5a351cebd06cc729679aee', class: "err-card", role: "alertdialog", "aria-modal": "true" }, h("button", { key: 'ec05fb9e5bca5622b4d48a11df066caaff2d8aa7', class: "btn-close", onClick: this.dismissError, "aria-label": "Close" }, h(AddIcon, { key: '0ac641a87095ea4f0321dff554db2d955938b156', class: "stroke-[1.5px]" })), h("div", { key: '6db7a47a0ed3e650cdad19af9f90bb077304568f', class: "err-head" }, h("span", { key: 'f5acd69a8c6a9e83c8f7d0d1a55167101e29f747', class: "err-ic" }, h(TriangleAlertIcon, { key: '94476ccbbf12988c4c481b81202a7eeefc632644' })), h("span", { key: '13d43261be7df1fb9acfe5bea3838c7956b137fb', class: "err-title" }, this.locale.claimFailed)), h("div", { key: 'd095d495bebef6137b04a1973dc88fcc63229675', class: "err-msg" }, this.claimError), h("div", { key: 'd9a77b8ed7fdab0bae9ca8bfe978bc1bfc661782', class: "err-foot" }, h("button", { key: '94b2d72e59a6297218b6c39210bec74653f1a54a', class: "btn-err-ok", onClick: this.dismissError }, this.locale.ok))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ssc-lookup-form.entry.js

@@ -2,18 +2,18 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg4V9l26.js';
-import { f as functionHooks } from './functions-DHzedl_R.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CteZTPhq.js';
+import { f as functionHooks } from './functions-BObezuTv.js';
 import { c as cn } from './cn-BK16Cn81.js';
-import { g as getFormValidations } from './validation-oieVWBn1.js';
+import { g as getFormValidations } from './validation-lB1iHxfZ.js';
 import { s as sharedFormLocalesSchema } from './types-BDhR4pDq.js';
-import { g as getLanguageFromUrl } from './get-language-from-url-U4hZ4dwn.js';
-import { L as LoaderIcon } from './loader-icon-B2ls1yXl.js';
-import { g as getFormMappers } from './mappers-CeTQZn37.js';
-import './get-local-language-TRD6vPH7.js';
+import { g as getLanguageFromUrl } from './get-language-from-url-fV-K15uy.js';
+import { L as LoaderIcon } from './loader-icon-BvAmA41s.js';
+import { g as getFormMappers } from './mappers-9IKbvPiR.js';
+import './get-local-language-DcxL5hdi.js';
 import './validate-vin-CUREVASG.js';
-import './calendar-days-icon-BOy0a_W-.js';
-import './decode-time-offset-ChO_PV6l.js';
+import './calendar-days-icon-CnASOv7M.js';
+import './decode-time-offset-Cib1aJfV.js';
 import './get-nested-value-D0IHkGuC.js';
 
 const styleCss = () => `*,: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}.block{display:block}.flex{display:flex}.grid{display:grid}.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))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.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}.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))}}`;
@@ -76,9 +76,9 @@ const SSCLookupForm = class {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f9efa6bfdad64cf8ec7613ae9c245ba7ff61b22b', translate: "no" }, h("div", { key: 'c52a74f4b29b30476b77201a66abf81487f560eb', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: '068a2662ba4c042bc5bfbeac72e685817e1a37d2', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'e8a08b325e81c9f5b4c1ce7976e747ec6c1d679c', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '1a466ccb60eeb0a22817e0a866d5b2ff38a43007', translate: "no" }, h("div", { key: '88a26e8e8adbe45587bffbce95725b77d1c9cf32', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'cd6a38ae4b2a98710f22854752402c096668b2d9', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '169beb837517ba21f4a41a1deb48c779ae88af20', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: '4ca121d0fa731a27a5bcfc2702dd4c5891a518bf', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '3f37cf6049ddac0c3552066bcf7425a607872b23', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: 'ab4b4dc0d541c002efdc317d506f2fcabdda9944', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '1a79f36ea2169f9c45ea88d98fba32e33693350d' }))))))));
+            }) }, h(LoaderIcon, { key: '3356ddab60bfce913198a8c2cf065d7923b924ff', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '3534484d4f1e919ce693570387d87859655b472b', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: 'b20e4be525063cf523dbdf04fb2ee348f99cec21', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '27a34c78cf16a951fa806b00c33526b61ac7c1ea' }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/test-drive-form.entry.js

@@ -2,18 +2,18 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-Cg4V9l26.js';
-import { f as functionHooks } from './functions-DHzedl_R.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CteZTPhq.js';
+import { f as functionHooks } from './functions-BObezuTv.js';
 import { c as cn } from './cn-BK16Cn81.js';
-import { g as getFormValidations } from './validation-oieVWBn1.js';
+import { g as getFormValidations } from './validation-lB1iHxfZ.js';
 import { s as sharedFormLocalesSchema } from './types-BDhR4pDq.js';
-import { g as getLanguageFromUrl } from './get-language-from-url-U4hZ4dwn.js';
-import { L as LoaderIcon } from './loader-icon-B2ls1yXl.js';
-import { g as getFormMappers } from './mappers-CeTQZn37.js';
-import './get-local-language-TRD6vPH7.js';
+import { g as getLanguageFromUrl } from './get-language-from-url-fV-K15uy.js';
+import { L as LoaderIcon } from './loader-icon-BvAmA41s.js';
+import { g as getFormMappers } from './mappers-9IKbvPiR.js';
+import './get-local-language-DcxL5hdi.js';
 import './validate-vin-CUREVASG.js';
-import './calendar-days-icon-BOy0a_W-.js';
-import './decode-time-offset-ChO_PV6l.js';
+import './calendar-days-icon-CnASOv7M.js';
+import './decode-time-offset-Cib1aJfV.js';
 import './get-nested-value-D0IHkGuC.js';
 
 const styleCss = () => `*,: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}.block{display:block}.flex{display:flex}.grid{display:grid}.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))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.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}.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))}}`;
@@ -65,9 +65,9 @@ const TestDriveForm = class {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '5266e1b30cb4759dc10011eaf264c568baac2a36', translate: "no" }, h("div", { key: '5d801974606cbcdbe834d95abcb7ff5d5e85e00d', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'c0e58b6f678685b4e69021401b772294b913ec64', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '28b515d0216c1166ceeb5937a7a7b047698f9227', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '663aa1c3859c5948fd76496ec55a6bd919677181', translate: "no" }, h("div", { key: '61dbe61597292dcc9594b248d4fc21d4e1720ff1', part: cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, h("div", { key: 'cc66f07bc4ce7a301557b1bf1ac518855a09c7f7', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: 'ca83163cece3da96278595224530fbf6938604df', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: '8e195e515962ce2b6efd49e11ce366b3703f52d3', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '5df846b3997a92d786f47cf09c0cc2e5d325e3e5', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '40ff429b10d3a8addbc8bc803bfcd4ebc0f5eac0', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '924762fabdd688dda23233a82a4604f4e51a9210' }))))))));
+            }) }, h(LoaderIcon, { key: '7776d39989a00f16592376cabb15122a413f993e', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'a18c6291d275b0db481efc0faee316fa936f5a8c', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '7faa011ec69f1f7709eb080e879a396a171ca06b', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, h("slot", { key: '3c1c90565eb6b214f6cf69d4be0ac1a538ccf7d6' }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{triangle-alert-D4H9aWiT.js → triangle-alert-Brtqhx2d.js}

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-Cg4V9l26.js';
+import { h } from './index-CteZTPhq.js';
 import { c as cn } from './cn-BK16Cn81.js';
 
 const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==';

package/dist/esm/{validation-oieVWBn1.js → validation-lB1iHxfZ.js}

@@ -10,10 +10,11 @@ const format = (name) => `${name}-format`;
 const require = (name) => `${name}-require`;
 const size = (name) => `${name}-size`;
 const max = (name) => `${name}-max`;
+const upload = (name) => `${name}-upload`;
 const placeholder = (name) => `${name}-placeholder`;
 const meta = (name) => ({ label: label(name), placeholder: placeholder(name) });
 const condition = (name) => `$${name}Required`;
-const y = { label, format, require, condition, placeholder, meta, size, max };
+const y = { label, format, require, condition, placeholder, meta, size, max, upload };
 const getFormValidations = (extraFields = {}) => {
     return create$3(Object.assign({ name: create$6()
             .meta(meta('name'))
@@ -127,4 +128,4 @@ const getFormValidations = (extraFields = {}) => {
         }) }, extraFields));
 };
 
-export { max as a, format as f, getFormValidations as g, meta as m, require as r, size as s, y };
+export { max as a, format as f, getFormValidations as g, meta as m, require as r, size as s, upload as u, y };