adp-web-components 0.0.92 → 0.0.93

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 (78) 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/form-dialog_8.cjs.entry.js +1 -1
  4. package/dist/cjs/{get-local-language-Ch7javM0.js → get-local-language-mOz52KDH.js} +1 -1
  5. package/dist/cjs/part-lookup.cjs.entry.js +2 -2
  6. package/dist/cjs/service-booking-form.cjs.entry.js +2 -2
  7. package/dist/cjs/{type-BG4jir8r.js → type-BN6rYG7b.js} +1 -1
  8. package/dist/cjs/{type-DB__lcA9.js → type-BYJVK70a.js} +1 -1
  9. package/dist/cjs/{type-BpPQE0Ww.js → type-Dcc-iEGV.js} +1 -1
  10. package/dist/cjs/vehicle-accessories_6.cjs.entry.js +7 -7
  11. package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
  12. package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.js +5 -5
  13. package/dist/components/contact-us-form.js +1 -1
  14. package/dist/components/dead-stock-lookup.js +1 -1
  15. package/dist/components/distributor-lookup.js +1 -1
  16. package/dist/components/form-dialog.js +1 -1
  17. package/dist/components/form-input.js +1 -1
  18. package/dist/components/form-select.js +1 -1
  19. package/dist/components/form-structure-error.js +1 -1
  20. package/dist/components/form-structure.js +1 -1
  21. package/dist/components/form-submit.js +1 -1
  22. package/dist/components/form-text-area.js +1 -1
  23. package/dist/components/manufacturer-lookup.js +1 -1
  24. package/dist/components/{p-DOoqf10k.js → p-AMxQkXmN.js} +1 -1
  25. package/dist/components/{p-BNhO80aE.js → p-BDz4UQRM.js} +1 -1
  26. package/dist/components/p-Bl5cqVrD.js +5 -0
  27. package/dist/components/{p-CiosiH6q.js → p-Bmb3Fkfa.js} +1 -1
  28. package/dist/components/{p-DRdEUWsa.js → p-BwcnaA-7.js} +1 -1
  29. package/dist/{shift-components/p-BBKhY55u.js → components/p-BxbP-J-E.js} +1 -1
  30. package/dist/components/{p-8hUwcL5D.js → p-C2bIIq1u.js} +1 -1
  31. package/dist/components/{p-CnCnKZ25.js → p-C3XThTYt.js} +1 -1
  32. package/dist/components/{p-CMweaUDZ.js → p-C4D7Ue5a.js} +1 -1
  33. package/dist/components/{p-CqvK2B_Z.js → p-Cbn3vAN6.js} +1 -1
  34. package/dist/components/{p-Dt-24vpn.js → p-CjCrT6iL.js} +1 -1
  35. package/dist/components/{p-Be1vlY8X.js → p-DJb_ngFd.js} +1 -1
  36. package/dist/components/p-DgmbP49l.js +5 -0
  37. package/dist/components/{p-B9RSECb0.js → p-DpTL9k1h.js} +1 -1
  38. package/dist/components/{p-CgRbul8P.js → p-E0O1QAbg.js} +1 -1
  39. package/dist/components/{p-DSNyMvnc.js → p-EGMLvdqC.js} +1 -1
  40. package/dist/components/{p-DxBcoZIg.js → p-LUQrYuxc.js} +1 -1
  41. package/dist/components/{p-DhxirzfQ.js → p-kOP4_K0Y.js} +1 -1
  42. package/dist/components/{p-D6AC01Wg.js → p-mMjN6naK.js} +1 -1
  43. package/dist/components/{p-pYVYeitk.js → p-mNIEU1SJ.js} +1 -1
  44. package/dist/components/part-lookup.js +1 -1
  45. package/dist/components/service-booking-form.js +1 -1
  46. package/dist/components/vehicle-accessories.js +1 -1
  47. package/dist/components/vehicle-claimable-items.js +1 -1
  48. package/dist/components/vehicle-lookup.js +1 -1
  49. package/dist/components/vehicle-paint-thickness.js +1 -1
  50. package/dist/components/vehicle-service-history.js +1 -1
  51. package/dist/components/vehicle-specification.js +1 -1
  52. package/dist/components/vehicle-warranty-details.js +1 -1
  53. package/dist/esm/contact-us-form.entry.js +2 -2
  54. package/dist/esm/dead-stock-lookup_3.entry.js +2 -2
  55. package/dist/esm/form-dialog_8.entry.js +1 -1
  56. package/dist/esm/{get-local-language-KsoLM3LI.js → get-local-language-Csl9Ohc5.js} +1 -1
  57. package/dist/esm/part-lookup.entry.js +2 -2
  58. package/dist/esm/service-booking-form.entry.js +2 -2
  59. package/dist/esm/{type-BAXhU7Vq.js → type-D5oWbXVZ.js} +1 -1
  60. package/dist/esm/{type-CoXoa4w8.js → type-DJKD2u1F.js} +1 -1
  61. package/dist/esm/{type-CAfIkrCW.js → type-HV7wUCnW.js} +1 -1
  62. package/dist/esm/vehicle-accessories_6.entry.js +7 -7
  63. package/dist/esm/vehicle-lookup.entry.js +2 -2
  64. package/dist/shift-components/{p-e428aabb.entry.js → p-0c0f7479.entry.js} +1 -1
  65. package/dist/shift-components/{p-a137e4bb.entry.js → p-4f62a6d7.entry.js} +1 -1
  66. package/dist/shift-components/{p-98cb9ff7.entry.js → p-73dae904.entry.js} +1 -1
  67. package/dist/shift-components/{p-dee5dd04.entry.js → p-7607f0b4.entry.js} +1 -1
  68. package/dist/{components/p-DnMCq3Mw.js → shift-components/p-D1Jvp5Jo.js} +1 -1
  69. package/dist/shift-components/{p-BGyVhGdx.js → p-DF3P6azz.js} +1 -1
  70. package/dist/shift-components/{p-D7OEt6rC.js → p-DlxK-F7M.js} +1 -1
  71. package/dist/shift-components/{p-ff79b92b.entry.js → p-ad192cd7.entry.js} +1 -1
  72. package/dist/shift-components/{p-c4c88519.entry.js → p-cb51c571.entry.js} +1 -1
  73. package/dist/shift-components/{p-5bd460db.entry.js → p-da5287f5.entry.js} +1 -1
  74. package/dist/shift-components/{p-BnTnweSV.js → p-t_0cztU_.js} +1 -1
  75. package/dist/shift-components/shift-components.esm.js +1 -1
  76. package/package.json +1 -1
  77. package/dist/components/p-9BQXTBdQ.js +0 -5
  78. package/dist/components/p-DiG3vhi6.js +0 -5
@@ -6,8 +6,8 @@
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
8
  var cn = require('./cn-BHnqYtun.js');
9
- var type = require('./type-BpPQE0Ww.js');
10
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
9
+ var type = require('./type-Dcc-iEGV.js');
10
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
11
11
 
12
12
  const phoneValidator = new type.AsYouType('IQ');
13
13
  phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
@@ -5,9 +5,9 @@
5
5
  'use strict';
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
- var type = require('./type-DB__lcA9.js');
8
+ var type = require('./type-BYJVK70a.js');
9
9
  var vehicleInfoLayout = require('./vehicle-info-layout-Dp2Po_uc.js');
10
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
10
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
11
11
  var emptyTableIcon = require('./empty-table-icon-PdTX6gpI.js');
12
12
  var cn = require('./cn-BHnqYtun.js');
13
13
  var materialCard = require('./material-card-Cd0L1Get.js');
@@ -6,7 +6,7 @@
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
8
  var cn = require('./cn-BHnqYtun.js');
9
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
9
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
10
10
  var loader = require('./loader-jtAYWeFG.js');
11
11
 
12
12
  const generalSchema = getLocalLanguage.yupTypeMapper(['close', 'submit', 'noSelectOptions', 'formSubmittedSuccessfully']);
@@ -2203,7 +2203,7 @@ const languageMapper = {
2203
2203
  ru: RUSSIAN_JSON_FILE,
2204
2204
  };
2205
2205
 
2206
- const version = "0.0.92";
2206
+ const version = "0.0.93";
2207
2207
 
2208
2208
  // This file is auto-generated. Do not edit it manually.
2209
2209
  // Use command: yarn generate-locale-mapper
@@ -5,8 +5,8 @@
5
5
  'use strict';
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
9
- var type = require('./type-DB__lcA9.js');
8
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
9
+ var type = require('./type-BYJVK70a.js');
10
10
  var vehicleInfoLayout = require('./vehicle-info-layout-Dp2Po_uc.js');
11
11
  require('./cn-BHnqYtun.js');
12
12
 
@@ -6,8 +6,8 @@
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
8
  var cn = require('./cn-BHnqYtun.js');
9
- var type = require('./type-BpPQE0Ww.js');
10
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
9
+ var type = require('./type-Dcc-iEGV.js');
10
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
11
11
 
12
12
  const phoneValidator = new type.AsYouType('IQ');
13
13
  phoneValidator.default = '+' + phoneValidator.metadata.numberingPlan.metadata[0];
@@ -4,7 +4,7 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
7
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
8
8
 
9
9
  const warrantySchema = getLocalLanguage.yupTypeMapper([
10
10
  'dealer',
@@ -4,7 +4,7 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
7
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
8
8
 
9
9
  const deadStockSchema = getLocalLanguage.yupTypeMapper(['deadStock', 'branch', 'availableQuantity']);
10
10
 
@@ -4,7 +4,7 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
7
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
8
8
 
9
9
  class FormHook {
10
10
  constructor(context, schemaObject, formStateOptions) {
@@ -6,9 +6,9 @@
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
8
  var printIcon = require('./print-icon-C4ASnhAO.js');
9
- var type = require('./type-BG4jir8r.js');
9
+ var type = require('./type-BN6rYG7b.js');
10
10
  var vehicleInfoLayout = require('./vehicle-info-layout-Dp2Po_uc.js');
11
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
11
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
12
12
  var cn = require('./cn-BHnqYtun.js');
13
13
  var emptyTableIcon = require('./empty-table-icon-PdTX6gpI.js');
14
14
  var materialCard = require('./material-card-Cd0L1Get.js');
@@ -1002,7 +1002,7 @@ const VehicleWarrantyDetails = class {
1002
1002
  clearInterval(this.recaptchaIntervalRef);
1003
1003
  if (this.isDev) {
1004
1004
  this.checkingUnauthorizedSSC = true;
1005
- this.showRecaptcha = false;
1005
+ //this.showRecaptcha = false;
1006
1006
  await new Promise(r => setTimeout(r, 3000));
1007
1007
  this.checkingUnauthorizedSSC = false;
1008
1008
  const hasPendingSSC = Math.random() < 0.5 ? false : true;
@@ -1093,11 +1093,11 @@ const VehicleWarrantyDetails = class {
1093
1093
  : '...')),
1094
1094
  }));
1095
1095
  const templateRow = {
1096
- sscTableOPCode: () => index.h("div", { key: 'b8a197e033a230ec753851967ed43814e2313cae', class: "h-[25px]" }),
1097
- sscTablePartNumber: () => index.h("div", { key: '13c05d882795a0bcea8d5e9c7b15d2824f9a0c0a', class: "h-[25px]" }),
1098
- sscTableRepairStatus: () => index.h("div", { key: 'f22522c910c61ece32cc67aecebd02bbda327a4b', class: "h-[25px]" }),
1096
+ sscTableOPCode: () => index.h("div", { key: '145bdacac77e352a420afb3dfdae987c59e96ccc', class: "h-[25px]" }),
1097
+ sscTablePartNumber: () => index.h("div", { key: 'c76255afbb240a0787bbbf2e25f67a91583a8900', class: "h-[25px]" }),
1098
+ sscTableRepairStatus: () => index.h("div", { key: '0c8afa1814a10cca073f3bcecdab7e117d52737f', class: "h-[25px]" }),
1099
1099
  };
1100
- return (index.h(index.Host, { key: '3eb95d2db66dbcab08ad4e387b05785dbdb5c284' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: '64bed10321daf330f531118fe8bbe2513d373d64', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: '0198287461a59215b410a7a829c5c1e21f732f2d', class: "p-[16px]" }, this.showWarranty && (index.h(CardsContainer, { key: '3bfbdd9b3c72bef3a5dcffe32ad8dee69e02725d', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), index.h("div", { key: 'a0a4a1d608578e6cd2b0051537d9221646c2c63e', class: "h-[8px]" }), index.h("flexible-container", { key: 'f7dc1a696ebb9ef8a2cfa756819b5403e187b8b7', isOpened: this.showRecaptcha, classes: cn.cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, index.h("div", { key: 'a7092307e00235a4adf6de7520d50b9cee63f71d', style: { height: 'auto' }, class: "recaptcha-container" }, index.h("slot", { key: '250f7bf9c6265b54daa96cb73aeaafb8fb8018c5' })), this.recaptchaRes && (index.h("div", { key: '19ab692dfca27070fa1e77cc9b124c3ce5e3381a', class: cn.cn('recaptcha-response', !((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.hasSSC) ? 'success-card' : 'reject-card ') }, this.locale[(_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.message])))), index.h("flexible-container", { key: 'f691a176742706d0902e1b17171a547ac26929b1', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, index.h("div", { key: '8bf02002b1daa150b7ba6fca697c8e68b5e6c5bb', class: "pt-[16px]" }, index.h("div", { key: 'd44544b0fc9c54518f5e94bfec3d48811653bd85', class: "flex shift-skeleton flex-col gap-[8px]" }, index.h("strong", { key: '80c4ec2cc5fff7dec34564a201b1c0b0d4342090' }, this.locale.checkingTMC), index.h("div", { key: '66489653e21de41525c13c86beb6bad1256b1bcf', class: "relative pt-[40px]" }, index.h("loading-spinner", { key: '5ee464b063f4d5a20dde455c52e8f306a22e2e92', isLoading: this.checkingUnauthorizedSSC }))))), index.h("div", { key: '3b38b2bfd17a10420b31e168c0f3688a20c34a8d', class: "mt-[32px] mx-auto w-fit max-w-full" }, index.h("div", { key: '498636da956c289d4926ac5dec4b6bffe8d21d1e', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), index.h("div", { key: 'a7e0ed5f3ce60e79d2bb71f808abceb04d93c938', class: "overflow-x-auto" }, index.h("information-table", { key: '63c8ae5d5395a4e5196ec809d3cc74f159f676ca', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
1100
+ return (index.h(index.Host, { key: 'd18fc03148cf7bfa736646bc12459adcb7a68743' }, index.h(vehicleInfoLayout.VehicleInfoLayout, { key: 'd47820182d0ec1db9805cd45931c6515da9b1057', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, index.h("div", { key: 'd11f5457ddedbe760429f9b83ea531c61ef091c6', class: "p-[16px]" }, this.showWarranty && (index.h(CardsContainer, { key: '8b297007014c0e15b8fa1a98a6fd0b0e2da99755', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), index.h("div", { key: 'b637d62df94933cbcc563da259d056c5ae8ab684', class: "h-[8px]" }), index.h("flexible-container", { key: 'a124134b841ce7a83ae63b957c8612f74808d94a', isOpened: this.showRecaptcha, classes: cn.cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, index.h("div", { key: '0dd38af6b0ef795693caedef947d91581f3701c5', style: { height: 'auto' }, class: "recaptcha-container" }, index.h("slot", { key: 'dae3cd2cee93fbad4abbd57aac157c08a9c72d13' })), this.recaptchaRes && (index.h("div", { key: '673b716b3b41d0568add34a457faa0e5bb356102', class: cn.cn('recaptcha-response', !((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.hasSSC) ? 'success-card' : 'reject-card ') }, this.locale[(_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.message])))), index.h("flexible-container", { key: '6588f5fd729a64e038eafca51bd7e7bb806a6e08', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, index.h("div", { key: '566fcc09483957c48bd4b16639690f72e08386d6', class: "pt-[16px]" }, index.h("div", { key: 'd9ed3e4ad79796462aa733b7267636fd9debb8a8', class: "flex shift-skeleton flex-col gap-[8px]" }, index.h("strong", { key: '7543eff90881fdfcd721fc9740e5ae262a785a32' }, this.locale.checkingTMC), index.h("div", { key: '40982b8646c2a97fadb05a0019d8a6aa21364b39', class: "relative pt-[40px]" }, index.h("loading-spinner", { key: '77245a2a42c5da69b57a9f5ab86a0238d958119a', isLoading: this.checkingUnauthorizedSSC }))))), index.h("div", { key: '1c22903de100b3db477a640a49a8e99a6e87e2d1', class: "mt-[32px] mx-auto w-fit max-w-full" }, index.h("div", { key: '590c471d7ada4d62ffdd4296b67e6f99afa1cfb7', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), index.h("div", { key: 'a5215fd91c4480fb93b3f35c70e8bf4e0c309889', class: "overflow-x-auto" }, index.h("information-table", { key: 'de4fbfa68c26c5303743fc82554baa2679114622', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
1101
1101
  }
1102
1102
  get el() { return index.getElement(this); }
1103
1103
  static get watchers() { return {
@@ -6,8 +6,8 @@
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
8
  var validateVin = require('./validate-vin-CJDIXpJO.js');
9
- var getLocalLanguage = require('./get-local-language-Ch7javM0.js');
10
- var type = require('./type-BG4jir8r.js');
9
+ var getLocalLanguage = require('./get-local-language-mOz52KDH.js');
10
+ var type = require('./type-BN6rYG7b.js');
11
11
  var vehicleInfoLayout = require('./vehicle-info-layout-Dp2Po_uc.js');
12
12
  require('./cn-BHnqYtun.js');
13
13
 
@@ -88,7 +88,7 @@ export class VehicleWarrantyDetails {
88
88
  clearInterval(this.recaptchaIntervalRef);
89
89
  if (this.isDev) {
90
90
  this.checkingUnauthorizedSSC = true;
91
- this.showRecaptcha = false;
91
+ //this.showRecaptcha = false;
92
92
  await new Promise(r => setTimeout(r, 3000));
93
93
  this.checkingUnauthorizedSSC = false;
94
94
  const hasPendingSSC = Math.random() < 0.5 ? false : true;
@@ -179,11 +179,11 @@ export class VehicleWarrantyDetails {
179
179
  : '...')),
180
180
  }));
181
181
  const templateRow = {
182
- sscTableOPCode: () => h("div", { key: 'b8a197e033a230ec753851967ed43814e2313cae', class: "h-[25px]" }),
183
- sscTablePartNumber: () => h("div", { key: '13c05d882795a0bcea8d5e9c7b15d2824f9a0c0a', class: "h-[25px]" }),
184
- sscTableRepairStatus: () => h("div", { key: 'f22522c910c61ece32cc67aecebd02bbda327a4b', class: "h-[25px]" }),
182
+ sscTableOPCode: () => h("div", { key: '145bdacac77e352a420afb3dfdae987c59e96ccc', class: "h-[25px]" }),
183
+ sscTablePartNumber: () => h("div", { key: 'c76255afbb240a0787bbbf2e25f67a91583a8900', class: "h-[25px]" }),
184
+ sscTableRepairStatus: () => h("div", { key: '0c8afa1814a10cca073f3bcecdab7e117d52737f', class: "h-[25px]" }),
185
185
  };
186
- return (h(Host, { key: '3eb95d2db66dbcab08ad4e387b05785dbdb5c284' }, h(VehicleInfoLayout, { key: '64bed10321daf330f531118fe8bbe2513d373d64', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '0198287461a59215b410a7a829c5c1e21f732f2d', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: '3bfbdd9b3c72bef3a5dcffe32ad8dee69e02725d', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), h("div", { key: 'a0a4a1d608578e6cd2b0051537d9221646c2c63e', class: "h-[8px]" }), h("flexible-container", { key: 'f7dc1a696ebb9ef8a2cfa756819b5403e187b8b7', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: 'a7092307e00235a4adf6de7520d50b9cee63f71d', style: { height: 'auto' }, class: "recaptcha-container" }, h("slot", { key: '250f7bf9c6265b54daa96cb73aeaafb8fb8018c5' })), this.recaptchaRes && (h("div", { key: '19ab692dfca27070fa1e77cc9b124c3ce5e3381a', class: cn('recaptcha-response', !((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.hasSSC) ? 'success-card' : 'reject-card ') }, this.locale[(_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.message])))), h("flexible-container", { key: 'f691a176742706d0902e1b17171a547ac26929b1', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '8bf02002b1daa150b7ba6fca697c8e68b5e6c5bb', class: "pt-[16px]" }, h("div", { key: 'd44544b0fc9c54518f5e94bfec3d48811653bd85', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: '80c4ec2cc5fff7dec34564a201b1c0b0d4342090' }, this.locale.checkingTMC), h("div", { key: '66489653e21de41525c13c86beb6bad1256b1bcf', class: "relative pt-[40px]" }, h("loading-spinner", { key: '5ee464b063f4d5a20dde455c52e8f306a22e2e92', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: '3b38b2bfd17a10420b31e168c0f3688a20c34a8d', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '498636da956c289d4926ac5dec4b6bffe8d21d1e', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: 'a7e0ed5f3ce60e79d2bb71f808abceb04d93c938', class: "overflow-x-auto" }, h("information-table", { key: '63c8ae5d5395a4e5196ec809d3cc74f159f676ca', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
186
+ return (h(Host, { key: 'd18fc03148cf7bfa736646bc12459adcb7a68743' }, h(VehicleInfoLayout, { key: 'd47820182d0ec1db9805cd45931c6515da9b1057', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: 'd11f5457ddedbe760429f9b83ea531c61ef091c6', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: '8b297007014c0e15b8fa1a98a6fd0b0e2da99755', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), h("div", { key: 'b637d62df94933cbcc563da259d056c5ae8ab684', class: "h-[8px]" }), h("flexible-container", { key: 'a124134b841ce7a83ae63b957c8612f74808d94a', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: '0dd38af6b0ef795693caedef947d91581f3701c5', style: { height: 'auto' }, class: "recaptcha-container" }, h("slot", { key: 'dae3cd2cee93fbad4abbd57aac157c08a9c72d13' })), this.recaptchaRes && (h("div", { key: '673b716b3b41d0568add34a457faa0e5bb356102', class: cn('recaptcha-response', !((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.hasSSC) ? 'success-card' : 'reject-card ') }, this.locale[(_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.message])))), h("flexible-container", { key: '6588f5fd729a64e038eafca51bd7e7bb806a6e08', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '566fcc09483957c48bd4b16639690f72e08386d6', class: "pt-[16px]" }, h("div", { key: 'd9ed3e4ad79796462aa733b7267636fd9debb8a8', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: '7543eff90881fdfcd721fc9740e5ae262a785a32' }, this.locale.checkingTMC), h("div", { key: '40982b8646c2a97fadb05a0019d8a6aa21364b39', class: "relative pt-[40px]" }, h("loading-spinner", { key: '77245a2a42c5da69b57a9f5ab86a0238d958119a', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: '1c22903de100b3db477a640a49a8e99a6e87e2d1', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '590c471d7ada4d62ffdd4296b67e6f99afa1cfb7', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: 'a5215fd91c4480fb93b3f35c70e8bf4e0c309889', class: "overflow-x-auto" }, h("information-table", { key: 'de4fbfa68c26c5303743fc82554baa2679114622', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
187
187
  }
188
188
  static get is() { return "vehicle-warranty-details"; }
189
189
  static get encapsulation() { return "shadow"; }
@@ -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 a,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{A as i,C as s,g as n,F as l}from"./p-DnMCq3Mw.js";import{c,b as p,g as d}from"./p-CiosiH6q.js";import{d as w}from"./p-DhxirzfQ.js";import{d as m}from"./p-D6AC01Wg.js";import{d as g}from"./p-B9RSECb0.js";import{d as b}from"./p-P3fAKtye.js";import{d as u}from"./p-Be1vlY8X.js";import{d as h}from"./p-pYVYeitk.js";import{d as x}from"./p-CqvK2B_Z.js";import{d as f}from"./p-CgRbul8P.js";const y=new i("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const v=c({cityId:p(),email:p().email("emailAddressNotValid"),message:p().required("messageIsRequired"),generalTicketType:p().required("inquiryTypeIsRequired"),name:p().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:p().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))});var k={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]};const E={submit:e=>t("form-submit",Object.assign({},e)),name:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("name");return t("form-input",{form:e,label:"fullName",isError:s,language:a,isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("email");return t("form-input",{form:e,isError:s,language:a,label:"emailAddress",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("phone");return t("form-input",{form:e,numberDirection:!0,isError:s,language:a,label:"phoneNumber",isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:t=>{const e=t.target;y.reset(),e.value=y.input(e.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("message");return t("form-text-area",{form:e,isError:s,language:a,label:"writeAMessage",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:l,name:c}=e.getInputState("generalTicketType");return t("form-select",{name:c,form:e,fetcher:async t=>{const e=await d(t,"generalTicketTypes",n);return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]},isError:s,disabled:o,language:a,label:"inquiryType",isRequired:l,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:n,isRequired:l,name:c}=e.getInputState("cityId");return t("form-select",{name:c,form:e,label:"city",fetcher:async(t,e)=>{const a=await fetch(s,{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))},isError:n,disabled:o,language:a,isRequired:l,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},z=e(class extends a{constructor(){super(),this.__registerHost(),this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.renderControl={},this.recaptchaWidget=null,this.form=new l(this,v)}async componentDidLoad(){try{if(this.recaptchaKey){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(t){console.log(t)}}async formSubmit(t){try{this.loadingChanges&&this.loadingChanges(!0);const e=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),a=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(t),headers:{Brand:this.brandId,"Recaptcha-Token":e,"Accept-Language":this.language,"Content-Type":"application/json"}}),r=await a.json();this.successCallback&&this.successCallback(r),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(t){console.error(t),this.errorCallback&&this.errorCallback(t),(null==t?void 0:t.message)&&(this.errorMessage=t.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return t(r,{key:"095d2f75d88196a8e8e574863741811cc48af14e",class:o({["contact-us-"+this.theme]:this.theme})},t("form-structure",{key:"05adbd0c7790c8de289ab9c2d741b314035196f5",themes:k,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},t("slot",{key:"f7b2240f9b19fa68c9d38c0e2811580e1c6570d4"})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16,"error-callback"],successCallback:[16,"success-callback"],loadingChanges:[16,"loading-changes"],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function q(){"undefined"!=typeof customElements&&["contact-us-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((t=>{switch(t){case"contact-us-form":customElements.get(t)||customElements.define(t,z);break;case"form-dialog":customElements.get(t)||w();break;case"form-input":customElements.get(t)||m();break;case"form-select":customElements.get(t)||g();break;case"form-shadow-input":customElements.get(t)||b();break;case"form-structure":customElements.get(t)||u();break;case"form-structure-error":customElements.get(t)||h();break;case"form-submit":customElements.get(t)||x();break;case"form-text-area":customElements.get(t)||f()}}))}q();const j=z,C=q;export{j as ContactUsForm,C as defineCustomElement}
5
+ import{h as t,p as e,H as a,a as r}from"./index.js";import{c as o}from"./p-BK16Cn81.js";import{A as i,C as s,g as n,F as l}from"./p-BxbP-J-E.js";import{c,b as p,g as d}from"./p-Bmb3Fkfa.js";import{d as w}from"./p-kOP4_K0Y.js";import{d as m}from"./p-mMjN6naK.js";import{d as g}from"./p-DpTL9k1h.js";import{d as b}from"./p-P3fAKtye.js";import{d as u}from"./p-DJb_ngFd.js";import{d as h}from"./p-mNIEU1SJ.js";import{d as x}from"./p-Cbn3vAN6.js";import{d as f}from"./p-E0O1QAbg.js";const y=new i("IQ");y.default="+"+y.metadata.numberingPlan.metadata[0],y.input(y.default);const v=c({cityId:p(),email:p().email("emailAddressNotValid"),message:p().required("messageIsRequired"),generalTicketType:p().required("inquiryTypeIsRequired"),name:p().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:p().required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>y.isValid()))});var k={tiq:["div#container",["div#inputs_wrapper","name","email","cityId","phone","generalTicketType"],"message#message",["div#recaptcha_container","slot"],"submit.Submit"]};const E={submit:e=>t("form-submit",Object.assign({},e)),name:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("name");return t("form-input",{form:e,label:"fullName",isError:s,language:a,isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"fullName"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},email:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("email");return t("form-input",{form:e,isError:s,language:a,label:"emailAddress",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"emailAddress"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},phone:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("phone");return t("form-input",{form:e,numberDirection:!0,isError:s,language:a,label:"phoneNumber",isRequired:n,inputParams:{name:l,disabled:o,type:"text",placeholder:"phoneNumber",defaultValue:y.default,onInput:t=>{const e=t.target;y.reset(),e.value=y.input(e.value)}},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},message:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:n,name:l}=e.getInputState("message");return t("form-text-area",{form:e,isError:s,language:a,label:"writeAMessage",isRequired:n,inputParams:{name:l,disabled:o,type:"email",placeholder:"leaveUsMessage"},formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})},generalTicketType:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:s,isRequired:l,name:c}=e.getInputState("generalTicketType");return t("form-select",{name:c,form:e,fetcher:async t=>{const e=await d(t,"generalTicketTypes",n);return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]},isError:s,disabled:o,language:a,label:"inquiryType",isRequired:l,formLocaleName:"contactUs",errorMessage:i,placeholder:"selectInquiryType",wrapperId:r.id,wrapperClass:r.class})},cityId:({form:e,language:a,structureElement:r})=>{const{disabled:o,errorMessage:i,isError:n,isRequired:l,name:c}=e.getInputState("cityId");return t("form-select",{name:c,form:e,label:"city",fetcher:async(t,e)=>{const a=await fetch(s,{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))},isError:n,disabled:o,language:a,isRequired:l,placeholder:"selectCity",formLocaleName:"contactUs",errorMessage:i,wrapperId:r.id,wrapperClass:r.class})}},z=e(class extends a{constructor(){super(),this.__registerHost(),this.queryString="",this.language="en",this.structure='["submit.Submit"]',this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.renderControl={},this.recaptchaWidget=null,this.form=new l(this,v)}async componentDidLoad(){try{if(this.recaptchaKey){const t=document.createElement("script");t.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,t.async=!0,t.defer=!0,document.head.appendChild(t)}}catch(t){console.log(t)}}async formSubmit(t){try{this.loadingChanges&&this.loadingChanges(!0);const e=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),a=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(t),headers:{Brand:this.brandId,"Recaptcha-Token":e,"Accept-Language":this.language,"Content-Type":"application/json"}}),r=await a.json();this.successCallback&&this.successCallback(r),this.form.successAnimation(),setTimeout((()=>{this.form.reset()}),1e3)}catch(t){console.error(t),this.errorCallback&&this.errorCallback(t),(null==t?void 0:t.message)&&(this.errorMessage=t.message)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return t(r,{key:"095d2f75d88196a8e8e574863741811cc48af14e",class:o({["contact-us-"+this.theme]:this.theme})},t("form-structure",{key:"05adbd0c7790c8de289ab9c2d741b314035196f5",themes:k,form:this.form,theme:this.theme,language:this.language,isLoading:this.isLoading,errorMessage:this.errorMessage,renderControl:this.renderControl,formElementMapper:E},t("slot",{key:"f7b2240f9b19fa68c9d38c0e2811580e1c6570d4"})))}get el(){return this}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[24px\\]{margin-bottom:24px}.block{display:block}.flex{display:flex}.max-w-\\[700px\\]{max-width:700px}.flex-col{flex-direction:column}.gap-\\[24px\\]{gap:24px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{all:initial!important;display:block}*{font-family:Arial}.contact-us-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.contact-us-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.contact-us-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-us-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[9999999999\\]{z-index:9999999999}.h-\\[100dvh\\]{height:100dvh}.h-\\[32px\\]{height:32px}.w-\\[100dvw\\]{width:100dvw}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.text-justify{text-align:justify}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.active\\:bg-red-700:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.absolute{position:absolute}.bottom-0{bottom:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.inline-flex{display:inline-flex}.h-\\[38px\\]{height:38px}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-\\[4px\\]{--tw-translate-y:-4px}.-translate-y-\\[4px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y:100%}.appearance-none{appearance:none}.rounded-md{border-radius:.375rem}.border{border-width:1px}.\\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.pt-\\[1px\\]{padding-top:1px}.text-\\[12px\\]{font-size:12px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:border-slate-600:focus{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.size-5{height:1.25rem;width:1.25rem}.size-6{height:1.5rem;width:1.5rem}.size-\\[22px\\]{height:22px;width:22px}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.-translate-y-\\[4px\\],.-translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%}.translate-y-\\[38px\\]{--tw-translate-y:38px}.rotate-180,.translate-y-\\[38px\\],.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\\:border-slate-600:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:focus\\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\\:focus\\:shadow-\\[0_0_0_0\\.2rem_rgba\\(71\\2c 85\\2c 105\\2c 0\\.25\\)\\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\\:opacity-75:disabled{opacity:.75}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.size-full{height:100%;width:100%}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stroke-green-700{stroke:#15803d}.text-\\[20px\\]{font-size:20px}.duration-1000{transition-duration:1s}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.\\!duration-1000{transition-duration:1s!important}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.-mt-\\[4px\\]{margin-top:-4px}.h-\\[200px\\]{height:200px}.-translate-y-\\[10px\\]{--tw-translate-y:-10px}.-translate-y-\\[10px\\],.translate-y-\\[calc\\(100\\%-5px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[calc\\(100\\%-5px\\)\\]{--tw-translate-y:calc(100% - 5px)}.resize-none{resize:none}'}},[4,"contact-us-form",{theme:[1],baseUrl:[1,"base-url"],brandId:[1,"brand-id"],queryString:[1,"query-string"],language:[1],structure:[1],recaptchaKey:[1,"recaptcha-key"],errorCallback:[16,"error-callback"],successCallback:[16,"success-callback"],loadingChanges:[16,"loading-changes"],isLoading:[32],renderControl:[32],errorMessage:[32]}]);function j(){"undefined"!=typeof customElements&&["contact-us-form","form-dialog","form-input","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-text-area"].forEach((t=>{switch(t){case"contact-us-form":customElements.get(t)||customElements.define(t,z);break;case"form-dialog":customElements.get(t)||w();break;case"form-input":customElements.get(t)||m();break;case"form-select":customElements.get(t)||g();break;case"form-shadow-input":customElements.get(t)||b();break;case"form-structure":customElements.get(t)||u();break;case"form-structure-error":customElements.get(t)||h();break;case"form-submit":customElements.get(t)||x();break;case"form-text-area":customElements.get(t)||f()}}))}j();const q=z,I=j;export{q as ContactUsForm,I as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{D as o,d as s}from"./p-CMweaUDZ.js";const a=o,p=s;export{a as DeadStockLookup,p as defineCustomElement}
5
+ import{D as o,d as s}from"./p-C4D7Ue5a.js";const a=o,p=s;export{a as DeadStockLookup,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{D as o,d as s}from"./p-DxBcoZIg.js";const p=o,r=s;export{p as DistributorLookup,r as defineCustomElement}
5
+ import{D as o,d as r}from"./p-LUQrYuxc.js";const s=o,p=r;export{s as DistributorLookup,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as r}from"./p-DhxirzfQ.js";const s=o,p=r;export{s as FormDialog,p as defineCustomElement}
5
+ import{F as o,d as s}from"./p-kOP4_K0Y.js";const p=o,r=s;export{p as FormDialog,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-D6AC01Wg.js";const p=o,r=s;export{p as FormInput,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-mMjN6naK.js";const a=o,m=s;export{a as FormInput,m as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-B9RSECb0.js";const p=o,r=s;export{p as FormSelect,r as defineCustomElement}
5
+ import{F as o,d as p}from"./p-DpTL9k1h.js";const s=o,r=p;export{s as FormSelect,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as p}from"./p-pYVYeitk.js";const s=o,t=p;export{s as FormStructureError,t as defineCustomElement}
5
+ import{F as o,d as s}from"./p-mNIEU1SJ.js";const m=o,p=s;export{m as FormStructureError,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-Be1vlY8X.js";const p=o,r=s;export{p as FormStructure,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-DJb_ngFd.js";const p=o,r=s;export{p as FormStructure,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-CqvK2B_Z.js";const p=o,r=s;export{p as FormSubmit,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-Cbn3vAN6.js";const p=o,r=s;export{p as FormSubmit,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-CgRbul8P.js";const p=o,r=s;export{p as FormTextArea,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-E0O1QAbg.js";const p=o,r=s;export{p as FormTextArea,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{M as o,d as s}from"./p-DSNyMvnc.js";const p=o,r=s;export{p as ManufacturerLookup,r as defineCustomElement}
5
+ import{M as o,d as s}from"./p-EGMLvdqC.js";const p=o,r=s;export{p as ManufacturerLookup,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as i,h as e,a as o}from"./index.js";import{y as a,s as n,a as r,g as s}from"./p-CiosiH6q.js";import{M as d,a as l}from"./p-piZ41_ho.js";import{V as c}from"./p-B1fdQNyr.js";import{s as p,a as h}from"./p-C4zpDhOi.js";import{d as f}from"./p-COU68JDH.js";const g=a(["vehicleSpecification","noData","model","variant","katashiki","modelYear","sfx","productionDate"]),w=t(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},g.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[i,e]=await Promise.all([r(t),s(t,"vehicleLookup.specification",g)]);this.locale=Object.assign({sharedLocales:i},e)}async setMockData(t){this.mockData=t}async fetchData(t,i={}){await p(this,t,i)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,i,a,n,r,s,p,h,f,g,w,u,b,v,x,m,y,k,z,j,L,C,M,E,D,S,W,O,Y,q,U,X,I,N,_,A,H,R,V;const B=this.locale;let F=null;try{(null===(i=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vehicleSpecification)||void 0===i?void 0:i.productionDate)&&(F=new Date(null===(n=null===(a=this.vehicleLookup)||void 0===a?void 0:a.vehicleSpecification)||void 0===n?void 0:n.productionDate).toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long"}))}catch(t){F=null}return e(o,{key:"4dd2a0833f9ec6fb6373de9695101ec7920f8b57"},e(c,{key:"623db7b73e5ba602cd347433107ebd60aa84bb4f",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(r=this.vehicleLookup)||void 0===r?void 0:r.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},e("flexible-container",{key:"e09a8f6389267f210883dbeb1993cafe5855668d"},e("div",{key:"72160db9d59c847c81539225707ac93df0ec8f05",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},e(d,{key:"7a3081aa95fe1245b13a72c0048c0c34bb80e262",class:"grow",title:null==B?void 0:B.model,minWidth:"300px"},e(l,{key:"3814d9af70bcf5822e998e341a541d15b35f8311",class:"text-center",hidden:!(null===(h=null===(p=null===(s=null==this?void 0:this.vehicleLookup)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===p?void 0:p.modelCode)||void 0===h?void 0:h.trim())&&!(null===(w=null===(g=null===(f=null==this?void 0:this.vehicleLookup)||void 0===f?void 0:f.vehicleSpecification)||void 0===g?void 0:g.modelDescription)||void 0===w?void 0:w.trim())},(null===(v=null===(b=null===(u=null==this?void 0:this.vehicleLookup)||void 0===u?void 0:u.vehicleVariantInfo)||void 0===b?void 0:b.modelCode)||void 0===v?void 0:v.trim())||""," ",e("br",{key:"b284879a552fe933450b6a30fbe919eaafc86946",class:"my-2"}),(null===(y=null===(m=null===(x=null==this?void 0:this.vehicleLookup)||void 0===x?void 0:x.vehicleSpecification)||void 0===m?void 0:m.modelDescription)||void 0===y?void 0:y.trim())||"")),e(d,{key:"1bcc6fb204424f2251d798f073b0ad95a27572e1",class:"grow",title:null==B?void 0:B.variant,minWidth:"300px"},e(l,{key:"fddc7998dcd4478536a7e951b670895e35dfc78b",class:"text-center",hidden:!(null===(j=null===(z=null===(k=null==this?void 0:this.vehicleLookup)||void 0===k?void 0:k.identifiers)||void 0===z?void 0:z.variant)||void 0===j?void 0:j.trim())&&!(null===(M=null===(C=null===(L=null==this?void 0:this.vehicleLookup)||void 0===L?void 0:L.vehicleSpecification)||void 0===C?void 0:C.variantDescription)||void 0===M?void 0:M.trim())},(null===(S=null===(D=null===(E=null==this?void 0:this.vehicleLookup)||void 0===E?void 0:E.identifiers)||void 0===D?void 0:D.variant)||void 0===S?void 0:S.trim())||""," ",e("br",{key:"a02fbaf4fc618bd7919bfdd3af1494e3e50bef73"}),(null===(Y=null===(O=null===(W=null==this?void 0:this.vehicleLookup)||void 0===W?void 0:W.vehicleSpecification)||void 0===O?void 0:O.variantDescription)||void 0===Y?void 0:Y.trim())||"")),e(d,{key:"5603fc09bf23d3df065428310f431d121c69d39c",desc:(null===(X=null===(U=null===(q=null==this?void 0:this.vehicleLookup)||void 0===q?void 0:q.identifiers)||void 0===U?void 0:U.katashiki)||void 0===X?void 0:X.trim())||"",title:null==B?void 0:B.katashiki,minWidth:"250px"}),e(d,{key:"9b52bdf96cdc83289e5bc556e348815449aef98b",desc:(null===(A=null===(_=null===(N=null===(I=null==this?void 0:this.vehicleLookup)||void 0===I?void 0:I.vehicleVariantInfo)||void 0===N?void 0:N.modelYear)||void 0===_?void 0:_.toString())||void 0===A?void 0:A.trim())||"",title:null==B?void 0:B.modelYear,minWidth:"250px"}),e(d,{key:"7f88b44b9ab717a54a4d0544c111318a94a2f085",desc:F||"",title:null==B?void 0:B.productionDate,minWidth:"250px"}),e(d,{key:"34e3948ea4f5e441d37550a5a24bb6e42487a9d0",desc:(null===(V=null===(R=null===(H=null==this?void 0:this.vehicleLookup)||void 0===H?void 0:H.vehicleVariantInfo)||void 0===R?void 0:R.sfx)||void 0===V?void 0:V.trim())||"",title:null==B?void 0:B.sfx,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}.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}'}},[1,"vehicle-specification",{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],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function u(){"undefined"!=typeof customElements&&["vehicle-specification","flexible-container"].forEach((t=>{switch(t){case"vehicle-specification":customElements.get(t)||customElements.define(t,w);break;case"flexible-container":customElements.get(t)||f()}}))}u();export{w as V,u as d,g as s}
5
+ import{p as t,H as i,h as e,a as o}from"./index.js";import{y as a,s as n,a as r,g as s}from"./p-Bmb3Fkfa.js";import{M as d,a as l}from"./p-piZ41_ho.js";import{V as c}from"./p-B1fdQNyr.js";import{s as p,a as h}from"./p-C4zpDhOi.js";import{d as f}from"./p-COU68JDH.js";const g=a(["vehicleSpecification","noData","model","variant","katashiki","modelYear","sfx","productionDate"]),w=t(class extends i{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:n.getDefault()},g.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[i,e]=await Promise.all([r(t),s(t,"vehicleLookup.specification",g)]);this.locale=Object.assign({sharedLocales:i},e)}async setMockData(t){this.mockData=t}async fetchData(t,i={}){await p(this,t,i)}async setErrorMessage(t){h(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,i,a,n,r,s,p,h,f,g,w,b,u,v,x,m,y,k,z,j,L,M,C,E,D,S,W,O,Y,U,X,q,I,N,_,A,B,F,R;const V=this.locale;let H=null;try{(null===(i=null===(t=this.vehicleLookup)||void 0===t?void 0:t.vehicleSpecification)||void 0===i?void 0:i.productionDate)&&(H=new Date(null===(n=null===(a=this.vehicleLookup)||void 0===a?void 0:a.vehicleSpecification)||void 0===n?void 0:n.productionDate).toLocaleDateString(this.locale.sharedLocales.language,{year:"numeric",month:"long"}))}catch(t){H=null}return e(o,{key:"4dd2a0833f9ec6fb6373de9695101ec7920f8b57"},e(c,{key:"623db7b73e5ba602cd347433107ebd60aa84bb4f",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(r=this.vehicleLookup)||void 0===r?void 0:r.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},e("flexible-container",{key:"e09a8f6389267f210883dbeb1993cafe5855668d"},e("div",{key:"72160db9d59c847c81539225707ac93df0ec8f05",class:"flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap"},e(d,{key:"7a3081aa95fe1245b13a72c0048c0c34bb80e262",class:"grow",title:null==V?void 0:V.model,minWidth:"300px"},e(l,{key:"3814d9af70bcf5822e998e341a541d15b35f8311",class:"text-center",hidden:!(null===(h=null===(p=null===(s=null==this?void 0:this.vehicleLookup)||void 0===s?void 0:s.vehicleVariantInfo)||void 0===p?void 0:p.modelCode)||void 0===h?void 0:h.trim())&&!(null===(w=null===(g=null===(f=null==this?void 0:this.vehicleLookup)||void 0===f?void 0:f.vehicleSpecification)||void 0===g?void 0:g.modelDescription)||void 0===w?void 0:w.trim())},(null===(v=null===(u=null===(b=null==this?void 0:this.vehicleLookup)||void 0===b?void 0:b.vehicleVariantInfo)||void 0===u?void 0:u.modelCode)||void 0===v?void 0:v.trim())||""," ",e("br",{key:"b284879a552fe933450b6a30fbe919eaafc86946",class:"my-2"}),(null===(y=null===(m=null===(x=null==this?void 0:this.vehicleLookup)||void 0===x?void 0:x.vehicleSpecification)||void 0===m?void 0:m.modelDescription)||void 0===y?void 0:y.trim())||"")),e(d,{key:"1bcc6fb204424f2251d798f073b0ad95a27572e1",class:"grow",title:null==V?void 0:V.variant,minWidth:"300px"},e(l,{key:"fddc7998dcd4478536a7e951b670895e35dfc78b",class:"text-center",hidden:!(null===(j=null===(z=null===(k=null==this?void 0:this.vehicleLookup)||void 0===k?void 0:k.identifiers)||void 0===z?void 0:z.variant)||void 0===j?void 0:j.trim())&&!(null===(C=null===(M=null===(L=null==this?void 0:this.vehicleLookup)||void 0===L?void 0:L.vehicleSpecification)||void 0===M?void 0:M.variantDescription)||void 0===C?void 0:C.trim())},(null===(S=null===(D=null===(E=null==this?void 0:this.vehicleLookup)||void 0===E?void 0:E.identifiers)||void 0===D?void 0:D.variant)||void 0===S?void 0:S.trim())||""," ",e("br",{key:"a02fbaf4fc618bd7919bfdd3af1494e3e50bef73"}),(null===(Y=null===(O=null===(W=null==this?void 0:this.vehicleLookup)||void 0===W?void 0:W.vehicleSpecification)||void 0===O?void 0:O.variantDescription)||void 0===Y?void 0:Y.trim())||"")),e(d,{key:"5603fc09bf23d3df065428310f431d121c69d39c",desc:(null===(q=null===(X=null===(U=null==this?void 0:this.vehicleLookup)||void 0===U?void 0:U.identifiers)||void 0===X?void 0:X.katashiki)||void 0===q?void 0:q.trim())||"",title:null==V?void 0:V.katashiki,minWidth:"250px"}),e(d,{key:"9b52bdf96cdc83289e5bc556e348815449aef98b",desc:(null===(A=null===(_=null===(N=null===(I=null==this?void 0:this.vehicleLookup)||void 0===I?void 0:I.vehicleVariantInfo)||void 0===N?void 0:N.modelYear)||void 0===_?void 0:_.toString())||void 0===A?void 0:A.trim())||"",title:null==V?void 0:V.modelYear,minWidth:"250px"}),e(d,{key:"7f88b44b9ab717a54a4d0544c111318a94a2f085",desc:H||"",title:null==V?void 0:V.productionDate,minWidth:"250px"}),e(d,{key:"34e3948ea4f5e441d37550a5a24bb6e42487a9d0",desc:(null===(R=null===(F=null===(B=null==this?void 0:this.vehicleLookup)||void 0===B?void 0:B.vehicleVariantInfo)||void 0===F?void 0:F.sfx)||void 0===R?void 0:R.trim())||"",title:null==V?void 0:V.sfx,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}.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}'}},[1,"vehicle-specification",{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],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-specification","flexible-container"].forEach((t=>{switch(t){case"vehicle-specification":customElements.get(t)||customElements.define(t,w);break;case"flexible-container":customElements.get(t)||f()}}))}b();export{w as V,b as d,g as s}
@@ -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 o,a as i}from"./index.js";import{y as r,s as a,a as n,g as s}from"./p-CiosiH6q.js";import{V as l}from"./p-B1fdQNyr.js";import{s as d,a as p}from"./p-C4zpDhOi.js";import{d as c}from"./p-COU68JDH.js";import{d as h}from"./p-BDCoLRVe.js";const w=r(["serviceHistory","noData","branch","dealer","invoiceNumber","date","serviceType","odometer"]),g=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:a.getDefault()},w.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([n(t),s(t,"vehicleLookup.serviceHistory",w)]);this.locale=Object.assign({sharedLocales:e},o)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await d(this,t,e)}async setErrorMessage(t){p(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,e;return o(i,{key:"6445513385655743e4bd18eab21306a4fd2b9dd7"},o(l,{key:"b07a1ae283711597e88916956ca1a20eff80713d",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(t=this.vehicleLookup)||void 0===t?void 0:t.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{key:"75822ceab2912bee387b016a5aa374b44b3b65fd",class:"overflow-x-auto"},o("information-table",{key:"c4a753139517f33def5003c28124870cfb59e37e",rows:(null===(e=this.vehicleLookup)||void 0===e?void 0:e.serviceHistory)||[],headers:[{width:400,key:"branchName",label:this.locale.branch},{width:200,key:"companyName",label:this.locale.dealer},{width:200,key:"invoiceNumber",label:this.locale.invoiceNumber},{width:200,key:"serviceDate",label:this.locale.date},{width:400,key:"serviceType",label:this.locale.serviceType},{width:200,key:"mileage",label:this.locale.odometer}],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}.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}.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}'}},[1,"vehicle-service-history",{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],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-service-history","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-service-history":customElements.get(t)||customElements.define(t,g);break;case"flexible-container":customElements.get(t)||c();break;case"information-table":customElements.get(t)||h()}}))}b();export{w as S,g as V,b as d}
5
+ import{p as t,H as e,h as o,a as i}from"./index.js";import{y as r,s as a,a as n,g as s}from"./p-Bmb3Fkfa.js";import{V as l}from"./p-B1fdQNyr.js";import{s as d,a as p}from"./p-C4zpDhOi.js";import{d as c}from"./p-COU68JDH.js";import{d as h}from"./p-BDCoLRVe.js";const w=r(["serviceHistory","noData","branch","dealer","invoiceNumber","date","serviceType","odometer"]),g=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.language="en",this.locale=Object.assign({sharedLocales:a.getDefault()},w.getDefault()),this.coreOnly=!1,this.headers={},this.queryString="",this.isError=!1,this.isLoading=!1}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){const[e,o]=await Promise.all([n(t),s(t,"vehicleLookup.serviceHistory",w)]);this.locale=Object.assign({sharedLocales:e},o)}async setMockData(t){this.mockData=t}async fetchData(t,e={}){await d(this,t,e)}async setErrorMessage(t){p(this,t)}onLoadingChange(t){this.loadingStateChange&&this.loadingStateChange(t)}render(){var t,e;return o(i,{key:"6445513385655743e4bd18eab21306a4fd2b9dd7"},o(l,{key:"b07a1ae283711597e88916956ca1a20eff80713d",isError:this.isError,coreOnly:this.coreOnly,isLoading:this.isLoading,header:null===(t=this.vehicleLookup)||void 0===t?void 0:t.vin,direction:this.locale.sharedLocales.direction,errorMessage:this.locale.sharedLocales.errors[this.errorMessage]||this.locale.sharedLocales.errors.wildCard},o("div",{key:"75822ceab2912bee387b016a5aa374b44b3b65fd",class:"overflow-x-auto"},o("information-table",{key:"c4a753139517f33def5003c28124870cfb59e37e",rows:(null===(e=this.vehicleLookup)||void 0===e?void 0:e.serviceHistory)||[],headers:[{width:400,key:"branchName",label:this.locale.branch},{width:200,key:"companyName",label:this.locale.dealer},{width:200,key:"invoiceNumber",label:this.locale.invoiceNumber},{width:200,key:"serviceDate",label:this.locale.date},{width:400,key:"serviceType",label:this.locale.serviceType},{width:200,key:"mileage",label:this.locale.odometer}],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}.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}.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}'}},[1,"vehicle-service-history",{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],isError:[32],errorMessage:[32],isLoading:[32],vehicleLookup:[32],setMockData:[64],fetchData:[64],setErrorMessage:[64]},void 0,{language:["changeLanguage"],isLoading:["onLoadingChange"]}]);function b(){"undefined"!=typeof customElements&&["vehicle-service-history","flexible-container","information-table"].forEach((t=>{switch(t){case"vehicle-service-history":customElements.get(t)||customElements.define(t,g);break;case"flexible-container":customElements.get(t)||c();break;case"information-table":customElements.get(t)||h()}}))}b();export{w as S,g as V,b as d}