adp-web-components 0.0.71 → 0.0.74

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.
Files changed (113) hide show
  1. package/dist/cjs/contact-us-form.cjs.entry.js +2 -2
  2. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +2 -2
  3. package/dist/cjs/dynamic-claim_6.cjs.entry.js +7 -7
  4. package/dist/cjs/dynamic-redeem.cjs.entry.js +2 -2
  5. package/dist/cjs/form-dialog_8.cjs.entry.js +9 -9
  6. package/dist/cjs/{get-local-language-db5462eb.js → get-local-language-89d2b425.js} +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  9. package/dist/cjs/part-lookup.cjs.entry.js +1 -1
  10. package/dist/cjs/service-booking-form.cjs.entry.js +2 -2
  11. package/dist/cjs/shift-components.cjs.js +1 -1
  12. package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
  13. package/dist/cjs/vin-extractor.cjs.entry.js +3 -2
  14. package/dist/collection/components/components/loading-spinner.css +1 -1
  15. package/dist/collection/components/form-elements/form-dialog.css +1 -1
  16. package/dist/collection/components/form-elements/form-input.css +1 -1
  17. package/dist/collection/components/form-elements/form-select.css +1 -1
  18. package/dist/collection/components/form-elements/form-shadow-input.css +1 -1
  19. package/dist/collection/components/form-elements/form-structure-error.css +1 -1
  20. package/dist/collection/components/form-elements/form-structure.css +1 -1
  21. package/dist/collection/components/form-elements/form-submit.css +1 -1
  22. package/dist/collection/components/form-elements/form-text-area.css +1 -1
  23. package/dist/collection/components/forms/contact-us/form.css +1 -1
  24. package/dist/collection/components/forms/service-booking/form.css +1 -1
  25. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  26. package/dist/collection/components/vehicle-lookup/dynamic-claim.css +1 -1
  27. package/dist/collection/components/vehicle-lookup/dynamic-redeem.css +1 -1
  28. package/dist/collection/components/vehicle-lookup/paint-thickness.css +1 -1
  29. package/dist/collection/components/vehicle-lookup/service-history.css +1 -1
  30. package/dist/collection/components/vehicle-lookup/vehicle-accessories.css +1 -1
  31. package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
  32. package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -1
  33. package/dist/collection/components/vehicle-lookup/warranty-details.css +1 -1
  34. package/dist/collection/components/vin-extractor/vin-extractor.js +21 -2
  35. package/dist/components/contact-us-form.js +1 -1
  36. package/dist/components/dead-stock-lookup.js +1 -1
  37. package/dist/components/distributor-lookup.js +1 -1
  38. package/dist/components/dynamic-claim.js +1 -1
  39. package/dist/components/dynamic-redeem.js +1 -1
  40. package/dist/components/form-dialog.js +1 -1
  41. package/dist/components/form-input.js +1 -1
  42. package/dist/components/form-select.js +1 -1
  43. package/dist/components/form-shadow-input.js +1 -1
  44. package/dist/components/form-structure-error.js +1 -1
  45. package/dist/components/form-structure.js +1 -1
  46. package/dist/components/form-submit.js +1 -1
  47. package/dist/components/form-text-area.js +1 -1
  48. package/dist/components/loading-spinner.js +1 -1
  49. package/dist/components/manufacturer-lookup.js +1 -1
  50. package/dist/components/{p-4a7ef12b.js → p-04b98c59.js} +1 -1
  51. package/dist/components/{p-06bc8ca9.js → p-2205ddd8.js} +1 -1
  52. package/dist/components/{p-03eb34a4.js → p-2b463af0.js} +1 -1
  53. package/dist/components/{p-cb7c7796.js → p-3bc8aff3.js} +1 -1
  54. package/dist/components/{p-69b0c3bf.js → p-4a73c838.js} +1 -1
  55. package/dist/components/{p-89195641.js → p-83cd0476.js} +1 -1
  56. package/dist/components/{p-93e9571c.js → p-8843d5a5.js} +1 -1
  57. package/dist/components/{p-928e66d2.js → p-8c6d163d.js} +1 -1
  58. package/dist/components/{p-31c7d6db.js → p-975dba7d.js} +1 -1
  59. package/dist/components/{p-a67f4873.js → p-9c3d1dce.js} +1 -1
  60. package/dist/components/p-aded827c.js +5 -0
  61. package/dist/components/{p-3fc0e5fb.js → p-c50694cf.js} +1 -1
  62. package/dist/components/{p-c354edcb.js → p-d1700eb8.js} +1 -1
  63. package/dist/components/{p-b255c265.js → p-dde5fa50.js} +1 -1
  64. package/dist/components/{p-1e6eaeaa.js → p-e09df5e9.js} +1 -1
  65. package/dist/components/{p-d1485f20.js → p-ede16b09.js} +1 -1
  66. package/dist/components/p-f29e8dfe.js +5 -0
  67. package/dist/components/{p-2214d30c.js → p-f548a38a.js} +1 -1
  68. package/dist/components/{p-7fb292e5.js → p-f7e990e8.js} +1 -1
  69. package/dist/components/p-ff1bcb77.js +5 -0
  70. package/dist/components/paint-thickness.js +1 -1
  71. package/dist/components/part-lookup.js +1 -1
  72. package/dist/components/service-booking-form.js +1 -1
  73. package/dist/components/service-history.js +1 -1
  74. package/dist/components/vehicle-accessories.js +1 -1
  75. package/dist/components/vehicle-lookup.js +1 -1
  76. package/dist/components/vehicle-specification.js +1 -1
  77. package/dist/components/vin-extractor.js +1 -1
  78. package/dist/components/warranty-details.js +1 -1
  79. package/dist/esm/contact-us-form.entry.js +2 -2
  80. package/dist/esm/dead-stock-lookup_3.entry.js +2 -2
  81. package/dist/esm/dynamic-claim_6.entry.js +7 -7
  82. package/dist/esm/dynamic-redeem.entry.js +2 -2
  83. package/dist/esm/form-dialog_8.entry.js +9 -9
  84. package/dist/esm/{get-local-language-30340626.js → get-local-language-7e2b0b55.js} +1 -1
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/esm/loading-spinner.entry.js +1 -1
  87. package/dist/esm/part-lookup.entry.js +1 -1
  88. package/dist/esm/service-booking-form.entry.js +2 -2
  89. package/dist/esm/shift-components.js +1 -1
  90. package/dist/esm/vehicle-lookup.entry.js +2 -2
  91. package/dist/esm/vin-extractor.entry.js +3 -2
  92. package/dist/shift-components/p-07fc73c7.entry.js +5 -0
  93. package/dist/shift-components/{p-b0c4f680.entry.js → p-2f057e1c.entry.js} +1 -1
  94. package/dist/shift-components/{p-22d1bebf.entry.js → p-30de65b3.entry.js} +1 -1
  95. package/dist/shift-components/p-7e158f5d.entry.js +5 -0
  96. package/dist/shift-components/{p-959a5fc7.entry.js → p-7fff9eeb.entry.js} +1 -1
  97. package/dist/shift-components/{p-d9e43882.entry.js → p-88286d9d.entry.js} +1 -1
  98. package/dist/shift-components/{p-25de6dca.entry.js → p-a23a7509.entry.js} +1 -1
  99. package/dist/shift-components/p-b8dc7771.entry.js +5 -0
  100. package/dist/shift-components/{p-3e7fa2d0.js → p-d03ed205.js} +1 -1
  101. package/dist/shift-components/p-eca77513.entry.js +5 -0
  102. package/dist/shift-components/{p-05534f1f.entry.js → p-fbda7918.entry.js} +1 -1
  103. package/dist/shift-components/shift-components.esm.js +1 -1
  104. package/dist/types/components/vin-extractor/vin-extractor.d.ts +1 -0
  105. package/dist/types/components.d.ts +2 -0
  106. package/package.json +1 -1
  107. package/dist/components/p-293f8d9c.js +0 -5
  108. package/dist/components/p-2ce279c0.js +0 -5
  109. package/dist/components/p-cebd9b2e.js +0 -5
  110. package/dist/shift-components/p-4dc7dd58.entry.js +0 -5
  111. package/dist/shift-components/p-bafdc9f1.entry.js +0 -5
  112. package/dist/shift-components/p-db694e1c.entry.js +0 -5
  113. package/dist/shift-components/p-e39e5677.entry.js +0 -5
package/dist/components/{p-d1485f20.js → p-ede16b09.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as a,h as e}from"./p-c2432b50.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as i}from"./p-cb7c7796.js";const n=t(class extends a{constructor(){super(),this.__registerHost(),this.isLoading=void 0,this.params={},this.language="en",this.structureElement=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await i(t)}render(){var t,a;return e("button",Object.assign({key:"e46e5f906cf7044786501f3482fc3ca93f317863",type:"submit"},this.params,{disabled:this.isLoading,id:this.structureElement.id,class:r("h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center",this.structureElement.class,{"bg-slate-600":this.isLoading})}),e("div",{key:"f3ed7c69394a47e351dc950fcefbf6e69e7f28b3",class:"opacity-0"},this.locale.general[null===(t=this.structureElement.class)||void 0===t?void 0:t.toLowerCase()]||this.structureElement.class),e("div",{key:"50bcd05eee10f6503939216d43ace869220a4490",class:r("absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000",{"translate-y-full":this.isLoading})},this.locale.general[null===(a=this.structureElement.class)||void 0===a?void 0:a.toLowerCase()]||this.structureElement.class),e("div",{key:"7c9a4bcc700798ac79d9874d827c979ede91877e",class:r("absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full",{"translate-y-0":this.isLoading})},e("img",{key:"31563e66384997bba675a99667863ae087cd8d71",class:"spin-slow size-[22px]",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxvYWRlciI+CiAgICA8cGF0aCBkPSJNMTIgMnY0IiAvPgogICAgPHBhdGggZD0ibTE2LjIgNy44IDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMTggMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDE2LjIgMi45IDIuOSIgLz4KICAgIDxwYXRoIGQ9Ik0xMiAxOHY0IiAvPgogICAgPHBhdGggZD0ibTQuOSAxOS4xIDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMiAxMmg0IiAvPgogICAgPHBhdGggZD0ibTQuOSA0LjkgMi45IDIuOSIgLz4KPC9zdmc+"})))}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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))}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{to{transform:rotate(1turn)}}.spin-slow{animation:spin 2s linear infinite}.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}.flex{display:flex}.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}.flex-col{flex-direction:column}.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}.mx-auto{margin-left:auto;margin-right:auto}.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))}.-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}.-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))}'}},[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},void 0,{language:["changeLanguage"]}]);function s(){"undefined"!=typeof customElements&&["form-submit"].forEach((t=>{"form-submit"===t&&(customElements.get(t)||customElements.define(t,n))}))}s();export{n as F,s as d}
5
+ import{p as t,H as a,h as e}from"./p-c2432b50.js";import{c as r}from"./p-98d9e7ab.js";import{l as o,g as i}from"./p-3bc8aff3.js";const n=t(class extends a{constructor(){super(),this.__registerHost(),this.isLoading=void 0,this.params={},this.language="en",this.structureElement=void 0,this.locale=o.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await i(t)}render(){var t,a;return e("button",Object.assign({key:"e46e5f906cf7044786501f3482fc3ca93f317863",type:"submit"},this.params,{disabled:this.isLoading,id:this.structureElement.id,class:r("h-[38px] relative overflow-hidden px-4 enabled:hover:bg-slate-600 transition-colors duration-300 bg-slate-700 enabled:active:bg-slate-800 rounded text-white flex items-center",this.structureElement.class,{"bg-slate-600":this.isLoading})}),e("div",{key:"f3ed7c69394a47e351dc950fcefbf6e69e7f28b3",class:"opacity-0"},this.locale.general[null===(t=this.structureElement.class)||void 0===t?void 0:t.toLowerCase()]||this.structureElement.class),e("div",{key:"50bcd05eee10f6503939216d43ace869220a4490",class:r("absolute size-full top-0 left-0 flex items-center justify-center transition !duration-1000",{"translate-y-full":this.isLoading})},this.locale.general[null===(a=this.structureElement.class)||void 0===a?void 0:a.toLowerCase()]||this.structureElement.class),e("div",{key:"7c9a4bcc700798ac79d9874d827c979ede91877e",class:r("absolute flex justify-center items-center top-0 left-0 size-full transition !duration-1000 -translate-y-full",{"translate-y-0":this.isLoading})},e("img",{key:"31563e66384997bba675a99667863ae087cd8d71",class:"spin-slow size-[22px]",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWxvYWRlciI+CiAgICA8cGF0aCBkPSJNMTIgMnY0IiAvPgogICAgPHBhdGggZD0ibTE2LjIgNy44IDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMTggMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDE2LjIgMi45IDIuOSIgLz4KICAgIDxwYXRoIGQ9Ik0xMiAxOHY0IiAvPgogICAgPHBhdGggZD0ibTQuOSAxOS4xIDIuOS0yLjkiIC8+CiAgICA8cGF0aCBkPSJNMiAxMmg0IiAvPgogICAgPHBhdGggZD0ibTQuOSA0LjkgMi45IDIuOSIgLz4KPC9zdmc+"})))}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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))}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{to{transform:rotate(1turn)}}.spin-slow{animation:spin 2s linear infinite}.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}.flex{display:flex}.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}.flex-col{flex-direction:column}.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}.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}.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}.mx-auto{margin-left:auto;margin-right:auto}.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))}.-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}.-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))}'}},[0,"form-submit",{isLoading:[4,"is-loading"],params:[16],language:[1],structureElement:[16],locale:[32]},void 0,{language:["changeLanguage"]}]);function s(){"undefined"!=typeof customElements&&["form-submit"].forEach((t=>{"form-submit"===t&&(customElements.get(t)||customElements.define(t,n))}))}s();export{n as F,s as d}
package/dist/components/p-f29e8dfe.js ADDED
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{p as t,H as e,h as o,c as i}from"./p-c2432b50.js";import{c as a}from"./p-98d9e7ab.js";import{l as r,g as n}from"./p-3bc8aff3.js";import{g as s}from"./p-8b1d90d7.js";import{d}from"./p-aded827c.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,a=i?t:null==t?void 0:t.vin;this.externalVin=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const r=i?await s(this,{scopedTimeoutRef:o,vin:a,mockData:l},e):t;if(this.networkTimeoutRef===o){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,r,n;const s=this.locale.vehicleLookup.serviceHistory;return o(i,{key:"e7235c349a34c61edbc4d8e6e733074ddb38354d"},o("div",{key:"497fdb9da845f8306b301988d333b02d3ccdfb81",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},o("div",{key:"90b3f42c052142872292a5bd407e6e03d14138f2"},o("loading-spinner",{key:"5c4020909fa9b4942eeeec57a11cee681cc7be58",isLoading:this.state.includes("loading")}),o("div",{key:"04adb8ef7e6cfa1db8dea630b369298c79c54086",class:a("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},o("div",{key:"707d237dba1c2fbb39cf7b15d8caee46b6a71de7",class:a("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&o("div",{key:"5d7714559fd643cd2f863f303cea9b1a456c4263",class:"py-[16px] min-h-[100px] flex items-center"},o("div",{key:"ccfdaadcd54a0b01087ca8e3e489649c35e1802b",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&o("div",{key:"9aec728d34b56c67718168ee2a535f7194d0e6a8",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},o("div",{key:"d4607f4e2a70664d69ae964003394300786c40d4",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},s.serviceHistory),o("div",{key:"95c21546bb0bac53150ce847df86b3a0118e73ae",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.serviceHistory.length)&&o("div",{key:"debae9d6f6fd10f5d821be348f55a09f0b7b2b87",class:"h-[80px] flex items-center justify-center text-[18px]"},s.noData),!!(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)&&o("table",{key:"937fb8e4b492453b2b4a84a5122a3a135e03f984",class:"w-full overflow-auto relative border-collapse"},o("thead",{key:"c2b61a6de9c76065d489839f2301cbf9828c1ab3",class:"top-0 font-bold sticky bg-white"},o("tr",{key:"e7a47157c59527cc1fb6652ed37c5aa8025a3a85"},["branch","dealer","invoiceNumber","date","serviceType","odometer"].map((t=>o("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},s[t]))))),o("tbody",{key:"27f91cb2fa9dfbb6a3b4ed773749f2a3a98dcc3d"},null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.map(((t,e)=>o("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((i=>{var r;return o("td",{key:t.invoiceNumber+i,class:a("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===(null===(r=this.vehicleInformation)||void 0===r?void 0:r.serviceHistory.length)-1})},t[i]||"...")})))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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{all:initial!important;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}.\\!border-none{border-style:none!important}.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-100{transition-duration:.1s}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}'}},[1,"service-history",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["service-history","loading-spinner"].forEach((t=>{switch(t){case"service-history":customElements.get(t)||customElements.define(t,c);break;case"loading-spinner":customElements.get(t)||d()}}))}p();export{c as S,p as d}
package/dist/components/{p-2214d30c.js → p-f548a38a.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as e,H as t,h as a,c as i}from"./p-c2432b50.js";import{c as o}from"./p-98d9e7ab.js";import{l as d,g as r}from"./p-cb7c7796.js";const c=e(class extends t{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeModal=async()=>{this.isOpened=!1,this.item=null,await new Promise((e=>setTimeout(e,500))),this.canceledItems=[],this.unInvoicedByBrokerName=null,this.invoiceInput.value="",this.isLoading=!1,this.invoiceInput.readOnly=!1},this.inputKeyDown=async e=>{this.readyToClaim=!1;const t=this.invoiceInput.value,a=this.el.shadowRoot.querySelector(".dynamic-claim-processor #job-input"),i=null==a?void 0:a.value;if(this.claimViaBarcodeScanner?t.trim().length>0&&(this.readyToClaim=!0):t.trim().length>0&&i.trim().length>0&&(this.readyToClaim=!0),null===e||"Enter"===e.key){if(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)return;if(null!==e&&e.preventDefault(),!(null==this?void 0:this.handleScanner))return;if(!this.readyToClaim)return;this.invoiceInput.value="",a&&(a.value="",a.readOnly=!0),this.isLoading=!0,this.invoiceInput.readOnly=!0,this.handleScanner(t,i)}},this.onValueChanges=e=>{this.handleQrChanges&&this.handleQrChanges(e.target.value)},this.vin="",this.item=null,this.language="en",this.canceledItems=null,this.unInvoicedByBrokerName=null,this.handleScanner=void 0,this.handleQrChanges=void 0,this.loadingStateChange=void 0,this.claimViaBarcodeScanner=!0,this.locale=d.getDefault(),this.isLoading=!1,this.internalVin="",this.isOpened=!1,this.internalItem=null,this.confirmServiceCancellation=!1,this.internalCanceledItem=null,this.confirmUnInvoicedTBPVehicles=!1,this.readyToClaim=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(e){this.locale=await r(e)}onIsLoadingChange(e){this.loadingStateChange&&this.loadingStateChange(e)}async componentDidLoad(){this.invoiceInput=this.el.shadowRoot.querySelector(".dynamic-claim-processor #invoice-input"),this.dynamicClaimProcessor=this.el.shadowRoot.querySelector(".dynamic-claim-processor"),this.confirmUnInvoicedTBPVehicles=null===this.unInvoicedByBrokerName}async changeInternalCanceledItem(e){this.internalCanceledItem=e,this.confirmServiceCancellation=!(this.internalCanceledItem.length>0)}async changeConfirmUnInvoicedTBPVehicles(e){this.confirmUnInvoicedTBPVehicles=null===e}async changeInternalVin(e){this.internalVin=e}async changeInternalItem(e){this.isOpened=!!e,e&&(this.internalItem=e),e?(this.closeModalListenerRef=e=>"Escape"===e.key&&this.quite(),window.addEventListener("keydown",this.closeModalListenerRef),await new Promise((e=>setTimeout(e,300))),this.invoiceInput.focus()):(window.removeEventListener("keydown",this.closeModalListenerRef),this.quite())}async quite(){this.closeModal()}async getQrValue(){return this.invoiceInput.value}render(){var e,t,d,r,c;const n=this.locale.vehicleLookup.dynamicRedeem,s=!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles;return a(i,{key:"4d60172a6013d0dc71cda1ecff2af7ee56999d98"},a("div",{key:"ee4d7ebc30cbd32c38ada31652073db477f5de7b",dir:this.locale.direction,class:o("dynamic-claim-processor",(null==this?void 0:this.isOpened)&&"active")},a("svg",{key:"8ff2dba24e125c0aaecf43b86f56f582d0b8425d",id:"dynamic-claim-processor-close-icon",onClick:this.closeModal,viewBox:"-0.5 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"6779128720c389b18c7e76da122741b97b970c9f",id:"SVGRepo_bgCarrier","stroke-width":"0"}),a("g",{key:"ff0b520e4532867ef066c88cb3e2491b2dfe1031",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),a("g",{key:"3a337281cf3a3994e8ce4c8a0b1d0e5de6088ee2",id:"SVGRepo_iconCarrier"},a("path",{key:"a4ade0f5dbe8f4f12c83e777489e32d88bf2f0ba",d:"M3 21.32L21 3.32001",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),a("path",{key:"eab68a4254b076c22d858a074b3a823370af3a34",d:"M3 3.32001L21 21.32",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),a("div",{key:"c0996774f2a092d359f40154d6ca0edd225d51ff",class:"dynamic-claim-processor-wrapper"},a("div",{key:"ad0cf0bd115728a8d2754a97021ca1af59b5e794",class:"dynamic-claim-processor-info-box"},a("div",{key:"ecf2fd2f53fb3d582faebeff08f718bd1f00ed07",class:"dynamic-claim-processor-info-box-header"},a("strong",{key:"7cbc88851b0429bcb5a03bce3ac599199efd40cc",class:"dynamic-claim-header-vin"},null==this?void 0:this.internalVin)),a("div",{key:"4b3ad1abb833c17fffe3227d5ce9b78fb04412ef",class:"dynamic-claim-processor-info-box-body"},a("table",{key:"64741cde13d9c0bf749f7644da50c780429af41a",class:"border-separate"},a("tr",{key:"810ef70655160f21ef3bdda2d4dc61601e25c186"},a("th",{key:"f057ca7ec2d4e8565f1178a1c150a7e9d3feb48d"},n.serviceType),a("td",{key:"c608ddda77454c995a78efcd2db9c53c8c4480f1"},null===(e=null==this?void 0:this.internalItem)||void 0===e?void 0:e.type),a("th",{key:"d75604f069dbd59514b283548dfadce867a142cb"},n.name),a("td",{key:"9dd9063fc7544d41008e003916f2a80a35d3a620"},null===(t=null==this?void 0:this.internalItem)||void 0===t?void 0:t.name)),a("tr",{key:"488f835542dbfc6769b373e8c01b92c7f66f8bfa"},a("th",{key:"f76e0e1867d1680af53eb81f6cd591a13b838be0"},n.activationDate),a("td",{key:"ea653220f16251d372fb69dc0b8eba9ec493ed07"},null===(d=null==this?void 0:this.internalItem)||void 0===d?void 0:d.activatedAt),a("th",{key:"f8d42a220a21e5fcc6ef4549c8fe17ef7791df93"},n.expireDate),a("td",{key:"bef1bb1762fea7a50a2e5497173e1c64af6a79be"},null===(r=null==this?void 0:this.internalItem)||void 0===r?void 0:r.expiresAt)),a("tr",{key:"57e11bdab34524ad4ca2bc6c4090b525ec901dce"},a("th",{key:"b88c84c904c2ec02e1762f4b93123f599f9faf4e"},n.packageCode),a("td",{key:"d11603da2024d5b382dd583a19835c267ca152c5"},null===(c=null==this?void 0:this.internalItem)||void 0===c?void 0:c.packageCode))))),a("div",{key:"250b2a97fc560a998862e0ffcfef140fb88aa09a",style:{flex:"1",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-evenly"}},(null==this?void 0:this.internalCanceledItem)&&Array.isArray(this.internalCanceledItem)&&!!this.internalCanceledItem.length&&a("div",{key:"a6d150e0cb4e6de7e160e63ca57a0e96618fdb56",class:"admonition warning"},a("p",{key:"bfa6ba56795a1db6d98c51e6342ac18047c0642d",class:"admonition-title"},n.warning),a("div",{key:"6fff50141cd975180efdbd05774055872508153d",style:{padding:"0 30px"}},a("p",{key:"39e6cba7ebaa2d5f2d29263a86f97c6de7028008",class:"my-4"},n.skipServicesWarning),a("ul",{key:"05253fc130b2cd5a3db727c36aab131db22f85de",class:"dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc"},this.internalCanceledItem.map((({name:e})=>a("li",{id:e},e)))),a("div",{key:"64c0d0ba5e0dd0d581906fd02dd98abdcedffa94",class:"cancel-confirmation-box"},a("label",{key:"dc8ebbf8dfe159a23758d72b7d6355e779cfbe38"},a("input",{key:"58b57933dc18b797d42df1ec5edc26adb3d7c69c",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmServiceCancellation=!this.confirmServiceCancellation}}),n.confirmSkipServices)))),this.unInvoicedByBrokerName&&a("div",{key:"6d5747deb2a99f1d8340362eb7b080861567168d",class:"admonition warning"},a("p",{key:"c5450b5cc85b89c591c114cd35dc45ba1a7c7c7a",class:"admonition-title"},n.warning),a("div",{key:"1f3c8f061d4c76e89668b2336737af5efb4876a5",style:{padding:"0 30px"}},a("p",{key:"5557d2ede8bdbc5576fb9669060ae89e109fd213",class:"my-4"},n.notInvoiced),a("div",{key:"2cbca9a32cf33c70244b8f6ecf38fc02215e5144"},a("strong",{key:"886129a7f93c5875f4200ba40a853a303a99c884"},this.unInvoicedByBrokerName)),a("div",{key:"87e1b94580cba995828d0a16d1d3721023073a24",class:"cancel-confirmation-box"},a("label",{key:"554563728e88cb15e892d37d079781a0fbdb7d6f"},a("input",{key:"1718688c8422d38c012631c2f07aa3530bdfe9b0",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmUnInvoicedTBPVehicles=!this.confirmUnInvoicedTBPVehicles}}),n.confirmNotInvoiced)))),a("div",{key:"c96700389a81ee363383113d5f8b8c69b79352b6",class:o("dynamic-claim-processor-progress",(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)&&"disabled")},a("div",{key:"6ad97f6174cf7e16dc584ce6540e020b19a3b158",id:"scan-invoice-step",class:o("dynamic-claim-processor-progress-step",this.isLoading&&"processing")},a("div",{key:"0d41d5b39e1b1c27846e2443e1e616e461ab1dc8",style:{position:"relative",width:"130px",height:"130px",display:"block",margin:"auto",marginTop:"15px"}},a("div",{key:"5ef357a2c9301aa36c281c7710a3d75e94963081",style:{position:"absolute"},class:"scan-invoice-wrapper flex flex-col gap-1 justify-center items-center"},a("svg",{key:"41bd7b2d90ec47116c5879ce397e886612629e9c",fill:"#3071a9",height:"100px",width:"100px",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",stroke:"#ffffff"},a("g",{key:"20a83be3a8cc360b52ed9a13ac8e33a7110c607d",id:"SVGRepo_bgCarrier","stroke-width":"0"}),a("g",{key:"a7bd15a4f27f28cf8b90d46c73b5c3bf8b48af79",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),a("g",{key:"285a269c105ddeb4e53730515a43b7b13f60ff44",id:"SVGRepo_iconCarrier"},a("g",{key:"40605bc7c8fe22777e7f56d789e0163eb4579376"},a("g",{key:"a527709d745bcbf2eabeeae2d7dc81234584a9d1"},a("path",{key:"2666e63ed8f4742b7e27db5a7245fd035b141155",d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),a("g",{key:"04d501526125a167536feed5835f1148b06d794b"},a("g",{key:"281fb58302aa092d3336a6485c98fd95ea4bb2dd"},a("path",{key:"75b156f4ad99296493a1c01c209f9d3db7a66b15",d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),a("g",{key:"c1bdfd5520d6be59831a0f77cbd4d75548c4adc7"},a("g",{key:"ab1442832aa8204288fe75b6d71c30b5a1c8e95a"},a("path",{key:"2676d59b6fef93a89a004b371fb68ffdbae63153",d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),a("g",{key:"8f5216814ec4b6a657d0bf1ebe4cb280e316c3f8"},a("g",{key:"9c80d23a992fe08d055ff276c7ec998fcfaa6bdc"},a("path",{key:"eef67d679498e2f952cb4980b7909f4ed4ef3b05",d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),a("g",{key:"7a3472f30aeb04dc4ae854bee2f757c3a8d338e6"},a("g",{key:"5a27bb7efced32d0673d9f1a42414514791db7e2"},a("path",{key:"247a16bd17464644cc5d9497ea6dfdc4924f648e",d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),a("g",{key:"5c3b360dbd045815b18c648de967b8673124aa87"},a("g",{key:"c1ae89e22f84c0263fc0886330419ddff9512e6b"},a("path",{key:"6029668aa197369aaa8ac58b69f832bb97048a97",d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),a("g",{key:"e160bd89d9941777abdf0cc29c55bdd65ed0ed39"},a("g",{key:"f3600db2f453bc697b73db9c456ded02f5e8d1ac"},a("path",{key:"677e4b6b97f44cffad4c037e0c6de02be558dde7",d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),a("g",{key:"89601709a1ed50a2556af187707382895ffdce55"},a("g",{key:"133cadb048f1a6ed1f827416047079dd2c5ae603"},a("path",{key:"a879a396bed5b9f5b48d3df029db495c5721b7d1",d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),a("g",{key:"2ff645720d47fd80dda0f432d9df79f16a7203b8"},a("g",{key:"ac1a768fd4409b9842508e899d2d8677ec62ce38"},a("path",{key:"c078af945cfa4e75c494697221f93217ab5dabc0",d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),a("g",{key:"56203096574fe37ac7ec3703a50585be50bc6a45"},a("g",{key:"960d8cbaab33dcf72109fd794bea4603fddb695f"},a("path",{key:"6b021521a42bdebc26c7961d1dac1e86afedc5ec",d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),a("g",{key:"d7a98ea4584391309669a9f8c0c8716c59291487"},a("g",{key:"2ef3d5f7f1e20306fa1b03efd568ae184d4708fb"},a("path",{key:"9bd52b763eb1a7fcd0fe4f2c5e1c2388644db507",d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),a("g",{key:"123e567af0fdd76f59cd0409fe6fbb4ca51a886c"},a("g",{key:"2715a0cf355743e6e769f32512b1e888163f4bee"},a("path",{key:"5f47a2d0f34d4f1482a6803c8c03684cc289effc",d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),a("g",{key:"42858584f446cf31dd2de54d06b6e16b834c5f7e"},a("g",{key:"380d8f5b43e56ee62c84aba6cc835dd14cd3b995"},a("path",{key:"19824fe2904b036b45dac7dddb0fb81a64d54971",d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),a("g",{key:"aae5aae6ba93a927bdf852c375e269b232ac3c5d"},a("g",{key:"c9b211451577cbf8b0f37ab6bd0eb918c0582c6e"},a("path",{key:"063e6463c6453f7c127014ec17002b626a5a31dc",d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),a("g",{key:"072b6685d6e6b050baca3132c8f07176f91e9eb1"},a("g",{key:"c91aa0b81e47b154f2453dcda33a9aa2f55bac45"},a("path",{key:"d1ffba37dd5c4f9b9bffe361bb1aeaf963928af4",d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),a("g",{key:"0b7a52501d3dabd204c1684409d09a4bcc1a5184"},a("g",{key:"228cca2ab86b50e3d79f9bb4cd418cbe8123da13"},a("path",{key:"a311a551375db58a0afbf385b4007ebc00bf4816",d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),a("div",{key:"752286ef491f385dedb700e48559406a186699ff"},this.claimViaBarcodeScanner?n.scanTheInvoice:n.enterServiceInfo)),a("div",{key:"daf5fc280bdbcb0246d9a248ccf7c81cfad07524",style:{position:"absolute"},class:"loading-wrapper"},a("div",{key:"378329570ab4e8f96168ce951f257d36b5574af9",class:o("lds-ripple",this.isLoading&&"active")},a("div",{key:"f94c13012a198a7df314e18f57c3c598b9fa97c0"}),a("div",{key:"cbcc01083df79f160f1b966aa961909e58287801"})),a("div",{key:"337d318a9d67dd7d09dae37a0a06fed1fb0b0a68",class:o("lds-ripple-loading",this.isLoading&&"active")},n.processing))),a("div",{key:"4fdcfcdb6c0b5782ce31fa9a8178cfaeb97ef2a0",style:{display:"flex",flexDirection:"row",gap:"50px",padding:"0 75px"}},a("input",{key:"9778e5dfb109932aaaeef9955d95e461d6ff4ecc",id:"invoice-input",dir:"ltr",class:"dynamic-redeem-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.inputKeyDown,onBlur:()=>{this.claimViaBarcodeScanner&&this.invoiceInput.focus()},autocomplete:"off",disabled:s,placeholder:n.invoice,autofocus:!0,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}}),!(null==this?void 0:this.claimViaBarcodeScanner)&&a("input",{key:"31f33b3a7ed834e1f5adf0e77634f491c20b0e84",id:"job-input",dir:"ltr",class:"dynamic-redeem-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.inputKeyDown,autocomplete:"off",disabled:s,placeholder:n.jobNumber,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}})),a("div",{key:"e7bab4f86c533d6f6c0d09797ce38daa9b6f8670",style:{marginTop:"55px"}},!(null==this?void 0:this.claimViaBarcodeScanner)&&a("button",{key:"da67dcf78321fd6285da897f3f93b6335e3c6274",onClick:()=>{this.readyToClaim&&this.inputKeyDown(null)},class:o("claim-button","dynamic-claim-button",!(null==this?void 0:this.readyToClaim)&&"disabled")},a("svg",{key:"d684c12ad6929d46f650c6a8433de50139b1066b",width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("g",{key:"459d9fc141404ee3f0724990dbb44203308afec6","stroke-width":"0"}),a("g",{key:"5578d6a3de3022223e96d4375271b3230c5cc4ca","stroke-linecap":"round","stroke-linejoin":"round"}),a("g",{key:"3dd4e9b3894797634b56ce47030ba2071d77a1a8"},a("circle",{key:"66f26677f915400f7566936d03ccc0e9f3b5b3b7",cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),a("path",{key:"c6a4a665886acab805cf53a1875d7bb33d834ed0",d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),a("span",{key:"933a30b17bdc99eb5545dc0925245c9d276f1ce1"},n.claim)))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .dynamic-redeem-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;transition:.35s;width:100%}.dynamic-claim-processor .dynamic-redeem-input:focus{border-bottom-color:#3071a9;transform:scale(1.1) translateY(-10px)}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:"";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>\');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;justify-content:center;justify-self:center;outline:none;padding:0 10px 0 0;transition:.3s;width:350px}.dynamic-claim-button.disabled{stroke:#d5d5d5!important;border-color:#d5d5d5;color:#d5d5d5!important;pointer-events:none}.dynamic-claim-button.disabled circle{fill:#d5d5d5!important}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.static{position:static}.w-full{width:100%}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[133px\\]{max-width:133px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-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}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[4px\\]{gap:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.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-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[10px\\]{padding-bottom:10px;padding-top:10px}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.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-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)}.delay-200{transition-delay:.2s}.\\!duration-700{transition-duration:.7s!important}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.mt-14{margin-top:3.5rem}.gap-2{gap:.5rem}.font-semibold{font-weight:600}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}'}},[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],readyToClaim:[32],quite:[64],getQrValue:[64]},void 0,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]);function n(){"undefined"!=typeof customElements&&["dynamic-redeem"].forEach((e=>{"dynamic-redeem"===e&&(customElements.get(e)||customElements.define(e,c))}))}n();export{c as D,n as d}
5
+ import{p as e,H as a,h as t,c as i}from"./p-c2432b50.js";import{c as o}from"./p-98d9e7ab.js";import{l as d,g as c}from"./p-3bc8aff3.js";const n=e(class extends a{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeModal=async()=>{this.isOpened=!1,this.item=null,await new Promise((e=>setTimeout(e,500))),this.canceledItems=[],this.unInvoicedByBrokerName=null,this.invoiceInput.value="",this.isLoading=!1,this.invoiceInput.readOnly=!1},this.inputKeyDown=async e=>{this.readyToClaim=!1;const a=this.invoiceInput.value,t=this.el.shadowRoot.querySelector(".dynamic-claim-processor #job-input"),i=null==t?void 0:t.value;if(this.claimViaBarcodeScanner?a.trim().length>0&&(this.readyToClaim=!0):a.trim().length>0&&i.trim().length>0&&(this.readyToClaim=!0),null===e||"Enter"===e.key){if(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)return;if(null!==e&&e.preventDefault(),!(null==this?void 0:this.handleScanner))return;if(!this.readyToClaim)return;this.invoiceInput.value="",t&&(t.value="",t.readOnly=!0),this.isLoading=!0,this.invoiceInput.readOnly=!0,this.handleScanner(a,i)}},this.onValueChanges=e=>{this.handleQrChanges&&this.handleQrChanges(e.target.value)},this.vin="",this.item=null,this.language="en",this.canceledItems=null,this.unInvoicedByBrokerName=null,this.handleScanner=void 0,this.handleQrChanges=void 0,this.loadingStateChange=void 0,this.claimViaBarcodeScanner=!0,this.locale=d.getDefault(),this.isLoading=!1,this.internalVin="",this.isOpened=!1,this.internalItem=null,this.confirmServiceCancellation=!1,this.internalCanceledItem=null,this.confirmUnInvoicedTBPVehicles=!1,this.readyToClaim=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(e){this.locale=await c(e)}onIsLoadingChange(e){this.loadingStateChange&&this.loadingStateChange(e)}async componentDidLoad(){this.invoiceInput=this.el.shadowRoot.querySelector(".dynamic-claim-processor #invoice-input"),this.dynamicClaimProcessor=this.el.shadowRoot.querySelector(".dynamic-claim-processor"),this.confirmUnInvoicedTBPVehicles=null===this.unInvoicedByBrokerName}async changeInternalCanceledItem(e){this.internalCanceledItem=e,this.confirmServiceCancellation=!(this.internalCanceledItem.length>0)}async changeConfirmUnInvoicedTBPVehicles(e){this.confirmUnInvoicedTBPVehicles=null===e}async changeInternalVin(e){this.internalVin=e}async changeInternalItem(e){this.isOpened=!!e,e&&(this.internalItem=e),e?(this.closeModalListenerRef=e=>"Escape"===e.key&&this.quite(),window.addEventListener("keydown",this.closeModalListenerRef),await new Promise((e=>setTimeout(e,300))),this.invoiceInput.focus()):(window.removeEventListener("keydown",this.closeModalListenerRef),this.quite())}async quite(){this.closeModal()}async getQrValue(){return this.invoiceInput.value}render(){var e,a,d,c,n;const r=this.locale.vehicleLookup.dynamicRedeem,s=!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles;return t(i,{key:"4d60172a6013d0dc71cda1ecff2af7ee56999d98"},t("div",{key:"ee4d7ebc30cbd32c38ada31652073db477f5de7b",dir:this.locale.direction,class:o("dynamic-claim-processor",(null==this?void 0:this.isOpened)&&"active")},t("svg",{key:"8ff2dba24e125c0aaecf43b86f56f582d0b8425d",id:"dynamic-claim-processor-close-icon",onClick:this.closeModal,viewBox:"-0.5 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"6779128720c389b18c7e76da122741b97b970c9f",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"ff0b520e4532867ef066c88cb3e2491b2dfe1031",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"3a337281cf3a3994e8ce4c8a0b1d0e5de6088ee2",id:"SVGRepo_iconCarrier"},t("path",{key:"a4ade0f5dbe8f4f12c83e777489e32d88bf2f0ba",d:"M3 21.32L21 3.32001",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{key:"eab68a4254b076c22d858a074b3a823370af3a34",d:"M3 3.32001L21 21.32",stroke:"#000000","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))),t("div",{key:"c0996774f2a092d359f40154d6ca0edd225d51ff",class:"dynamic-claim-processor-wrapper"},t("div",{key:"ad0cf0bd115728a8d2754a97021ca1af59b5e794",class:"dynamic-claim-processor-info-box"},t("div",{key:"ecf2fd2f53fb3d582faebeff08f718bd1f00ed07",class:"dynamic-claim-processor-info-box-header"},t("strong",{key:"7cbc88851b0429bcb5a03bce3ac599199efd40cc",class:"dynamic-claim-header-vin"},null==this?void 0:this.internalVin)),t("div",{key:"4b3ad1abb833c17fffe3227d5ce9b78fb04412ef",class:"dynamic-claim-processor-info-box-body"},t("table",{key:"64741cde13d9c0bf749f7644da50c780429af41a",class:"border-separate"},t("tr",{key:"810ef70655160f21ef3bdda2d4dc61601e25c186"},t("th",{key:"f057ca7ec2d4e8565f1178a1c150a7e9d3feb48d"},r.serviceType),t("td",{key:"c608ddda77454c995a78efcd2db9c53c8c4480f1"},null===(e=null==this?void 0:this.internalItem)||void 0===e?void 0:e.type),t("th",{key:"d75604f069dbd59514b283548dfadce867a142cb"},r.name),t("td",{key:"9dd9063fc7544d41008e003916f2a80a35d3a620"},null===(a=null==this?void 0:this.internalItem)||void 0===a?void 0:a.name)),t("tr",{key:"488f835542dbfc6769b373e8c01b92c7f66f8bfa"},t("th",{key:"f76e0e1867d1680af53eb81f6cd591a13b838be0"},r.activationDate),t("td",{key:"ea653220f16251d372fb69dc0b8eba9ec493ed07"},null===(d=null==this?void 0:this.internalItem)||void 0===d?void 0:d.activatedAt),t("th",{key:"f8d42a220a21e5fcc6ef4549c8fe17ef7791df93"},r.expireDate),t("td",{key:"bef1bb1762fea7a50a2e5497173e1c64af6a79be"},null===(c=null==this?void 0:this.internalItem)||void 0===c?void 0:c.expiresAt)),t("tr",{key:"57e11bdab34524ad4ca2bc6c4090b525ec901dce"},t("th",{key:"b88c84c904c2ec02e1762f4b93123f599f9faf4e"},r.packageCode),t("td",{key:"d11603da2024d5b382dd583a19835c267ca152c5"},null===(n=null==this?void 0:this.internalItem)||void 0===n?void 0:n.packageCode))))),t("div",{key:"250b2a97fc560a998862e0ffcfef140fb88aa09a",style:{flex:"1",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-evenly"}},(null==this?void 0:this.internalCanceledItem)&&Array.isArray(this.internalCanceledItem)&&!!this.internalCanceledItem.length&&t("div",{key:"a6d150e0cb4e6de7e160e63ca57a0e96618fdb56",class:"admonition warning"},t("p",{key:"bfa6ba56795a1db6d98c51e6342ac18047c0642d",class:"admonition-title"},r.warning),t("div",{key:"6fff50141cd975180efdbd05774055872508153d",style:{padding:"0 30px"}},t("p",{key:"39e6cba7ebaa2d5f2d29263a86f97c6de7028008",class:"my-4"},r.skipServicesWarning),t("ul",{key:"05253fc130b2cd5a3db727c36aab131db22f85de",class:"dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc"},this.internalCanceledItem.map((({name:e})=>t("li",{id:e},e)))),t("div",{key:"64c0d0ba5e0dd0d581906fd02dd98abdcedffa94",class:"cancel-confirmation-box"},t("label",{key:"dc8ebbf8dfe159a23758d72b7d6355e779cfbe38"},t("input",{key:"58b57933dc18b797d42df1ec5edc26adb3d7c69c",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmServiceCancellation=!this.confirmServiceCancellation}}),r.confirmSkipServices)))),this.unInvoicedByBrokerName&&t("div",{key:"6d5747deb2a99f1d8340362eb7b080861567168d",class:"admonition warning"},t("p",{key:"c5450b5cc85b89c591c114cd35dc45ba1a7c7c7a",class:"admonition-title"},r.warning),t("div",{key:"1f3c8f061d4c76e89668b2336737af5efb4876a5",style:{padding:"0 30px"}},t("p",{key:"5557d2ede8bdbc5576fb9669060ae89e109fd213",class:"my-4"},r.notInvoiced),t("div",{key:"2cbca9a32cf33c70244b8f6ecf38fc02215e5144"},t("strong",{key:"886129a7f93c5875f4200ba40a853a303a99c884"},this.unInvoicedByBrokerName)),t("div",{key:"87e1b94580cba995828d0a16d1d3721023073a24",class:"cancel-confirmation-box"},t("label",{key:"554563728e88cb15e892d37d079781a0fbdb7d6f"},t("input",{key:"1718688c8422d38c012631c2f07aa3530bdfe9b0",type:"checkbox",class:"confirm-cancellation-input m-[3px] ml-1",onChange:()=>{this.confirmUnInvoicedTBPVehicles=!this.confirmUnInvoicedTBPVehicles}}),r.confirmNotInvoiced)))),t("div",{key:"c96700389a81ee363383113d5f8b8c69b79352b6",class:o("dynamic-claim-processor-progress",(!this.confirmServiceCancellation||!this.confirmUnInvoicedTBPVehicles)&&"disabled")},t("div",{key:"6ad97f6174cf7e16dc584ce6540e020b19a3b158",id:"scan-invoice-step",class:o("dynamic-claim-processor-progress-step",this.isLoading&&"processing")},t("div",{key:"0d41d5b39e1b1c27846e2443e1e616e461ab1dc8",style:{position:"relative",width:"130px",height:"130px",display:"block",margin:"auto",marginTop:"15px"}},t("div",{key:"5ef357a2c9301aa36c281c7710a3d75e94963081",style:{position:"absolute"},class:"scan-invoice-wrapper flex flex-col gap-1 justify-center items-center"},t("svg",{key:"41bd7b2d90ec47116c5879ce397e886612629e9c",fill:"#3071a9",height:"100px",width:"100px",version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",stroke:"#ffffff"},t("g",{key:"20a83be3a8cc360b52ed9a13ac8e33a7110c607d",id:"SVGRepo_bgCarrier","stroke-width":"0"}),t("g",{key:"a7bd15a4f27f28cf8b90d46c73b5c3bf8b48af79",id:"SVGRepo_tracerCarrier","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"285a269c105ddeb4e53730515a43b7b13f60ff44",id:"SVGRepo_iconCarrier"},t("g",{key:"40605bc7c8fe22777e7f56d789e0163eb4579376"},t("g",{key:"a527709d745bcbf2eabeeae2d7dc81234584a9d1"},t("path",{key:"2666e63ed8f4742b7e27db5a7245fd035b141155",d:"M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z"}))),t("g",{key:"04d501526125a167536feed5835f1148b06d794b"},t("g",{key:"281fb58302aa092d3336a6485c98fd95ea4bb2dd"},t("path",{key:"75b156f4ad99296493a1c01c209f9d3db7a66b15",d:"M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z"}))),t("g",{key:"c1bdfd5520d6be59831a0f77cbd4d75548c4adc7"},t("g",{key:"ab1442832aa8204288fe75b6d71c30b5a1c8e95a"},t("path",{key:"2676d59b6fef93a89a004b371fb68ffdbae63153",d:"M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z"}))),t("g",{key:"8f5216814ec4b6a657d0bf1ebe4cb280e316c3f8"},t("g",{key:"9c80d23a992fe08d055ff276c7ec998fcfaa6bdc"},t("path",{key:"eef67d679498e2f952cb4980b7909f4ed4ef3b05",d:"M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z"}))),t("g",{key:"7a3472f30aeb04dc4ae854bee2f757c3a8d338e6"},t("g",{key:"5a27bb7efced32d0673d9f1a42414514791db7e2"},t("path",{key:"247a16bd17464644cc5d9497ea6dfdc4924f648e",d:"M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z"}))),t("g",{key:"5c3b360dbd045815b18c648de967b8673124aa87"},t("g",{key:"c1ae89e22f84c0263fc0886330419ddff9512e6b"},t("path",{key:"6029668aa197369aaa8ac58b69f832bb97048a97",d:"M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z"}))),t("g",{key:"e160bd89d9941777abdf0cc29c55bdd65ed0ed39"},t("g",{key:"f3600db2f453bc697b73db9c456ded02f5e8d1ac"},t("path",{key:"677e4b6b97f44cffad4c037e0c6de02be558dde7",d:"M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z"}))),t("g",{key:"89601709a1ed50a2556af187707382895ffdce55"},t("g",{key:"133cadb048f1a6ed1f827416047079dd2c5ae603"},t("path",{key:"a879a396bed5b9f5b48d3df029db495c5721b7d1",d:"M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z"}))),t("g",{key:"2ff645720d47fd80dda0f432d9df79f16a7203b8"},t("g",{key:"ac1a768fd4409b9842508e899d2d8677ec62ce38"},t("path",{key:"c078af945cfa4e75c494697221f93217ab5dabc0",d:"M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z"}))),t("g",{key:"56203096574fe37ac7ec3703a50585be50bc6a45"},t("g",{key:"960d8cbaab33dcf72109fd794bea4603fddb695f"},t("path",{key:"6b021521a42bdebc26c7961d1dac1e86afedc5ec",d:"M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z"}))),t("g",{key:"d7a98ea4584391309669a9f8c0c8716c59291487"},t("g",{key:"2ef3d5f7f1e20306fa1b03efd568ae184d4708fb"},t("path",{key:"9bd52b763eb1a7fcd0fe4f2c5e1c2388644db507",d:"M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z"}))),t("g",{key:"123e567af0fdd76f59cd0409fe6fbb4ca51a886c"},t("g",{key:"2715a0cf355743e6e769f32512b1e888163f4bee"},t("path",{key:"5f47a2d0f34d4f1482a6803c8c03684cc289effc",d:"M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z"}))),t("g",{key:"42858584f446cf31dd2de54d06b6e16b834c5f7e"},t("g",{key:"380d8f5b43e56ee62c84aba6cc835dd14cd3b995"},t("path",{key:"19824fe2904b036b45dac7dddb0fb81a64d54971",d:"M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z"}))),t("g",{key:"aae5aae6ba93a927bdf852c375e269b232ac3c5d"},t("g",{key:"c9b211451577cbf8b0f37ab6bd0eb918c0582c6e"},t("path",{key:"063e6463c6453f7c127014ec17002b626a5a31dc",d:"M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z"}))),t("g",{key:"072b6685d6e6b050baca3132c8f07176f91e9eb1"},t("g",{key:"c91aa0b81e47b154f2453dcda33a9aa2f55bac45"},t("path",{key:"d1ffba37dd5c4f9b9bffe361bb1aeaf963928af4",d:"M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z"}))),t("g",{key:"0b7a52501d3dabd204c1684409d09a4bcc1a5184"},t("g",{key:"228cca2ab86b50e3d79f9bb4cd418cbe8123da13"},t("path",{key:"a311a551375db58a0afbf385b4007ebc00bf4816",d:"M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z"}))))),t("div",{key:"752286ef491f385dedb700e48559406a186699ff"},this.claimViaBarcodeScanner?r.scanTheInvoice:r.enterServiceInfo)),t("div",{key:"daf5fc280bdbcb0246d9a248ccf7c81cfad07524",style:{position:"absolute"},class:"loading-wrapper"},t("div",{key:"378329570ab4e8f96168ce951f257d36b5574af9",class:o("lds-ripple",this.isLoading&&"active")},t("div",{key:"f94c13012a198a7df314e18f57c3c598b9fa97c0"}),t("div",{key:"cbcc01083df79f160f1b966aa961909e58287801"})),t("div",{key:"337d318a9d67dd7d09dae37a0a06fed1fb0b0a68",class:o("lds-ripple-loading",this.isLoading&&"active")},r.processing))),t("div",{key:"4fdcfcdb6c0b5782ce31fa9a8178cfaeb97ef2a0",style:{display:"flex",flexDirection:"row",gap:"50px",padding:"0 75px"}},t("input",{key:"9778e5dfb109932aaaeef9955d95e461d6ff4ecc",id:"invoice-input",dir:"ltr",class:"dynamic-redeem-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.inputKeyDown,onBlur:()=>{this.claimViaBarcodeScanner&&this.invoiceInput.focus()},autocomplete:"off",disabled:s,placeholder:r.invoice,autofocus:!0,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}}),!(null==this?void 0:this.claimViaBarcodeScanner)&&t("input",{key:"31f33b3a7ed834e1f5adf0e77634f491c20b0e84",id:"job-input",dir:"ltr",class:"dynamic-redeem-input",spellcheck:"false",onInput:this.onValueChanges,onKeyDown:this.inputKeyDown,autocomplete:"off",disabled:s,placeholder:r.jobNumber,style:{marginTop:"20px",padding:"10px 0px",fontSize:"16px"}})),t("div",{key:"e7bab4f86c533d6f6c0d09797ce38daa9b6f8670",style:{marginTop:"55px"}},!(null==this?void 0:this.claimViaBarcodeScanner)&&t("button",{key:"da67dcf78321fd6285da897f3f93b6335e3c6274",onClick:()=>{this.readyToClaim&&this.inputKeyDown(null)},class:o("claim-button","dynamic-claim-button",!(null==this?void 0:this.readyToClaim)&&"disabled")},t("svg",{key:"d684c12ad6929d46f650c6a8433de50139b1066b",width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"459d9fc141404ee3f0724990dbb44203308afec6","stroke-width":"0"}),t("g",{key:"5578d6a3de3022223e96d4375271b3230c5cc4ca","stroke-linecap":"round","stroke-linejoin":"round"}),t("g",{key:"3dd4e9b3894797634b56ce47030ba2071d77a1a8"},t("circle",{key:"66f26677f915400f7566936d03ccc0e9f3b5b3b7",cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{key:"c6a4a665886acab805cf53a1875d7bb33d834ed0",d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),t("span",{key:"933a30b17bdc99eb5545dc0925245c9d276f1ce1"},r.claim)))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .dynamic-redeem-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;transition:.35s;width:100%}.dynamic-claim-processor .dynamic-redeem-input:focus{border-bottom-color:#3071a9;transform:scale(1.1) translateY(-10px)}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:"";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>\');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;justify-content:center;justify-self:center;outline:none;padding:0 10px 0 0;transition:.3s;width:350px}.dynamic-claim-button.disabled{stroke:#d5d5d5!important;border-color:#d5d5d5;color:#d5d5d5!important;pointer-events:none}.dynamic-claim-button.disabled circle{fill:#d5d5d5!important}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.static{position:static}.w-full{width:100%}.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}.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-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}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.mt-14{margin-top:3.5rem}.gap-2{gap:.5rem}.font-semibold{font-weight:600}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}'}},[1,"dynamic-redeem",{vin:[1],item:[16],language:[1],canceledItems:[16],unInvoicedByBrokerName:[1,"un-invoiced-by-broker-name"],handleScanner:[16],handleQrChanges:[16],loadingStateChange:[16],claimViaBarcodeScanner:[4,"claim-via-barcode-scanner"],locale:[32],isLoading:[32],internalVin:[32],isOpened:[32],internalItem:[32],confirmServiceCancellation:[32],internalCanceledItem:[32],confirmUnInvoicedTBPVehicles:[32],readyToClaim:[32],quite:[64],getQrValue:[64]},void 0,{language:["changeLanguage"],isLoading:["onIsLoadingChange"],canceledItems:["changeInternalCanceledItem"],unInvoicedByBrokerName:["changeConfirmUnInvoicedTBPVehicles"],vin:["changeInternalVin"],item:["changeInternalItem"]}]);function r(){"undefined"!=typeof customElements&&["dynamic-redeem"].forEach((e=>{"dynamic-redeem"===e&&(customElements.get(e)||customElements.define(e,n))}))}r();export{n as D,r as d}
package/dist/components/{p-7fb292e5.js → p-f7e990e8.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as a,c as i}from"./p-c2432b50.js";import{c as o}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-cb7c7796.js";import{g as n}from"./p-8b1d90d7.js";import{o as d,c as l,e as p}from"./p-d5ff7544.js";import{d as c}from"./p-cebd9b2e.js";let h={};const w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{d(this,t,e)},this.closeImage=t=>{l(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const i="string"==typeof t,o=i?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const r=i?await n(this,{scopedTimeoutRef:a,vin:o,mockData:h},e):t;if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){h=t}render(){var t,e;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:s,parts:n}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return a(i,{key:"659cdabd5459dc0e98bf6cb6bfb07d9f88b057b8"},a("div",{key:"af91a45f8ff2760e2a8f86c33f032e942922b472",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"76e0b2bc2181136b8da10b723f259cc77f376e16"},a("loading-spinner",{key:"5bc983539bb7d3728deb1a45d3717b70af158b25",isLoading:this.state.includes("loading")}),a("div",{key:"30b276f3460deba3743cac6763699d901884ebb7",class:o("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"4046ac98df313dd82c7728c5be05feb339b9f849",class:o("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(e=this.vehicleInformation)||void 0===e?void 0:e.vin),["error","error-loading"].includes(this.state)&&a("div",{key:"a515fcd690f0204a201346cdcd0fdc36449882d4",class:"py-[16px] min-h-[100px] flex items-center"},a("div",{key:"c9ba9ae04b73c91dd50d014d77dc60af753ca402",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"58a5c7ad7e7e3b51ec9deb3ec9b271c7efe462e0",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"376dd0a4f0645b9d94f2f26941d46935a0c62b23",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.paintThickness),a("div",{key:"268080e33bae2e29f2cb0915ba70b436ec6f7411",class:"h-0 overflow-auto flex-1"},!n.length&&a("div",{key:"f8411d28b20feb94cc86b1aa765251d5c75d3ac2",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&a("table",{key:"d77fe8f74198c3018d875f8831db02ba9f53f75c",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"bfa61f5c1ef211966073e43577a18a073a8bdc78",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"3e6e3f7434a3d5c672fc0e7d6b2c7781fe7732cc"},["part","left","right"].map((t=>a("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),a("tbody",{key:"a43de44238ff39f82769ccccd8447384e64842f3"},n.map(((t,e)=>a("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((i=>a("td",{key:t.part+i,class:o("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===n.length-1})},t[i]||"...")))))))))),["data","data-loading"].includes(this.state)&&a("div",{key:"7dc5214d4eeaecf84bed336f3f5ddb12cb13af35"},!s.length&&a("div",{key:"7359c1ac7c97224a1d060ecf34088c16fbafba24",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!s.length&&a("div",{key:"93cc02f2881daf9088c1cb328a61b2b18069236b",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},s.map((t=>a("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},a("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),a("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>a("div",{class:"flex gap-[8px]",key:t},a("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},a("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},a("img",{src:p}),a("span",{class:"text-white"},r.expand)),a("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),a("div",{key:"3c3b21407f5f331a904047c173da414c21119a25",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:o("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},a("button",{key:"326d7db4db606304cfe7ff30b3687a206192e24d",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"838d38b83a639ba1c14b4714ecb206363f008882",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"f0066be7ea5c74d9bc871e9c91a237005cd1c3bd",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"ef560c3f23f8dd34108d89909f2d42accb744348",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[133px\\]{max-width:133px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-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}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[4px\\]{gap:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.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-black\\/40{background-color:rgba(0,0,0,.4)}.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-\\[10px\\]{padding-bottom:10px;padding-top:10px}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.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-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)}.delay-200{transition-delay:.2s}.\\!duration-700{transition-duration:.7s!important}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.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}.visible{visibility:visible}.mt-14{margin-top:3.5rem}.gap-2{gap:.5rem}.font-semibold{font-weight:600}.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)}.z-10{z-index:10}.h-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.min-w-\\[100px\\]{min-width:100px}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.size-\\[40px\\]{height:40px;width:40px}'}},[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function x(){"undefined"!=typeof customElements&&["paint-thickness","loading-spinner"].forEach((t=>{switch(t){case"paint-thickness":customElements.get(t)||customElements.define(t,w);break;case"loading-spinner":customElements.get(t)||c()}}))}x();export{w as P,x as d}
5
+ import{p as t,H as e,h as a,c as o}from"./p-c2432b50.js";import{c as i}from"./p-98d9e7ab.js";import{l as r,g as s}from"./p-3bc8aff3.js";import{g as n}from"./p-8b1d90d7.js";import{o as d,c as l,e as c}from"./p-d5ff7544.js";import{d as p}from"./p-aded827c.js";let h={};const w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{d(this,t,e)},this.closeImage=t=>{l(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=r.getDefault(),this.state="idle",this.externalVin=null,this.expandedImage=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.vin;this.externalVin=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const r=o?await n(this,{scopedTimeoutRef:a,vin:i,mockData:h},e):t;if(this.networkTimeoutRef===a){if(!r)throw new Error("wrongResponseFormat");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){h=t}render(){var t,e;const r=this.locale.vehicleLookup.paintThickness,{imageGroups:s,parts:n}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return a(o,{key:"659cdabd5459dc0e98bf6cb6bfb07d9f88b057b8"},a("div",{key:"af91a45f8ff2760e2a8f86c33f032e942922b472",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},a("div",{key:"76e0b2bc2181136b8da10b723f259cc77f376e16"},a("loading-spinner",{key:"5bc983539bb7d3728deb1a45d3717b70af158b25",isLoading:this.state.includes("loading")}),a("div",{key:"30b276f3460deba3743cac6763699d901884ebb7",class:i("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},a("div",{key:"4046ac98df313dd82c7728c5be05feb339b9f849",class:i("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(e=this.vehicleInformation)||void 0===e?void 0:e.vin),["error","error-loading"].includes(this.state)&&a("div",{key:"a515fcd690f0204a201346cdcd0fdc36449882d4",class:"py-[16px] min-h-[100px] flex items-center"},a("div",{key:"c9ba9ae04b73c91dd50d014d77dc60af753ca402",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&a("div",{key:"58a5c7ad7e7e3b51ec9deb3ec9b271c7efe462e0",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},a("div",{key:"376dd0a4f0645b9d94f2f26941d46935a0c62b23",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},r.paintThickness),a("div",{key:"268080e33bae2e29f2cb0915ba70b436ec6f7411",class:"h-0 overflow-auto flex-1"},!n.length&&a("div",{key:"f8411d28b20feb94cc86b1aa765251d5c75d3ac2",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},r.noData),!!n.length&&a("table",{key:"d77fe8f74198c3018d875f8831db02ba9f53f75c",class:"w-full overflow-auto relative border-collapse"},a("thead",{key:"bfa61f5c1ef211966073e43577a18a073a8bdc78",class:"top-0 font-bold sticky bg-white"},a("tr",{key:"3e6e3f7434a3d5c672fc0e7d6b2c7781fe7732cc"},["part","left","right"].map((t=>a("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},r[t]))))),a("tbody",{key:"a43de44238ff39f82769ccccd8447384e64842f3"},n.map(((t,e)=>a("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((o=>a("td",{key:t.part+o,class:i("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":e===n.length-1})},t[o]||"...")))))))))),["data","data-loading"].includes(this.state)&&a("div",{key:"7dc5214d4eeaecf84bed336f3f5ddb12cb13af35"},!s.length&&a("div",{key:"7359c1ac7c97224a1d060ecf34088c16fbafba24",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},r.noImageGroups),!!s.length&&a("div",{key:"93cc02f2881daf9088c1cb328a61b2b18069236b",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},s.map((t=>a("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},a("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),a("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>a("div",{class:"flex gap-[8px]",key:t},a("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},a("div",{class:"absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300"},a("img",{src:c}),a("span",{class:"text-white"},r.expand)),a("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),a("div",{key:"3c3b21407f5f331a904047c173da414c21119a25",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:i("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},a("button",{key:"326d7db4db606304cfe7ff30b3687a206192e24d",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},a("div",{key:"838d38b83a639ba1c14b4714ecb206363f008882",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),a("div",{key:"f0066be7ea5c74d9bc871e9c91a237005cd1c3bd",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),a("img",{key:"ef560c3f23f8dd34108d89909f2d42accb744348",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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{all:initial!important;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-10{z-index:10}.z-40{z-index:40}.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-\\[150px\\]{height:150px}.h-\\[50px\\]{height:50px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.min-w-\\[100px\\]{min-width:100px}.-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}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.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)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.font-semibold{font-weight:600}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.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)}'}},[1,"paint-thickness",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],expandedImage:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function b(){"undefined"!=typeof customElements&&["paint-thickness","loading-spinner"].forEach((t=>{switch(t){case"paint-thickness":customElements.get(t)||customElements.define(t,w);break;case"loading-spinner":customElements.get(t)||p()}}))}b();export{w as P,b as d}
package/dist/components/p-ff1bcb77.js ADDED
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{p as t,H as e,h as i,c as a}from"./p-c2432b50.js";import{l as o,g as r}from"./p-3bc8aff3.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{d}from"./p-aded827c.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=o.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await s(this,{scopedTimeoutRef:i,vin:o,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,o,r,s,d,l,c,p,h,f,b,w,x,g;const u=this.locale.vehicleLookup.specification;let v=null;try{if(null===(e=null===(t=this.vehicleInformation)||void 0===t?void 0:t.vehicleSpecification)||void 0===e?void 0:e.productionDate){const t=new Date(null===(r=null===(o=this.vehicleInformation)||void 0===o?void 0:o.vehicleSpecification)||void 0===r?void 0:r.productionDate);v=t.toLocaleDateString(this.locale.language,{year:"numeric",month:"long"})}}catch(t){v=null}return i(a,{key:"c1261781c3ac4e48d7abacb00948bd89d9d491f2"},i("div",{key:"3d265b5c1e405d5ef1cb7a5a19263624b3591b60",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"95fb527c6b06322591f587631925a42fa5a258d2"},i("loading-spinner",{key:"48e96a55ffaf2f7956f1be32ffe90e78cb0fafab",isLoading:this.state.includes("loading")}),i("div",{key:"9137fd78791fa910a425b0234accde42a4f74a5b",class:n("transition-all !duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"a98022cb17cfea6f97797edd2b35037da9b83502",class:n("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(s=this.vehicleInformation)||void 0===s?void 0:s.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"15e8471c76180959c5d99591dbef1fb3f56301ff",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"b93862a8d34b429098887628fb207d96724bf138",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"15713d294f6863b5d1a3d3ab49dc48ef20ba20e8",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"5107257c698e4c433b5ffcd28fbe1e47ef686835",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},u.vehicleSpecification),i("div",{key:"59a75c4d3c1444ad693f7d75d9ccad486655fe19",class:"h-0 overflow-auto flex-1"},!(null===(d=this.vehicleInformation)||void 0===d?void 0:d.vehicleSpecification)&&i("div",{key:"7057bdf75099d49a78be8cbbd32c7206fd7c880a",class:"h-[80px] flex items-center justify-center text-[18px]"},u.noData),!!(null===(l=this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)&&i("table",{key:"76b727328821ce5a49955362527ec8a338e4ff29",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"377d86696bf9564c232d7cbc74f761c668ffed58",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"620f51872e27bdc5faddde7648c9a5e817c5cf34"},["model","variant","katashiki","modelYear",...v?["productionDate"]:[],"sfx"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},u[t]))))),i("tbody",{key:"6f4e64d55f9edb5a357aac2732273555118062fa"},i("tr",{key:"e8b226e48914dd55ee42ee6738b74a641fe2a984"},i("td",{key:"7d4fba9c7dd074d10a5c1064f6358ad17bffee31",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(p=null===(c=null==this?void 0:this.vehicleInformation)||void 0===c?void 0:c.vehicleVariantInfo)||void 0===p?void 0:p.modelCode)||"..."," ",i("br",{key:"4f5024874e28d79e19edaa0747885b98c843fa99",class:"my-2"}),(null===(f=null===(h=null==this?void 0:this.vehicleInformation)||void 0===h?void 0:h.vehicleSpecification)||void 0===f?void 0:f.modelDesc)||"..."),i("td",{key:"782f5bed164ffeeae7fa1762cb202f0a42adc11b",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(w=null===(b=null==this?void 0:this.vehicleInformation)||void 0===b?void 0:b.identifiers)||void 0===w?void 0:w.variant)||"..."," ",i("br",{key:"b11307bfb0a014f06c051346297716fe706a2473"}),(null===(g=null===(x=null==this?void 0:this.vehicleInformation)||void 0===x?void 0:x.vehicleSpecification)||void 0===g?void 0:g.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear",...v?[()=>i("div",{key:"54bb1fd4f32c76215519df9b93e8e8dda9a3dcbc",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},v)]:[],"vehicleVariantInfo.sfx"].map((t=>{var e;if("function"==typeof t)return t();const[a,o]=t.split("."),r=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:e[a],s=r&&r[o]?r[o].toString():"";return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},s.trim()?s:"...")})))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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{all:initial!important;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}'}},[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["vehicle-specification","loading-spinner"].forEach((t=>{switch(t){case"vehicle-specification":customElements.get(t)||customElements.define(t,c);break;case"loading-spinner":customElements.get(t)||d()}}))}p();export{c as V,p as d}
package/dist/components/paint-thickness.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{P as o,d as s}from"./p-7fb292e5.js";const p=o,r=s;export{p as PaintThickness,r as defineCustomElement}
5
+ import{P as o,d as s}from"./p-f7e990e8.js";const e=o,p=s;export{e as PaintThickness,p as defineCustomElement}
package/dist/components/part-lookup.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,c as o}from"./p-c2432b50.js";import{l as s,g as a}from"./p-cb7c7796.js";import{c as r}from"./p-98d9e7ab.js";import{d as n}from"./p-928e66d2.js";import{d as l}from"./p-93e9571c.js";import{d as c}from"./p-cebd9b2e.js";import{d as h}from"./p-c354edcb.js";const d="dead-stock-lookup",u="distributor-lookup",p="manufacturer-lookup",b=t(class extends e{constructor(){super(),this.__registerHost(),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.baseUrl="",this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.activeElement="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=s.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await a(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[d]:t,[u]:e,[p]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,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 fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.locale.errors.partNumberRequired;const s=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(s,i)}render(){const t={[d]:{},[u]:{},[p]:{}};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 i(o,{key:"78b245247959655bcc504270818d08ca2a508752"},i("div",{key:"00c664cd8baa275fd48e70ffc592e5a358232b24",class:r("w-full",{hidden:this.activeElement!==d})},i("dead-stock-lookup",Object.assign({key:"958d9cae9d2e1300628499731bd68ca6fe1f8b3b","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[d]))),i("div",{key:"aa65e8dcdf4a258e2ad6fe11bca3f42b768aee82",class:r("w-full",{hidden:this.activeElement!==u})},i("distributor-lookup",Object.assign({key:"c49c88f54a93bb710085772027d18947c2cae92b","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]))),i("div",{key:"c00548aa1a0c961fbd275c4954996c65d42348f7",class:r("w-full",{hidden:this.activeElement!==p})},i("manufacturer-lookup",Object.assign({key:"dc40469935a374098ab3e3d20cc8ef394716b204","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[p]))),i("slot",{key:"63259a86459b13a37fb64f6af82a73591e50134a"}))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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%}'}},[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function f(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","loading-spinner","manufacturer-lookup"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,b);break;case"dead-stock-lookup":customElements.get(t)||n();break;case"distributor-lookup":customElements.get(t)||l();break;case"loading-spinner":customElements.get(t)||c();break;case"manufacturer-lookup":customElements.get(t)||h()}}))}f();const g=b,w=f;export{g as PartLookup,w as defineCustomElement}
5
+ import{p as t,H as e,h as i,c as o}from"./p-c2432b50.js";import{l as a,g as s}from"./p-3bc8aff3.js";import{c as r}from"./p-98d9e7ab.js";import{d as n}from"./p-8c6d163d.js";import{d as l}from"./p-8843d5a5.js";import{d as c}from"./p-aded827c.js";import{d as h}from"./p-d1700eb8.js";const d="dead-stock-lookup",u="distributor-lookup",p="manufacturer-lookup",b=t(class extends e{constructor(){super(),this.__registerHost(),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.baseUrl="",this.queryString="",this.language="en",this.blazorErrorStateListener="",this.childrenProps=void 0,this.blazorOnLoadingStateChange="",this.activeElement="",this.errorStateListener=void 0,this.loadingStateChanged=void 0,this.wrapperErrorState="",this.blazorRef=void 0,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await s(t)}async componentDidLoad(){const t=this.el.getElementsByTagName("dead-stock-lookup")[0],e=this.el.getElementsByTagName("distributor-lookup")[0],i=this.el.getElementsByTagName("manufacturer-lookup")[0];this.componentsList={[d]:t,[u]:e,[p]:i},Object.values(this.componentsList).forEach((t=>{t&&(t.errorCallback=this.syncErrorAcrossComponents,t.loadingStateChange=this.loadingStateChangingMiddleware,t.loadedResponse=e=>this.handleLoadData(e,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 fetchPartNumber(t,e="",i={}){const o=this.componentsList[this.activeElement]||null;if(this.wrapperErrorState="",!o)return;if(""==t)return this.wrapperErrorState=this.locale.errors.partNumberRequired;const a=e.trim()||"0"===e.trim()?`${t.trim()}/${e.trim()}`:t.trim();o.fetchData(a,i)}render(){const t={[d]:{},[u]:{},[p]:{}};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 i(o,{key:"78b245247959655bcc504270818d08ca2a508752"},i("div",{key:"00c664cd8baa275fd48e70ffc592e5a358232b24",class:r("w-full",{hidden:this.activeElement!==d})},i("dead-stock-lookup",Object.assign({key:"958d9cae9d2e1300628499731bd68ca6fe1f8b3b","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[d]))),i("div",{key:"aa65e8dcdf4a258e2ad6fe11bca3f42b768aee82",class:r("w-full",{hidden:this.activeElement!==u})},i("distributor-lookup",Object.assign({key:"c49c88f54a93bb710085772027d18947c2cae92b","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[u]))),i("div",{key:"c00548aa1a0c961fbd275c4954996c65d42348f7",class:r("w-full",{hidden:this.activeElement!==p})},i("manufacturer-lookup",Object.assign({key:"dc40469935a374098ab3e3d20cc8ef394716b204","base-url":this.baseUrl,language:this.language,"query-string":this.queryString},t[p]))),i("slot",{key:"63259a86459b13a37fb64f6af82a73591e50134a"}))}get el(){return this}static get watchers(){return{language:["changeLanguage"],wrapperErrorState:["errorListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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%}'}},[4,"part-lookup",{baseUrl:[1,"base-url"],queryString:[1,"query-string"],language:[1],blazorErrorStateListener:[1,"blazor-error-state-listener"],childrenProps:[1,"children-props"],blazorOnLoadingStateChange:[1,"blazor-on-loading-state-change"],activeElement:[1,"active-element"],errorStateListener:[16],loadingStateChanged:[16],wrapperErrorState:[32],blazorRef:[32],locale:[32],setBlazorRef:[64],fetchPartNumber:[64]},void 0,{language:["changeLanguage"],wrapperErrorState:["errorListener"]}]);function f(){"undefined"!=typeof customElements&&["part-lookup","dead-stock-lookup","distributor-lookup","loading-spinner","manufacturer-lookup"].forEach((t=>{switch(t){case"part-lookup":customElements.get(t)||customElements.define(t,b);break;case"dead-stock-lookup":customElements.get(t)||n();break;case"distributor-lookup":customElements.get(t)||l();break;case"loading-spinner":customElements.get(t)||c();break;case"manufacturer-lookup":customElements.get(t)||h()}}))}f();const g=b,w=f;export{g as PartLookup,w as defineCustomElement}
package/dist/components/service-booking-form.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as e,H as t,h as r,c as a}from"./p-c2432b50.js";import{c as i}from"./p-98d9e7ab.js";import{A as s,C as o,F as n}from"./p-932ff922.js";import{c as l,a as m,h as c,g as d}from"./p-cb7c7796.js";import{d as p}from"./p-69b0c3bf.js";import{d as u}from"./p-31c7d6db.js";import{d as h}from"./p-3fc0e5fb.js";import{d as f}from"./p-1e6eaeaa.js";import{d as g}from"./p-b255c265.js";import{d as b}from"./p-89195641.js";import{d as w}from"./p-d1485f20.js";import{d as x}from"./p-06bc8ca9.js";const y=new s("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const k=l({cityId:m(),email:m().email("emailAddressNotValid"),message:m().required("messageIsRequired"),generalTicketType:m().required("inquiryTypeIsRequired"),name:m().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:m().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))}),v={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},E={submit:e=>c("form-submit",Object.assign({},e)),name:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("name");return c("form-input",{form:e,label:"fullName",isError:s,language:t,isRequired:o,inputParams:{name:n,disabled:a,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("email");return c("form-input",{form:e,isError:s,language:t,label:"emailAddress",isRequired:o,inputParams:{name:n,disabled:a,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("phone");return c("form-input",{form:e,numberDirection:!0,isError:s,language:t,label:"phoneNumber",isRequired:o,inputParams:{name:n,disabled:a,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:e=>{const t=e.target;y.reset(),t.value=y.input(t.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("message");return c("form-text-area",{form:e,isError:s,language:t,label:"writeAMessage",isRequired:o,inputParams:{name:n,disabled:a,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:o,name:n}=e.getInputState("generalTicketType");return c("form-select",{name:n,form:e,fetcher:async e=>{const t=(await d(e)).generalTicketTypes;return[{value:"GeneralInquiry",label:t.GeneralInquiry},{value:"Complaint",label:t.Complaint}]},isError:s,disabled:a,language:t,label:"inquiryType",isRequired:o,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("cityId");return c("form-select",{name:l,form:e,label:"city",fetcher:async(e,t)=>{const r=await fetch(o,{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},isError:s,disabled:a,language:t,isRequired:n,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},q=e(class extends t{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new n(this,k),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 e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}async formSubmit(e){try{this.loadingChanges&&this.loadingChanges(!0);const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.successCallback&&this.successCallback(a),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.errorCallback&&this.errorCallback(e),(null==e?void 0:e.message)&&(this.errorMessage=e.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return r(a,{key:"bdd8ed11f5a730538e34e60ee52a101bbd9ae001",class:i({["contact-us-"+this.theme]:this.theme})},r("form-structure",{key:"37f407e0990cfb9e769d327e5c5568055fc12e70",themes:v,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},r("slot",{key:"764a30e348b6b51582945dbd46bb9155cb5b1c97"})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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}'}},[4,"service-booking-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function I(){"undefined"!=typeof customElements&&["service-booking-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((e=>{switch(e){case"service-booking-form":customElements.get(e)||customElements.define(e,q);break;case"form-dialog":customElements.get(e)||p();break;case"form-input":customElements.get(e)||u();break;case"form-select":customElements.get(e)||h();break;case"form-shadow-input":customElements.get(e)||f();break;case"form-structure":customElements.get(e)||g();break;case"form-structure-error":customElements.get(e)||b();break;case"form-submit":customElements.get(e)||w();break;case"form-text-area":customElements.get(e)||x()}}))}I();const M=q,j=I;export{M as ServiceBookingForm,j as defineCustomElement}
5
+ import{p as e,H as t,h as r,c as a}from"./p-c2432b50.js";import{c as i}from"./p-98d9e7ab.js";import{A as o,C as s,F as n}from"./p-932ff922.js";import{c as l,a as c,h as d,g as m}from"./p-3bc8aff3.js";import{d as p}from"./p-4a73c838.js";import{d as u}from"./p-975dba7d.js";import{d as h}from"./p-c50694cf.js";import{d as g}from"./p-e09df5e9.js";import{d as b}from"./p-dde5fa50.js";import{d as f}from"./p-83cd0476.js";import{d as w}from"./p-ede16b09.js";import{d as y}from"./p-2205ddd8.js";const x=new o("IQ");x.default="+"+x.metadata.numberingPlan.metadata[0],x.input(x.default);const k=l({cityId:c(),email:c().email("emailAddressNotValid"),message:c().required("messageIsRequired"),generalTicketType:c().required("inquiryTypeIsRequired"),name:c().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:c().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>x.isValid()))}),v={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]},E={submit:e=>d("form-submit",Object.assign({},e)),name:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:o,isRequired:s,name:n}=e.getInputState("name");return d("form-input",{form:e,label:"fullName",isError:o,language:t,isRequired:s,inputParams:{name:n,disabled:a,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:o,isRequired:s,name:n}=e.getInputState("email");return d("form-input",{form:e,isError:o,language:t,label:"emailAddress",isRequired:s,inputParams:{name:n,disabled:a,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:o,isRequired:s,name:n}=e.getInputState("phone");return d("form-input",{form:e,numberDirection:!0,isError:o,language:t,label:"phoneNumber",isRequired:s,inputParams:{name:n,disabled:a,type:"text",placeholder:"phoneNumber",defaultValue:x.default,onInput:e=>{const t=e.target;x.reset(),t.value=x.input(t.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:o,isRequired:s,name:n}=e.getInputState("message");return d("form-text-area",{form:e,isError:o,language:t,label:"writeAMessage",isRequired:s,inputParams:{name:n,disabled:a,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:o,isRequired:s,name:n}=e.getInputState("generalTicketType");return d("form-select",{name:n,form:e,fetcher:async e=>{const t=(await m(e)).generalTicketTypes;return[{value:"GeneralInquiry",label:t.GeneralInquiry},{value:"Complaint",label:t.Complaint}]},isError:o,disabled:a,language:t,label:"inquiryType",isRequired:s,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:t,structureElement:r})=>{const{disabled:a,errorMessage:i,isError:o,isRequired:n,name:l}=e.getInputState("cityId");return d("form-select",{name:l,form:e,label:"city",fetcher:async(e,t)=>{const r=await fetch(s,{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},isError:o,disabled:a,language:t,isRequired:n,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},q=e(class extends t{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new n(this,k),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 e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}async formSubmit(e){try{this.loadingChanges&&this.loadingChanges(!0);const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.successCallback&&this.successCallback(a),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.errorCallback&&this.errorCallback(e),(null==e?void 0:e.message)&&(this.errorMessage=e.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return r(a,{key:"bdd8ed11f5a730538e34e60ee52a101bbd9ae001",class:i({["contact-us-"+this.theme]:this.theme})},r("form-structure",{key:"37f407e0990cfb9e769d327e5c5568055fc12e70",themes:v,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},r("slot",{key:"764a30e348b6b51582945dbd46bb9155cb5b1c97"})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! 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}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.size-\\[22px\\]{height:22px;width:22px}.size-full{height:100%;width:100%}.h-\\[38px\\]{height:38px}.-translate-y-full{--tw-translate-y:-100%}.-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}.translate-y-full{--tw-translate-y: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))}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.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))}.px-4{padding-left:1rem;padding-right:1rem}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.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-1000{transition-duration:1s!important}.duration-300{transition-duration:.3s}.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))}'}},[4,"service-booking-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16],successCallback:[16],loadingChanges:[16],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function I(){"undefined"!=typeof customElements&&["service-booking-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((e=>{switch(e){case"service-booking-form":customElements.get(e)||customElements.define(e,q);break;case"form-dialog":customElements.get(e)||p();break;case"form-input":customElements.get(e)||u();break;case"form-select":customElements.get(e)||h();break;case"form-shadow-input":customElements.get(e)||g();break;case"form-structure":customElements.get(e)||b();break;case"form-structure-error":customElements.get(e)||f();break;case"form-submit":customElements.get(e)||w();break;case"form-text-area":customElements.get(e)||y()}}))}I();const M=q,j=I;export{M as ServiceBookingForm,j as defineCustomElement}
package/dist/components/service-history.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{S as o,d as s}from"./p-2ce279c0.js";const c=o,p=s;export{c as ServiceHistory,p as defineCustomElement}
5
+ import{S as o,d as s}from"./p-f29e8dfe.js";const e=o,f=s;export{e as ServiceHistory,f as defineCustomElement}
package/dist/components/vehicle-accessories.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{V as o,d as s}from"./p-a67f4873.js";const a=o,p=s;export{a as VehicleAccessories,p as defineCustomElement}
5
+ import{V as o,d as s}from"./p-9c3d1dce.js";const c=o,d=s;export{c as VehicleAccessories,d as defineCustomElement}