adp-web-components 0.0.94 → 0.0.95

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 (95) 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/flexible-container.cjs.entry.js +1 -1
  4. package/dist/cjs/form-dialog_8.cjs.entry.js +1 -1
  5. package/dist/cjs/{get-local-language-KyKy1Z-t.js → get-local-language-CCn1p4nM.js} +1 -1
  6. package/dist/cjs/part-lookup.cjs.entry.js +2 -2
  7. package/dist/cjs/service-booking-form.cjs.entry.js +2 -2
  8. package/dist/cjs/{type-5Vrg-AAB.js → type-CWFawTeP.js} +1 -1
  9. package/dist/cjs/{type-Bn9L4pF9.js → type-D8rizwvZ.js} +1 -1
  10. package/dist/cjs/{type-CbAwm6xr.js → type-ZkbQVCRR.js} +1 -1
  11. package/dist/cjs/vehicle-accessories_6.cjs.entry.js +8 -7
  12. package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
  13. package/dist/collection/components/components/flexible-container.css +1 -1
  14. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +6 -5
  15. package/dist/components/contact-us-form.js +1 -1
  16. package/dist/components/dead-stock-lookup.js +1 -1
  17. package/dist/components/distributor-lookup.js +1 -1
  18. package/dist/components/flexible-container.js +1 -1
  19. package/dist/components/form-dialog.js +1 -1
  20. package/dist/components/form-input.js +1 -1
  21. package/dist/components/form-select.js +1 -1
  22. package/dist/components/form-structure-error.js +1 -1
  23. package/dist/components/form-structure.js +1 -1
  24. package/dist/components/form-submit.js +1 -1
  25. package/dist/components/form-text-area.js +1 -1
  26. package/dist/components/information-table.js +1 -1
  27. package/dist/components/manufacturer-lookup.js +1 -1
  28. package/dist/components/{p-BKNiCeoh.js → p-0PjZRWut.js} +1 -1
  29. package/dist/components/{p-CMOvVq8A.js → p-11ylorNL.js} +1 -1
  30. package/dist/{shift-components/p-DYfeIope.js → components/p-B2qqkU3A.js} +1 -1
  31. package/dist/components/{p-BTRPQzLG.js → p-B68G_Ld3.js} +1 -1
  32. package/dist/components/{p-CqgLoPPc.js → p-B6j7vssc.js} +1 -1
  33. package/dist/components/{p-CMOvIDH4.js → p-BF4ShuLZ.js} +1 -1
  34. package/dist/components/{p-COU68JDH.js → p-BGe0MyLF.js} +1 -1
  35. package/dist/components/{p-CN7sHzME.js → p-BKq17ywX.js} +1 -1
  36. package/dist/components/p-BSP1ayje.js +5 -0
  37. package/dist/components/{p-B2EAhWbD.js → p-BVPVJguA.js} +1 -1
  38. package/dist/components/{p-BYLU_3i3.js → p-BjSLaXGX.js} +1 -1
  39. package/dist/components/{p-DaTPi4wS.js → p-Bm8G-DAp.js} +1 -1
  40. package/dist/components/{p-DmxWbMU0.js → p-CIaM3UPL.js} +1 -1
  41. package/dist/components/p-CcP_EtCu.js +5 -0
  42. package/dist/components/{p-Dv0OKy1v.js → p-CtpTKsfq.js} +1 -1
  43. package/dist/components/{p-Bz5U4EDM.js → p-D8xszt8E.js} +1 -1
  44. package/dist/components/{p-CqE4gnqf.js → p-DOmV6aKY.js} +1 -1
  45. package/dist/components/{p-4O0gfpsm.js → p-DXGHyX7G.js} +1 -1
  46. package/dist/components/{p-KkJxo02O.js → p-Di5SfFwc.js} +1 -1
  47. package/dist/components/{p-BFtiSrGL.js → p-DyaIfEgq.js} +1 -1
  48. package/dist/components/{p-CeUz_77J.js → p-QMinV6Ic.js} +1 -1
  49. package/dist/components/{p-BFu1pPb9.js → p-TyreGxpg.js} +1 -1
  50. package/dist/components/{p-Bd0Q-vpX.js → p-alw0x13e.js} +1 -1
  51. package/dist/components/{p-BDCoLRVe.js → p-eQuyMB7o.js} +1 -1
  52. package/dist/components/{p-DgE2ZHp1.js → p-x0cm6Jgv.js} +1 -1
  53. package/dist/components/part-lookup.js +1 -1
  54. package/dist/components/service-booking-form.js +1 -1
  55. package/dist/components/shift-accordion.js +1 -1
  56. package/dist/components/shift-slider.js +1 -1
  57. package/dist/components/shift-tab-content.js +1 -1
  58. package/dist/components/shift-tabs.js +1 -1
  59. package/dist/components/vehicle-accessories.js +1 -1
  60. package/dist/components/vehicle-claimable-items.js +1 -1
  61. package/dist/components/vehicle-item-claim-form.js +1 -1
  62. package/dist/components/vehicle-lookup.js +1 -1
  63. package/dist/components/vehicle-paint-thickness.js +1 -1
  64. package/dist/components/vehicle-service-history.js +1 -1
  65. package/dist/components/vehicle-specification.js +1 -1
  66. package/dist/components/vehicle-warranty-details.js +1 -1
  67. package/dist/esm/contact-us-form.entry.js +2 -2
  68. package/dist/esm/dead-stock-lookup_3.entry.js +2 -2
  69. package/dist/esm/flexible-container.entry.js +1 -1
  70. package/dist/esm/form-dialog_8.entry.js +1 -1
  71. package/dist/esm/{get-local-language-l6UrjwJe.js → get-local-language-BOB5F5ZP.js} +1 -1
  72. package/dist/esm/part-lookup.entry.js +2 -2
  73. package/dist/esm/service-booking-form.entry.js +2 -2
  74. package/dist/esm/{type-2vLsdi8g.js → type-BfKkCp-Z.js} +1 -1
  75. package/dist/esm/{type-CsQXeUno.js → type-CUrex2XJ.js} +1 -1
  76. package/dist/esm/{type-XIkfMGvz.js → type-DQUNYPN-.js} +1 -1
  77. package/dist/esm/vehicle-accessories_6.entry.js +8 -7
  78. package/dist/esm/vehicle-lookup.entry.js +2 -2
  79. package/dist/shift-components/{p-67a10625.entry.js → p-077e4c82.entry.js} +1 -1
  80. package/dist/shift-components/{p-2b990894.entry.js → p-43a8b998.entry.js} +1 -1
  81. package/dist/shift-components/p-55558c0f.entry.js +5 -0
  82. package/dist/shift-components/{p-e063d9b4.entry.js → p-8d7b1edb.entry.js} +1 -1
  83. package/dist/shift-components/{p-C--yf0Ms.js → p-B8ZR3r4y.js} +1 -1
  84. package/dist/shift-components/{p-BNCTcdgP.js → p-Bx6q5cq-.js} +1 -1
  85. package/dist/{components/p-G1W_uRHh.js → shift-components/p-CTkDt6jM.js} +1 -1
  86. package/dist/shift-components/{p-Bc60yqQu.js → p-DPgWys0Y.js} +1 -1
  87. package/dist/shift-components/{p-5906834e.entry.js → p-bc419485.entry.js} +1 -1
  88. package/dist/shift-components/{p-504ccfe3.entry.js → p-e8e37708.entry.js} +1 -1
  89. package/dist/shift-components/{p-f18553dc.entry.js → p-f1181125.entry.js} +1 -1
  90. package/dist/shift-components/{p-5a697eeb.entry.js → p-f760aaa3.entry.js} +1 -1
  91. package/dist/shift-components/shift-components.esm.js +1 -1
  92. package/package.json +1 -1
  93. package/dist/components/p-C75-VQw0.js +0 -5
  94. package/dist/components/p-CDS5hBc4.js +0 -5
  95. package/dist/shift-components/p-1afee4a0.entry.js +0 -5
package/dist/components/{p-BTRPQzLG.js → p-B68G_Ld3.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 i,a as o}from"./index.js";import{M as a,a as r}from"./p-piZ41_ho.js";import{y as n,s,a as l,g as d}from"./p-DmxWbMU0.js";import{V as c}from"./p-B1fdQNyr.js";import{s as p,a as h}from"./p-CHE0gMDU.js";import{d as u}from"./p-COU68JDH.js";const g=n(["origin","warrantyPrice","specialPrice","wholesalesPrice","pnc","pncName","binCode","length","width","height","netWeight","grossWeight","cubicMeasure","hsCode","uzHsCode"]),w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:s.getDefault()},g.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.hiddenFields="",this.localizationName=""}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([l(t),d(t,"partLookup.manufacturer",g)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await p(this,t,e)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,e,n,s,l,d,p,h,u,g,w,b,f,m,v;const x=this.partLookup&&this.localizationName||"russian",y=(null===(t=this.hiddenFields)||void 0===t?void 0:t.split(",").map((t=>null==t?void 0:t.trim())))||[],k=[{label:this.locale.origin,key:"origin",value:null===(e=this.partLookup)||void 0===e?void 0:e.origin},{label:this.locale.warrantyPrice,key:"warrantyPrice",values:null===(n=this.partLookup)||void 0===n?void 0:n.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.warrantyPrice)||void 0===e?void 0:e.formattedValue}}))},{label:this.locale.specialPrice,key:"specialPrice"},{label:this.locale.wholesalesPrice,key:"salesPrice"},{label:this.locale.pnc,key:"pnc",value:null===(s=this.partLookup)||void 0===s?void 0:s.pnc},{label:this.locale.pncName.replace("$",x),key:"pnc",value:null===(l=this.partLookup)||void 0===l?void 0:l.pnc},{label:this.locale.binCode,key:"binType",value:null===(d=this.partLookup)||void 0===d?void 0:d.binType},{label:this.locale.length,key:"length",value:null===(p=this.partLookup)||void 0===p?void 0:p.length},{label:this.locale.width,key:"width",value:null===(h=this.partLookup)||void 0===h?void 0:h.width},{label:this.locale.height,key:"height",value:null===(u=this.partLookup)||void 0===u?void 0:u.height},{label:this.locale.netWeight,key:"netWeight",value:null===(g=this.partLookup)||void 0===g?void 0:g.netWeight},{label:this.locale.grossWeight,key:"grossWeight",value:null===(w=this.partLookup)||void 0===w?void 0:w.grossWeight},{label:this.locale.cubicMeasure,key:"cubicMeasure",value:null===(b=this.partLookup)||void 0===b?void 0:b.cubicMeasure},{label:this.locale.hsCode,key:"hsCode",value:null===(f=this.partLookup)||void 0===f?void 0:f.hsCode},{label:this.locale.uzHsCode,key:"hsCode",value:null===(m=this.partLookup)||void 0===m?void 0:m.hsCode}],z=k.filter((t=>!y.includes(t.key)));return i(o,null,i(c,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(v=this.partLookup)||void 0===v?void 0:v.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("flexible-container",null,i("div",{class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},z.map((({label:t,value:e,values:o})=>o?i(a,{title:t,minWidth:"250px"},i(r,{class:"flex flex-wrap gap-[8px] p-[2px]"},o.filter((t=>t.body)).map((t=>i("span",{class:"inline-flex items-center bg-red-50 text-red-800 font-medium px-3 text-[16px] py-1 me-1 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body)))))):i(a,{desc:(null==e?void 0:e.toString())||"",title:t,minWidth:"250px"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[16px\\]{padding:16px}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}'}},[1,"manufacturer-lookup",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],hiddenFields:[1,"hidden-fields"],localizationName:[1,"localization-name"],locale:[32],searchString:[32],isError:[32],errorMessage:[32],isLoading:[32],partLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function b(){"undefined"!=typeof customElements&&["manufacturer-lookup","flexible-container"].forEach((t=>{switch(t){case"manufacturer-lookup":customElements.get(t)||customElements.define(t,w);break;case"flexible-container":customElements.get(t)||u()}}))}b();export{w as M,b as d,g as m}
5
+ import{p as t,H as e,h as i,a as o}from"./index.js";import{M as a,a as r}from"./p-piZ41_ho.js";import{y as n,s,a as l,g as d}from"./p-CIaM3UPL.js";import{V as c}from"./p-B1fdQNyr.js";import{s as p,a as h}from"./p-CHE0gMDU.js";import{d as u}from"./p-BGe0MyLF.js";const g=n(["origin","warrantyPrice","specialPrice","wholesalesPrice","pnc","pncName","binCode","length","width","height","netWeight","grossWeight","cubicMeasure","hsCode","uzHsCode"]),w=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:s.getDefault()},g.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.hiddenFields="",this.localizationName=""}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([l(t),d(t,"partLookup.manufacturer",g)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await p(this,t,e)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,e,n,s,l,d,p,h,u,g,w,b,f,m,v;const x=this.partLookup&&this.localizationName||"russian",y=(null===(t=this.hiddenFields)||void 0===t?void 0:t.split(",").map((t=>null==t?void 0:t.trim())))||[],k=[{label:this.locale.origin,key:"origin",value:null===(e=this.partLookup)||void 0===e?void 0:e.origin},{label:this.locale.warrantyPrice,key:"warrantyPrice",values:null===(n=this.partLookup)||void 0===n?void 0:n.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.warrantyPrice)||void 0===e?void 0:e.formattedValue}}))},{label:this.locale.specialPrice,key:"specialPrice"},{label:this.locale.wholesalesPrice,key:"salesPrice"},{label:this.locale.pnc,key:"pnc",value:null===(s=this.partLookup)||void 0===s?void 0:s.pnc},{label:this.locale.pncName.replace("$",x),key:"pnc",value:null===(l=this.partLookup)||void 0===l?void 0:l.pnc},{label:this.locale.binCode,key:"binType",value:null===(d=this.partLookup)||void 0===d?void 0:d.binType},{label:this.locale.length,key:"length",value:null===(p=this.partLookup)||void 0===p?void 0:p.length},{label:this.locale.width,key:"width",value:null===(h=this.partLookup)||void 0===h?void 0:h.width},{label:this.locale.height,key:"height",value:null===(u=this.partLookup)||void 0===u?void 0:u.height},{label:this.locale.netWeight,key:"netWeight",value:null===(g=this.partLookup)||void 0===g?void 0:g.netWeight},{label:this.locale.grossWeight,key:"grossWeight",value:null===(w=this.partLookup)||void 0===w?void 0:w.grossWeight},{label:this.locale.cubicMeasure,key:"cubicMeasure",value:null===(b=this.partLookup)||void 0===b?void 0:b.cubicMeasure},{label:this.locale.hsCode,key:"hsCode",value:null===(f=this.partLookup)||void 0===f?void 0:f.hsCode},{label:this.locale.uzHsCode,key:"hsCode",value:null===(m=this.partLookup)||void 0===m?void 0:m.hsCode}],z=k.filter((t=>!y.includes(t.key)));return i(o,null,i(c,{isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(v=this.partLookup)||void 0===v?void 0:v.partNumber,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("flexible-container",null,i("div",{class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},z.map((({label:t,value:e,values:o})=>o?i(a,{title:t,minWidth:"250px"},i(r,{class:"flex flex-wrap gap-[8px] p-[2px]"},o.filter((t=>t.body)).map((t=>i("span",{class:"inline-flex items-center bg-red-50 text-red-800 font-medium px-3 text-[16px] py-1 me-1 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body)))))):i(a,{desc:(null==e?void 0:e.toString())||"",title:t,minWidth:"250px"})))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.rounded-lg{border-radius:.5rem}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[16px\\]{padding:16px}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}'}},[1,"manufacturer-lookup",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],hiddenFields:[1,"hidden-fields"],localizationName:[1,"localization-name"],locale:[32],searchString:[32],isError:[32],errorMessage:[32],isLoading:[32],partLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function b(){"undefined"!=typeof customElements&&["manufacturer-lookup","flexible-container"].forEach((t=>{switch(t){case"manufacturer-lookup":customElements.get(t)||customElements.define(t,w);break;case"flexible-container":customElements.get(t)||u()}}))}b();export{w as M,b as d,g as m}
package/dist/components/{p-CqgLoPPc.js → p-B6j7vssc.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,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{f as i,a as s}from"./p-Bd0Q-vpX.js";import{s as n,g as l,a as c}from"./p-DmxWbMU0.js";const d=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.sharedLocales=n.getDefault(),this.locale=i.getDefault()}async componentWillLoad(){this.form.subscribe(this.inputParams.name,this),await this.changeLanguage(this.language)}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("form-input-"+this.inputParams.name)[0]}async disconnectedCallback(){this.form.unsubscribe(this.inputParams.name)}async changeLanguage(t){const e=i.fields[this.formLocaleName],a=await Promise.all([l(t,"forms*",s),c(t),l(t,"forms."+this.formLocaleName,e)]);Object.assign(this.locale,a[0]),Object.assign(this.locale[this.formLocaleName],a[2]),this.sharedLocales=a[1]}reset(t){var e;const a=t||(null===(e=this.inputParams)||void 0===e?void 0:e.defaultValue)||"";this.inputRef.value=a}render(){var t;const{class:e,label:i,isError:s,errorMessage:n,isRequired:l}=this,c=this.el.getElementsByClassName("prefix")[0],d=c?c.getBoundingClientRect().width:0,p=this.locale[this.formLocaleName];return a(r,{key:"c9eaa6bd3ff872a07a909f19034ce4094d25bda9"},a("label",{key:"ad6f696d064113a06cb89c30c283eb03d7326b76",id:this.wrapperId,class:o("relative w-full inline-flex flex-col",this.wrapperClass)},i&&a("div",{key:"863d1fbb904feae2580ca441cfa34802c337b3a8",class:"mb-[4px]"},p[i]||i,l&&a("span",{key:"5762e7998e748da3ac41ac245afc69914953713a",class:"ms-0.5 text-red-600"},"*")),a("div",{key:"5bf3f8f8e87266f8dd5292f6046e6d73750eb9c5",dir:this.numberDirection?"ltr":this.sharedLocales.direction,class:o("relative",{"opacity-75":null===(t=this.inputParams)||void 0===t?void 0:t.disabled})},this.inputPreFix&&a("div",{key:"0d976cd349f84f93ef7dfbaf618d43e470826afd",class:"prefix absolute h-[38px] px-2 left-0 top-0 pointer-events-none items-center justify-center flex"},this.inputPreFix),a("input",Object.assign({key:"9dfc5dd54d8a83fbbc887525f626a3ff4ae78f9e"},this.inputParams,{style:Object.assign({},d?{paddingLeft:`${d}px`}:{}),placeholder:p[this.inputParams.placeholder]||this.inputParams.placeholder,class:o("border appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none form-input disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full","form-input-"+this.inputParams.name,{"!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]":s,"rtl-form-input":"rtl"===this.sharedLocales.direction&&this.numberDirection},e)}))),a("div",{key:"1333e928fd100bf701d40b0942f742ff7e11f032",class:o("absolute text-[12px] pt-[1px] -z-10 text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300",{"translate-y-full error-message opacity-100":s})},p[n]||this.locale.inputValueIsIncorrect||n)))}get el(){return this}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}:host{all:initial!important;display:block}*{font-family:Arial}.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))}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-input",{label:[1],class:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],inputParams:[16,"input-params"],numberDirection:[4,"number-direction"],language:[1],formLocaleName:[1,"form-locale-name"],sharedLocales:[32],locale:[32]},void 0,{language:["changeLanguage"]}]);function p(){"undefined"!=typeof customElements&&["form-input"].forEach((t=>{"form-input"===t&&(customElements.get(t)||customElements.define(t,d))}))}p();export{d as F,p as d}
5
+ import{p as t,H as e,h as a,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{f as i,a as s}from"./p-alw0x13e.js";import{s as n,g as l,a as c}from"./p-CIaM3UPL.js";const d=t(class extends e{constructor(){super(),this.__registerHost(),this.language="en",this.sharedLocales=n.getDefault(),this.locale=i.getDefault()}async componentWillLoad(){this.form.subscribe(this.inputParams.name,this),await this.changeLanguage(this.language)}async componentDidLoad(){this.inputRef=this.el.getElementsByClassName("form-input-"+this.inputParams.name)[0]}async disconnectedCallback(){this.form.unsubscribe(this.inputParams.name)}async changeLanguage(t){const e=i.fields[this.formLocaleName],a=await Promise.all([l(t,"forms*",s),c(t),l(t,"forms."+this.formLocaleName,e)]);Object.assign(this.locale,a[0]),Object.assign(this.locale[this.formLocaleName],a[2]),this.sharedLocales=a[1]}reset(t){var e;const a=t||(null===(e=this.inputParams)||void 0===e?void 0:e.defaultValue)||"";this.inputRef.value=a}render(){var t;const{class:e,label:i,isError:s,errorMessage:n,isRequired:l}=this,c=this.el.getElementsByClassName("prefix")[0],d=c?c.getBoundingClientRect().width:0,p=this.locale[this.formLocaleName];return a(r,{key:"c9eaa6bd3ff872a07a909f19034ce4094d25bda9"},a("label",{key:"ad6f696d064113a06cb89c30c283eb03d7326b76",id:this.wrapperId,class:o("relative w-full inline-flex flex-col",this.wrapperClass)},i&&a("div",{key:"863d1fbb904feae2580ca441cfa34802c337b3a8",class:"mb-[4px]"},p[i]||i,l&&a("span",{key:"5762e7998e748da3ac41ac245afc69914953713a",class:"ms-0.5 text-red-600"},"*")),a("div",{key:"5bf3f8f8e87266f8dd5292f6046e6d73750eb9c5",dir:this.numberDirection?"ltr":this.sharedLocales.direction,class:o("relative",{"opacity-75":null===(t=this.inputParams)||void 0===t?void 0:t.disabled})},this.inputPreFix&&a("div",{key:"0d976cd349f84f93ef7dfbaf618d43e470826afd",class:"prefix absolute h-[38px] px-2 left-0 top-0 pointer-events-none items-center justify-center flex"},this.inputPreFix),a("input",Object.assign({key:"9dfc5dd54d8a83fbbc887525f626a3ff4ae78f9e"},this.inputParams,{style:Object.assign({},d?{paddingLeft:`${d}px`}:{}),placeholder:p[this.inputParams.placeholder]||this.inputParams.placeholder,class:o("border appearance-none [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none form-input disabled:bg-white flex-1 py-[6px] px-[12px] transition duration-300 rounded-md outline-none focus:border-slate-600 focus:shadow-[0_0_0_0.2rem_rgba(71,85,105,0.25)] w-full","form-input-"+this.inputParams.name,{"!border-red-500 focus:shadow-[0_0_0_0.2rem_rgba(239,68,68,0.25)]":s,"rtl-form-input":"rtl"===this.sharedLocales.direction&&this.numberDirection},e)}))),a("div",{key:"1333e928fd100bf701d40b0942f742ff7e11f032",class:o("absolute text-[12px] pt-[1px] -z-10 text-red-500 opacity-0 -translate-y-[4px] bottom-0 transition duration-300",{"translate-y-full error-message opacity-100":s})},p[n]||this.locale.inputValueIsIncorrect||n)))}get el(){return this}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}:host{all:initial!important;display:block}*{font-family:Arial}.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))}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[0,"form-input",{label:[1],class:[1],isError:[4,"is-error"],wrapperId:[1,"wrapper-id"],form:[16],inputPreFix:[1,"input-pre-fix"],isRequired:[4,"is-required"],errorMessage:[1,"error-message"],wrapperClass:[1,"wrapper-class"],inputParams:[16,"input-params"],numberDirection:[4,"number-direction"],language:[1],formLocaleName:[1,"form-locale-name"],sharedLocales:[32],locale:[32]},void 0,{language:["changeLanguage"]}]);function p(){"undefined"!=typeof customElements&&["form-input"].forEach((t=>{"form-input"===t&&(customElements.get(t)||customElements.define(t,d))}))}p();export{d as F,p as d}
package/dist/components/{p-CMOvIDH4.js → p-BF4ShuLZ.js} RENAMED
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{h as t,p as e,H as i,a as o}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{y as n,s as r,a as s,g as d}from"./p-DmxWbMU0.js";import{V as l}from"./p-B1fdQNyr.js";import{s as c,a as p}from"./p-C4zpDhOi.js";import{d as h}from"./p-COU68JDH.js";import{d as g}from"./p-BDCoLRVe.js";import{d as b}from"./p-BhjL0HMA.js";const u=n(["dealer","authorized","unauthorized","activeWarranty","notActiveWarranty","notInvoiced","from","to","pendingSSC","noPendingSSC","checkingTMC","sscCampings","sscTableCode","sscTableDescription","sscTableRepairStatus","sscTableOPCode","sscTablePartNumber"]),f="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",w="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function x({isLoading:e=!1,opened:i=!0,desc:o,className:n,fromDesc:r,toDesc:s,from:d,to:l,state:c="idle",icon:p=!0}){return t("flexible-container",{isOpened:i,classes:a("shift-skeleton",{loading:e||!i})},t("div",{class:a("card",n,`${c}-card`)},p&&"reject"===c&&t("img",{src:w}),p&&"warning"===c&&t("img",{src:w}),p&&"success"===c&&t("img",{src:f}),d&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},r,":")," ",o),l&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},s,":")," ",o),!d&&!l&&t("p",{class:"idle"===c?"no-padding":""},o)))}function m({isLoading:e,vehicleInformation:i,isAuthorized:o,unInvoicedByBrokerName:n,warrantyLocale:r}){var s,d,l,c,p,h,g,b,u,f,m,v,y;return t("div",{class:"tags-container mx-auto"},t("flexible-container",{isOpened:!i||!!(null===(s=null==i?void 0:i.saleInformation)||void 0===s?void 0:s.companyName)},t("div",{class:!(!i||(null===(d=null==i?void 0:i.saleInformation)||void 0===d?void 0:d.companyName))&&"loading",style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton !rounded-[4px]"},t("div",{class:"card warning-card"},t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},r.dealer,":")," ",(null===(l=null==i?void 0:i.saleInformation)||void 0===l?void 0:l.companyName)||""," ",(null===(c=null==i?void 0:i.saleInformation)||void 0===c?void 0:c.countryName)&&`(${null===(p=null==i?void 0:i.saleInformation)||void 0===p?void 0:p.countryName})`))))),t("flexible-container",{classes:a({loading:e||!n}),isOpened:!!n},t("div",{style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton"},t("div",{class:"card warning-card"},t("img",{src:w}),t("p",null,n?r.notInvoiced+n:""))))),t("div",{class:"warranty-tags"},t(x,{state:i?o?"success":"reject":"idle",desc:i?o?r.authorized:r.unauthorized:""}),t(x,{state:i?(null===(h=null==i?void 0:i.warranty)||void 0===h?void 0:h.hasActiveWarranty)?"success":"reject":"idle",desc:i?(null===(g=null==i?void 0:i.warranty)||void 0===g?void 0:g.hasActiveWarranty)?r.activeWarranty:r.notActiveWarranty:""}),t(x,{from:!0,icon:!1,fromDesc:r.from,desc:(null===(b=null==i?void 0:i.warranty)||void 0===b?void 0:b.warrantyStartDate)||"",opened:!!(null===(u=null==i?void 0:i.warranty)||void 0===u?void 0:u.warrantyStartDate)||!i,state:i?(null===(f=null==i?void 0:i.warranty)||void 0===f?void 0:f.hasActiveWarranty)?"success":"reject":"idle"}),t(x,{to:!0,icon:!1,toDesc:r.to,desc:(null===(m=null==i?void 0:i.warranty)||void 0===m?void 0:m.warrantyEndDate)||"",opened:!!(null===(v=null==i?void 0:i.warranty)||void 0===v?void 0:v.warrantyEndDate)||!i,state:i?(null===(y=null==i?void 0:i.warranty)||void 0===y?void 0:y.hasActiveWarranty)?"success":"reject":"idle"})))}const v=e(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:r.getDefault()},u.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.showSsc=!1,this.recaptchaKey="",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([s(t),d(t,"vehicleLookup.warranty",u)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){this.recaptchaRes=null,clearInterval(this.recaptchaIntervalRef),await c(this,t,e,{beforeAssignment:async(t,{scopedTimeoutRef:e})=>{var i,o,a;return this.unInvoicedByBrokerName=null!==(null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)&&null===(null===(a=null===(o=null==t?void 0:t.saleInformation)||void 0===o?void 0:o.broker)||void 0===a?void 0:a.invoiceDate)?t.saleInformation.broker.brokerName:null,await this.handleInitializingRecaptcha(t,e),t}})}async setErrorMessage(t){p(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async handleInitializingRecaptcha(t,e){!1===(null==t?void 0:t.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),this.recaptchaIntervalRef=setInterval((async()=>{const i=grecaptcha.getResponse();if(i)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${null==t?void 0:t.vin}/${null==t?void 0:t.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":i})}),a=await o.json();if(!a||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===a.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}render(){var e,i,n,r,s,d;const c=[{width:200,key:"sscTableCode",label:this.locale.sscTableCode},{width:400,key:"sscTableDescription",label:this.locale.sscTableDescription},{width:200,key:"sscTableRepairStatus",label:this.locale.sscTableRepairStatus},{width:200,key:"sscTableOPCode",label:this.locale.sscTableOPCode},{width:200,key:"sscTablePartNumber",label:this.locale.sscTablePartNumber}],p=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.ssc)?null===(i=this.vehicleLookup)||void 0===i?void 0:i.ssc.map((e=>({sscTableCode:null==e?void 0:e.sscCode,sscTableDescription:null==e?void 0:e.description,sscTableRepairStatus:()=>t("div",{class:"table-cell-container"},t("img",{class:"table-status-icon",src:(null==e?void 0:e.repaired)?f:w})," ",null==e?void 0:e.repairDate),sscTableOPCode:()=>t("div",{class:"table-cell-container table-cell-labors-container"},(null==e?void 0:e.labors.length)?null==e?void 0:e.labors.map((e=>t("div",{key:null==e?void 0:e.laborCode,class:"success"},null==e?void 0:e.laborCode))):"..."),sscTablePartNumber:()=>t("div",{class:"table-cell-container table-cell-parts-container"},(null==e?void 0:e.parts.length)?null==e?void 0:e.parts.map((e=>t("div",{key:null==e?void 0:e.partNumber,class:(null==e?void 0:e.isAvailable)?"success":"reject"},null==e?void 0:e.partNumber))):"...")}))):[],h={sscTableOPCode:()=>t("div",{key:"8e17cdbd6c0afdc2463a5eae0d5a586c493372bd",class:"h-[25px]"}),sscTablePartNumber:()=>t("div",{key:"96d0668bd6e0f37653f6aa03056ccbab2401f379",class:"h-[25px]"}),sscTableRepairStatus:()=>t("div",{key:"bd71c0cc057cb0e378c91c3c5423428c9873344c",class:"h-[25px]"})};return t(o,{key:"97916d416bcdc7c81adbf3ca8dfe8faecbf07ce7"},t(l,{key:"3913db307463fd12b3400974b17599027cfc2ac0",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(n=this.vehicleLookup)||void 0===n?void 0:n.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"104ff92782094028609cfef6252d92a0951bda84",class:"p-[16px]"},this.showWarranty&&t(m,{key:"3e0e9292623da1d22d46fb98b1b48fcf4ec65814",isLoading:this.isLoading,warrantyLocale:this.locale,vehicleInformation:this.vehicleLookup,isAuthorized:null===(r=this.vehicleLookup)||void 0===r?void 0:r.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName}),t("div",{key:"2fd77bda555a3830d56b14af6ea983ddd10a11e0",class:"h-[8px]"}),t("flexible-container",{key:"3e1eeef573c0112e67e2be92a5ec0f528e3404b2",isOpened:this.showRecaptcha,classes:a("w-fit mx-auto shift-skeleton",{loading:!this.showRecaptcha||this.isLoading})},t("div",{key:"7af8464b654b31e133cb905e57ac6ff3018c2340",style:{height:"auto"},class:"recaptcha-container"},t("slot",{key:"9870fd6639a365b1edc2d638e0b768f19032f5dc"})),this.recaptchaRes&&t("div",{key:"18ade654056979f6840cd3d0c07219653b497f19",class:a("recaptcha-response",(null===(s=this.recaptchaRes)||void 0===s?void 0:s.hasSSC)?"reject-card ":"success-card")},this.locale[null===(d=this.recaptchaRes)||void 0===d?void 0:d.message]))),t("flexible-container",{key:"55e9a76b7db21ec3145287b01ed301bbe201d2b3",isOpened:this.checkingUnauthorizedSSC,classes:"w-fit mx-auto"},t("div",{key:"3c5a6a42a8933c4640c088fc15278eef0da245c6",class:"pt-[16px]"},t("div",{key:"641f28204f71419252ad040948977dafa26cec9e",class:"flex shift-skeleton flex-col gap-[8px]"},t("strong",{key:"b7b15d6ca97c5e6686e1a4e486c7a79cb3152471"},this.locale.checkingTMC),t("div",{key:"b2f5dc09a8779164c7163063774af6991c7039f1",class:"relative pt-[40px]"},t("loading-spinner",{key:"d9d3175d22fd7df7e061177150950fb905f26c11",isLoading:this.checkingUnauthorizedSSC}))))),t("div",{key:"50753bee4f2849d989d0de72781aee65064a1bd4",class:"mt-[32px] mx-auto w-fit max-w-full"},t("div",{key:"7e77caaf84ab9598b2db5d4018490ddfa1ec9bb8",class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.sscCampings),t("div",{key:"095c4a7d4185d366b3be620e31b1236ea1e9f80d",class:"overflow-x-auto"},t("information-table",{key:"3093cddcf0cbeaa96fc757b2c062cebd3637c3fa",isLoading:this.isLoading,templateRow:h,rows:p,headers:c})))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all;transition-duration:.3s}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background:#d0e7de!important;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521!important;color:#0b3521}.reject-card{background:#f7d7d8!important;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c!important;color:#58151c}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:6px;color:rgb(15 23 42/var(--tw-text-opacity,1));flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-1st-row{grid-column:1/3;grid-row:1/3}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.tags-container,.warranty-tags{max-width:1000px}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.gap-2{gap:.5rem}'}},[1,"vehicle-warranty-details",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],showSsc:[4,"show-ssc"],recaptchaKey:[1,"recaptcha-key"],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function y(){"undefined"!=typeof customElements&&["vehicle-warranty-details","flexible-container","information-table","loading-spinner"].forEach((t=>{switch(t){case"vehicle-warranty-details":customElements.get(t)||customElements.define(t,v);break;case"flexible-container":customElements.get(t)||h();break;case"information-table":customElements.get(t)||g();break;case"loading-spinner":customElements.get(t)||b()}}))}y();export{v as V,y as d,u as w}
5
+ import{h as t,p as e,H as i,a as o}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{y as n,s as r,a as s,g as d}from"./p-CIaM3UPL.js";import{V as l}from"./p-B1fdQNyr.js";import{s as c,a as p}from"./p-C4zpDhOi.js";import{d as h}from"./p-BGe0MyLF.js";import{d as g}from"./p-eQuyMB7o.js";import{d as b}from"./p-BhjL0HMA.js";const u=n(["dealer","authorized","unauthorized","activeWarranty","notActiveWarranty","notInvoiced","from","to","pendingSSC","noPendingSSC","checkingTMC","sscCampings","sscTableCode","sscTableDescription","sscTableRepairStatus","sscTableOPCode","sscTablePartNumber"]),f="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",w="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function x({isLoading:e=!1,opened:i=!0,desc:o,className:n,fromDesc:r,toDesc:s,from:d,to:l,state:c="idle",icon:p=!0}){return t("flexible-container",{isOpened:i,classes:a("shift-skeleton",{loading:e||!i})},t("div",{class:a("card",n,`${c}-card`)},p&&"reject"===c&&t("img",{src:w}),p&&"warning"===c&&t("img",{src:w}),p&&"success"===c&&t("img",{src:f}),d&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},r,":")," ",o),l&&t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},s,":")," ",o),!d&&!l&&t("p",{class:"idle"===c?"no-padding":""},o)))}function m({isLoading:e,vehicleInformation:i,isAuthorized:o,unInvoicedByBrokerName:n,warrantyLocale:r}){var s,d,l,c,p,h,g,b,u,f,m,v,y;return t("div",{class:"tags-container mx-auto"},t("flexible-container",{isOpened:!i||!!(null===(s=null==i?void 0:i.saleInformation)||void 0===s?void 0:s.companyName)},t("div",{class:!(!i||(null===(d=null==i?void 0:i.saleInformation)||void 0===d?void 0:d.companyName))&&"loading",style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton !rounded-[4px]"},t("div",{class:"card warning-card"},t("p",{class:"no-padding flex gap-2"},t("span",{class:"font-semibold"},r.dealer,":")," ",(null===(l=null==i?void 0:i.saleInformation)||void 0===l?void 0:l.companyName)||""," ",(null===(c=null==i?void 0:i.saleInformation)||void 0===c?void 0:c.countryName)&&`(${null===(p=null==i?void 0:i.saleInformation)||void 0===p?void 0:p.countryName})`))))),t("flexible-container",{classes:a({loading:e||!n}),isOpened:!!n},t("div",{style:{paddingBottom:"12px"}},t("div",{class:"shift-skeleton"},t("div",{class:"card warning-card"},t("img",{src:w}),t("p",null,n?r.notInvoiced+n:""))))),t("div",{class:"warranty-tags"},t(x,{state:i?o?"success":"reject":"idle",desc:i?o?r.authorized:r.unauthorized:""}),t(x,{state:i?(null===(h=null==i?void 0:i.warranty)||void 0===h?void 0:h.hasActiveWarranty)?"success":"reject":"idle",desc:i?(null===(g=null==i?void 0:i.warranty)||void 0===g?void 0:g.hasActiveWarranty)?r.activeWarranty:r.notActiveWarranty:""}),t(x,{from:!0,icon:!1,fromDesc:r.from,desc:(null===(b=null==i?void 0:i.warranty)||void 0===b?void 0:b.warrantyStartDate)||"",opened:!!(null===(u=null==i?void 0:i.warranty)||void 0===u?void 0:u.warrantyStartDate)||!i,state:i?(null===(f=null==i?void 0:i.warranty)||void 0===f?void 0:f.hasActiveWarranty)?"success":"reject":"idle"}),t(x,{to:!0,icon:!1,toDesc:r.to,desc:(null===(m=null==i?void 0:i.warranty)||void 0===m?void 0:m.warrantyEndDate)||"",opened:!!(null===(v=null==i?void 0:i.warranty)||void 0===v?void 0:v.warrantyEndDate)||!i,state:i?(null===(y=null==i?void 0:i.warranty)||void 0===y?void 0:y.hasActiveWarranty)?"success":"reject":"idle"})))}const v=e(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:r.getDefault()},u.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1,this.showSsc=!1,this.recaptchaKey="",this.showWarranty=!1,this.unauthorizedSscLookupBaseUrl="",this.unauthorizedSscLookupQueryString="",this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([s(t),d(t,"vehicleLookup.warranty",u)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){this.recaptchaRes=null,clearInterval(this.recaptchaIntervalRef),await c(this,t,e,{beforeAssignment:async(t,{scopedTimeoutRef:e})=>{var i,o,a;return this.unInvoicedByBrokerName=null!==(null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)&&null===(null===(a=null===(o=null==t?void 0:t.saleInformation)||void 0===o?void 0:o.broker)||void 0===a?void 0:a.invoiceDate)?t.saleInformation.broker.brokerName:null,await this.handleInitializingRecaptcha(t,e),t}})}async setErrorMessage(t){p(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}async handleInitializingRecaptcha(t,e){!1===(null==t?void 0:t.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),this.recaptchaIntervalRef=setInterval((async()=>{const i=grecaptcha.getResponse();if(i)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}else{this.checkingUnauthorizedSSC=!0;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${null==t?void 0:t.vin}/${null==t?void 0:t.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":i})}),a=await o.json();if(!a||this.networkTimeoutRef!==e)throw new Error("wrongResponseFormat");{this.checkingUnauthorizedSSC=!1;const t=1===a.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"pendingSSC":"noPendingSSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}render(){var e,i,n,r,s,d;const c=[{width:200,key:"sscTableCode",label:this.locale.sscTableCode},{width:400,key:"sscTableDescription",label:this.locale.sscTableDescription},{width:200,key:"sscTableRepairStatus",label:this.locale.sscTableRepairStatus},{width:200,key:"sscTableOPCode",label:this.locale.sscTableOPCode},{width:200,key:"sscTablePartNumber",label:this.locale.sscTablePartNumber}],p=(null===(e=this.vehicleLookup)||void 0===e?void 0:e.ssc)?null===(i=this.vehicleLookup)||void 0===i?void 0:i.ssc.map((e=>({sscTableCode:null==e?void 0:e.sscCode,sscTableDescription:null==e?void 0:e.description,sscTableRepairStatus:()=>t("div",{class:"table-cell-container"},t("img",{class:"table-status-icon",src:(null==e?void 0:e.repaired)?f:w})," ",null==e?void 0:e.repairDate),sscTableOPCode:()=>t("div",{class:"table-cell-container table-cell-labors-container"},(null==e?void 0:e.labors.length)?null==e?void 0:e.labors.map((e=>t("div",{key:null==e?void 0:e.laborCode,class:"success"},null==e?void 0:e.laborCode))):"..."),sscTablePartNumber:()=>t("div",{class:"table-cell-container table-cell-parts-container"},(null==e?void 0:e.parts.length)?null==e?void 0:e.parts.map((e=>t("div",{key:null==e?void 0:e.partNumber,class:(null==e?void 0:e.isAvailable)?"success":"reject"},null==e?void 0:e.partNumber))):"...")}))):[],h={sscTableOPCode:()=>t("div",{key:"8e17cdbd6c0afdc2463a5eae0d5a586c493372bd",class:"h-[25px]"}),sscTablePartNumber:()=>t("div",{key:"96d0668bd6e0f37653f6aa03056ccbab2401f379",class:"h-[25px]"}),sscTableRepairStatus:()=>t("div",{key:"bd71c0cc057cb0e378c91c3c5423428c9873344c",class:"h-[25px]"})};return t(o,{key:"97916d416bcdc7c81adbf3ca8dfe8faecbf07ce7"},t(l,{key:"3913db307463fd12b3400974b17599027cfc2ac0",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(n=this.vehicleLookup)||void 0===n?void 0:n.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},t("div",{key:"104ff92782094028609cfef6252d92a0951bda84",class:"p-[16px]"},this.showWarranty&&t(m,{key:"3e0e9292623da1d22d46fb98b1b48fcf4ec65814",isLoading:this.isLoading,warrantyLocale:this.locale,vehicleInformation:this.vehicleLookup,isAuthorized:null===(r=this.vehicleLookup)||void 0===r?void 0:r.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName}),t("div",{key:"2fd77bda555a3830d56b14af6ea983ddd10a11e0",class:"h-[8px]"}),t("flexible-container",{key:"3e1eeef573c0112e67e2be92a5ec0f528e3404b2",isOpened:this.showRecaptcha,classes:a("w-fit mx-auto shift-skeleton",{loading:!this.showRecaptcha||this.isLoading})},t("div",{key:"7af8464b654b31e133cb905e57ac6ff3018c2340",style:{height:"auto"},class:"recaptcha-container"},t("slot",{key:"9870fd6639a365b1edc2d638e0b768f19032f5dc"})),this.recaptchaRes&&t("div",{key:"18ade654056979f6840cd3d0c07219653b497f19",class:a("recaptcha-response",(null===(s=this.recaptchaRes)||void 0===s?void 0:s.hasSSC)?"reject-card ":"success-card")},this.locale[null===(d=this.recaptchaRes)||void 0===d?void 0:d.message]))),t("flexible-container",{key:"55e9a76b7db21ec3145287b01ed301bbe201d2b3",isOpened:this.checkingUnauthorizedSSC,classes:"w-fit mx-auto"},t("div",{key:"3c5a6a42a8933c4640c088fc15278eef0da245c6",class:"pt-[16px]"},t("div",{key:"641f28204f71419252ad040948977dafa26cec9e",class:"flex shift-skeleton flex-col gap-[8px]"},t("strong",{key:"b7b15d6ca97c5e6686e1a4e486c7a79cb3152471"},this.locale.checkingTMC),t("div",{key:"b2f5dc09a8779164c7163063774af6991c7039f1",class:"relative pt-[40px]"},t("loading-spinner",{key:"d9d3175d22fd7df7e061177150950fb905f26c11",isLoading:this.checkingUnauthorizedSSC}))))),t("div",{key:"50753bee4f2849d989d0de72781aee65064a1bd4",class:"mt-[32px] mx-auto w-fit max-w-full"},t("div",{key:"7e77caaf84ab9598b2db5d4018490ddfa1ec9bb8",class:"bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]"},this.locale.sscCampings),t("div",{key:"095c4a7d4185d366b3be620e31b1236ea1e9f80d",class:"overflow-x-auto"},t("information-table",{key:"3093cddcf0cbeaa96fc757b2c062cebd3637c3fa",isLoading:this.isLoading,templateRow:h,rows:p,headers:c})))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.\\!relative{position:relative!important}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:all;transition-duration:.3s}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.success-card{background:#d0e7de!important;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521!important;color:#0b3521}.reject-card{background:#f7d7d8!important;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c!important;color:#58151c}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));border:1px solid;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:6px;color:rgb(15 23 42/var(--tw-text-opacity,1));flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-1st-row{grid-column:1/3;grid-row:1/3}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.tags-container,.warranty-tags{max-width:1000px}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.gap-2{gap:.5rem}'}},[1,"vehicle-warranty-details",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],showSsc:[4,"show-ssc"],recaptchaKey:[1,"recaptcha-key"],showWarranty:[4,"show-warranty"],unauthorizedSscLookupBaseUrl:[1,"unauthorized-ssc-lookup-base-url"],unauthorizedSscLookupQueryString:[1,"unauthorized-ssc-lookup-query-string"],cityId:[1,"city-id"],cityIntegrationId:[1,"city-integration-id"],companyId:[1,"company-id"],companyIntegrationId:[1,"company-integration-id"],companyBranchId:[1,"company-branch-id"],companyBranchIntegrationId:[1,"company-branch-integration-id"],userId:[1,"user-id"],brandIntegrationId:[1,"brand-integration-id"],customerName:[1,"customer-name"],customerPhone:[1,"customer-phone"],customerEmail:[1,"customer-email"],locale:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],showRecaptcha:[32],unInvoicedByBrokerName:[32],checkingUnauthorizedSSC:[32],recaptchaRes:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function y(){"undefined"!=typeof customElements&&["vehicle-warranty-details","flexible-container","information-table","loading-spinner"].forEach((t=>{switch(t){case"vehicle-warranty-details":customElements.get(t)||customElements.define(t,v);break;case"flexible-container":customElements.get(t)||h();break;case"information-table":customElements.get(t)||g();break;case"loading-spinner":customElements.get(t)||b()}}))}y();export{v as V,y as d,u as w}
package/dist/components/{p-COU68JDH.js → p-BGe0MyLF.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}from"./index.js";import{c as r}from"./p-BK16Cn81.js";const o=t(class extends e{constructor(){super(),this.__registerHost(),this.isOpened=!0,this.stopAnimation=!1,this.height="auto",this.childrenAnimatingList=[],this.startTransition=t=>{if(-1!==t){const t=function(t){const e=[];let a=t;for(;a;){if(a.nodeType===Node.ELEMENT_NODE){const r=a;r.tagName.toLowerCase().startsWith("flexible-container")&&r!==t&&e.push(r)}if(a.parentNode)a=a.parentNode;else{if(!a.host)break;a=a.host}}return e}(this.el);t.forEach((t=>{t.isOpened&&t.addChildrenAnimation(this)})),clearTimeout(this.animationTimeoutRef),this.animationTimeoutRef=setTimeout((()=>{t.forEach((t=>{t.onAnimationPlayChanges(!1),t.removeChildrenAnimation(this)}))}),510)}return this.isOpened?(this.container.style.opacity="1",t&&-1!==t?this.container.style.height=`${t}px`:void("auto"===this.height&&(this.container.style.height=`${this.content.clientHeight}px`))):(this.container.style.height="0px",void(this.container.style.opacity="0.1"))},this.handleChildUpdates=t=>{clearTimeout(this.ChildUpdatesActionTimeout),this.ChildUpdatesActionTimeout=setTimeout((()=>{this.startTransition(t)}),50)}}async componentDidLoad(){this.container=this.el.querySelector(".flexible-container"),this.content=this.el.querySelector(".flexible-container-content");const t=()=>this.handleChildUpdates();this.mutationObserver=new MutationObserver(t),this.mutationObserver.observe(this.content,{subtree:!0,childList:!0,attributes:!0,characterData:!0,attributeOldValue:!0,characterDataOldValue:!0}),this.resizeListener=t,window.addEventListener("resize",this.resizeListener),this.isOpened&&setTimeout((()=>{this.startTransition()}),200)}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeListener&&window.removeEventListener("resize",this.resizeListener)}async handleOpenChanges(){this.handleChildUpdates()}async handleHeightChanges(t){"auto"===t?this.handleChildUpdates():"number"==typeof t&&this.handleChildUpdates(t)}async onAnimationPlayChanges(t){t||(this.container.style.height=`${this.content.clientHeight}px`)}addChildrenAnimation(t){this.childrenAnimatingList=[...this.childrenAnimatingList,t]}removeChildrenAnimation(t){this.childrenAnimatingList=this.childrenAnimatingList.filter((e=>e!==t))}render(){return this.initialStyle||(this.initialStyle=this.isOpened?{height:"auto"}:{height:"0px"}),a("div",{key:"ec70a3f0c0d627c6867e9058ac724ed95f228e42",style:this.initialStyle,class:r("flexible-container w-full min-w-full transition-all overflow-hidden duration-500",{"!h-auto !duration-0 !transition-none":this.stopAnimation||!!this.childrenAnimatingList.length},this.containerClasses)},a("div",{key:"f62ba2e6830475edbadb32fd29c8d8a5820cb5fd",class:r("flexible-container-content",this.classes)},a("slot",{key:"cbdf77e31325df3e589bad5e16fd2c3802c46a41"})))}get el(){return this}static get watchers(){return{isOpened:["handleOpenChanges"],height:["handleHeightChanges"],stopAnimation:["onAnimationPlayChanges"]}}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}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.top-0{top:0}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.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)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.mx-auto{margin-left:auto;margin-right:auto}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.relative{position:relative}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.\\!duration-1000{transition-duration:1s!important}.pointer-events-none{pointer-events:none}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pb-\\[16px\\]{padding-bottom:16px}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.\\!transition-none{transition-property:none!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.table{display:table}.flex-1{flex:1 1 0%}.rotate-0{--tw-rotate:0deg;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-default{cursor:default}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.my-auto{margin-bottom:auto;margin-top:auto}.last\\:border-b-0:last-child{border-bottom-width:0}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fixed{position:fixed}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{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-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.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))}.gap-2{gap:.5rem}.\\!rounded-\\[4px\\]{border-radius:4px!important}.mb-\\[6px\\]{margin-bottom:6px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.\\!border-b-0{border-bottom-width:0!important}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.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)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}'}},[4,"flexible-container",{classes:[1],alwaysStrict:[4,"always-strict"],containerClasses:[1,"container-classes"],isOpened:[4,"is-opened"],stopAnimation:[4,"stop-animation"],height:[8],childrenAnimatingList:[32],onAnimationPlayChanges:[64],addChildrenAnimation:[64],removeChildrenAnimation:[64]},void 0,{isOpened:["handleOpenChanges"],height:["handleHeightChanges"],stopAnimation:["onAnimationPlayChanges"]}]);function i(){"undefined"!=typeof customElements&&["flexible-container"].forEach((t=>{"flexible-container"===t&&(customElements.get(t)||customElements.define(t,o))}))}i();export{o as F,i as d}
5
+ import{p as t,H as e,h as a}from"./index.js";import{c as r}from"./p-BK16Cn81.js";const o=t(class extends e{constructor(){super(),this.__registerHost(),this.isOpened=!0,this.stopAnimation=!1,this.height="auto",this.childrenAnimatingList=[],this.startTransition=t=>{if(-1!==t){const t=function(t){const e=[];let a=t;for(;a;){if(a.nodeType===Node.ELEMENT_NODE){const r=a;r.tagName.toLowerCase().startsWith("flexible-container")&&r!==t&&e.push(r)}if(a.parentNode)a=a.parentNode;else{if(!a.host)break;a=a.host}}return e}(this.el);t.forEach((t=>{t.isOpened&&t.addChildrenAnimation(this)})),clearTimeout(this.animationTimeoutRef),this.animationTimeoutRef=setTimeout((()=>{t.forEach((t=>{t.onAnimationPlayChanges(!1),t.removeChildrenAnimation(this)}))}),510)}return this.isOpened?(this.container.style.opacity="1",t&&-1!==t?this.container.style.height=`${t}px`:void("auto"===this.height&&(this.container.style.height=`${this.content.clientHeight}px`))):(this.container.style.height="0px",void(this.container.style.opacity="0.1"))},this.handleChildUpdates=t=>{clearTimeout(this.ChildUpdatesActionTimeout),this.ChildUpdatesActionTimeout=setTimeout((()=>{this.startTransition(t)}),50)}}async componentDidLoad(){this.container=this.el.querySelector(".flexible-container"),this.content=this.el.querySelector(".flexible-container-content");const t=()=>this.handleChildUpdates();this.mutationObserver=new MutationObserver(t),this.mutationObserver.observe(this.content,{subtree:!0,childList:!0,attributes:!0,characterData:!0,attributeOldValue:!0,characterDataOldValue:!0}),this.resizeListener=t,window.addEventListener("resize",this.resizeListener),this.isOpened&&setTimeout((()=>{this.startTransition()}),200)}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.resizeListener&&window.removeEventListener("resize",this.resizeListener)}async handleOpenChanges(){this.handleChildUpdates()}async handleHeightChanges(t){"auto"===t?this.handleChildUpdates():"number"==typeof t&&this.handleChildUpdates(t)}async onAnimationPlayChanges(t){t||(this.container.style.height=`${this.content.clientHeight}px`)}addChildrenAnimation(t){this.childrenAnimatingList=[...this.childrenAnimatingList,t]}removeChildrenAnimation(t){this.childrenAnimatingList=this.childrenAnimatingList.filter((e=>e!==t))}render(){return this.initialStyle||(this.initialStyle=this.isOpened?{height:"auto"}:{height:"0px"}),a("div",{key:"ec70a3f0c0d627c6867e9058ac724ed95f228e42",style:this.initialStyle,class:r("flexible-container w-full min-w-full transition-all overflow-hidden duration-500",{"!h-auto !duration-0 !transition-none":this.stopAnimation||!!this.childrenAnimatingList.length},this.containerClasses)},a("div",{key:"f62ba2e6830475edbadb32fd29c8d8a5820cb5fd",class:r("flexible-container-content",this.classes)},a("slot",{key:"cbdf77e31325df3e589bad5e16fd2c3802c46a41"})))}get el(){return this}static get watchers(){return{isOpened:["handleOpenChanges"],height:["handleHeightChanges"],stopAnimation:["onAnimationPlayChanges"]}}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}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.top-0{top:0}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.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)}.\\!duration-0{transition-duration:0s!important}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.relative{position:relative}.-translate-x-\\[110\\%\\]{--tw-translate-x:-110%}.-translate-x-\\[110\\%\\],.translate-x-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[110\\%\\]{--tw-translate-x:110%}.\\!duration-1000{transition-duration:1s!important}.mx-auto{margin-left:auto;margin-right:auto}.w-\\[calc\\(100\\%-20px\\)\\]{width:calc(100% - 20px)}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-\\[4px\\]{gap:4px}.rounded{border-radius:.25rem}.border{border-width:1px}.py-\\[4px\\]{padding-bottom:4px;padding-top:4px}.text-\\[17px\\]{font-size:17px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.pointer-events-none{pointer-events:none}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pb-\\[16px\\]{padding-bottom:16px}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.\\!transition-none{transition-property:none!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.table{display:table}.flex-1{flex:1 1 0%}.rotate-0{--tw-rotate:0deg;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-default{cursor:default}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.my-auto{margin-bottom:auto;margin-top:auto}.last\\:border-b-0:last-child{border-bottom-width:0}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fixed{position:fixed}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.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-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{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-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.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))}.gap-2{gap:.5rem}.\\!rounded-\\[4px\\]{border-radius:4px!important}.mb-\\[6px\\]{margin-bottom:6px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.\\!border-b-0{border-bottom-width:0!important}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.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)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}'}},[4,"flexible-container",{classes:[1],alwaysStrict:[4,"always-strict"],containerClasses:[1,"container-classes"],isOpened:[4,"is-opened"],stopAnimation:[4,"stop-animation"],height:[8],childrenAnimatingList:[32],onAnimationPlayChanges:[64],addChildrenAnimation:[64],removeChildrenAnimation:[64]},void 0,{isOpened:["handleOpenChanges"],height:["handleHeightChanges"],stopAnimation:["onAnimationPlayChanges"]}]);function i(){"undefined"!=typeof customElements&&["flexible-container"].forEach((t=>{"flexible-container"===t&&(customElements.get(t)||customElements.define(t,o))}))}i();export{o as F,i as d}
package/dist/components/{p-CN7sHzME.js → p-BKq17ywX.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 i,a as o}from"./index.js";import{o as a,e as r,I as n,c as s}from"./p-BG8YXzND.js";import{y as l,s as d,a as p,g as c}from"./p-DmxWbMU0.js";import{V as h}from"./p-B1fdQNyr.js";import{s as g,a as w}from"./p-C4zpDhOi.js";import{d as f}from"./p-COU68JDH.js";import{d as b}from"./p-BDCoLRVe.js";const x=l(["vehicleAccessories","noData","partNumber","description","image","expand"]),u=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:d.getDefault()},x.getDefault()),this.coreOnly=!1,this.expandedImage="",this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([p(t),c(t,"vehicleLookup.accessories",x)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await g(this,t,e)}async setErrorMessage(t){w(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,e,l;const d=this.locale,p=(null===(t=null==this?void 0:this.vehicleLookup)||void 0===t?void 0:t.accessories)?null===(e=this.vehicleLookup)||void 0===e?void 0:e.accessories:[],c=[{width:300,key:"partNumber",label:d.partNumber},{width:500,key:"description",label:d.description},{width:200,key:"image",label:d.image}],g=null==p?void 0:p.map((t=>({partNumber:null==t?void 0:t.partNumber,description:null==t?void 0:t.description,image:()=>i("div",{class:"size-[100px] flex mx-auto items-center justify-center"},i("button",{onClick:({target:e})=>a.bind(this)(e,null==t?void 0:t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},i("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"},i("img",{src:r}),i("span",{class:"text-white"},d.expand)),i("img",{class:"w-auto h-auto max-w-[100px] max-h-[100px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:null==t?void 0:t.image})))}))),w={image:()=>i("div",{key:"d11bf431592bbc61e49f6cf5906417153df03cf8",class:"size-[100px] flex mx-auto items-center justify-center"}," ")};return i(o,{key:"e34bd1880a7e94814a3e1af6e4b3184f1d4148e1"},i(n,{key:"f3e71805f7533c0701fbf76ca7c26331d7744cb5",closeImageViewer:()=>s.bind(this)(),expandedImage:this.expandedImage}),i(h,{key:"74c9f75bf57dabd127363cc9f48cf63154cd78a2",isError:this.isError,isLoading:this.isLoading,coreOnly:this.coreOnly,header:null===(l=this.vehicleLookup)||void 0===l?void 0:l.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("div",{key:"c760870207975476d0f9c081313d669373707b0c",class:"overflow-x-auto"},i("information-table",{key:"335b5f43da40543324767188813ec2f3f9f81bff",templateRow:w,rows:g,headers:c,isLoading:this.isLoading}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}'}},[1,"vehicle-accessories",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],locale:[32],expandedImage:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function m(){"undefined"!=typeof customElements&&["vehicle-accessories","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-accessories":customElements.get(t)||customElements.define(t,u);break;case"flexible-container":customElements.get(t)||f();break;case"information-table":customElements.get(t)||b()}}))}m();export{u as V,x as a,m as d}
5
+ import{p as t,H as e,h as i,a as o}from"./index.js";import{o as a,e as r,I as n,c as s}from"./p-BG8YXzND.js";import{y as l,s as d,a as p,g as c}from"./p-CIaM3UPL.js";import{V as h}from"./p-B1fdQNyr.js";import{s as g,a as w}from"./p-C4zpDhOi.js";import{d as f}from"./p-BGe0MyLF.js";import{d as b}from"./p-eQuyMB7o.js";const x=l(["vehicleAccessories","noData","partNumber","description","image","expand"]),u=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:d.getDefault()},x.getDefault()),this.coreOnly=!1,this.expandedImage="",this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,i]=await Promise.all([p(t),c(t,"vehicleLookup.accessories",x)]);this.locale=Object.assign({sharedLocales:e},i)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await g(this,t,e)}async setErrorMessage(t){w(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,e,l;const d=this.locale,p=(null===(t=null==this?void 0:this.vehicleLookup)||void 0===t?void 0:t.accessories)?null===(e=this.vehicleLookup)||void 0===e?void 0:e.accessories:[],c=[{width:300,key:"partNumber",label:d.partNumber},{width:500,key:"description",label:d.description},{width:200,key:"image",label:d.image}],g=null==p?void 0:p.map((t=>({partNumber:null==t?void 0:t.partNumber,description:null==t?void 0:t.description,image:()=>i("div",{class:"size-[100px] flex mx-auto items-center justify-center"},i("button",{onClick:({target:e})=>a.bind(this)(e,null==t?void 0:t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},i("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"},i("img",{src:r}),i("span",{class:"text-white"},d.expand)),i("img",{class:"w-auto h-auto max-w-[100px] max-h-[100px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:null==t?void 0:t.image})))}))),w={image:()=>i("div",{key:"d11bf431592bbc61e49f6cf5906417153df03cf8",class:"size-[100px] flex mx-auto items-center justify-center"}," ")};return i(o,{key:"e34bd1880a7e94814a3e1af6e4b3184f1d4148e1"},i(n,{key:"f3e71805f7533c0701fbf76ca7c26331d7744cb5",closeImageViewer:()=>s.bind(this)(),expandedImage:this.expandedImage}),i(h,{key:"74c9f75bf57dabd127363cc9f48cf63154cd78a2",isError:this.isError,isLoading:this.isLoading,coreOnly:this.coreOnly,header:null===(l=this.vehicleLookup)||void 0===l?void 0:l.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},i("div",{key:"c760870207975476d0f9c081313d669373707b0c",class:"overflow-x-auto"},i("information-table",{key:"335b5f43da40543324767188813ec2f3f9f81bff",templateRow:w,rows:g,headers:c,isLoading:this.isLoading}))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],isLoading:["onLoadingChange"]}}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}.fixed{position:fixed}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.origin-left{transform-origin:left}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!overflow-hidden{overflow:hidden!important}.\\!rounded-\\[4px\\]{border-radius:4px!important}.border{border-width:1px}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px!important;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:4px!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;text-align:center}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.size-\\[100px\\]{height:100px;width:100px}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.max-w-\\[100px\\]{max-width:100px}'}},[1,"vehicle-accessories",{language:[1],coreOnly:[4,"core-only"],isDev:[4,"is-dev"],baseUrl:[1,"base-url"],headers:[16],queryString:[1,"query-string"],errorCallback:[16,"error-callback"],loadingStateChange:[16,"loading-state-change"],loadedResponse:[16,"loaded-response"],locale:[32],expandedImage:[32],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function m(){"undefined"!=typeof customElements&&["vehicle-accessories","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-accessories":customElements.get(t)||customElements.define(t,u);break;case"flexible-container":customElements.get(t)||f();break;case"information-table":customElements.get(t)||b()}}))}m();export{u as V,x as a,m as d}