adp-web-components 0.0.45 → 0.0.47

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 (175) hide show
  1. package/dist/cjs/Loading-c3489701.js +16 -0
  2. package/dist/cjs/contact-us-form.cjs.entry.js +352 -0
  3. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +4 -4
  4. package/dist/cjs/dynamic-claim_6.cjs.entry.js +5 -5
  5. package/dist/cjs/dynamic-redeem.cjs.entry.js +2 -3
  6. package/dist/cjs/form-input_4.cjs.entry.js +252 -0
  7. package/dist/cjs/form-structure_2.cjs.entry.js +97 -0
  8. package/dist/cjs/{index.esm-c628daeb.js → get-local-language-3ae85685.js} +242 -0
  9. package/dist/cjs/{index-846c93d2.js → index-603d8f32.js} +12 -19
  10. package/dist/cjs/{Loading-6f4f0127.js → loader-baf2418b.js} +0 -9
  11. package/dist/cjs/loader.cjs.js +2 -2
  12. package/dist/cjs/part-lookup.cjs.entry.js +2 -3
  13. package/dist/cjs/shift-components.cjs.js +2 -2
  14. package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -3
  15. package/dist/collection/collection-manifest.json +7 -2
  16. package/dist/collection/components/form-elements/form-input.css +1 -0
  17. package/dist/collection/components/form-elements/form-input.js +342 -0
  18. package/dist/collection/components/form-elements/form-select.css +1 -0
  19. package/dist/collection/components/form-elements/form-select.js +397 -0
  20. package/dist/collection/components/form-elements/form-structure-error.css +1 -0
  21. package/dist/collection/components/form-elements/form-structure-error.js +72 -0
  22. package/dist/collection/components/form-elements/form-structure.css +1 -0
  23. package/dist/collection/components/form-elements/form-structure.js +227 -0
  24. package/dist/collection/components/form-elements/form-submit.css +1 -0
  25. package/dist/collection/components/form-elements/form-submit.js +93 -0
  26. package/dist/collection/components/form-elements/form-text-area.css +1 -0
  27. package/dist/collection/components/form-elements/form-text-area.js +288 -0
  28. package/dist/collection/components/forms/contact-us-form.css +1 -0
  29. package/dist/collection/components/forms/contact-us-form.js +376 -0
  30. package/dist/collection/components/part-lookup/dead-stock-lookup.js +1 -1
  31. package/dist/collection/components/part-lookup/distributor-lookup.js +1 -1
  32. package/dist/collection/components/part-lookup/manufacturer-lookup.js +1 -1
  33. package/dist/collection/components/vehicle-lookup/dynamic-claim.js +1 -1
  34. package/dist/collection/components/vehicle-lookup/paint-thickness.js +1 -1
  35. package/dist/collection/components/vehicle-lookup/service-history.js +1 -1
  36. package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +1 -1
  37. package/dist/collection/components/vehicle-lookup/vehicle-specification.js +1 -1
  38. package/dist/collection/components/vehicle-lookup/warranty-details.js +2 -2
  39. package/dist/collection/global/api/urls.js +6 -0
  40. package/dist/collection/global/assets/white-loader.svg +11 -0
  41. package/dist/collection/global/lib/form-hook.js +25 -14
  42. package/dist/collection/global/lib/recaptcha.js +25 -0
  43. package/dist/collection/global/lib/validate-form-structure.js +47 -0
  44. package/dist/collection/global/types/forms.js +1 -0
  45. package/dist/collection/global/types/general.js +1 -0
  46. package/dist/collection/global/types/locales/error-schema.js +1 -0
  47. package/dist/collection/global/types/locales/forms/contact-us-schema.js +24 -0
  48. package/dist/collection/global/types/locales/forms/index.js +11 -0
  49. package/dist/collection/global/types/locales/general.js +8 -0
  50. package/dist/collection/global/types/locales/index.js +6 -0
  51. package/dist/collection/global/types/locales/inquiryTypes.js +15 -0
  52. package/dist/components/{general-inquiry-form.d.ts → contact-us-form.d.ts} +4 -4
  53. package/dist/components/contact-us-form.js +5 -0
  54. package/dist/components/dead-stock-lookup.js +1 -1
  55. package/dist/components/distributor-lookup.js +1 -1
  56. package/dist/components/dynamic-claim.js +1 -1
  57. package/dist/components/dynamic-redeem.js +1 -1
  58. package/dist/components/form-input.js +1 -1
  59. package/dist/components/form-select.d.ts +11 -0
  60. package/dist/components/form-select.js +5 -0
  61. package/dist/components/form-structure-error.d.ts +11 -0
  62. package/dist/components/form-structure-error.js +5 -0
  63. package/dist/components/form-structure.d.ts +11 -0
  64. package/dist/components/form-structure.js +5 -0
  65. package/dist/components/form-submit.d.ts +11 -0
  66. package/dist/components/form-submit.js +5 -0
  67. package/dist/components/form-text-area.d.ts +11 -0
  68. package/dist/components/form-text-area.js +5 -0
  69. package/dist/components/index.js +1 -1
  70. package/dist/components/manufacturer-lookup.js +1 -1
  71. package/dist/components/{p-64a8e560.js → p-0f15eb0b.js} +1 -1
  72. package/dist/components/{p-935af250.js → p-14df0c85.js} +1 -1
  73. package/dist/components/p-176b63e3.js +5 -0
  74. package/dist/components/{p-9c9f58f9.js → p-21feb9cb.js} +1 -1
  75. package/dist/components/{p-efd76ea7.js → p-40bb71e4.js} +1 -1
  76. package/dist/components/p-4bae9c16.js +5 -0
  77. package/dist/components/{p-467cc8d5.js → p-5d3abb5b.js} +1 -1
  78. package/dist/components/p-5e1738a6.js +5 -0
  79. package/dist/components/p-64e16378.js +5 -0
  80. package/dist/components/p-75476014.js +5 -0
  81. package/dist/components/{p-a1adf184.js → p-7f889bd6.js} +1 -1
  82. package/dist/components/{p-9e28d16d.js → p-8db6fbb6.js} +1 -1
  83. package/dist/components/p-9faefa40.js +5 -0
  84. package/dist/components/p-b224d16f.js +5 -0
  85. package/dist/components/p-b901ce51.js +5 -0
  86. package/dist/components/{p-6a4bffe2.js → p-ce440126.js} +1 -1
  87. package/dist/components/{p-336607f4.js → p-d70c3cbd.js} +1 -1
  88. package/dist/components/{p-bc8714c3.js → p-d8a1e55d.js} +1 -1
  89. package/dist/components/{p-443f6446.js → p-e4ae4434.js} +1 -1
  90. package/dist/components/paint-thickness.js +1 -1
  91. package/dist/components/part-lookup.js +1 -1
  92. package/dist/components/service-history.js +1 -1
  93. package/dist/components/vehicle-accessories.js +1 -1
  94. package/dist/components/vehicle-lookup.js +1 -1
  95. package/dist/components/vehicle-specification.js +1 -1
  96. package/dist/components/warranty-details.js +1 -1
  97. package/dist/esm/Loading-3fdd028d.js +14 -0
  98. package/dist/esm/contact-us-form.entry.js +348 -0
  99. package/dist/esm/dead-stock-lookup_3.entry.js +4 -4
  100. package/dist/esm/dynamic-claim_6.entry.js +5 -5
  101. package/dist/esm/dynamic-redeem.entry.js +2 -3
  102. package/dist/esm/form-input_4.entry.js +245 -0
  103. package/dist/esm/form-structure_2.entry.js +92 -0
  104. package/dist/esm/{index.esm-46e0cdad.js → get-local-language-cd53bfd4.js} +241 -1
  105. package/dist/esm/{index-33ae6859.js → index-cac905b0.js} +12 -19
  106. package/dist/esm/{Loading-f4d666ee.js → loader-027b88af.js} +1 -9
  107. package/dist/esm/loader.js +3 -3
  108. package/dist/esm/part-lookup.entry.js +2 -3
  109. package/dist/esm/shift-components.js +3 -3
  110. package/dist/esm/vehicle-lookup.entry.js +2 -3
  111. package/dist/locales/ar.json +39 -1
  112. package/dist/locales/en.json +38 -0
  113. package/dist/locales/ku.json +39 -1
  114. package/dist/locales/ru.json +40 -2
  115. package/dist/shift-components/p-14de3422.entry.js +5 -0
  116. package/dist/shift-components/p-359ea480.entry.js +5 -0
  117. package/dist/shift-components/{p-75363a52.entry.js → p-36423afa.entry.js} +1 -1
  118. package/dist/shift-components/p-65102e7a.js +6 -0
  119. package/dist/shift-components/p-6cc94857.entry.js +5 -0
  120. package/dist/shift-components/p-974f9490.entry.js +5 -0
  121. package/dist/shift-components/p-a21e2e2e.js +5 -0
  122. package/dist/shift-components/p-b8390527.entry.js +5 -0
  123. package/dist/shift-components/p-ba46e8f2.entry.js +5 -0
  124. package/dist/shift-components/p-ecc53648.entry.js +5 -0
  125. package/dist/shift-components/p-f4b4e9d2.js +5 -0
  126. package/dist/shift-components/p-fa19695e.js +5 -0
  127. package/dist/shift-components/shift-components.esm.js +1 -1
  128. package/dist/types/components/form-elements/form-input.d.ts +24 -0
  129. package/dist/types/components/form-elements/form-select.d.ts +38 -0
  130. package/dist/types/components/form-elements/form-structure-error.d.ts +8 -0
  131. package/dist/types/components/form-elements/form-structure.d.ts +18 -0
  132. package/dist/types/components/form-elements/form-submit.d.ts +7 -0
  133. package/dist/types/components/form-elements/form-text-area.d.ts +21 -0
  134. package/dist/types/components/forms/contact-us-form.d.ts +46 -0
  135. package/dist/types/components.d.ts +188 -31
  136. package/dist/types/global/api/urls.d.ts +2 -0
  137. package/dist/types/global/lib/form-hook.d.ts +1 -30
  138. package/dist/types/global/lib/recaptcha.d.ts +16 -0
  139. package/dist/types/global/lib/validate-form-structure.d.ts +3 -0
  140. package/dist/types/global/types/forms.d.ts +48 -0
  141. package/dist/types/global/types/general.d.ts +14 -0
  142. package/dist/types/global/types/locales/error-schema.d.ts +2 -0
  143. package/dist/types/global/types/locales/forms/contact-us-schema.d.ts +37 -0
  144. package/dist/types/global/types/locales/forms/index.d.ts +45 -0
  145. package/dist/types/global/types/locales/general.d.ts +5 -0
  146. package/dist/types/global/types/locales/index.d.ts +74 -0
  147. package/dist/types/global/types/locales/inquiryTypes.d.ts +19 -0
  148. package/package.json +1 -1
  149. package/dist/cjs/form-input.cjs.entry.js +0 -36
  150. package/dist/cjs/general-inquiry-form.cjs.entry.js +0 -154
  151. package/dist/cjs/get-local-language-1ba6d190.js +0 -204
  152. package/dist/collection/components/form-input/form-input.css +0 -1
  153. package/dist/collection/components/form-input/form-input.js +0 -209
  154. package/dist/collection/components/general-inquiry-form/general-inquiry-form.css +0 -1
  155. package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +0 -46
  156. package/dist/components/general-inquiry-form.js +0 -5
  157. package/dist/components/p-83e017fe.js +0 -5
  158. package/dist/components/p-9c8b634a.js +0 -5
  159. package/dist/components/p-b2051f01.js +0 -5
  160. package/dist/components/p-e446fb9d.js +0 -5
  161. package/dist/esm/form-input.entry.js +0 -32
  162. package/dist/esm/general-inquiry-form.entry.js +0 -150
  163. package/dist/esm/get-local-language-42468fce.js +0 -201
  164. package/dist/shift-components/p-0f0e54c1.js +0 -6
  165. package/dist/shift-components/p-219fb385.entry.js +0 -5
  166. package/dist/shift-components/p-33bf409e.entry.js +0 -5
  167. package/dist/shift-components/p-5ba2e35c.entry.js +0 -5
  168. package/dist/shift-components/p-6e4e85c0.entry.js +0 -5
  169. package/dist/shift-components/p-6f356085.js +0 -5
  170. package/dist/shift-components/p-8f603ea1.entry.js +0 -5
  171. package/dist/shift-components/p-95532c3e.entry.js +0 -5
  172. package/dist/shift-components/p-99d314b5.js +0 -5
  173. package/dist/shift-components/p-e446fb9d.js +0 -5
  174. package/dist/types/components/form-input/form-input.d.ts +0 -14
  175. package/dist/types/components/general-inquiry-form/general-inquiry-form.d.ts +0 -21
@@ -0,0 +1,25 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ export const setupRecaptcha = (recaptchaKey, language = 'en', callback = () => { }) => {
6
+ console.log(language);
7
+ if (!recaptchaKey)
8
+ return;
9
+ const oldScript = document.querySelector("script[src*='recaptcha/api.js']");
10
+ if (oldScript) {
11
+ oldScript.remove();
12
+ console.log('Old reCAPTCHA script removed');
13
+ }
14
+ const recaptchaContainers = document.getElementsByClassName('g-recaptcha');
15
+ Array.from(recaptchaContainers).forEach(container => container.remove());
16
+ const script = document.createElement('script');
17
+ script.src = `https://www.google.com/recaptcha/api.js?render=explicit&hl=${language}`;
18
+ script.async = true;
19
+ script.defer = true;
20
+ script.onload = () => {
21
+ console.log(`reCAPTCHA script loaded with language: ${language}`);
22
+ callback();
23
+ };
24
+ document.head.appendChild(script);
25
+ };
@@ -0,0 +1,47 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ function parseElement(str) {
6
+ const elementPart = str.split(/\.|#/)[0];
7
+ const classMatch = str.match(/\.(\w+)/);
8
+ const idMatch = str.match(/#(\w+)/);
9
+ return {
10
+ children: [],
11
+ element: elementPart,
12
+ id: idMatch ? idMatch[1] : '',
13
+ class: classMatch ? classMatch[1] : '',
14
+ };
15
+ }
16
+ const recursiveParser = (structuredArray) => {
17
+ if (!Array.isArray(structuredArray) || !structuredArray.length)
18
+ throw new Error('Invalid structure');
19
+ let parent = { element: '', class: '', id: '', children: [] };
20
+ let startIndex = 0;
21
+ if (typeof structuredArray[0] === 'string' && structuredArray[0].startsWith('div')) {
22
+ parent = parseElement(structuredArray[0]);
23
+ startIndex++;
24
+ }
25
+ for (let idx = startIndex; idx < structuredArray.length; idx++) {
26
+ const child = structuredArray[idx];
27
+ if (typeof child === 'string')
28
+ parent.children.push(parseElement(child));
29
+ else
30
+ parent.children.push(recursiveParser(child));
31
+ }
32
+ return parent;
33
+ };
34
+ export const formStructureStringExample = '[["div.kodo#j7","name.name#name"], "div.d3#s2"]';
35
+ export const isValidStructure = (structureString) => {
36
+ try {
37
+ const parsedStructure = JSON.parse(structureString);
38
+ if (!Array.isArray(parsedStructure) || !parsedStructure.length)
39
+ throw new Error('Invalid structure');
40
+ const structuredObject = recursiveParser(parsedStructure);
41
+ return structuredObject;
42
+ }
43
+ catch (error) {
44
+ console.log(error);
45
+ return null;
46
+ }
47
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -9,6 +9,7 @@ export const errorsSchema = object({
9
9
  invalidVin: string().required(),
10
10
  noPartsFound: string().required(),
11
11
  vinNumberRequired: string().required(),
12
+ wrongFormStructure: string().required(),
12
13
  partNumberRequired: string().required(),
13
14
  noServiceAvailable: string().required(),
14
15
  wrongResponseFormat: string().required(),
@@ -0,0 +1,24 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { object, string } from "yup";
6
+ export const contactUsSchema = object({
7
+ fullName: string().required(),
8
+ fullNameMinimum: string().required(),
9
+ fullNameIsRequired: string().required(),
10
+ emailAddress: string().required(),
11
+ emailAddressNotValid: string().required(),
12
+ city: string().required(),
13
+ selectCity: string().required(),
14
+ cityIsRequired: string().required(),
15
+ phoneNumber: string().required(),
16
+ phoneNumberIsRequired: string().required(),
17
+ phoneNumberFormatInvalid: string().required(),
18
+ inquiryType: string().required(),
19
+ selectInquiryType: string().required(),
20
+ inquiryTypeIsRequired: string().required(),
21
+ writeAMessage: string().required(),
22
+ leaveUsMessage: string().required(),
23
+ messageIsRequired: string().required(),
24
+ });
@@ -0,0 +1,11 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { object, string } from "yup";
6
+ import { contactUsSchema } from "./contact-us-schema";
7
+ export const FormsSchema = object({
8
+ contactUs: contactUsSchema,
9
+ reCaptchaIsRequired: string().required(),
10
+ inputValueIsIncorrect: string().required(),
11
+ });
@@ -0,0 +1,8 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { object, string } from "yup";
6
+ export const generalSchema = object({
7
+ noSelectOptions: string().required(),
8
+ });
@@ -3,9 +3,12 @@
3
3
  * Copyright (c)
4
4
  */
5
5
  import { object, string } from "yup";
6
+ import { FormsSchema } from "./forms";
7
+ import { generalSchema } from "./general";
6
8
  import { errorsSchema } from "./error-schema";
7
9
  import { partLookupSchema } from "./part-lookup";
8
10
  import { vehicleLookupSchema } from "./vehicle-lookup";
11
+ import { generalTicketTypesSchema } from "./inquiryTypes";
9
12
  export const ARABIC_JSON_FILE = 'ar.json';
10
13
  export const ENGLISH_JSON_FILE = 'en.json';
11
14
  export const KURDISH_JSON_FILE = 'ku.json';
@@ -17,11 +20,14 @@ export const languageMapper = {
17
20
  ru: RUSSIAN_JSON_FILE,
18
21
  };
19
22
  export const localeSchema = object({
23
+ forms: FormsSchema,
20
24
  errors: errorsSchema,
25
+ general: generalSchema,
21
26
  lang: string().required(),
22
27
  noData: string().required(),
23
28
  partLookup: partLookupSchema,
24
29
  language: string().required(),
25
30
  direction: string().required(),
26
31
  vehicleLookup: vehicleLookupSchema,
32
+ generalTicketTypes: generalTicketTypesSchema,
27
33
  });
@@ -0,0 +1,15 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import { object, string } from "yup";
6
+ export const generalTicketTypesSchema = object({
7
+ TLP: string().required(),
8
+ Complaint: string().required(),
9
+ PartInquiry: string().required(),
10
+ SalesCampaign: string().required(),
11
+ GeneralInquiry: string().required(),
12
+ ServiceCampaign: string().required(),
13
+ InstallmentPayment: string().required(),
14
+ ServicePriceInquiry: string().required(),
15
+ });
@@ -1,9 +1,9 @@
1
1
  import type { Components, JSX } from "../types/components";
2
2
 
3
- interface GeneralInquiryForm extends Components.GeneralInquiryForm, HTMLElement {}
4
- export const GeneralInquiryForm: {
5
- prototype: GeneralInquiryForm;
6
- new (): GeneralInquiryForm;
3
+ interface ContactUsForm extends Components.ContactUsForm, HTMLElement {}
4
+ export const ContactUsForm: {
5
+ prototype: ContactUsForm;
6
+ new (): ContactUsForm;
7
7
  };
8
8
  /**
9
9
  * Used to define this component and all nested components recursively.
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{p as t,H as e,h as a,c as r}from"./p-75476014.js";import{c as o,a as i,l as s,g as n}from"./p-b901ce51.js";import{c}from"./p-98d9e7ab.js";import{d as l}from"./p-4bae9c16.js";import{d}from"./p-5e1738a6.js";import{d as p}from"./p-176b63e3.js";import{d as h}from"./p-64e16378.js";import{d as w}from"./p-9faefa40.js";import{d as m}from"./p-b224d16f.js";class b{constructor(t,e,a){this.isSubmitted=!1,this.validationType="onSubmit",this.subscribedFields={},this.formErrors={},this.getFormErrors=()=>this.formErrors,this.getValues=()=>{const t=(this.context.el.shadowRoot||this.context.el).querySelector("form"),e=new FormData(t);return Object.fromEntries(e.entries())},this.focusFirstInput=t=>{if(t.length){const e=this.context.el.shadowRoot||this.context.el,a=t.map((t=>e.querySelector(`*[name="${t.name}"]`))).filter((t=>t)).sort(((t,e)=>t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING?-1:t.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_PRECEDING?1:0));a[0]&&a[0].focus()}},this.onSubmit=t=>{t.preventDefault(),(async()=>{try{this.isSubmitted=!0,this.context.isLoading=!0,this.signal({isError:!1,disabled:!0});const t=this.getValues(),e=await this.schemaObject.validate(t,{abortEarly:!1});await this.context.formSubmit(e)}catch(t){if("ValidationError"===t.name){this.formErrors={};const e=[];t.inner.forEach((t=>{t.path&&(this.formErrors[t.path]=t.message,e.find((e=>e.name===t.path))||e.push({isError:!0,name:t.path,errorMessage:t.message}))})),this.signal(e),this.focusFirstInput(e)}else console.error("Unexpected Error:",t)}finally{this.signal({disabled:!1}),this.context.isLoading=!1}})()},this.newController=(t,e)=>{const a=this.schemaObject.describe().fields[t],r={name:t,fieldType:e,isError:!1,disabled:!1,errorMessage:"",isRequired:null==a?void 0:a.tests.some((t=>"required"===t.name))};return"text"===e||"number"===e||"text-area"===e?this.subscribedFields[t]=Object.assign(Object.assign({},r),{inputChanges:e=>{this.onChanges(t,e.target.value)}}):"select"===e&&(this.subscribedFields[t]=Object.assign(Object.assign({},r),{inputChanges:e=>{this.onChanges(t,e)}})),this.subscribedFields[t]},this.signal=t=>{Array.isArray(t)?t.forEach((t=>{this.subscribedFields[t.name]&&Object.assign(this.subscribedFields[t.name],t)})):Object.values(this.subscribedFields).forEach((e=>Object.assign(e,t)))},this.onChanges=async(t,e)=>{if(!this.isSubmitted&&"always"!==this.validationType)return;const a=this.subscribedFields[t].isError;try{this.schemaObject.fields[t].validateSync(e),this.signal([{name:t,isError:!1}]),!1!==a&&(this.context.renderControl={})}catch(e){e.message&&(this.signal([{name:t,isError:!0,errorMessage:e.message}]),this.context.renderControl={})}},this.context=t,this.schemaObject=e,this.formController={onSubmit:this.onSubmit},(null==a?void 0:a.validationType)&&(this.validationType=a.validationType)}}function u(t){const e=t.split(/\.|#/)[0],a=t.match(/\.(\w+)/),r=t.match(/#(\w+)/);return{children:[],element:e,id:r?r[1]:"",class:a?a[1]:""}}const g=t=>{if(!Array.isArray(t)||!t.length)throw Error("Invalid structure");let e={element:"",class:"",id:"",children:[]},a=0;"string"==typeof t[0]&&t[0].startsWith("div")&&(e=u(t[0]),a++);for(let r=a;r<t.length;r++){const a=t[r];e.children.push("string"==typeof a?u(a):g(a))}return e},f=o({cityId:i(),email:i().email("emailAddressNotValid"),message:i().required("messageIsRequired"),generalTicketType:i().required("inquiryTypeIsRequired"),name:i().required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:i().required("phoneNumberIsRequired").transform((t=>t.replace(/^0/,""))).matches(/^\d+$/,"phoneNumberFormatInvalid").length(10,"phoneNumberFormatInvalid")}),x={name:"text",email:"text",phone:"number",cityId:"select",message:"text-area",generalTicketType:"select"},y={name:{label:"fullName",formLocaleName:"contactUs"},email:{type:"email",label:"emailAddress",formLocaleName:"contactUs"},message:{label:"writeAMessage",formLocaleName:"contactUs",placeholder:"leaveUsMessage"},phone:{inputPreFix:"+964",type:"number",label:"phoneNumber",formLocaleName:"contactUs"},cityId:{label:"city",placeholder:"selectCity",formLocaleName:"contactUs",fetcher:async(t,e)=>{const a=await fetch("https://tiq-identity-server.azurewebsites.net/api/public/city",{signal:e,headers:{"Accept-Language":t}});return(await a.json()).map((t=>({label:t.Name,value:t.ID})))}},generalTicketType:{label:"inquiryType",formLocaleName:"contactUs",placeholder:"selectInquiryType",fetcher:async t=>{const e=(await n(t)).generalTicketTypes;return[{value:"GeneralInquiry",label:e.GeneralInquiry},{value:"Complaint",label:e.Complaint}]}}},v={tiq:'["div#container", ["div#inputs_wrapper", "name", "email", "cityId", "phone", "generalTicketType" ], "message#message",["div#recaptcha_container", "slot"], "submit.Submit"]'},k=t(class extends e{constructor(){super(),this.__registerHost(),this.recaptchaWidget=null,this.form=new b(this,f),this.theme=void 0,this.baseUrl=void 0,this.brandId=void 0,this.queryString="",this.language="en",this.errorCallback=void 0,this.successCallback=void 0,this.structure='["submit.Submit"]',this.loadingChanges=void 0,this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.isLoading=void 0,this.renderControl={},this.structureObject=null,this.locale=s.getDefault()}async componentWillLoad(){let t;t=this.theme&&v[this.theme]?v[this.theme]:this.structure,await Promise.all([this.structureValidation(t),this.changeLanguage(this.language)])}async changeLanguage(t){this.locale=await n(t)}async onStructureChange(t){await this.structureValidation(t)}async structureValidation(t){this.structureObject=(t=>{try{const e=JSON.parse(t);if(!Array.isArray(e)||!e.length)throw Error("Invalid structure");return g(e)}catch(t){return console.log(t),null}})(t)}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)}catch(t){console.log(t),this.errorCallback&&this.errorCallback(t)}finally{this.loadingChanges&&this.loadingChanges(!1)}}render(){return null===this.structureObject?a("form-structure-error",{language:this.language}):a(r,{class:c({["contact-us-"+this.theme]:this.theme})},a("form-structure",{form:this.form,language:this.language,isLoading:this.isLoading,formFieldParams:y,renderControl:this.renderControl,formElementMapper:x,structureObject:this.structureObject},a("slot",null)))}get el(){return this}static get watchers(){return{language:["changeLanguage"],structure:["onStructureChange"]}}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}.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))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.top-0{top: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}.items-center{align-items:center}.justify-center{justify-content:center}.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-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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}.pointer-events-auto{pointer-events:auto}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.hidden{display:none}.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}.animate-spin-2s{animation:spin 2s linear infinite}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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)}.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}.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-\\[20px\\]{font-size:20px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.size-full{height:100%;width:100%}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.rounded{border-radius:.25rem}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.duration-1000{transition-duration:1s}.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],errorCallback:[16],successCallback:[16],structure:[1],loadingChanges:[16],recaptchaKey:[1,"recaptcha-key"],isLoading:[32],renderControl:[32],structureObject:[32],locale:[32]},void 0,{language:["changeLanguage"],structure:["onStructureChange"]}]);function j(){"undefined"!=typeof customElements&&["contact-us-form","form-input","form-select","form-structure","form-structure-error","form-submit","form-text-area"].forEach((t=>{switch(t){case"contact-us-form":customElements.get(t)||customElements.define(t,k);break;case"form-input":customElements.get(t)||l();break;case"form-select":customElements.get(t)||d();break;case"form-structure":customElements.get(t)||p();break;case"form-structure-error":customElements.get(t)||h();break;case"form-submit":customElements.get(t)||w();break;case"form-text-area":customElements.get(t)||m()}}))}j();const z=k,E=j;export{z as ContactUsForm,E 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-6a4bffe2.js";const a=o,f=s;export{a as DeadStockLookup,f as defineCustomElement}
5
+ import{D as o,d as s}from"./p-ce440126.js";const p=o,r=s;export{p as DeadStockLookup,r 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-64a8e560.js";const a=o,p=s;export{a as DistributorLookup,p as defineCustomElement}
5
+ import{D as o,d as s}from"./p-0f15eb0b.js";const p=o,r=s;export{p as DistributorLookup,r 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-443f6446.js";const p=o,r=s;export{p as DynamicClaim,r as defineCustomElement}
5
+ import{D as o,d as s}from"./p-e4ae4434.js";const a=o,e=s;export{a as DynamicClaim,e 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-efd76ea7.js";const a=o,e=s;export{a as DynamicRedeem,e as defineCustomElement}
5
+ import{D as o,d as s}from"./p-40bb71e4.js";const p=o,r=s;export{p as DynamicRedeem,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-9c8b634a.js";const a=o,p=s;export{a as FormInput,p as defineCustomElement}
5
+ import{F as o,d as s}from"./p-4bae9c16.js";const a=o,p=s;export{a as FormInput,p as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface FormSelect extends Components.FormSelect, HTMLElement {}
4
+ export const FormSelect: {
5
+ prototype: FormSelect;
6
+ new (): FormSelect;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{F as o,d as s}from"./p-5e1738a6.js";const a=o,p=s;export{a as FormSelect,p as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface FormStructureError extends Components.FormStructureError, HTMLElement {}
4
+ export const FormStructureError: {
5
+ prototype: FormStructureError;
6
+ new (): FormStructureError;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{F as o,d as s}from"./p-64e16378.js";const p=o,r=s;export{p as FormStructureError,r as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface FormStructure extends Components.FormStructure, HTMLElement {}
4
+ export const FormStructure: {
5
+ prototype: FormStructure;
6
+ new (): FormStructure;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{F as o,d as s}from"./p-176b63e3.js";const p=o,r=s;export{p as FormStructure,r as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface FormSubmit extends Components.FormSubmit, HTMLElement {}
4
+ export const FormSubmit: {
5
+ prototype: FormSubmit;
6
+ new (): FormSubmit;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{F as a,d as o}from"./p-9faefa40.js";const s=a,f=o;export{s as FormSubmit,f as defineCustomElement}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface FormTextArea extends Components.FormTextArea, HTMLElement {}
4
+ export const FormTextArea: {
5
+ prototype: FormTextArea;
6
+ new (): FormTextArea;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{F as o,d as s}from"./p-b224d16f.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
- export{g as getAssetPath,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-b2051f01.js";!async function(){window.blazorInvoke||(window.blazorInvoke=async function(n,e,...o){const t=document.querySelector(n);if(t)if("function"==typeof t[e])try{return await t[e](...o)}catch(o){console.error(`Error invoking function "${e}" on element "${n}":`,o)}else console.error(`Function "${e}" not found on the element.`);else console.error(`Element with selector "${n}" not found.`)},window.blazorInvokeSet=async function(n,e,o){const t=document.querySelector(n);if(t)try{return t[e]=o}catch(n){console.error(`Setting field ${e} failed to set value: ${o}:`,n)}else console.error(`Element with selector "${n}" not found.`)},console.log("Global blazorInvoke initialized."))}();
5
+ export{g as getAssetPath,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-75476014.js";!async function(){window.blazorInvoke||(window.blazorInvoke=async function(n,e,...o){const t=document.querySelector(n);if(t)if("function"==typeof t[e])try{return await t[e](...o)}catch(o){console.error(`Error invoking function "${e}" on element "${n}":`,o)}else console.error(`Function "${e}" not found on the element.`);else console.error(`Element with selector "${n}" not found.`)},window.blazorInvokeSet=async function(n,e,o){const t=document.querySelector(n);if(t)try{return t[e]=o}catch(n){console.error(`Setting field ${e} failed to set value: ${o}:`,n)}else console.error(`Element with selector "${n}" not found.`)},console.log("Global blazorInvoke initialized."))}();
@@ -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-336607f4.js";const p=o,r=s;export{p as ManufacturerLookup,r as defineCustomElement}
5
+ import{M as o,d as s}from"./p-d70c3cbd.js";const c=o,d=s;export{c as ManufacturerLookup,d as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,c as o}from"./p-b2051f01.js";import{c as r}from"./p-98d9e7ab.js";import{l as a,g as n}from"./p-83e017fe.js";import{g as s}from"./p-fab97ac7.js";import{L as l}from"./p-467cc8d5.js";let d={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,r=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const a=o?await s(this,{scopedTimeoutRef:i,partNumber:r,mockData:d},e):t;if(this.networkTimeoutRef===i){if(!a)throw new Error("wrongResponseFormat");this.handleSettingData(a)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.partInformation=null,this.errorMessage=t}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){d=t}render(){var t;const e=this.locale.partLookup.distributor,a=this.partInformation&&this.localizationName||"russian",n=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],s=this.partInformation?[{label:e.description,key:"partDescription",value:this.partInformation.partDescription},{label:e.productGroup,key:"group",value:this.partInformation.group},{label:e.localDescription.replace("$",a),key:"localDescription",value:this.partInformation.localDescription},{label:e.dealerPurchasePrice,key:"fob",value:null,values:this.partInformation.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.fob)||void 0===e?void 0:e.formattedValue}}))},{label:e.recommendedRetailPrice,key:"price",value:null,values:this.partInformation.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.price)||void 0===e?void 0:e.formattedValue}}))},{label:e.supersessions,key:"supersededTo",value:null,values:this.partInformation.supersededTo.map((t=>({header:null,body:t})))}]:[],d=s.filter((t=>!n.includes(t.key))),p=!!this.partInformation&&!this.partInformation.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t));return i(o,null,i("div",{dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",null,i(l,{isLoading:this.state.includes("loading")}),i("div",{class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{class:"py-[16px] min-h-[100px] flex items-center"},i("div",{class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",null,i("div",{class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},e.info),i("div",{class:"py-[10px] px-[30px] flex flex-col gap-[15px]"},i("div",{class:"grid grid-cols-3 gap-[50px]"},d.map((({label:t,value:e,values:o,key:r})=>i("div",{key:r,class:"flex flex-col flex-1"},i("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),o?i("div",null,o.map((t=>i("span",{key:t.header+t.body,class:"inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-1 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body))))):i("div",{class:"py-[10px] px-0"},e))))))),p&&i("div",{class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},e.distributorStock),i("div",{class:"flex flex-col gap-[15px]"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",{class:"top-0 font-bold sticky bg-white"},i("tr",null,[e.location,e.availability].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),i("tbody",null,null===(t=this.partInformation)||void 0===t?void 0:t.stockParts.map((t=>i("tr",{class:"transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100",key:t.locationID},i("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},t.locationName),i("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},i("div",{class:r("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},i("strong",null,"Available"===t.quantityLookUpResult?e.available:"PartiallyAvailable"===t.quantityLookUpResult?e.partiallyAvailable:e.notAvailable)))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["distributor-lookup"].forEach((t=>{"distributor-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as D,c as d}
5
+ import{p as t,H as e,h as i,c as o}from"./p-75476014.js";import{c as r}from"./p-98d9e7ab.js";import{l as a,g as n}from"./p-b901ce51.js";import{g as s}from"./p-fab97ac7.js";import{L as l}from"./p-5d3abb5b.js";let d={};const p=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.hiddenFields="",this.language="en",this.localizationName="",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.errorMessage=null,this.partInformation=void 0,this.externalPartNumber=null,this.locale=a.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await n(t)}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,r=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const a=o?await s(this,{scopedTimeoutRef:i,partNumber:r,mockData:d},e):t;if(this.networkTimeoutRef===i){if(!a)throw new Error("wrongResponseFormat");this.handleSettingData(a)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.partInformation=null,this.errorMessage=t}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){d=t}render(){var t;const e=this.locale.partLookup.distributor,a=this.partInformation&&this.localizationName||"russian",n=this.partInformation&&this.hiddenFields.split(",").map((t=>t.trim()))||[],s=this.partInformation?[{label:e.description,key:"partDescription",value:this.partInformation.partDescription},{label:e.productGroup,key:"group",value:this.partInformation.group},{label:e.localDescription.replace("$",a),key:"localDescription",value:this.partInformation.localDescription},{label:e.dealerPurchasePrice,key:"fob",value:null,values:this.partInformation.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.fob)||void 0===e?void 0:e.formattedValue}}))},{label:e.recommendedRetailPrice,key:"price",value:null,values:this.partInformation.prices.map((t=>{var e;return{header:null==t?void 0:t.countryName,body:null===(e=null==t?void 0:t.price)||void 0===e?void 0:e.formattedValue}}))},{label:e.supersessions,key:"supersededTo",value:null,values:this.partInformation.supersededTo.map((t=>({header:null,body:t})))}]:[],d=s.filter((t=>!n.includes(t.key))),p=!!this.partInformation&&!this.partInformation.stockParts.some((({quantityLookUpResult:t})=>"LookupIsSkipped"===t||"QuantityNotWithinLookupThreshold"===t));return i(o,null,i("div",{dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",null,i(l,{isLoading:this.state.includes("loading")}),i("div",{class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&i("div",{class:"py-[16px] min-h-[100px] flex items-center"},i("div",{class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",null,i("div",{class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},e.info),i("div",{class:"py-[10px] px-[30px] flex flex-col gap-[15px]"},i("div",{class:"grid grid-cols-3 gap-[50px]"},d.map((({label:t,value:e,values:o,key:r})=>i("div",{key:r,class:"flex flex-col flex-1"},i("strong",{class:"py-[10px] px-0 border-b-[gray] border-b"},t),o?i("div",null,o.map((t=>i("span",{key:t.header+t.body,class:"inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-1 mt-2 rounded-lg border border-red-300"},t.header&&i("span",{class:"font-semibold"},t.header,":"),i("span",{class:"ml-1"},t.body))))):i("div",{class:"py-[10px] px-0"},e))))))),p&&i("div",{class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},e.distributorStock),i("div",{class:"flex flex-col gap-[15px]"},i("table",{class:"w-full overflow-auto relative border-collapse"},i("thead",{class:"top-0 font-bold sticky bg-white"},i("tr",null,[e.location,e.availability].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),i("tbody",null,null===(t=this.partInformation)||void 0===t?void 0:t.stockParts.map((t=>i("tr",{class:"transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100",key:t.locationID},i("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},t.locationName),i("td",{class:r("px-[10px] py-[20px] text-center whitespace-nowrap")},i("div",{class:r("text-[red]",{"text-[green]":"Available"===t.quantityLookUpResult,"text-[orange]":"PartiallyAvailable"===t.quantityLookUpResult})},i("strong",null,"Available"===t.quantityLookUpResult?e.available:"PartiallyAvailable"===t.quantityLookUpResult?e.partiallyAvailable:e.notAvailable)))))))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}'}},[1,"distributor-lookup",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],hiddenFields:[1,"hidden-fields"],language:[1],localizationName:[1,"localization-name"],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],state:[32],errorMessage:[32],partInformation:[32],externalPartNumber:[32],locale:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function c(){"undefined"!=typeof customElements&&["distributor-lookup"].forEach((t=>{"distributor-lookup"===t&&(customElements.get(t)||customElements.define(t,p))}))}c();export{p as D,c as d}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{p as t,H as e,h as i,c as a}from"./p-b2051f01.js";import{l as o,g as r}from"./p-83e017fe.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-467cc8d5.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=o.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await s(this,{scopedTimeoutRef:i,vin:o,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,o,r,s,l,c,p,h,f,b;const w=this.locale.vehicleLookup.specification;return i(a,{key:"6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00"},i("div",{key:"ddb8b2dc2838a030499b5241f3dfa15f7a68bf07",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"f81b91d6c7cfd81df70b691b56b10c26ebaf1efc"},i(d,{key:"b96b054448c12ccbaf6fa6291382f51e3c334376",isLoading:this.state.includes("loading")}),i("div",{key:"76cd0cc45c7f84986bd813effac5a53a0295c491",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"60724b3858a6707e3afa18d985f50616fa8484f0",class:n("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"60dcc26e1ecceb4cbca2c2de1e6db439c17e1019",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"4d3c1afca968d2c7fc2a925fc626d70492f49869",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"af212e18ce332b031699b6c3e00df805fbc31db1",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"21a2974e7222b7d6a8fcaa2df1978ecf7670eedf",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),i("div",{key:"b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"4e1d80fd788a29fce807c7bf7a55cf306691c614",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.vehicleSpecification)&&i("table",{key:"b8edb5185c70b660818af1023ecdff2d371732fd",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"fb412628f875cca8d6a9d6921e9bec42a4ee4a64",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"7676f04f48b6fce484f65f0c80a17e2c500eba27"},["model","variant","katashiki","modelYear","sfx"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),i("tbody",{key:"1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344"},i("tr",{key:"a2e4bae8f5c53f9b2447242b12bba65288e7cece"},i("td",{key:"a792eb66c320e92c1b6a04159cf7f3d7076b30d3",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(s=null===(r=null==this?void 0:this.vehicleInformation)||void 0===r?void 0:r.vehicleVariantInfo)||void 0===s?void 0:s.modelCode)||"..."," ",i("br",{key:"2994aa18bdadecc364a34a0f9d3b88908e2c6676",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),i("td",{key:"215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",i("br",{key:"ec59b6a49dd36a203d879bd60fd36094f3bc9407"}),(null===(b=null===(f=null==this?void 0:this.vehicleInformation)||void 0===f?void 0:f.vehicleSpecification)||void 0===b?void 0:b.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var e;const[a,o]=t.split("."),r=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:e[a][o].toString();return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},r.trim()?r:"...")})))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as V,p as d}
5
+ import{p as t,H as e,h as i,c as a}from"./p-75476014.js";import{l as o,g as r}from"./p-b901ce51.js";import{c as n}from"./p-98d9e7ab.js";import{g as s}from"./p-8b1d90d7.js";import{L as d}from"./p-5d3abb5b.js";let l={};const c=t(class extends e{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.baseUrl="",this.isDev=!1,this.queryString="",this.language="en",this.errorCallback=void 0,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.locale=o.getDefault(),this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}async componentWillLoad(){await this.changeLanguage(this.language)}async changeLanguage(t){this.locale=await r(t)}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=a?await s(this,{scopedTimeoutRef:i,vin:o,mockData:l},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("wrongResponseFormat");this.vehicleInformation=r}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.errorCallback&&this.errorCallback(t.message),console.error(t),this.setErrorMessage(t.message)}}async setErrorMessage(t){this.state="error",this.vehicleInformation=null,this.errorMessage=t}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){l=t}render(){var t,e,o,r,s,l,c,p,h,f,b;const w=this.locale.vehicleLookup.specification;return i(a,{key:"6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00"},i("div",{key:"ddb8b2dc2838a030499b5241f3dfa15f7a68bf07",dir:this.locale.direction,class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},i("div",{key:"f81b91d6c7cfd81df70b691b56b10c26ebaf1efc"},i(d,{key:"b96b054448c12ccbaf6fa6291382f51e3c334376",isLoading:this.state.includes("loading")}),i("div",{key:"76cd0cc45c7f84986bd813effac5a53a0295c491",class:n("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},i("div",{key:"60724b3858a6707e3afa18d985f50616fa8484f0",class:n("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&i("div",{key:"60dcc26e1ecceb4cbca2c2de1e6db439c17e1019",class:"py-[16px] min-h-[100px] flex items-center"},i("div",{key:"4d3c1afca968d2c7fc2a925fc626d70492f49869",class:"px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.locale.errors[this.errorMessage]||this.locale.errors.wildCard)),["data","data-loading"].includes(this.state)&&i("div",{key:"af212e18ce332b031699b6c3e00df805fbc31db1",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},i("div",{key:"21a2974e7222b7d6a8fcaa2df1978ecf7670eedf",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},w.vehicleSpecification),i("div",{key:"b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac",class:"h-0 overflow-auto flex-1"},!(null===(e=this.vehicleInformation)||void 0===e?void 0:e.vehicleSpecification)&&i("div",{key:"4e1d80fd788a29fce807c7bf7a55cf306691c614",class:"h-[80px] flex items-center justify-center text-[18px]"},w.noData),!!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.vehicleSpecification)&&i("table",{key:"b8edb5185c70b660818af1023ecdff2d371732fd",class:"w-full overflow-auto relative border-collapse"},i("thead",{key:"fb412628f875cca8d6a9d6921e9bec42a4ee4a64",class:"top-0 font-bold sticky bg-white"},i("tr",{key:"7676f04f48b6fce484f65f0c80a17e2c500eba27"},["model","variant","katashiki","modelYear","sfx"].map((t=>i("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},w[t]))))),i("tbody",{key:"1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344"},i("tr",{key:"a2e4bae8f5c53f9b2447242b12bba65288e7cece"},i("td",{key:"a792eb66c320e92c1b6a04159cf7f3d7076b30d3",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(s=null===(r=null==this?void 0:this.vehicleInformation)||void 0===r?void 0:r.vehicleVariantInfo)||void 0===s?void 0:s.modelCode)||"..."," ",i("br",{key:"2994aa18bdadecc364a34a0f9d3b88908e2c6676",class:"my-2"}),(null===(c=null===(l=null==this?void 0:this.vehicleInformation)||void 0===l?void 0:l.vehicleSpecification)||void 0===c?void 0:c.modelDesc)||"..."),i("td",{key:"215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4",class:"px-[10px] py-[20px] text-center whitespace-nowrap"},(null===(h=null===(p=null==this?void 0:this.vehicleInformation)||void 0===p?void 0:p.identifiers)||void 0===h?void 0:h.variant)||"..."," ",i("br",{key:"ec59b6a49dd36a203d879bd60fd36094f3bc9407"}),(null===(b=null===(f=null==this?void 0:this.vehicleInformation)||void 0===f?void 0:f.vehicleSpecification)||void 0===b?void 0:b.variantDesc)||"..."),["identifiers.katashiki","vehicleVariantInfo.modelYear","vehicleVariantInfo.sfx"].map((t=>{var e;const[a,o]=t.split("."),r=null===(e=null==this?void 0:this.vehicleInformation)||void 0===e?void 0:e[a][o].toString();return i("td",{key:t,class:n("px-[10px] py-[20px] text-center whitespace-nowrap")},r.trim()?r:"...")})))))))))))}get el(){return this}static get watchers(){return{language:["changeLanguage"],state:["loadingListener"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}.duration-100{transition-duration:.1s}'}},[1,"vehicle-specification",{baseUrl:[1,"base-url"],isDev:[4,"is-dev"],queryString:[1,"query-string"],language:[1],errorCallback:[16],loadingStateChange:[16],loadedResponse:[16],locale:[32],state:[32],externalVin:[32],errorMessage:[32],vehicleInformation:[32],setData:[64],setErrorMessage:[64],fetchData:[64],setMockData:[64]},void 0,{language:["changeLanguage"],state:["loadingListener"]}]);function p(){"undefined"!=typeof customElements&&["vehicle-specification"].forEach((t=>{"vehicle-specification"===t&&(customElements.get(t)||customElements.define(t,c))}))}p();export{c as V,p as d}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{p as t,H as e,h as a,F as r,c as o}from"./p-75476014.js";import{l as i,g as n}from"./p-b901ce51.js";import{d as s}from"./p-4bae9c16.js";import{d as l}from"./p-5e1738a6.js";import{d as c}from"./p-9faefa40.js";import{d}from"./p-b224d16f.js";const p=t(class extends e{constructor(){super(),this.__registerHost(),this.renderControl={},this.isLoading=void 0,this.form=void 0,this.language="en",this.formFieldParams=void 0,this.formElementMapper=void 0,this.structureObject=null,this.fieldControllers=void 0,this.locale=i.getDefault()}async componentWillLoad(){await this.changeLanguage(this.language);const t={};Object.entries(this.formElementMapper).forEach((([e,a])=>{t[e]=this.form.newController(e,a)})),this.fieldControllers=t}async changeLanguage(t){this.locale=await n(t)}renderLoop(t){if(""===t.element)return a(r,null,t.children.map((t=>this.renderLoop(t))));if("div"===t.element)return a("div",{class:t.class,id:t.id},t.children.map((t=>this.renderLoop(t))));if("slot"===t.element)return a("slot",null);if("button"===t.element)return a("button",{type:"button",id:t.id},t.class);const e=this.formFieldParams[t.element]?this.formFieldParams[t.element]:{};if("submit"===t.element)return a("form-submit",{isLoading:this.isLoading,params:e,structureElement:t});if(this.fieldControllers[t.element]){const r=this.fieldControllers[t.element];if("text"===r.fieldType||"number"===r.fieldType)return a("form-input",Object.assign({componentId:t.id,componentClass:t.class,language:this.language},r,e));if("text-area"===r.fieldType)return a("form-text-area",Object.assign({componentId:t.id,componentClass:t.class,language:this.language},r,e));if("select"===r.fieldType)return a("form-select",Object.assign({componentId:t.id,componentClass:t.class,language:this.language},r,e))}return!1}render(){const{formController:t}=this.form;return a(o,{key:"3dc5c1f37bbf2c9caeb0e918421c30e0564e55f6"},a("form",Object.assign({key:"16350bf5909d7d3346003c918e137e14bf2f4a9a",dir:this.locale.direction},t),this.renderLoop(this.structureObject)))}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.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))}.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}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.top-0{top:0}.-z-10{z-index:-10}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.flex{display:flex}.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}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.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-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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}.pointer-events-auto{pointer-events:auto}.z-\\[10\\]{z-index:10}.-mt-\\[8px\\]{margin-top:-8px}.mt-\\[8px\\]{margin-top:8px}.hidden{display:none}.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}.animate-spin-2s{animation:spin 2s linear infinite}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/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))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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)}.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}.mx-auto{margin-left:auto;margin-right:auto}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.rounded-\\[8px\\]{border-radius:8px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.size-full{height:100%;width:100%}.-translate-y-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.rounded{border-radius:.25rem}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.duration-1000{transition-duration:1s}.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,"form-structure",{renderControl:[16],isLoading:[4,"is-loading"],form:[16],language:[1],formFieldParams:[16],formElementMapper:[16],structureObject:[16],fieldControllers:[32],locale:[32]},void 0,{language:["changeLanguage"]}]);function w(){"undefined"!=typeof customElements&&["form-structure","form-input","form-select","form-submit","form-text-area"].forEach((t=>{switch(t){case"form-structure":customElements.get(t)||customElements.define(t,p);break;case"form-input":customElements.get(t)||s();break;case"form-select":customElements.get(t)||l();break;case"form-submit":customElements.get(t)||c();break;case"form-text-area":customElements.get(t)||d()}}))}w();export{p as F,w as d}