adp-web-components 0.3.18 → 0.3.20

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

@@ -3,20 +3,20 @@
  * Copyright (c)
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CteZTPhq.js';
-import { f as functionHooks } from './functions-COLiDjnd.js';
+import { f as functionHooks } from './functions-DSwc1YVL.js';
 import { c as cn } from './cn-BK16Cn81.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-fV-K15uy.js';
 import { L as LoaderIcon } from './loader-icon-BvAmA41s.js';
-import { g as getFormMappers } from './mappers-9IKbvPiR.js';
-import './get-local-language-CACck9dv.js';
+import { g as getFormMappers } from './mappers-CZs2R7k6.js';
+import './get-local-language-DdSAPSCV.js';
 import './validate-vin-CUREVASG.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}.\\!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}.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}}.cursor-pointer{cursor:pointer}.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))}}`;
+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))}}`;
 
 const validation = getFormValidations();
 const elementMapper = getFormMappers();
@@ -65,9 +65,9 @@ const TestDriveForm = class {
     // #endregion
     render() {
         var _a, _b;
-        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', {
+        return (h(Host, { key: 'ca92745686b3d111503105eec688b81b3ec6fd5a', translate: "no" }, h("div", { key: '8dd56e05548bafa9bb76a58ba28325fbfe126a91', 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: '012685dec64f96e3bf161dc15d59357ad82a9067', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '877f131811b71044b2958dc9151a41c59fbb61ea', 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: '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' }))))))));
+            }) }, h(LoaderIcon, { key: '8e66bec42f80346271daa48ebf128011e9daba85', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '209b755b00d1fb6583030f54f48721d63b897109', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '4ba4461414109af39060c3b841a308f67a6fd982', 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: 'ab21e46eb6bf2f28ac6f5b0e80abf6c4359bf7e8' }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/triangle-alert-BlnfPzWh.js

@@ -0,0 +1,237 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from './index-CteZTPhq.js';
+import { c as cn } from './cn-BK16Cn81.js';
+
+const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==';
+
+const ImageViewer = ({ expandedImage, style = {}, imageStyle = {}, closeImageViewer }) => {
+    return (h("div", null, h("div", { onClick: closeImageViewer, class: cn('image-viewer-overlay', { active: expandedImage }), style: Object.assign({ backdropFilter: expandedImage ? 'blur(3px)' : 'blur(0px)' }, style) }, h("button", { class: "image-viewer-close-btn" }, h("div", { class: "image-viewer-close-line first" }), h("div", { class: "image-viewer-close-line second" }))), h("img", { style: imageStyle, alt: "", class: "image-viewer-expanded-image" })));
+};
+
+let closeImageListener;
+function openImageViewer(target, imageSrc) {
+    if (this.expandedImage === imageSrc)
+        return;
+    this.originalImage = target;
+    const expandedImageRef = this.el.shadowRoot.querySelector('.image-viewer-expanded-image');
+    expandedImageRef.src = target.src;
+    document.removeEventListener('keydown', closeImageListener);
+    closeImageListener = () => closeImageViewer.bind(this)();
+    document.addEventListener('keydown', closeImageListener);
+    const rect = target.getBoundingClientRect();
+    document.body.style.overflow = 'hidden';
+    Object.assign(expandedImageRef.style, {
+        top: `${rect.top}px`,
+        pointerEvents: 'auto',
+        left: `${rect.left}px`,
+        transitionDuration: '0s',
+        width: `${rect.width}px`,
+        height: `${rect.height}px`,
+    });
+    setTimeout(() => {
+        const naturalWidth = target.naturalWidth;
+        const naturalHeight = target.naturalHeight;
+        const maxWidth = window.innerWidth - 160;
+        const maxHeight = window.innerHeight - 32;
+        const aspectRatio = naturalWidth / naturalHeight;
+        let width, height;
+        if (maxWidth / aspectRatio <= maxHeight) {
+            width = maxWidth;
+            height = maxWidth / aspectRatio;
+        }
+        else {
+            height = maxHeight;
+            width = maxHeight * aspectRatio;
+        }
+        expandedImageRef.style.transitionDuration = '0.3s';
+        Object.assign(expandedImageRef.style, {
+            opacity: '1',
+            width: `${width}px`,
+            height: `${height}px`,
+            top: `${(window.innerHeight - height) / 2}px`,
+            left: `${(window.innerWidth - width) / 2}px`,
+        });
+        this.expandedImage = imageSrc;
+    }, 200);
+}
+function closeImageViewer(event) {
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    if (event && event.key !== 'Escape')
+        return;
+    document.removeEventListener('keydown', closeImageListener);
+    const expandedImageRef = this.el.shadowRoot.querySelector('.image-viewer-expanded-image');
+    const rect = this.originalImage.getBoundingClientRect();
+    Object.assign(expandedImageRef.style, {
+        top: `${rect.top}px`,
+        pointerEvents: 'none',
+        left: `${rect.left}px`,
+        width: `${rect.width}px`,
+        height: `${rect.height}px`,
+        transitionDuration: '0.3s',
+    });
+    setTimeout(() => {
+        expandedImageRef.src = '';
+        expandedImageRef.style.opacity = '0';
+        expandedImageRef.style.transitionDuration = '0s';
+    }, 300);
+    document.body.style.overflow = '';
+    this.expandedImage = null;
+}
+
+/**
+ * Getting an overlay out of whatever container the host page put this component in.
+ *
+ * These components are published to unknown hosts, so an overlay can end up nested in an animated
+ * modal, a slide-up footer, an accordion mid-transition or a virtualised list. Any ancestor with a
+ * `transform`, `filter`, `backdrop-filter`, `perspective`, `contain` or a `will-change` naming one
+ * of them becomes the containing block for `position: fixed`, and the overlay is laid out and
+ * clipped inside that ancestor instead of against the viewport.
+ *
+ * The browser's top layer is the only way out that does not move the element: it paints above every
+ * stacking context, is clipped by no ancestor, and ignores caging ancestors entirely — while the
+ * element stays in its shadow root, so scoped styles, refs and measurements keep working.
+ *
+ * The two flavours are not interchangeable:
+ *
+ *  - `modal` (dialog.showModal) inerts the rest of the page. Right for a claim form, fatal for a
+ *    hover card — it would make every other card unhoverable.
+ *  - `popover` (popover="manual" + showPopover) is non-modal, so the page stays interactive.
+ *
+ * Promotion is not free: the top layer cannot be overridden by a host's z-index, so a host can no
+ * longer place its own toast or nav above us. A modal should outrank those anyway, so it always
+ * promotes. A hover card should not, so it promotes only when staying put would actually clip it.
+ */
+var _a, _b;
+const cagingWillChange = /\b(transform|perspective|filter|backdrop-filter|contain)\b/;
+const cagingContain = /\b(paint|layout|strict|content)\b/;
+const isCagingStyle = (style) => {
+    if (!style)
+        return false;
+    if (style.transform && style.transform !== 'none')
+        return true;
+    if (style.perspective && style.perspective !== 'none')
+        return true;
+    if (style.filter && style.filter !== 'none')
+        return true;
+    const backdropFilter = style.backdropFilter || style.webkitBackdropFilter;
+    if (backdropFilter && backdropFilter !== 'none')
+        return true;
+    if (style.contain && cagingContain.test(style.contain))
+        return true;
+    if (style.willChange && cagingWillChange.test(style.willChange))
+        return true;
+    return false;
+};
+/**
+ * Walks up from the element, stepping out of every shadow root on the way, looking for an ancestor
+ * that would become the containing block for a `position: fixed` child.
+ */
+const isCaged = (element) => {
+    var _a, _b;
+    if (!element || typeof getComputedStyle !== 'function')
+        return false;
+    let current = element.parentElement;
+    let root = (_a = element.getRootNode) === null || _a === void 0 ? void 0 : _a.call(element);
+    while (true) {
+        if (!current) {
+            // Out of parents: hop through the shadow boundary and keep going up the host's tree.
+            if (!(root instanceof ShadowRoot))
+                return false;
+            current = root.host;
+            root = (_b = current === null || current === void 0 ? void 0 : current.getRootNode) === null || _b === void 0 ? void 0 : _b.call(current);
+            if (!current)
+                return false;
+        }
+        if (isCagingStyle(getComputedStyle(current)))
+            return true;
+        current = current.parentElement;
+    }
+};
+const supportsModalDialog = typeof HTMLDialogElement !== 'undefined' && typeof ((_a = HTMLDialogElement.prototype) === null || _a === void 0 ? void 0 : _a.showModal) === 'function';
+const supportsPopover = typeof HTMLElement !== 'undefined' && typeof ((_b = HTMLElement.prototype) === null || _b === void 0 ? void 0 : _b.showPopover) === 'function';
+/**
+ * Shows a modal overlay in the top layer, falling back to the `open` attribute where <dialog> is
+ * unimplemented — WebKit only shipped it in 15.4, which on iOS means Safari, every WKWebView and
+ * every installed PWA on the device. There the overlay renders in place exactly as it did before
+ * the top layer existed: correct, just clippable.
+ *
+ * Returns whether the top layer was actually used, so callers can supply what it would have given
+ * them for free (page inerting, Escape) on the path where it did not.
+ */
+const openModalOverlay = (dialog) => {
+    if (!dialog || dialog.open)
+        return supportsModalDialog;
+    if (supportsModalDialog) {
+        dialog.showModal();
+        return true;
+    }
+    dialog.setAttribute('open', '');
+    return false;
+};
+const closeModalOverlay = (dialog) => {
+    if (!dialog)
+        return;
+    if (supportsModalDialog && dialog.open)
+        dialog.close();
+    else
+        dialog.removeAttribute('open');
+};
+/**
+ * Promotes a non-modal overlay, but only when an ancestor would otherwise cage it — so in the
+ * ordinary case the host keeps the ability to stack its own UI above ours.
+ *
+ * The `popover` attribute is added here rather than in markup on purpose: it carries
+ * `[popover]:not(:popover-open) { display: none }`, which would hide an overlay that never gets
+ * promoted, and a set of UA box styles that only need overriding while it is applied.
+ */
+const promoteOverlayIfCaged = (element) => {
+    if (!element || !supportsPopover || element.hasAttribute('popover'))
+        return false;
+    if (!isCaged(element))
+        return false;
+    element.setAttribute('popover', 'manual');
+    try {
+        element.showPopover();
+        return true;
+    }
+    catch (_a) {
+        // Not connected, or already shown by something else — leave it laid out normally.
+        element.removeAttribute('popover');
+        return false;
+    }
+};
+const demoteOverlay = (element) => {
+    if (!element || !element.hasAttribute('popover'))
+        return;
+    try {
+        element.hidePopover();
+    }
+    catch (_a) {
+        /* already hidden */
+    }
+    element.removeAttribute('popover');
+};
+/**
+ * Escape handling for the fallback path only. A modal dialog reports Escape as a `cancel` event;
+ * without `showModal` there is no such event, so the key has to be watched directly.
+ *
+ * Capture, deliberately: an overlay that stacks something of its own on top (the claim form's image
+ * viewer) listens on `document`, and a bubble-phase listener on `window` would run *after* that one
+ * had already dismissed it and cleared the state this handler checks — closing both at once.
+ * Capture at `window` runs first, so the inner overlay still owns the key.
+ */
+const bindEscapeFallback = (handler) => {
+    const listener = (event) => {
+        if (event.key === 'Escape')
+            handler(event);
+    };
+    window.addEventListener('keydown', listener, true);
+    return () => window.removeEventListener('keydown', listener, true);
+};
+
+const TriangleAlertIcon = props => (h("svg", Object.assign({ fill: "none" }, props, { "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }), h("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }), h("path", { d: "M12 9v4" }), h("path", { d: "M12 17h.01" })));
+
+export { ImageViewer as I, TriangleAlertIcon as T, openModalOverlay as a, bindEscapeFallback as b, closeModalOverlay as c, closeImageViewer as d, eyeSvg as e, demoteOverlay as f, openImageViewer as o, promoteOverlayIfCaged as p };