adp-web-components 0.0.70 → 0.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/contact-us-form.cjs.entry.js +3 -3
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +2 -2
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +7 -7
- package/dist/cjs/dynamic-redeem.cjs.entry.js +3 -3
- package/dist/cjs/form-dialog_8.cjs.entry.js +12 -12
- package/dist/cjs/{get-local-language-ed398f45.js → get-local-language-f9a029a2.js} +2 -2
- package/dist/cjs/{index-603d8f32.js → index-5612fce0.js} +4 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/loading-spinner.cjs.entry.js +2 -2
- package/dist/cjs/part-lookup.cjs.entry.js +2 -2
- package/dist/cjs/service-booking-form.cjs.entry.js +3 -3
- package/dist/cjs/shift-components.cjs.js +2 -2
- package/dist/cjs/validate-vin-32e95695.js +66 -0
- package/dist/cjs/vehicle-lookup.cjs.entry.js +5 -63
- package/dist/cjs/vin-extractor.cjs.entry.js +355 -0
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/components/loading-spinner.css +1 -1
- package/dist/collection/components/form-elements/form-dialog.css +1 -1
- package/dist/collection/components/form-elements/form-input.css +1 -1
- package/dist/collection/components/form-elements/form-select.css +1 -1
- package/dist/collection/components/form-elements/form-select.js +1 -1
- package/dist/collection/components/form-elements/form-shadow-input.css +1 -1
- package/dist/collection/components/form-elements/form-structure-error.css +1 -1
- package/dist/collection/components/form-elements/form-structure.css +1 -1
- package/dist/collection/components/form-elements/form-submit.css +1 -1
- package/dist/collection/components/form-elements/form-submit.js +1 -1
- package/dist/collection/components/form-elements/form-text-area.css +1 -1
- package/dist/collection/components/forms/contact-us/form.css +1 -1
- package/dist/collection/components/forms/service-booking/form.css +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-claim.css +1 -1
- package/dist/collection/components/vehicle-lookup/dynamic-redeem.css +1 -1
- package/dist/collection/components/vehicle-lookup/paint-thickness.css +1 -1
- package/dist/collection/components/vehicle-lookup/service-history.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -1
- package/dist/collection/components/vehicle-lookup/warranty-details.css +1 -1
- package/dist/collection/components/vin-extractor/vin-extractor.css +1 -0
- package/dist/collection/components/vin-extractor/vin-extractor.js +685 -0
- package/dist/components/contact-us-form.js +1 -1
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/dynamic-claim.js +1 -1
- package/dist/components/dynamic-redeem.js +1 -1
- package/dist/components/form-dialog.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/form-select.js +1 -1
- package/dist/components/form-shadow-input.js +1 -1
- package/dist/components/form-structure-error.js +1 -1
- package/dist/components/form-structure.js +1 -1
- package/dist/components/form-submit.js +1 -1
- package/dist/components/form-text-area.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/{p-50486237.js → p-1a148a93.js} +1 -1
- package/dist/components/{p-c3e9cdab.js → p-2f3e9990.js} +1 -1
- package/dist/components/p-2f4307b6.js +5 -0
- package/dist/components/p-30cd9b80.js +5 -0
- package/dist/components/{p-406105c4.js → p-34ab8f50.js} +1 -1
- package/dist/components/{p-55010f0f.js → p-36daa524.js} +1 -1
- package/dist/components/p-383b4ddf.js +5 -0
- package/dist/components/p-390074b8.js +5 -0
- package/dist/components/p-4058ba1c.js +5 -0
- package/dist/components/{p-390f3642.js → p-46c215bc.js} +1 -1
- package/dist/components/{p-dc50f82c.js → p-4b66daaa.js} +1 -1
- package/dist/components/{p-bff4a56f.js → p-7c5bb2f0.js} +1 -1
- package/dist/components/p-83551794.js +5 -0
- package/dist/components/{p-86ab6816.js → p-8532d520.js} +1 -1
- package/dist/components/p-85e2d0e9.js +5 -0
- package/dist/components/{p-3bac7226.js → p-8beea546.js} +1 -1
- package/dist/components/{p-ea7b01f1.js → p-9a7ba161.js} +1 -1
- package/dist/components/{p-75476014.js → p-c2432b50.js} +1 -1
- package/dist/components/p-c7367b78.js +5 -0
- package/dist/components/p-cacd1d45.js +5 -0
- package/dist/components/{p-c828a561.js → p-cbadc580.js} +1 -1
- package/dist/components/p-df6c0330.js +5 -0
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-booking-form.js +1 -1
- package/dist/components/service-history.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/vin-extractor.d.ts +11 -0
- package/dist/components/vin-extractor.js +5 -0
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/contact-us-form.entry.js +3 -3
- package/dist/esm/dead-stock-lookup_3.entry.js +2 -2
- package/dist/esm/dynamic-claim_6.entry.js +7 -7
- package/dist/esm/dynamic-redeem.entry.js +3 -3
- package/dist/esm/form-dialog_8.entry.js +12 -12
- package/dist/esm/{get-local-language-3a521229.js → get-local-language-54067db8.js} +2 -2
- package/dist/esm/{index-cac905b0.js → index-aec4162d.js} +4 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/loading-spinner.entry.js +2 -2
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/service-booking-form.entry.js +3 -3
- package/dist/esm/shift-components.js +3 -3
- package/dist/esm/validate-vin-f4d23a44.js +64 -0
- package/dist/esm/vehicle-lookup.entry.js +4 -62
- package/dist/esm/vin-extractor.entry.js +351 -0
- package/dist/shift-components/{p-101ea340.entry.js → p-0434d1ff.entry.js} +1 -1
- package/dist/shift-components/p-0e7fa34e.entry.js +5 -0
- package/dist/shift-components/p-383b4ddf.js +5 -0
- package/dist/shift-components/{p-65102e7a.js → p-42396de9.js} +2 -2
- package/dist/shift-components/p-7a54d2cc.entry.js +5 -0
- package/dist/shift-components/{p-b4953779.entry.js → p-90137c09.entry.js} +1 -1
- package/dist/shift-components/{p-7037e294.js → p-abbc56c4.js} +1 -1
- package/dist/shift-components/{p-13fe4960.entry.js → p-c9c30dd9.entry.js} +1 -1
- package/dist/shift-components/{p-20ca212b.entry.js → p-cd1bd1b3.entry.js} +1 -1
- package/dist/shift-components/{p-466d8ff8.entry.js → p-d1b5af4a.entry.js} +1 -1
- package/dist/shift-components/{p-0913b3c0.entry.js → p-f1341ffc.entry.js} +1 -1
- package/dist/shift-components/p-f8d63182.entry.js +5 -0
- package/dist/shift-components/p-f980b4dd.entry.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/vin-extractor/vin-extractor.d.ts +58 -0
- package/dist/types/components.d.ts +44 -0
- package/package.json +1 -1
- package/dist/components/p-006db64e.js +0 -5
- package/dist/components/p-045d8c28.js +0 -5
- package/dist/components/p-21926252.js +0 -5
- package/dist/components/p-39dc4ee4.js +0 -5
- package/dist/components/p-512ea6f9.js +0 -5
- package/dist/components/p-661d64e2.js +0 -5
- package/dist/components/p-75b4d568.js +0 -5
- package/dist/components/p-e7371f3f.js +0 -5
- package/dist/components/p-e92bb96c.js +0 -5
- package/dist/shift-components/p-4d191607.entry.js +0 -5
- package/dist/shift-components/p-64f48109.entry.js +0 -5
- package/dist/shift-components/p-d8fe381b.entry.js +0 -5
|
@@ -0,0 +1,351 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-aec4162d.js';
|
|
6
|
+
import { c as cn } from './cn-cc419b94.js';
|
|
7
|
+
import { v as validateVin } from './validate-vin-f4d23a44.js';
|
|
8
|
+
|
|
9
|
+
const vinExtractorCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.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))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(100%)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes popOut{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(0)}}.vin-extractor-background{pointer-events:none!important}@media (max-width:768px){.vin-extractor-container.show-container{animation:slideIn .5s ease-out forwards}.vin-extractor-container.hide-container{animation:slideOut .5s ease-in forwards}.vin-extractor-heading{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}}@media (min-width:768px){.vin-extractor-background[aria-expanded=true]{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:auto!important}.vin-extractor-container.show-container{animation:popIn .3s ease-out forwards;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.vin-extractor-container.hide-container{animation:popOut .3s ease-in forwards;box-shadow:0}}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.top-0{top:0}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.flex{display:flex}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.h-full{height:100%}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.w-full{width:100%}.min-w-full{min-width:100%}.-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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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-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}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-xl{font-size:1.25rem;line-height:1.75rem}.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))}.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)}.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}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.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)}.aria-expanded\\:pointer-events-auto[aria-expanded=true]{pointer-events:auto}@media (min-width:768px){.md\\:relative{position:relative}.md\\:aspect-auto{aspect-ratio:auto}.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-3xl{font-size:1.875rem;line-height:2.25rem}.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))}.md\\:aria-expanded\\:bg-black\\/40[aria-expanded=true]{background-color:rgba(0,0,0,.4)}}";
|
|
10
|
+
const VinExtractorStyle0 = vinExtractorCss;
|
|
11
|
+
|
|
12
|
+
const CAPTURE_INTERVAL = 2000;
|
|
13
|
+
const ACTIVE_CAMERA_ID_KEY = 'activeCameraId';
|
|
14
|
+
const VinExtractor = class {
|
|
15
|
+
constructor(hostRef) {
|
|
16
|
+
registerInstance(this, hostRef);
|
|
17
|
+
this.registerFileUploader = () => {
|
|
18
|
+
if (this.readSticker && !this.codeReader) {
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
this.componentDidLoad();
|
|
21
|
+
}, 100);
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
this.fileButton = document.querySelector('#' + this.uploaderButtonId);
|
|
25
|
+
this.fileInput = this.el.shadowRoot.querySelector('.vin-extractor-input');
|
|
26
|
+
this.fileButton.removeEventListener('click', this.onFileUploaderClick);
|
|
27
|
+
this.fileInput.removeEventListener('change', this.onFileUploaderChange);
|
|
28
|
+
this.fileButton.addEventListener('click', this.onFileUploaderClick);
|
|
29
|
+
this.fileInput.addEventListener('change', this.onFileUploaderChange);
|
|
30
|
+
};
|
|
31
|
+
this.onFileUploaderClick = () => {
|
|
32
|
+
this.fileInput.click();
|
|
33
|
+
};
|
|
34
|
+
this.onFileUploaderChange = () => {
|
|
35
|
+
var _a;
|
|
36
|
+
const file = (_a = this.fileInput.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
37
|
+
if (!file)
|
|
38
|
+
return;
|
|
39
|
+
const img = new Image();
|
|
40
|
+
const reader = new FileReader();
|
|
41
|
+
reader.onload = () => {
|
|
42
|
+
img.src = reader.result;
|
|
43
|
+
};
|
|
44
|
+
img.onload = async () => {
|
|
45
|
+
this.handleOnProcessing(true);
|
|
46
|
+
const ctx = this.videoCanvas.getContext('2d');
|
|
47
|
+
this.videoCanvas.width = img.width;
|
|
48
|
+
this.videoCanvas.height = img.height;
|
|
49
|
+
ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0);
|
|
50
|
+
const imageDataUrl = this.videoCanvas.toDataURL('image/png');
|
|
51
|
+
await this.handleImage(imageDataUrl);
|
|
52
|
+
this.handleOnProcessing(false);
|
|
53
|
+
};
|
|
54
|
+
reader.readAsDataURL(file);
|
|
55
|
+
};
|
|
56
|
+
this.triggerCallback = (callback, ...args) => {
|
|
57
|
+
var _a;
|
|
58
|
+
if (callback) {
|
|
59
|
+
if (typeof callback === 'function')
|
|
60
|
+
callback(...args);
|
|
61
|
+
else if (this.blazorRef && typeof callback === 'string' && !!callback)
|
|
62
|
+
(_a = this.blazorRef) === null || _a === void 0 ? void 0 : _a.invokeMethodAsync(callback, ...args);
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
this.handleError = (error) => {
|
|
66
|
+
this.triggerCallback(this.onError, error);
|
|
67
|
+
};
|
|
68
|
+
this.handleExtract = (vin) => {
|
|
69
|
+
this.triggerCallback(this.onExtract, vin);
|
|
70
|
+
};
|
|
71
|
+
this.handleOnProcessing = (isProcessing) => {
|
|
72
|
+
this.triggerCallback(this.onProcessing, isProcessing);
|
|
73
|
+
};
|
|
74
|
+
this.captureFrame = async (manualCapture = false) => {
|
|
75
|
+
if (!this.isOpen)
|
|
76
|
+
return;
|
|
77
|
+
if (!this.videoPlayer || !this.videoCanvas)
|
|
78
|
+
return this.componentDidLoad();
|
|
79
|
+
const ctx = this.videoCanvas.getContext('2d');
|
|
80
|
+
if (!ctx)
|
|
81
|
+
return;
|
|
82
|
+
this.handleOnProcessing(true);
|
|
83
|
+
if (manualCapture) {
|
|
84
|
+
this.videoPlayer.pause();
|
|
85
|
+
this.manualCaptureLoading = true;
|
|
86
|
+
}
|
|
87
|
+
this.videoCanvas.width = this.videoPlayer.videoWidth;
|
|
88
|
+
this.videoCanvas.height = this.videoPlayer.videoHeight;
|
|
89
|
+
ctx.drawImage(this.videoPlayer, 0, 0, this.videoCanvas.width, this.videoCanvas.height);
|
|
90
|
+
const imageDataUrl = this.videoCanvas.toDataURL('image/png');
|
|
91
|
+
this.handleImage(imageDataUrl);
|
|
92
|
+
if (!this.manualCapture) {
|
|
93
|
+
this.frameCaptureTimeoutRef = setTimeout(this.captureFrame, this.captureInterval);
|
|
94
|
+
this.handleOnProcessing(false);
|
|
95
|
+
}
|
|
96
|
+
if (manualCapture) {
|
|
97
|
+
setTimeout(() => {
|
|
98
|
+
this.videoPlayer.play();
|
|
99
|
+
this.manualCaptureLoading = false;
|
|
100
|
+
this.handleOnProcessing(false);
|
|
101
|
+
}, 1000);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
this.handleImage = async (imageDataUrl) => {
|
|
105
|
+
if (this.readSticker)
|
|
106
|
+
await this.stickerHandler(imageDataUrl);
|
|
107
|
+
if (this.useOcr && this.ocrEndpoint)
|
|
108
|
+
await this.ocrHandler(imageDataUrl);
|
|
109
|
+
};
|
|
110
|
+
this.ocrHandler = async (imageDataUrl) => {
|
|
111
|
+
try {
|
|
112
|
+
const response = await fetch(this.ocrEndpoint, {
|
|
113
|
+
method: 'POST',
|
|
114
|
+
headers: {
|
|
115
|
+
'Content-Type': 'application/json',
|
|
116
|
+
},
|
|
117
|
+
signal: this.abortController.signal,
|
|
118
|
+
body: JSON.stringify({ image: imageDataUrl.split(',')[1] }),
|
|
119
|
+
});
|
|
120
|
+
if (!response.ok)
|
|
121
|
+
throw new Error('Failed to fetch OCR result');
|
|
122
|
+
if (this.verbose)
|
|
123
|
+
console.log(response);
|
|
124
|
+
const data = await response.text();
|
|
125
|
+
if (this.skipValidation || (!!data.trim() && validateVin(data)))
|
|
126
|
+
this.handleExtract(data);
|
|
127
|
+
}
|
|
128
|
+
catch (error) {
|
|
129
|
+
this.handleError(error);
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
this.stickerHandler = async (imageDataUrl) => {
|
|
133
|
+
try {
|
|
134
|
+
if (this.verbose)
|
|
135
|
+
console.log('try detecting sticker');
|
|
136
|
+
const result = await this.codeReader.decodeFromImage(undefined, imageDataUrl);
|
|
137
|
+
const text = result.getText();
|
|
138
|
+
if (this.verbose)
|
|
139
|
+
console.log(text);
|
|
140
|
+
if (!!text.trim()) {
|
|
141
|
+
if (this.skipValidation)
|
|
142
|
+
this.handleExtract(text.trim());
|
|
143
|
+
else {
|
|
144
|
+
const vin = text.replace(/[qo]/g, '0').replace(/i/g, '1').replace(/ /g, '');
|
|
145
|
+
if (vin.length === 17 && validateVin(vin))
|
|
146
|
+
this.handleExtract(vin);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
catch (error) {
|
|
151
|
+
this.handleError(error);
|
|
152
|
+
}
|
|
153
|
+
};
|
|
154
|
+
this.openScanner = async () => {
|
|
155
|
+
var _a;
|
|
156
|
+
try {
|
|
157
|
+
(_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
|
|
158
|
+
this.abortController = new AbortController();
|
|
159
|
+
const permissionStatus = await navigator.permissions.query({
|
|
160
|
+
// @ts-ignore
|
|
161
|
+
name: 'camera',
|
|
162
|
+
});
|
|
163
|
+
if (permissionStatus.state === 'prompt') {
|
|
164
|
+
try {
|
|
165
|
+
await navigator.mediaDevices.getUserMedia({
|
|
166
|
+
video: true,
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
catch (error) {
|
|
170
|
+
throw new Error('no camera access');
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
if (permissionStatus.state === 'denied') {
|
|
174
|
+
throw new Error('no camera access');
|
|
175
|
+
}
|
|
176
|
+
const devices = await navigator.mediaDevices.enumerateDevices();
|
|
177
|
+
const videoInputs = devices.filter(device => {
|
|
178
|
+
if (device.kind !== 'videoinput')
|
|
179
|
+
return false;
|
|
180
|
+
// TODO: this code only works for IOS however android has no standards
|
|
181
|
+
// const label = device.label.toLowerCase();
|
|
182
|
+
// const hasDirection = label.includes('front') || label.includes('back');
|
|
183
|
+
// const isValid = label.includes('front camera') || label.includes('back camera');
|
|
184
|
+
// return hasDirection ? isValid : true;
|
|
185
|
+
return true;
|
|
186
|
+
});
|
|
187
|
+
if (videoInputs.length === 0)
|
|
188
|
+
throw new Error('No Camera Found');
|
|
189
|
+
this.videoInputs = videoInputs;
|
|
190
|
+
if (!videoInputs.some(input => input.deviceId === this.activeCameraId)) {
|
|
191
|
+
const selectedCamera = videoInputs.find(({ label }) => label.toLowerCase().includes('back') || label.toLowerCase().includes('environment')) || videoInputs[0];
|
|
192
|
+
this.activeCameraId = selectedCamera.deviceId;
|
|
193
|
+
localStorage.setItem(ACTIVE_CAMERA_ID_KEY, this.activeCameraId);
|
|
194
|
+
}
|
|
195
|
+
await this.startCamera();
|
|
196
|
+
if (!this.manualCapture)
|
|
197
|
+
this.frameCaptureTimeoutRef = setTimeout(this.captureFrame, this.captureInterval + 300);
|
|
198
|
+
if (document)
|
|
199
|
+
document.body.style.overflow = 'hidden';
|
|
200
|
+
this.isCameraReady = true;
|
|
201
|
+
this.containerAnimation = 'show-container';
|
|
202
|
+
}
|
|
203
|
+
catch (error) {
|
|
204
|
+
this.handleError(error);
|
|
205
|
+
}
|
|
206
|
+
};
|
|
207
|
+
this.startCamera = async () => {
|
|
208
|
+
try {
|
|
209
|
+
const constraints = {
|
|
210
|
+
video: {
|
|
211
|
+
deviceId: this.activeCameraId,
|
|
212
|
+
},
|
|
213
|
+
};
|
|
214
|
+
this.streamRef = await navigator.mediaDevices.getUserMedia(constraints);
|
|
215
|
+
if (this.videoPlayer) {
|
|
216
|
+
this.videoPlayer.srcObject = this.streamRef;
|
|
217
|
+
this.videoPlayer.play();
|
|
218
|
+
}
|
|
219
|
+
this.manualCaptureLoading = false;
|
|
220
|
+
}
|
|
221
|
+
catch (error) {
|
|
222
|
+
if (this.verbose)
|
|
223
|
+
console.error(error);
|
|
224
|
+
throw new Error('Error accessing camera: ');
|
|
225
|
+
}
|
|
226
|
+
};
|
|
227
|
+
this.closeScanner = () => {
|
|
228
|
+
this.isCameraReady = false;
|
|
229
|
+
this.abortController.abort();
|
|
230
|
+
clearTimeout(this.frameCaptureTimeoutRef);
|
|
231
|
+
if (this.codeReader)
|
|
232
|
+
this.codeReader.reset();
|
|
233
|
+
if (document)
|
|
234
|
+
document.body.style.overflow = 'auto';
|
|
235
|
+
this.containerAnimation = 'hide-container';
|
|
236
|
+
};
|
|
237
|
+
this.stopCamera = () => {
|
|
238
|
+
if (this.streamRef) {
|
|
239
|
+
this.streamRef.getTracks().forEach(track => track.stop());
|
|
240
|
+
this.streamRef = null;
|
|
241
|
+
}
|
|
242
|
+
};
|
|
243
|
+
this.switchCamera = () => {
|
|
244
|
+
if (this.videoInputs.length > 1) {
|
|
245
|
+
const currentIndex = this.videoInputs.findIndex(device => device.deviceId === this.activeCameraId);
|
|
246
|
+
const newCameraIndex = (currentIndex + 1) % this.videoInputs.length;
|
|
247
|
+
this.activeCameraId = this.videoInputs[newCameraIndex].deviceId;
|
|
248
|
+
localStorage.setItem(ACTIVE_CAMERA_ID_KEY, this.activeCameraId);
|
|
249
|
+
this.stopCamera();
|
|
250
|
+
this.startCamera();
|
|
251
|
+
this.switchRotateDegree += 90;
|
|
252
|
+
}
|
|
253
|
+
};
|
|
254
|
+
this.title = '';
|
|
255
|
+
this.isOpen = false;
|
|
256
|
+
this.captureInterval = CAPTURE_INTERVAL;
|
|
257
|
+
this.verbose = false;
|
|
258
|
+
this.useOcr = false;
|
|
259
|
+
this.readSticker = false;
|
|
260
|
+
this.uploaderButtonId = undefined;
|
|
261
|
+
this.manualCapture = false;
|
|
262
|
+
this.skipValidation = false;
|
|
263
|
+
this.ocrEndpoint = undefined;
|
|
264
|
+
this.onExtract = undefined;
|
|
265
|
+
this.onError = undefined;
|
|
266
|
+
this.onProcessing = undefined;
|
|
267
|
+
this.onOpenChange = undefined;
|
|
268
|
+
this.streamRef = undefined;
|
|
269
|
+
this.isAnimating = false;
|
|
270
|
+
this.isCameraReady = false;
|
|
271
|
+
this.switchRotateDegree = 0;
|
|
272
|
+
this.containerAnimation = '';
|
|
273
|
+
this.blazorRef = undefined;
|
|
274
|
+
this.videoInputs = [];
|
|
275
|
+
this.manualCaptureLoading = false;
|
|
276
|
+
this.activeCameraId = localStorage.getItem(ACTIVE_CAMERA_ID_KEY) || '';
|
|
277
|
+
}
|
|
278
|
+
async componentDidLoad() {
|
|
279
|
+
this.videoPlayer = this.el.shadowRoot.querySelector('.video-player');
|
|
280
|
+
this.videoCanvas = this.el.shadowRoot.querySelector('.video-canvas');
|
|
281
|
+
this.abortController = new AbortController();
|
|
282
|
+
if (!this.readSticker && this.uploaderButtonId)
|
|
283
|
+
this.registerFileUploader();
|
|
284
|
+
if (this.readSticker) {
|
|
285
|
+
const ZXingSrc = 'https://unpkg.com/@zxing/library@0.21.3/umd/index.min.js';
|
|
286
|
+
const alreadyLoaded = Array.from(document.scripts).some(script => script.src === ZXingSrc);
|
|
287
|
+
if (alreadyLoaded && this.uploaderButtonId)
|
|
288
|
+
this.registerFileUploader();
|
|
289
|
+
if (!alreadyLoaded) {
|
|
290
|
+
const script = document.createElement('script');
|
|
291
|
+
script.src = ZXingSrc;
|
|
292
|
+
script.defer = true;
|
|
293
|
+
document.head.appendChild(script);
|
|
294
|
+
script.onload = () => {
|
|
295
|
+
// @ts-ignore
|
|
296
|
+
if (ZXing)
|
|
297
|
+
this.codeReader = new ZXing.BrowserMultiFormatReader();
|
|
298
|
+
};
|
|
299
|
+
}
|
|
300
|
+
else if (!this.codeReader) {
|
|
301
|
+
try {
|
|
302
|
+
// @ts-ignore
|
|
303
|
+
if (ZXing)
|
|
304
|
+
this.codeReader = new ZXing.BrowserMultiFormatReader();
|
|
305
|
+
}
|
|
306
|
+
catch (error) {
|
|
307
|
+
setTimeout(() => {
|
|
308
|
+
this.componentDidLoad();
|
|
309
|
+
}, 100);
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
}
|
|
314
|
+
setBlazorRef(newBlazorRef) {
|
|
315
|
+
this.blazorRef = newBlazorRef;
|
|
316
|
+
}
|
|
317
|
+
open() {
|
|
318
|
+
this.isOpen = true;
|
|
319
|
+
}
|
|
320
|
+
async close() {
|
|
321
|
+
this.isOpen = false;
|
|
322
|
+
}
|
|
323
|
+
isOpenHandler(newValue) {
|
|
324
|
+
if (newValue)
|
|
325
|
+
this.openScanner();
|
|
326
|
+
else
|
|
327
|
+
this.closeScanner();
|
|
328
|
+
this.triggerCallback(this.onOpenChange, newValue);
|
|
329
|
+
}
|
|
330
|
+
QRChanged(newValue) {
|
|
331
|
+
if (newValue)
|
|
332
|
+
this.componentDidLoad();
|
|
333
|
+
}
|
|
334
|
+
animationHandler(newValue) {
|
|
335
|
+
if (!newValue && !this.isOpen)
|
|
336
|
+
this.stopCamera();
|
|
337
|
+
}
|
|
338
|
+
render() {
|
|
339
|
+
const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
|
|
340
|
+
return (h(Host, { key: 'd9312226320c91737681368c4dd2792fdfd9f3e5' }, h("slot", { key: 'f4f045e3bb7eb1531424f2a7b9f525868ac21097' }), h("input", { key: 'cd50cba3a41ea514f1f1aedb78435b85bb40f509', class: "vin-extractor-input", type: "file", accept: "image/*", capture: "environment", hidden: true }), h("canvas", { key: 'e50ec0bd15eb6f07639974374ccd9593e7df8e16', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: '5bd81346260512c17f2f54e0c700e55d284539f4', onClick: () => (this.isOpen = false), "aria-expanded": ariaExpanded.toString(), class: "vin-extractor-background md:aria-expanded:bg-black/40 md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: '37f22e346e17420f3e6fc5a62b2e2b0f67adf81f', onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto aria-expanded:pointer-events-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: 'ec9762ce16f7a6de0f3dd56b1ac52b4fc0e0d670', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8" })), h("h1", { key: 'b94566ef63fe91c9dde534ab23d4e1aee6eb4202', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: 'cc573cc740b0b57fa375c12438034c08035ee952', type: "button", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '76a221a32de010ea3149450cdfdac11fec45009d', fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a07797044b13941c174ea9ae5c12b963841f720c', d: "M18 6 6 18" }), h("path", { key: 'c5dd1a2ebabb47f07edfa64a5fe4499656192eae', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: 'ea2b100590631861b79b75dc63a7d97c069e35ea', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full animate-spin", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: 'c433241d3c01cfe199bc5b0bc50901b5cb15eb86', id: "video", autoPlay: true, playsInline: true, class: "video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center" }))))));
|
|
341
|
+
}
|
|
342
|
+
get el() { return getElement(this); }
|
|
343
|
+
static get watchers() { return {
|
|
344
|
+
"isOpen": ["isOpenHandler"],
|
|
345
|
+
"readSticker": ["QRChanged"],
|
|
346
|
+
"isAnimating": ["animationHandler"]
|
|
347
|
+
}; }
|
|
348
|
+
};
|
|
349
|
+
VinExtractor.style = VinExtractorStyle0;
|
|
350
|
+
|
|
351
|
+
export { VinExtractor as vin_extractor };
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
import{h as t,r as e,H as a,g as r}from"./p-65102e7a.js";import{c as o}from"./p-98d9e7ab.js";import{A as i,C as s,F as n}from"./p-932ff922.js";import{c as l,a as d,g as c}from"./p-7037e294.js";const p=new i("IQ");p.default="+"+p.metadata.numberingPlan.metadata[0],p.input(p.default);const w=l({cityId:d(),email:d().email("emailAddressNotValid"),message:d().required("messageIsRequired"),generalTicketType:d().required("inquiryTypeIsRequired"),name:d().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:d().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>p.isValid()))}),g={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},b={submit:e=>t("form-submit",Object.assign({},e)),name:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("name");return t("form-input",{form:e,label:"fullName",isError:s,language:a,isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("email");return t("form-input",{form:e,isError:s,language:a,label:"emailAddress",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("phone");return t("form-input",{form:e,numberDirection:!0,isError:s,language:a,label:"phoneNumber",isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"phoneNumber",defaultValue:p.default,onInput:t=>{const e=t.target;p.reset(),e.value=p.input(e.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("message");return t("form-text-area",{form:e,isError:s,language:a,label:"writeAMessage",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("generalTicketType");return t("form-select",{name:l,form:e,fetcher:async t=>{const e=(await c(t)).generalTicketTypes;return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]},isError:s,disabled:o,language:a,label:"inquiryType",isRequired:n,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:n,isRequired:l,name:d}=e.getInputState("cityId");return t("form-select",{name:d,form:e,label:"city",fetcher:async(t,e)=>{const a=await fetch(s,{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))},isError:n,disabled:o,language:a,isRequired:l,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},h=class{constructor(t){e(this,t),this.recaptchaWidget=null,this.form=new n(this,w),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.errorCallback=void 0,this.successCallback=void 0,this.loadingChanges=void 0,this.isLoading=void 0,this.renderControl={},this.errorMessage=void 0}async componentDidLoad(){try{if(this.recaptchaKey){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(t){console.log(t)}}async formSubmit(t){try{this.loadingChanges&&this.loadingChanges(!0);const e=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),a=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(t),headers:{Brand:this.brandId,"Recaptcha-Token":e,"Accept-Language":this.language,"Content-Type":"application/json"}}),r=await a.json();this.successCallback&&this.successCallback(r),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(t){console.error(t),this.errorCallback&&this.errorCallback(t),(null==t?void 0:t.message)&&(this.errorMessage=t.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return t(a,{key:"448793233b86f3bf397dc14deaccf8cf24f4a3b2",class:o({[`contact-us-${this.theme}`]:this.theme})},t("form-structure",{key:"d28d14d757a0918dccd1795f3aa120e86cbebedf",themes:g,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:b},t("slot",{key:"0b4890112ea9e1d618ea981cb8746d33ed563089"})))}get el(){return r(this)}};h.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}';export{h as contact_us_form}
|
|
5
|
+
import{h as t,r as e,H as a,g as r}from"./p-42396de9.js";import{c as o}from"./p-98d9e7ab.js";import{A as i,C as s,F as n}from"./p-932ff922.js";import{c as l,a as d,g as c}from"./p-abbc56c4.js";const p=new i("IQ");p.default="+"+p.metadata.numberingPlan.metadata[0],p.input(p.default);const w=l({cityId:d(),email:d().email("emailAddressNotValid"),message:d().required("messageIsRequired"),generalTicketType:d().required("inquiryTypeIsRequired"),name:d().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:d().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>p.isValid()))}),g={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},b={submit:e=>t("form-submit",Object.assign({},e)),name:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("name");return t("form-input",{form:e,label:"fullName",isError:s,language:a,isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("email");return t("form-input",{form:e,isError:s,language:a,label:"emailAddress",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("phone");return t("form-input",{form:e,numberDirection:!0,isError:s,language:a,label:"phoneNumber",isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"phoneNumber",defaultValue:p.default,onInput:t=>{const e=t.target;p.reset(),e.value=p.input(e.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("message");return t("form-text-area",{form:e,isError:s,language:a,label:"writeAMessage",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("generalTicketType");return t("form-select",{name:l,form:e,fetcher:async t=>{const e=(await c(t)).generalTicketTypes;return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]},isError:s,disabled:o,language:a,label:"inquiryType",isRequired:n,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:n,isRequired:l,name:d}=e.getInputState("cityId");return t("form-select",{name:d,form:e,label:"city",fetcher:async(t,e)=>{const a=await fetch(s,{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))},isError:n,disabled:o,language:a,isRequired:l,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},h=class{constructor(t){e(this,t),this.recaptchaWidget=null,this.form=new n(this,w),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.errorCallback=void 0,this.successCallback=void 0,this.loadingChanges=void 0,this.isLoading=void 0,this.renderControl={},this.errorMessage=void 0}async componentDidLoad(){try{if(this.recaptchaKey){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(t){console.log(t)}}async formSubmit(t){try{this.loadingChanges&&this.loadingChanges(!0);const e=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),a=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(t),headers:{Brand:this.brandId,"Recaptcha-Token":e,"Accept-Language":this.language,"Content-Type":"application/json"}}),r=await a.json();this.successCallback&&this.successCallback(r),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(t){console.error(t),this.errorCallback&&this.errorCallback(t),(null==t?void 0:t.message)&&(this.errorMessage=t.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return t(a,{key:"448793233b86f3bf397dc14deaccf8cf24f4a3b2",class:o({[`contact-us-${this.theme}`]:this.theme})},t("form-structure",{key:"d28d14d757a0918dccd1795f3aa120e86cbebedf",themes:g,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:b},t("slot",{key:"0b4890112ea9e1d618ea981cb8746d33ed563089"})))}get el(){return r(this)}};h.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.items-center{align-items:center}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.duration-1000{transition-duration:1s}.hidden{display:none}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}';export{h as contact_us_form}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,h as e,H as i,g as a}from"./p-42396de9.js";import{c as o}from"./p-98d9e7ab.js";import{v as r}from"./p-383b4ddf.js";import{l as s,g as n}from"./p-abbc56c4.js";const d="dynamic-claim",h="paint-thickness",c="service-history",l="warranty-details",p="vehicle-accessories",w="vehicle-specification",b=class{constructor(e){t(this,e),this.syncErrorAcrossComponents=t=>{Object.values(this.componentsList).forEach((e=>{e&&e.setErrorMessage(t)}))},this.loadingStateChangingMiddleware=t=>{this.loadingStateChanged&&this.loadingStateChanged(t),this.blazorRef&&this.blazorOnLoadingStateChange&&this.blazorRef.invokeMethodAsync(this.blazorOnLoadingStateChange,t)},this.activeElement="",this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.childrenProps=void 0,this.errorStateListener=void 0,this.blazorErrorStateListener="",this.loadingStateChanged=void 0,this.blazorOnLoadingStateChange="",this.dynamicClaimActivate=void 0,this.blazorDynamicClaimActivate="",this.wrapperErrorState="",this.blazorRef=void 0,this.locale=s.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dynamic-claim")[0],e=this.el.getElementsByTagName("service-history")[0],i=this.el.getElementsByTagName("paint-thickness")[0],a=this.el.getElementsByTagName("warranty-details")[0],o=this.el.getElementsByTagName("vehicle-accessories")[0],r=this.el.getElementsByTagName("vehicle-specification")[0];this.componentsList={[d]:t,[c]:e,[l]:a,[h]:i,[p]:o,[w]:r},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,t))})),t&&this.dynamicClaimActivate&&(t.activate=this.dynamicClaimActivate),t&&(t.activate=t=>{this.blazorRef&&this.blazorDynamicClaimActivate&&this.blazorRef.invokeMethodAsync(this.blazorDynamicClaimActivate,t)})}handleLoadData(t,e){Object.values(this.componentsList).forEach((i=>{null!==i&&i!==e&&t&&i.setData(t)}))}async errorListener(t){this.errorStateListener&&this.errorStateListener(t),this.blazorRef&&this.blazorErrorStateListener&&this.blazorRef.invokeMethodAsync(this.blazorErrorStateListener,t)}async setBlazorRef(t){this.blazorRef=t}async fetchVin(t,e={}){const i=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",this.componentsList[d].headers=e,i)return""==t?this.wrapperErrorState=this.locale.errors.vinNumberRequired:r(t)?void i.fetchData(t,e):this.wrapperErrorState=this.locale.errors.invalidVin}render(){const t={[d]:{},[h]:{},[c]:{},[l]:{},[p]:{},[w]:{}};try{if(this.childrenProps){let e={};"string"==typeof this.childrenProps?e=JSON.parse(this.childrenProps):"object"==typeof this.childrenProps&&(e=this.childrenProps),Object.keys(t).forEach((i=>{"object"==typeof e[i]&&(t[i]=e[i])}))}}catch(t){console.error(t)}return e(i,{key:"505c05d5f0fb9f8ad2e0a155fc18dc0dd407ac6f"},e("div",{key:"8a47fc0f01ef12ab9bb3a7d4b8b52b3dfcc23846",class:o("w-full",{hidden:this.activeElement!==w})},e("vehicle-specification",Object.assign({key:"c5f184ea663316a83b835ae46c30e4ada0f4573d","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[w]))),e("div",{key:"8530d5757dba85fcc49ec5d37f82edb3eecaf5b2",class:o("w-full",{hidden:this.activeElement!==p})},e("vehicle-accessories",Object.assign({key:"8003313bb8b07460fab6a92c216ce317498f6afa","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[p]))),e("div",{key:"4ab02da0993c6af5c77e0c6baf3be799be602fad",class:o("w-full",{hidden:this.activeElement!==l})},e("warranty-details",Object.assign({key:"8e9a242805c4ff130fffdd26534441995fb33347","show-ssc":"true","show-warranty":"true","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[l]),e("slot",{key:"2a189081e5029ab461b8212741a112d63c70c648"}))),e("div",{key:"15f9db9158cd016a7188a3ee26e6b688ff71b60a",class:o("w-full",{hidden:this.activeElement!==c})},e("service-history",Object.assign({key:"76a41ab07140ffdddc4e8bcf720d4ee048063d90",language:this.language,"base-url":this.baseUrl,"query-string":this.queryString},t[c]))),e("div",{key:"01075a45b36279a7382bde6ca1413fef16798dc6",class:o("w-full",{hidden:this.activeElement!==h})},e("paint-thickness",Object.assign({key:"3a6fb6de4db597574e093874328f86f015b80185","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[h]))),e("div",{key:"e4f7b8142fc9884b69c60e1162fcd6d421477018",class:o("w-full",{hidden:this.activeElement!==d})},e("dynamic-claim",Object.assign({key:"644532c63ea82f8870d9403abcebd5fba409ffd9"},t[d],{language:this.language,"base-url":this.baseUrl,"query-string":this.queryString}))))}get el(){return a(this)}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}};b.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-700{transition-duration:.7s!important}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.left-0{left:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mr-\\[16px\\]{margin-right:16px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.max-w-\\[133px\\]{max-width:133px}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.\\!border-none{border-style:none!important}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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-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)}.delay-200{transition-delay:.2s}.duration-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}';export{b as vehicle_lookup}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
function t(t){const e={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,A:1,B:2,C:3,D:4,E:5,F:6,G:7,H:8,J:1,K:2,L:3,M:4,N:5,P:7,R:9,S:2,T:3,U:4,V:5,W:6,X:7,Y:8,Z:9},o=[8,7,6,5,4,3,2,10,0,9,8,7,6,5,4,3,2];let n=0,r=!0;for(let c=0;c<t.length;c++){const f=e[t[c].toUpperCase()];if(void 0===f){r=!1;break}n+=f*o[c]}let c=(n%11).toString();return"10"===c&&(c="X"),t[8]!=c&&(r=!1),r}export{t as v}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Built by ShiftSoftware
|
|
3
3
|
* Copyright (c)
|
|
4
4
|
*/
|
|
5
|
-
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",f="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},h={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},d=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,v=[],y=[],w=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&h.o?g(b):h.raf(b))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{$(v),$(y),(m=v.length>0)&&h.raf(b)},g=e=>d().then(e),S=w(y,!0),k={},j=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>C,map:()=>x,ok:()=>E,unwrap:()=>A,unwrapErr:()=>T});var E=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function x(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>E(e))):E(n)}if(e.isErr)return C(e.value);throw"should never get here"}var M,P,R,A=e=>{if(e.isOk)return e.value;throw e.value},T=e=>{if(e.isErr)return e.value;throw e.value},H=(e,t,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!j(o))&&(o+=""),i&&r?c[c.length-1].i+=o:c.push(i?D(null,o):o),r=i)};if(f(n),t){t.key&&(l=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,N);const u=D(e,null);return u.u=t,c.length>0&&(u.h=c),u.p=l,u.m=s,u},D=(e,t)=>({o:0,v:e,i:t,$:null,h:null,u:null,p:null,m:null}),L={},N={forEach:(e,t)=>e.map(F).forEach(t),map:(e,t)=>e.map(F).map(t).map(U)},F=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.m,vtag:e.v,vtext:e.i}),U=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),H(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.m=e.vname,t},W=e=>n(e).$hostElement$,q=new WeakMap,G=e=>"sc-"+e.S,I=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=_(n),s=_(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&o(e);else if(r||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,u=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(t)||(u?e.removeAttributeNS(f,t):e.removeAttribute(t)):(!r||4&i||s)&&!l&&(o=!0===o?"":o,u?e.setAttributeNS(f,t,o):e.setAttribute(t,o))}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(z);t=t.replace(B,""),n&&h.rel(e,t,n,l),o&&h.ael(e,t,o,l)}}},V=/\s/,_=e=>e?e.split(V):[],z="Capture",B=RegExp(z+"$"),J=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,l=e&&e.u||k,s=t.u||k;for(const e of K(Object.keys(l)))e in s||I(o,e,l[e],void 0,n,t.o);for(const e of K(Object.keys(s)))I(o,e,l[e],s[e],n,t.o)};function K(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Q=!1,X=!1,Y=!1,Z=!1,ee=(e,t,n,o)=>{var l;const s=t.h[n];let i,r,c,f=0;if(Q||(Y=!0,"slot"===s.v&&(M&&o.classList.add(M+"-s"),s.o|=s.h?2:1)),null!==s.i)i=s.$=a.createTextNode(s.i);else if(1&s.o)i=s.$=a.createTextNode("");else{if(Z||(Z="svg"===s.v),i=s.$=a.createElementNS(Z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Q&&2&s.o?"slot-fb":s.v),Z&&"foreignObject"===s.v&&(Z=!1),J(null,s,Z),i.getRootNode().querySelector("body"),s.h)for(f=0;f<s.h.length;++f)r=ee(e,s,f,i),r&&i.appendChild(r);"svg"===s.v?Z=!1:"foreignObject"===i.tagName&&(Z=!0)}return i["s-hn"]=R,3&s.o&&(i["s-sr"]=!0,i["s-cr"]=P,i["s-sn"]=s.m||"",i["s-rf"]=null==(l=s.u)?void 0:l.ref,c=e&&e.h&&e.h[n],c&&c.v===s.v&&e.$&&te(e.$,!1)),i},te=(e,t)=>{h.o|=1;const n=Array.from(e.childNodes);for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==R&&o["s-ol"]&&(de(ie(o),o,se(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Y=!0),t&&te(o,t)}h.o&=-2},ne=(e,t,n,o,l,s)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===R&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=ee(null,n,l,e),i&&(o[l].$=i,de(r,i,se(t))))},oe=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;he(t),e&&(X=!0,e["s-ol"]?e["s-ol"].remove():te(e,!0),e.remove())}}},le=(e,t,n=!1)=>!(e.v!==t.v||("slot"===e.v?"k"in e&&n&&8!==e.$.nodeType||e.m!==t.m:!n&&e.p!==t.p)),se=e=>e&&e["s-ol"]||e,ie=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,re=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,i=t.v,r=t.i;let c;null===r?(Z="svg"===i||"foreignObject"!==i&&Z,("slot"!==i||Q)&&J(e,t,Z),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=t.length-1,h=t[0],d=t[a],p=o.length-1,m=o[0],v=o[p];for(;r<=a&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(le(h,m,l))re(h,m,l),h=t[++r],m=o[++c];else if(le(d,v,l))re(d,v,l),d=t[--a],v=o[--p];else if(le(h,v,l))"slot"!==h.v&&"slot"!==v.v||te(h.$.parentNode,!1),re(h,v,l),de(e,h.$,d.$.nextSibling),h=t[++r],v=o[--p];else if(le(d,m,l))"slot"!==h.v&&"slot"!==v.v||te(d.$.parentNode,!1),re(d,m,l),de(e,d.$,h.$),d=t[--a],m=o[++c];else{for(f=-1,u=r;u<=a;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){f=u;break}f>=0?(i=t[f],i.v!==m.v?s=ee(t&&t[c],n,f,e):(re(i,m,l),t[f]=void 0,s=i.$),m=o[++c]):(s=ee(t&&t[c],n,c,e),m=o[++c]),s&&de(ie(h.$),s,se(h.$))}r>a?ne(e,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&oe(t,r,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),ne(o,null,t,s,0,s.length-1)):!n&&null!==l&&oe(l,0,l.length-1),Z&&"svg"===i&&(Z=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:e.i!==r&&(o.data=r)},ce=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const o of t)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==n){if(1===o.nodeType&&(n===o.getAttribute("slot")||n===o["s-sn"])||3===o.nodeType&&n===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}ce(e)}},fe=[],ue=e=>{let t,n,o;for(const l of e.childNodes){if(l["s-sr"]&&(t=l["s-cr"])&&t.parentNode){n=t.parentNode.childNodes;const e=l["s-sn"];for(o=n.length-1;o>=0;o--)if(t=n[o],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==l["s-hn"])if(ae(t,e)){let n=fe.find((e=>e.j===t));X=!0,t["s-sn"]=t["s-sn"]||e,n?(n.j["s-sh"]=l["s-hn"],n.O=l):(t["s-sh"]=l["s-hn"],fe.push({O:l,j:t})),t["s-sr"]&&fe.map((e=>{ae(e.j,t["s-sn"])&&(n=fe.find((e=>e.j===t)),n&&!e.O&&(e.O=n.O))}))}else fe.some((e=>e.j===t))||fe.push({j:t})}1===l.nodeType&&ue(l)}},ae=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,he=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(he)},de=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),pe=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},me=(e,t)=>{if(e.o|=16,!(4&e.o))return pe(e,e.M),S((()=>ve(e,t)));e.o|=512},ve=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return t&&(o=ke(n,"componentWillLoad")),ye(o,(()=>$e(e,n,t)))},ye=(e,t)=>we(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),we=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,$e=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.P,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=G(t),l=r.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,i=q.get(e=e.head||e);if(i||q.set(e,i=new Set),!i.has(o)){{s=a.createElement("style"),s.innerHTML=l;const o=null!=(n=h.R)?n:O(a);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);be(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ge(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},be=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{var o,l,s,i;const r=e.$hostElement$,c=e.P,f=e.A||D(null,null),u=(e=>e&&e.v===L)(t)?t:H(null,null,t);if(R=r.tagName,n&&u.u)for(const e of Object.keys(u.u))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.u[e]=r[e]);if(u.v=null,u.o|=4,e.A=u,u.$=f.$=r.shadowRoot||r,M=r["s-sc"],Q=!!(1&c.o),P=r["s-cr"],X=!1,re(f,u,n),h.o|=1,Y){ue(u.$);for(const e of fe){const t=e.j;if(!t["s-ol"]){const e=a.createTextNode("");e["s-nr"]=t,de(t.parentNode,t["s-ol"]=e,t)}}for(const e of fe){const t=e.j,r=e.O;if(r){const e=r.parentNode;let n=r.nextSibling;{let s=null==(o=t["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===t["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===t||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),de(e,t,n),1===t.nodeType&&(t.hidden=null!=(s=t["s-ih"])&&s)),t&&"function"==typeof r["s-rf"]&&r["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(i=t.hidden)&&i),t.hidden=!0)}}X&&ce(u.$),h.o&=-2,fe.length=0,P=void 0})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},ge=e=>{const t=e.$hostElement$,n=e.t,o=e.M;64&e.o||(e.o|=64,je(t),ke(n,"componentDidLoad"),e.T(t),o||Se()),e.H(t),e.C&&(e.C(),e.C=void 0),512&e.o&&g((()=>me(e,!1))),e.o&=-517},Se=()=>{je(a.documentElement),g((()=>(e=>{const t=h.ce("appload",{detail:{namespace:"shift-components"}});return e.dispatchEvent(t),t})(u)))},ke=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},je=e=>e.classList.add("hydrated"),Oe=(e,t,o)=>{var l,i;const r=e.prototype;if(t.D||t.L||e.watchers){e.watchers&&!t.L&&(t.L=e.watchers);const c=Object.entries(null!=(l=t.D)?l:{});if(c.map((([e,[l]])=>{31&l||2&o&&32&l?Object.defineProperty(r,e,{get(){return((e,t)=>n(this).N.get(t))(0,e)},set(o){((e,t,o,l)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.N.get(t),f=i.o,u=i.t;if(o=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(o,l.D[t][0]),(!(8&f)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.N.set(t,o),u)){if(l.L&&128&f){const e=l.L[t];e&&e.map((e=>{try{u[e](o,c,t)}catch(e){s(e,r)}}))}2==(18&f)&&me(i,!1)}})(this,e,o,t)},configurable:!0,enumerable:!0}):1&o&&64&l&&Object.defineProperty(r,e,{value(...t){var o;const l=n(this);return null==(o=null==l?void 0:l.F)?void 0:o.then((()=>{var n;return null==(n=l.t)?void 0:n[e](...t)}))}})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){h.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.L)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.L)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},Ee=e=>{ke(e,"disconnectedCallback")},Ce=(e,o={})=>{var l;const f=[],d=o.exclude||[],m=u.customElements,v=a.head,y=v.querySelector("meta[charset]"),w=a.createElement("style"),$=[];let b,g=!0;Object.assign(h,o),h.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{var l;const c={o:o[0],S:o[1],D:o[2],U:o[3]};4&c.o&&(S=!0),c.D=o[2],c.L=null!=(l=o[4])?l:{};const u=c.S,v=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,P:n,N:new Map};o.F=new Promise((e=>o.H=e)),o.W=new Promise((e=>o.T=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,c),1&c.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):h.jmp((()=>(e=>{if(!(1&h.o)){const t=n(e),o=t.P,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.W)&&t.W.then((()=>{}));else{t.o|=1,12&o.o&&(e=>{const t=e["s-cr"]=a.createComment("");t["s-cn"]=!0,de(e,t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){pe(t,t.M=n);break}}o.D&&Object.entries(o.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.q){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.q;if(!n)return;const o=i.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
|
|
6
|
-
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.G}" was not found`);o.isProxied||(n.
|
|
5
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",f="http://www.w3.org/1999/xlink",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},h={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},d=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,v=[],y=[],w=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&h.o?g(b):h.raf(b))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{$(v),$(y),(m=v.length>0)&&h.raf(b)},g=e=>d().then(e),S=w(y,!0),k={},j=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>C,map:()=>x,ok:()=>E,unwrap:()=>A,unwrapErr:()=>T});var E=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function x(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>E(e))):E(n)}if(e.isErr)return C(e.value);throw"should never get here"}var M,P,R,A=e=>{if(e.isOk)return e.value;throw e.value},T=e=>{if(e.isErr)return e.value;throw e.value},H=(e,t,...n)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?f(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!j(o))&&(o+=""),i&&r?c[c.length-1].i+=o:c.push(i?D(null,o):o),r=i)};if(f(n),t){t.key&&(l=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,L);const u=D(e,null);return u.u=t,c.length>0&&(u.h=c),u.p=l,u.m=s,u},D=(e,t)=>({o:0,v:e,i:t,$:null,h:null,u:null,p:null,m:null}),F={},L={forEach:(e,t)=>e.map(N).forEach(t),map:(e,t)=>e.map(N).map(t).map(U)},N=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.m,vtag:e.v,vtext:e.i}),U=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),H(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.m=e.vname,t},W=e=>n(e).$hostElement$,q=new WeakMap,G=e=>"sc-"+e.S,I=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=_(n),s=_(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)o&&null!=o[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in o)n&&o[t]===n[t]||(t.includes("-")?e.style.setProperty(t,o[t]):e.style[t]=o[t])}else if("key"===t);else if("ref"===t)o&&o(e);else if(r||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,u=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(t)||(u?e.removeAttributeNS(f,t):e.removeAttribute(t)):(!r||4&i||s)&&!l&&(o=!0===o?"":o,u?e.setAttributeNS(f,t,o):e.setAttribute(t,o))}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(z);t=t.replace(B,""),n&&h.rel(e,t,n,l),o&&h.ael(e,t,o,l)}}},V=/\s/,_=e=>e?e.split(V):[],z="Capture",B=RegExp(z+"$"),J=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,l=e&&e.u||k,s=t.u||k;for(const e of K(Object.keys(l)))e in s||I(o,e,l[e],void 0,n,t.o);for(const e of K(Object.keys(s)))I(o,e,l[e],s[e],n,t.o)};function K(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var Q=!1,X=!1,Y=!1,Z=!1,ee=(e,t,n,o)=>{var l;const s=t.h[n];let i,r,c,f=0;if(Q||(Y=!0,"slot"===s.v&&(M&&o.classList.add(M+"-s"),s.o|=s.h?2:1)),null!==s.i)i=s.$=a.createTextNode(s.i);else if(1&s.o)i=s.$=a.createTextNode("");else{if(Z||(Z="svg"===s.v),i=s.$=a.createElementNS(Z?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Q&&2&s.o?"slot-fb":s.v),Z&&"foreignObject"===s.v&&(Z=!1),J(null,s,Z),i.getRootNode().querySelector("body"),s.h)for(f=0;f<s.h.length;++f)r=ee(e,s,f,i),r&&i.appendChild(r);"svg"===s.v?Z=!1:"foreignObject"===i.tagName&&(Z=!0)}return i["s-hn"]=R,3&s.o&&(i["s-sr"]=!0,i["s-cr"]=P,i["s-sn"]=s.m||"",i["s-rf"]=null==(l=s.u)?void 0:l.ref,c=e&&e.h&&e.h[n],c&&c.v===s.v&&e.$&&te(e.$,!1)),i},te=(e,t)=>{h.o|=1;const n=Array.from(e.childNodes);for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==R&&o["s-ol"]&&(de(ie(o),o,se(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,Y=!0),t&&te(o,t)}h.o&=-2},ne=(e,t,n,o,l,s)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===R&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=ee(null,n,l,e),i&&(o[l].$=i,de(r,i,se(t))))},oe=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;he(t),e&&(X=!0,e["s-ol"]?e["s-ol"].remove():te(e,!0),e.remove())}}},le=(e,t,n=!1)=>!(e.v!==t.v||("slot"===e.v?"k"in e&&n&&8!==e.$.nodeType||e.m!==t.m:!n&&e.p!==t.p)),se=e=>e&&e["s-ol"]||e,ie=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,re=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,i=t.v,r=t.i;let c;null===r?(Z="svg"===i||"foreignObject"!==i&&Z,("slot"!==i||Q)&&J(e,t,Z),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=t.length-1,h=t[0],d=t[a],p=o.length-1,m=o[0],v=o[p];for(;r<=a&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--a];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(le(h,m,l))re(h,m,l),h=t[++r],m=o[++c];else if(le(d,v,l))re(d,v,l),d=t[--a],v=o[--p];else if(le(h,v,l))"slot"!==h.v&&"slot"!==v.v||te(h.$.parentNode,!1),re(h,v,l),de(e,h.$,d.$.nextSibling),h=t[++r],v=o[--p];else if(le(d,m,l))"slot"!==h.v&&"slot"!==v.v||te(d.$.parentNode,!1),re(d,m,l),de(e,d.$,h.$),d=t[--a],m=o[++c];else{for(f=-1,u=r;u<=a;++u)if(t[u]&&null!==t[u].p&&t[u].p===m.p){f=u;break}f>=0?(i=t[f],i.v!==m.v?s=ee(t&&t[c],n,f,e):(re(i,m,l),t[f]=void 0,s=i.$),m=o[++c]):(s=ee(t&&t[c],n,c,e),m=o[++c]),s&&de(ie(h.$),s,se(h.$))}r>a?ne(e,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&oe(t,r,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),ne(o,null,t,s,0,s.length-1)):!n&&null!==l&&oe(l,0,l.length-1),Z&&"svg"===i&&(Z=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:e.i!==r&&(o.data=r)},ce=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const o of t)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==n){if(1===o.nodeType&&(n===o.getAttribute("slot")||n===o["s-sn"])||3===o.nodeType&&n===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}ce(e)}},fe=[],ue=e=>{let t,n,o;for(const l of e.childNodes){if(l["s-sr"]&&(t=l["s-cr"])&&t.parentNode){n=t.parentNode.childNodes;const e=l["s-sn"];for(o=n.length-1;o>=0;o--)if(t=n[o],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==l["s-hn"])if(ae(t,e)){let n=fe.find((e=>e.j===t));X=!0,t["s-sn"]=t["s-sn"]||e,n?(n.j["s-sh"]=l["s-hn"],n.O=l):(t["s-sh"]=l["s-hn"],fe.push({O:l,j:t})),t["s-sr"]&&fe.map((e=>{ae(e.j,t["s-sn"])&&(n=fe.find((e=>e.j===t)),n&&!e.O&&(e.O=n.O))}))}else fe.some((e=>e.j===t))||fe.push({j:t})}1===l.nodeType&&ue(l)}},ae=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,he=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(he)},de=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),pe=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},me=(e,t)=>{if(e.o|=16,!(4&e.o))return pe(e,e.M),S((()=>ve(e,t)));e.o|=512},ve=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return t&&(o=ke(n,"componentWillLoad")),ye(o,(()=>$e(e,n,t)))},ye=(e,t)=>we(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),we=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,$e=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.P,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=G(t),l=r.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,i=q.get(e=e.head||e);if(i||q.set(e,i=new Set),!i.has(o)){{s=a.createElement("style"),s.innerHTML=l;const o=null!=(n=h.R)?n:O(a);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);be(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ge(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},be=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{var o,l,s,i;const r=e.$hostElement$,c=e.P,f=e.A||D(null,null),u=(e=>e&&e.v===F)(t)?t:H(null,null,t);if(R=r.tagName,n&&u.u)for(const e of Object.keys(u.u))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.u[e]=r[e]);if(u.v=null,u.o|=4,e.A=u,u.$=f.$=r.shadowRoot||r,M=r["s-sc"],Q=!!(1&c.o),P=r["s-cr"],X=!1,re(f,u,n),h.o|=1,Y){ue(u.$);for(const e of fe){const t=e.j;if(!t["s-ol"]){const e=a.createTextNode("");e["s-nr"]=t,de(t.parentNode,t["s-ol"]=e,t)}}for(const e of fe){const t=e.j,r=e.O;if(r){const e=r.parentNode;let n=r.nextSibling;{let s=null==(o=t["s-ol"])?void 0:o.previousSibling;for(;s;){let o=null!=(l=s["s-nr"])?l:null;if(o&&o["s-sn"]===t["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===t||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}s=s.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),de(e,t,n),1===t.nodeType&&(t.hidden=null!=(s=t["s-ih"])&&s)),t&&"function"==typeof r["s-rf"]&&r["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(i=t.hidden)&&i),t.hidden=!0)}}X&&ce(u.$),h.o&=-2,fe.length=0,P=void 0})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},ge=e=>{const t=e.$hostElement$,n=e.t,o=e.M;64&e.o||(e.o|=64,je(t),ke(n,"componentDidLoad"),e.T(t),o||Se()),e.H(t),e.C&&(e.C(),e.C=void 0),512&e.o&&g((()=>me(e,!1))),e.o&=-517},Se=()=>{je(a.documentElement),g((()=>(e=>{const t=h.ce("appload",{detail:{namespace:"shift-components"}});return e.dispatchEvent(t),t})(u)))},ke=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},je=e=>e.classList.add("hydrated"),Oe=(e,t,o)=>{var l,i;const r=e.prototype;if(t.D||t.F||e.watchers){e.watchers&&!t.F&&(t.F=e.watchers);const c=Object.entries(null!=(l=t.D)?l:{});if(c.map((([e,[l]])=>{31&l||2&o&&32&l?Object.defineProperty(r,e,{get(){return((e,t)=>n(this).L.get(t))(0,e)},set(o){((e,t,o,l)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.L.get(t),f=i.o,u=i.t;if(o=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(o,l.D[t][0]),(!(8&f)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(i.L.set(t,o),u)){if(l.F&&128&f){const e=l.F[t];e&&e.map((e=>{try{u[e](o,c,t)}catch(e){s(e,r)}}))}2==(18&f)&&me(i,!1)}})(this,e,o,t)},configurable:!0,enumerable:!0}):1&o&&64&l&&Object.defineProperty(r,e,{value(...t){var o;const l=n(this);return null==(o=null==l?void 0:l.N)?void 0:o.then((()=>{var n;return null==(n=l.t)?void 0:n[e](...t)}))}})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){h.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.F)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.F)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},Ee=e=>{ke(e,"disconnectedCallback")},Ce=(e,o={})=>{var l;const f=[],d=o.exclude||[],m=u.customElements,v=a.head,y=v.querySelector("meta[charset]"),w=a.createElement("style"),$=[];let b,g=!0;Object.assign(h,o),h.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{var l;const c={o:o[0],S:o[1],D:o[2],U:o[3]};4&c.o&&(S=!0),c.D=o[2],c.F=null!=(l=o[4])?l:{};const u=c.S,v=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,P:n,L:new Map};o.N=new Promise((e=>o.H=e)),o.W=new Promise((e=>o.T=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,c),1&c.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):h.jmp((()=>(e=>{if(!(1&h.o)){const t=n(e),o=t.P,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.W)&&t.W.then((()=>{}));else{t.o|=1,12&o.o&&(e=>{const t=e["s-cr"]=a.createComment("");t["s-cn"]=!0,de(e,t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){pe(t,t.M=n);break}}o.D&&Object.entries(o.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.q){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.q;if(!n)return;const o=i.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
|
|
6
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.G}" was not found`);o.isProxied||(n.F=o.watchers,Oe(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,t.o|=128,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=G(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.M,c=()=>me(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.o)){const e=n(this);(null==e?void 0:e.t)?Ee(e.t):(null==e?void 0:e.W)&&e.W.then((()=>Ee(e.t)))}})()))}componentOnReady(){return n(this).W}};c.q=e[0],d.includes(u)||m.get(u)||(f.push(u),m.define(u,Oe(v,c,1)))}))})),f.length>0&&(S&&(w.textContent+=c),w.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const e=null!=(l=h.R)?l:O(a);null!=e&&w.setAttribute("nonce",e),v.insertBefore(w,y?y.nextSibling:v.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):h.jmp((()=>b=setTimeout(Se,30)))},xe=(e,t)=>t,Me=e=>h.R=e;export{xe as F,F as H,Ce as b,W as g,H as h,d as p,o as r,Me as s}
|