adp-web-components 0.0.115 → 0.0.117

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 (96) hide show
  1. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +2 -2
  2. package/dist/cjs/demo-form.cjs.entry.js +1 -1
  3. package/dist/cjs/form-checkbox_3.cjs.entry.js +3 -3
  4. package/dist/cjs/form-dialog_8.cjs.entry.js +14 -14
  5. package/dist/cjs/{get-local-language-Dkan2txv.js → get-local-language-BQMM7did.js} +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/part-lookup.cjs.entry.js +2 -2
  8. package/dist/cjs/shift-components.cjs.js +1 -1
  9. package/dist/cjs/test-drive-demo-form.cjs.entry.js +1 -1
  10. package/dist/cjs/{type-RE3HTT8v.js → type-BWg7nCjt.js} +1 -1
  11. package/dist/cjs/{type-BBrN8lzp.js → type-C_D1_HdD.js} +1 -1
  12. package/dist/cjs/vehicle-accessories_6.cjs.entry.js +2 -2
  13. package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
  14. package/dist/cjs/vehicle-quotation-form.cjs.entry.js +20 -11
  15. package/dist/collection/components/form-elements/form-inputs.css +1 -1
  16. package/dist/collection/components/form-elements/form-select.js +5 -5
  17. package/dist/collection/components/forms/vehicle-quotation.js +69 -24
  18. package/dist/components/dead-stock-lookup.js +1 -1
  19. package/dist/components/demo-form.js +1 -1
  20. package/dist/components/distributor-lookup.js +1 -1
  21. package/dist/components/form-checkbox.js +1 -1
  22. package/dist/components/form-dialog.js +1 -1
  23. package/dist/components/form-input.js +1 -1
  24. package/dist/components/form-phone-number.js +1 -1
  25. package/dist/components/form-select.js +1 -1
  26. package/dist/components/form-shadow-input.js +1 -1
  27. package/dist/components/form-structure-error.js +1 -1
  28. package/dist/components/form-structure.js +1 -1
  29. package/dist/components/form-submit.js +1 -1
  30. package/dist/components/form-switch.js +1 -1
  31. package/dist/components/form-text-area.js +1 -1
  32. package/dist/components/manufacturer-lookup.js +1 -1
  33. package/dist/components/p-B0fsK-zW.js +5 -0
  34. package/dist/components/{p-DMU8DLBj.js → p-B7GLvaIK.js} +1 -1
  35. package/dist/components/{p-DeJOuCT5.js → p-BCmngwDr.js} +1 -1
  36. package/dist/components/{p-DEiKiFjK.js → p-BHpI8iTY.js} +1 -1
  37. package/dist/components/{p-BILB6vra.js → p-BIx5ikS8.js} +1 -1
  38. package/dist/components/{p-DS4u_nYm.js → p-BQ0nuQ_n.js} +1 -1
  39. package/dist/components/{p-TSlJW4LV.js → p-B_WMxm0a.js} +1 -1
  40. package/dist/components/{p-BtiR_cGz.js → p-Ble6iA0a.js} +1 -1
  41. package/dist/components/{p-Dyg_-ZRZ.js → p-C5vu0HIm.js} +1 -1
  42. package/dist/components/{p-BuGhUdg4.js → p-CI086zaF.js} +1 -1
  43. package/dist/components/{p-CAKUMlu0.js → p-CNLcR4r4.js} +1 -1
  44. package/dist/components/{p-DgmcZgrl.js → p-CfKHwdn2.js} +1 -1
  45. package/dist/components/{p-Cv0CpjO-.js → p-Cfp8vbjI.js} +1 -1
  46. package/dist/components/{p-V8EEXeV4.js → p-DLu8HWxl.js} +1 -1
  47. package/dist/components/{p-D-ktcD-l.js → p-DQLx6FeO.js} +1 -1
  48. package/dist/components/{p-Dd9vSUuk.js → p-DUhJ9fbA.js} +1 -1
  49. package/dist/components/{p-CyLPFGxJ.js → p-aY7x29lG.js} +1 -1
  50. package/dist/components/{p-D3KtAlen.js → p-e8-ikeqK.js} +1 -1
  51. package/dist/components/{p-DwoPD1pq.js → p-eFi1gVoC.js} +1 -1
  52. package/dist/components/{p-BPHTtsPk.js → p-fKxc_ig_.js} +1 -1
  53. package/dist/components/{p-yTUnSIng.js → p-i7f27eAY.js} +1 -1
  54. package/dist/components/part-lookup.js +1 -1
  55. package/dist/components/test-drive-demo-form.js +1 -1
  56. package/dist/components/vehicle-accessories.js +1 -1
  57. package/dist/components/vehicle-claimable-items.js +1 -1
  58. package/dist/components/vehicle-lookup.js +1 -1
  59. package/dist/components/vehicle-paint-thickness.js +1 -1
  60. package/dist/components/vehicle-quotation-form.js +1 -1
  61. package/dist/components/vehicle-service-history.js +1 -1
  62. package/dist/components/vehicle-specification.js +1 -1
  63. package/dist/components/vehicle-warranty-details.js +1 -1
  64. package/dist/esm/dead-stock-lookup_3.entry.js +2 -2
  65. package/dist/esm/demo-form.entry.js +1 -1
  66. package/dist/esm/form-checkbox_3.entry.js +3 -3
  67. package/dist/esm/form-dialog_8.entry.js +14 -14
  68. package/dist/esm/{get-local-language-CJ8BQsX1.js → get-local-language-DUl4lmTS.js} +1 -1
  69. package/dist/esm/loader.js +1 -1
  70. package/dist/esm/part-lookup.entry.js +2 -2
  71. package/dist/esm/shift-components.js +1 -1
  72. package/dist/esm/test-drive-demo-form.entry.js +1 -1
  73. package/dist/esm/{type-D2c3FnEd.js → type-BAqPzrE3.js} +1 -1
  74. package/dist/esm/{type-pMGqeql4.js → type-DjqUKqNw.js} +1 -1
  75. package/dist/esm/vehicle-accessories_6.entry.js +2 -2
  76. package/dist/esm/vehicle-lookup.entry.js +2 -2
  77. package/dist/esm/vehicle-quotation-form.entry.js +20 -11
  78. package/dist/shift-components/{p-eee7746f.entry.js → p-0246a301.entry.js} +1 -1
  79. package/dist/shift-components/{p-8c470901.entry.js → p-442feba2.entry.js} +1 -1
  80. package/dist/shift-components/{p-05086eab.entry.js → p-4ecc6666.entry.js} +1 -1
  81. package/dist/shift-components/p-56edb25f.entry.js +5 -0
  82. package/dist/shift-components/{p-18b63959.entry.js → p-68e7e273.entry.js} +1 -1
  83. package/dist/shift-components/{p-CLqmumdn.js → p-DOaEyLJJ.js} +1 -1
  84. package/dist/shift-components/{p-Dc08Q6DN.js → p-DsYZmo9y.js} +1 -1
  85. package/dist/shift-components/{p-f3e84579.entry.js → p-a22861c0.entry.js} +1 -1
  86. package/dist/shift-components/{p-0040b890.entry.js → p-d0a0becd.entry.js} +1 -1
  87. package/dist/shift-components/{p-9c8bed2e.entry.js → p-dab6edb2.entry.js} +1 -1
  88. package/dist/shift-components/{p-ee62e9a1.entry.js → p-fcf85017.entry.js} +1 -1
  89. package/dist/shift-components/{p-RxXBV2Os.js → p-q-sFApTa.js} +1 -1
  90. package/dist/shift-components/shift-components.esm.js +1 -1
  91. package/dist/types/components/forms/vehicle-quotation.d.ts +3 -1
  92. package/dist/types/components.d.ts +6 -8
  93. package/dist/types/features/form-hook/interface.d.ts +1 -1
  94. package/package.json +1 -1
  95. package/dist/components/p-DRlwxYUG.js +0 -5
  96. package/dist/shift-components/p-01d04a89.entry.js +0 -5
@@ -13,8 +13,6 @@ import getLanguageFromUrl from "../../global/lib/get-language-from-url";
13
13
  import { fetchJson } from "../../global/lib/fetch-json";
14
14
  export class VehicleQuotationForm {
15
15
  constructor() {
16
- // #region Localization
17
- this.language = 'en';
18
16
  this.locale = Object.assign({ sharedFormLocales: sharedFormLocalesSchema.getDefault() }, vehicleQuotationSchema.getDefault());
19
17
  this.isLoading = false;
20
18
  this.form = new FormHook(this, vehicleQuotationInputsValidation);
@@ -32,16 +30,21 @@ export class VehicleQuotationForm {
32
30
  }
33
31
  setErrorCallback(error) {
34
32
  var _a, _b, _c;
35
- this.errorMessage = error.message || ((_c = (_b = (_a = this.locale) === null || _a === void 0 ? void 0 : _a.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c.wildCard) || '';
33
+ const message = error.message || ((_c = (_b = (_a = this.locale) === null || _a === void 0 ? void 0 : _a.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c.wildCard) || '';
36
34
  if (this.errorCallback)
37
- this.errorCallback(error);
35
+ this.errorCallback(error, message);
36
+ else
37
+ this.errorMessage = message;
38
38
  }
39
39
  setSuccessCallback(data) {
40
40
  if (this.successCallback)
41
41
  this.successCallback(data);
42
+ else
43
+ this.form.openDialog();
42
44
  }
43
45
  async componentWillLoad() {
44
- this.language = getLanguageFromUrl();
46
+ if (!this.language)
47
+ this.language = getLanguageFromUrl();
45
48
  if (this.structure) {
46
49
  await this.changeLanguage(this.language);
47
50
  }
@@ -91,13 +94,18 @@ export class VehicleQuotationForm {
91
94
  payload.additionalData.vehicleModel = (formValues === null || formValues === void 0 ? void 0 : formValues.currentVehicleModel) || this.locale.Other;
92
95
  }
93
96
  }
94
- const token = await grecaptcha.execute((_d = this.structure.data) === null || _d === void 0 ? void 0 : _d.recaptchaKey, { action: 'submit' });
95
97
  const headers = {
96
- 'Recaptcha-Token': token,
97
- 'Brand': (_e = this.structure.data) === null || _e === void 0 ? void 0 : _e.brandId,
98
+ 'Brand': (_d = this.structure.data) === null || _d === void 0 ? void 0 : _d.brandId,
98
99
  'Accept-Language': this.localeLanguage || 'en',
99
100
  'Content-Type': 'application/json',
100
101
  };
102
+ if (this.bearerToken) {
103
+ headers['Authorization'] = this.getBearerToken();
104
+ }
105
+ else {
106
+ const token = await grecaptcha.execute((_e = this.structure.data) === null || _e === void 0 ? void 0 : _e.recaptchaKey, { action: 'submit' });
107
+ headers['Recaptcha-Token'] = token;
108
+ }
101
109
  const response = await fetch((_f = this.structure.data) === null || _f === void 0 ? void 0 : _f.requestUrl, {
102
110
  headers,
103
111
  method: 'POST',
@@ -106,7 +114,6 @@ export class VehicleQuotationForm {
106
114
  if (response.ok) {
107
115
  const result = await (response === null || response === void 0 ? void 0 : response.json());
108
116
  this.setSuccessCallback(result);
109
- this.form.openDialog();
110
117
  setTimeout(() => {
111
118
  this.form.reset();
112
119
  this.form.rerender({ rerenderForm: true, rerenderAll: true });
@@ -129,6 +136,8 @@ export class VehicleQuotationForm {
129
136
  // #region Component Logic
130
137
  async componentDidLoad() {
131
138
  var _a;
139
+ if (this.bearerToken)
140
+ return;
132
141
  try {
133
142
  const key = (_a = this.structure.data) === null || _a === void 0 ? void 0 : _a.recaptchaKey;
134
143
  if (key) {
@@ -146,7 +155,7 @@ export class VehicleQuotationForm {
146
155
  // #endregion
147
156
  render() {
148
157
  var _a, _b;
149
- return (h(Host, { key: '740cb0faa9291de30cd570e82f7f26db3ea6e2ad' }, h("div", { key: '457e26c00216dcddeacadd0a9726f6334b478574', part: `vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, h("form-structure", { key: '462223ea24ca216f278000b2808d2b21c7ec2518', form: this.form, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: vehicleQuotationElements, successMessage: this.locale['Form submitted successfully.'] }, h("slot", { key: '8b736325cab082116c8c0e6d4e7e819f322f378f' })))));
158
+ return (h(Host, { key: '571b451d2c3a1ae262121570422dcae6ad846dcf' }, h("div", { key: '1ea30db36ab0437c90bb5e82bd06d01ff778f828', part: `vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, h("form-structure", { key: 'd2290937813aff5a98d85b66eb3fdefce72d71b9', form: this.form, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: vehicleQuotationElements, successMessage: this.locale['Form submitted successfully.'] }, h("slot", { key: 'bb29cd1a4882129c5f723c03d32ae06648ca44c1' })))));
150
159
  }
151
160
  static get is() { return "vehicle-quotation-form"; }
152
161
  static get encapsulation() { return "shadow"; }
@@ -185,8 +194,7 @@ export class VehicleQuotationForm {
185
194
  },
186
195
  "getter": false,
187
196
  "setter": false,
188
- "reflect": true,
189
- "defaultValue": "'en'"
197
+ "reflect": true
190
198
  },
191
199
  "gistId": {
192
200
  "type": "string",
@@ -226,13 +234,13 @@ export class VehicleQuotationForm {
226
234
  "setter": false,
227
235
  "reflect": false
228
236
  },
229
- "errorCallback": {
237
+ "successCallback": {
230
238
  "type": "unknown",
231
- "attribute": "error-callback",
239
+ "attribute": "success-callback",
232
240
  "mutable": false,
233
241
  "complexType": {
234
- "original": "(error: any) => void",
235
- "resolved": "(error: any) => void",
242
+ "original": "(data: any) => void",
243
+ "resolved": "(data: any) => void",
236
244
  "references": {}
237
245
  },
238
246
  "required": false,
@@ -244,13 +252,13 @@ export class VehicleQuotationForm {
244
252
  "getter": false,
245
253
  "setter": false
246
254
  },
247
- "successCallback": {
255
+ "loadingChanges": {
248
256
  "type": "unknown",
249
- "attribute": "success-callback",
257
+ "attribute": "loading-changes",
250
258
  "mutable": false,
251
259
  "complexType": {
252
- "original": "(data: any) => void",
253
- "resolved": "(data: any) => void",
260
+ "original": "(loading: boolean) => void",
261
+ "resolved": "(loading: boolean) => void",
254
262
  "references": {}
255
263
  },
256
264
  "required": false,
@@ -262,13 +270,13 @@ export class VehicleQuotationForm {
262
270
  "getter": false,
263
271
  "setter": false
264
272
  },
265
- "loadingChanges": {
273
+ "errorCallback": {
266
274
  "type": "unknown",
267
- "attribute": "loading-changes",
275
+ "attribute": "error-callback",
268
276
  "mutable": false,
269
277
  "complexType": {
270
- "original": "(loading: boolean) => void",
271
- "resolved": "(loading: boolean) => void",
278
+ "original": "(error: any, message: string) => void",
279
+ "resolved": "(error: any, message: string) => void",
272
280
  "references": {}
273
281
  },
274
282
  "required": false,
@@ -308,6 +316,43 @@ export class VehicleQuotationForm {
308
316
  },
309
317
  "getter": false,
310
318
  "setter": false
319
+ },
320
+ "bearerToken": {
321
+ "type": "boolean",
322
+ "attribute": "bearer-token",
323
+ "mutable": false,
324
+ "complexType": {
325
+ "original": "boolean",
326
+ "resolved": "boolean",
327
+ "references": {}
328
+ },
329
+ "required": false,
330
+ "optional": false,
331
+ "docs": {
332
+ "tags": [],
333
+ "text": ""
334
+ },
335
+ "getter": false,
336
+ "setter": false,
337
+ "reflect": false
338
+ },
339
+ "getBearerToken": {
340
+ "type": "unknown",
341
+ "attribute": "get-bearer-token",
342
+ "mutable": false,
343
+ "complexType": {
344
+ "original": "() => string",
345
+ "resolved": "() => string",
346
+ "references": {}
347
+ },
348
+ "required": false,
349
+ "optional": true,
350
+ "docs": {
351
+ "tags": [],
352
+ "text": ""
353
+ },
354
+ "getter": false,
355
+ "setter": false
311
356
  }
312
357
  };
313
358
  }
@@ -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-D3KtAlen.js";const t=o,p=s;export{t as DeadStockLookup,p as defineCustomElement}
5
+ import{D as o,d as s}from"./p-e8-ikeqK.js";const e=o,p=s;export{e as DeadStockLookup,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{h as e,p as t,H as r,a}from"./index.js";import{y as o,c as i,b as s,f as n,d as c,e as l,a as p}from"./p-DwoPD1pq.js";import{g as m,F as d,a as h}from"./p-BRxQ9JST.js";import{d as u}from"./p-DEiKiFjK.js";import{d as b}from"./p-DgmcZgrl.js";import{d as f}from"./p-V8EEXeV4.js";import{d as g}from"./p-Dd9vSUuk.js";import{d as w}from"./p-DRlwxYUG.js";import{d as x}from"./p-Dyg_-ZRZ.js";import{d as y}from"./p-BILB6vra.js";import{d as k}from"./p-TSlJW4LV.js";import{d as v}from"./p-Cv0CpjO-.js";import{d as j}from"./p-CyLPFGxJ.js";import{d as q}from"./p-DeJOuCT5.js";import{d as I}from"./p-DJaWpqrV.js";import{d as E}from"./p-CRhdQvF0.js";const T=i({ticketTypes:o(["complaint","generalInquiry"])}).concat(o(["fullName","confirmPolicy","fullNameIsRequired","fullNameMinimum","emailAddress","emailAddressNotValid","city","selectCity","cityIsRequired","phoneNumber","phoneNumberIsRequired","phoneNumberFormatInvalid","inquiryType","selectInquiryType","inquiryTypeIsRequired","writeAMessage","leaveUsMessage","messageIsRequired"])),C={tag:"div",id:"container",children:[{tag:"div",id:"inputs_wrapper",children:["name","email","cityId","phone","generalTicketType",{tag:"div"},"confirmPolicy","ageConfirmation"]},{name:"message",id:"message"},{tag:"div",id:"recaptcha_container"},{name:"submit",id:"Submit"}]},L=m(),z=i({confirmPolicy:n().meta({label:"confirmPolicy"}).required(),ageConfirmation:n().isTrue("must be true").meta({label:"agePlus18"}).required(),cityId:s().meta({label:"city",placeholder:"selectCity"}),email:s().meta({label:"emailAddress",placeholder:"emailAddress"}).email("emailAddressNotValid"),message:s().meta({label:"writeAMessage",placeholder:"leaveUsMessage"}).required("messageIsRequired"),generalTicketType:s().meta({label:"inquiryType",placeholder:"selectInquiryType"}).required("inquiryTypeIsRequired"),name:s().meta({label:"fullName",placeholder:"fullName"}).required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:s().meta({label:"phoneNumber",placeholder:"phoneNumber"}).required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>L.isValid()))}),N={submit:({form:t,isLoading:r,props:a})=>e("form-submit",Object.assign({},a,{form:t,isLoading:r})),name:({props:t,form:r})=>e("form-input",Object.assign({},t,{form:r,name:"name"})),email:({form:t,props:r})=>e("form-input",Object.assign({},r,{form:t,name:"email",type:"email"})),phone:({form:t,props:r})=>e("form-phone-number",Object.assign({},r,{form:t,name:"phone",defaultValue:L.default,validator:L})),message:({form:t,props:r})=>e("form-text-area",Object.assign({},r,{form:t,name:"message"})),confirmPolicy:({form:t,props:r})=>e("form-checkbox",Object.assign({},r,{form:t,name:"confirmPolicy"})),ageConfirmation:({form:t,props:r})=>e("form-switch",Object.assign({},r,{form:t,name:"ageConfirmation"})),generalTicketType:({form:t,language:r,props:a})=>e("form-select",Object.assign({},a,{form:t,fetcher:async({locale:e})=>[{value:"GeneralInquiry",label:e.ticketTypes.generalInquiry},{value:"Complaint",label:e.ticketTypes.complaint}],language:r,name:"generalTicketType"})),cityId:({form:t,language:r,props:a})=>e("form-select",Object.assign({},a,{name:"cityId",searchable:!0,form:t,fetcher:async({language:e,signal:t})=>{const r=await fetch("https://tiq-identity-server.azurewebsites.net/api/public/city",{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},language:r}))},A=t(class extends r{constructor(){super(),this.__registerHost(),this.language="en",this.locale=Object.assign({sharedFormLocales:c.getDefault()},T.getDefault()),this.queryString="",this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.recaptchaWidget=null,this.form=new d(this,z)}async changeLanguage(e){const[t,r]=await Promise.all([l(e),p(e,"forms.demo",T)]);this.locale=Object.assign({sharedFormLocales:t},r),this.form.rerender({rerenderAll:!0})}setIsLoading(e){this.isLoading=e,this.loadingChanges&&this.loadingChanges(!0)}setErrorCallback(e){(null==e?void 0:e.message)&&(this.errorMessage=e.message),this.errorCallback&&this.errorCallback(e)}setSuccessCallback(e){this.successCallback&&this.successCallback(e)}async componentWillLoad(){await this.changeLanguage(this.language),this.structure||(this.gistId?this.structure=await h(this.gistId):"tiq"===this.theme&&(this.structure=C))}async formSubmit(e){try{if(console.log(e),this.setIsLoading(!0),e)throw Error("a");const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.setSuccessCallback(a),this.form.openDialog(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){try{if(this.recaptchaKey){const e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}render(){return e(a,{key:"3d9ff174bc9a1e8b967dd27c261af20d4c5b0ad0",class:"demo-"+this.theme},e("form-structure",{key:"d27df6a11c58567de8f397432ca8a101fc7e1925",form:this.form,language:this.language,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,errorMessage:this.errorMessage,formElementMapper:N},e("slot",{key:"6fb01aed95df49957b668fd65a4033838b07afd1"})))}get el(){return this}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | 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}.demo-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.demo-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.demo-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.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!important}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{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))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;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))}.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)}.size-\\[70px\\]{height:70px;width:70px}.stroke-green-700{stroke:#15803d}.opacity-0{opacity:0}'}},[260,"demo-form",{language:[1],theme:[1],gistId:[1,"gist-id"],brandId:[1,"brand-id"],errorCallback:[16,"error-callback"],successCallback:[16,"success-callback"],loadingChanges:[16,"loading-changes"],structure:[16],baseUrl:[1,"base-url"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],locale:[32],isLoading:[32],errorMessage:[32]},void 0,{language:["changeLanguage"]}]);function R(){"undefined"!=typeof customElements&&["demo-form","form-checkbox","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-switch","form-text-area","shift-checkbox","shift-switch"].forEach((e=>{switch(e){case"demo-form":customElements.get(e)||customElements.define(e,A);break;case"form-checkbox":customElements.get(e)||u();break;case"form-dialog":customElements.get(e)||b();break;case"form-input":customElements.get(e)||f();break;case"form-phone-number":customElements.get(e)||g();break;case"form-select":customElements.get(e)||w();break;case"form-shadow-input":customElements.get(e)||x();break;case"form-structure":customElements.get(e)||y();break;case"form-structure-error":customElements.get(e)||k();break;case"form-submit":customElements.get(e)||v();break;case"form-switch":customElements.get(e)||j();break;case"form-text-area":customElements.get(e)||q();break;case"shift-checkbox":customElements.get(e)||I();break;case"shift-switch":customElements.get(e)||E()}}))}R();const M=A,O=R;export{M as DemoForm,O as defineCustomElement}
5
+ import{h as e,p as t,H as r,a}from"./index.js";import{y as o,c as i,b as s,f as n,d as c,e as l,a as m}from"./p-eFi1gVoC.js";import{g as p,F as d,a as h}from"./p-BRxQ9JST.js";import{d as u}from"./p-BHpI8iTY.js";import{d as f}from"./p-CfKHwdn2.js";import{d as b}from"./p-DLu8HWxl.js";import{d as g}from"./p-DUhJ9fbA.js";import{d as w}from"./p-B0fsK-zW.js";import{d as x}from"./p-C5vu0HIm.js";import{d as y}from"./p-BIx5ikS8.js";import{d as k}from"./p-B_WMxm0a.js";import{d as v}from"./p-Cfp8vbjI.js";import{d as j}from"./p-aY7x29lG.js";import{d as I}from"./p-BCmngwDr.js";import{d as q}from"./p-DJaWpqrV.js";import{d as T}from"./p-CRhdQvF0.js";const C=i({ticketTypes:o(["complaint","generalInquiry"])}).concat(o(["fullName","confirmPolicy","fullNameIsRequired","fullNameMinimum","emailAddress","emailAddressNotValid","city","selectCity","cityIsRequired","phoneNumber","phoneNumberIsRequired","phoneNumberFormatInvalid","inquiryType","selectInquiryType","inquiryTypeIsRequired","writeAMessage","leaveUsMessage","messageIsRequired"])),E={tag:"div",id:"container",children:[{tag:"div",id:"inputs_wrapper",children:["name","email","cityId","phone","generalTicketType",{tag:"div"},"confirmPolicy","ageConfirmation"]},{name:"message",id:"message"},{tag:"div",id:"recaptcha_container"},{name:"submit",id:"Submit"}]},z=p(),A=i({confirmPolicy:n().meta({label:"confirmPolicy"}).required(),ageConfirmation:n().isTrue("must be true").meta({label:"agePlus18"}).required(),cityId:s().meta({label:"city",placeholder:"selectCity"}),email:s().meta({label:"emailAddress",placeholder:"emailAddress"}).email("emailAddressNotValid"),message:s().meta({label:"writeAMessage",placeholder:"leaveUsMessage"}).required("messageIsRequired"),generalTicketType:s().meta({label:"inquiryType",placeholder:"selectInquiryType"}).required("inquiryTypeIsRequired"),name:s().meta({label:"fullName",placeholder:"fullName"}).required("fullNameIsRequired").min(3,"fullNameMinimum"),phone:s().meta({label:"phoneNumber",placeholder:"phoneNumber"}).required("phoneNumberIsRequired").test("libphonenumber-validation","phoneNumberFormatInvalid",(()=>z.isValid()))}),L={submit:({form:t,isLoading:r,props:a})=>e("form-submit",Object.assign({},a,{form:t,isLoading:r})),name:({props:t,form:r})=>e("form-input",Object.assign({},t,{form:r,name:"name"})),email:({form:t,props:r})=>e("form-input",Object.assign({},r,{form:t,name:"email",type:"email"})),phone:({form:t,props:r})=>e("form-phone-number",Object.assign({},r,{form:t,name:"phone",defaultValue:z.default,validator:z})),message:({form:t,props:r})=>e("form-text-area",Object.assign({},r,{form:t,name:"message"})),confirmPolicy:({form:t,props:r})=>e("form-checkbox",Object.assign({},r,{form:t,name:"confirmPolicy"})),ageConfirmation:({form:t,props:r})=>e("form-switch",Object.assign({},r,{form:t,name:"ageConfirmation"})),generalTicketType:({form:t,language:r,props:a})=>e("form-select",Object.assign({},a,{form:t,fetcher:async({locale:e})=>[{value:"GeneralInquiry",label:e.ticketTypes.generalInquiry},{value:"Complaint",label:e.ticketTypes.complaint}],language:r,name:"generalTicketType"})),cityId:({form:t,language:r,props:a})=>e("form-select",Object.assign({},a,{name:"cityId",searchable:!0,form:t,fetcher:async({language:e,signal:t})=>{const r=await fetch("https://tiq-identity-server.azurewebsites.net/api/public/city",{signal:t,headers:{"Accept-Language":e}});return(await r.json()).map((e=>({label:e.Name,value:e.ID})))},language:r}))},N=t(class extends r{constructor(){super(),this.__registerHost(),this.language="en",this.locale=Object.assign({sharedFormLocales:c.getDefault()},C.getDefault()),this.queryString="",this.recaptchaKey="6Lehq6IpAAAAAETTDS2Zh60nHIT1a8oVkRtJ2WsA",this.recaptchaWidget=null,this.form=new d(this,A)}async changeLanguage(e){const[t,r]=await Promise.all([l(e),m(e,"forms.demo",C)]);this.locale=Object.assign({sharedFormLocales:t},r),this.form.rerender({rerenderAll:!0})}setIsLoading(e){this.isLoading=e,this.loadingChanges&&this.loadingChanges(!0)}setErrorCallback(e){(null==e?void 0:e.message)&&(this.errorMessage=e.message),this.errorCallback&&this.errorCallback(e)}setSuccessCallback(e){this.successCallback&&this.successCallback(e)}async componentWillLoad(){await this.changeLanguage(this.language),this.structure||(this.gistId?this.structure=await h(this.gistId):"tiq"===this.theme&&(this.structure=E))}async formSubmit(e){try{if(console.log(e),this.setIsLoading(!0),e)throw Error("a");const t=await grecaptcha.execute(this.recaptchaKey,{action:"submit"}),r=await fetch(`${this.baseUrl}?${this.queryString}`,{method:"post",body:JSON.stringify(e),headers:{Brand:this.brandId,"Recaptcha-Token":t,"Accept-Language":this.language,"Content-Type":"application/json"}}),a=await r.json();this.setSuccessCallback(a),this.form.openDialog(),setTimeout((()=>{this.form.reset()}),1e3)}catch(e){console.error(e),this.setErrorCallback(e)}finally{this.setIsLoading(!1)}}async componentDidLoad(){try{if(this.recaptchaKey){const e=document.createElement("script");e.src=`https://www.google.com/recaptcha/api.js?render=${this.recaptchaKey}&hl=${this.language}`,e.async=!0,e.defer=!0,document.head.appendChild(e)}}catch(e){console.log(e)}}render(){return e(a,{key:"3d9ff174bc9a1e8b967dd27c261af20d4c5b0ad0",class:"demo-"+this.theme},e("form-structure",{key:"d27df6a11c58567de8f397432ca8a101fc7e1925",form:this.form,language:this.language,formLocale:this.locale,structure:this.structure,isLoading:this.isLoading,errorMessage:this.errorMessage,formElementMapper:L},e("slot",{key:"6fb01aed95df49957b668fd65a4033838b07afd1"})))}get el(){return this}static get watchers(){return{language:["changeLanguage"]}}static get style(){return'*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | 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}.demo-tiq #container{margin-left:auto;margin-right:auto;max-width:700px}.demo-tiq #inputs_wrapper{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}@media (min-width:640px){.demo-tiq #inputs_wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.demo-tiq #message{margin-bottom:24px}@media (min-width:640px){.sm\\:grid{display:grid}}.static{position:static}.relative{position:relative}.ms-2{margin-inline-start:.5rem}.hidden{display:none}.size-\\[22px\\]{height:22px;width:22px}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\\[6px\\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\\[3px\\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.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!important}.peer:checked~.peer-checked\\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\\[\\&_\\.check-icon\\]\\:scale-0 .check-icon,.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{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))}.peer:checked~.peer-checked\\:\\[\\&_\\.check-icon\\]\\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.absolute{position:absolute}.left-\\[-2px\\]{left:-2px}.top-\\[-2px\\]{top:-2px}.size-\\[24px\\]{height:24px;width:24px}.h-\\[24px\\]{height:24px}.w-\\[50px\\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.peer:checked~.peer-checked\\:\\[\\&_div\\]\\:translate-x-\\[28px\\] div{--tw-translate-x:28px;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))}.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)}.size-\\[70px\\]{height:70px;width:70px}.stroke-green-700{stroke:#15803d}.opacity-0{opacity:0}'}},[260,"demo-form",{language:[1],theme:[1],gistId:[1,"gist-id"],brandId:[1,"brand-id"],errorCallback:[16,"error-callback"],successCallback:[16,"success-callback"],loadingChanges:[16,"loading-changes"],structure:[16],baseUrl:[1,"base-url"],queryString:[1,"query-string"],recaptchaKey:[1,"recaptcha-key"],locale:[32],isLoading:[32],errorMessage:[32]},void 0,{language:["changeLanguage"]}]);function M(){"undefined"!=typeof customElements&&["demo-form","form-checkbox","form-dialog","form-input","form-phone-number","form-select","form-shadow-input","form-structure","form-structure-error","form-submit","form-switch","form-text-area","shift-checkbox","shift-switch"].forEach((e=>{switch(e){case"demo-form":customElements.get(e)||customElements.define(e,N);break;case"form-checkbox":customElements.get(e)||u();break;case"form-dialog":customElements.get(e)||f();break;case"form-input":customElements.get(e)||b();break;case"form-phone-number":customElements.get(e)||g();break;case"form-select":customElements.get(e)||w();break;case"form-shadow-input":customElements.get(e)||x();break;case"form-structure":customElements.get(e)||y();break;case"form-structure-error":customElements.get(e)||k();break;case"form-submit":customElements.get(e)||v();break;case"form-switch":customElements.get(e)||j();break;case"form-text-area":customElements.get(e)||I();break;case"shift-checkbox":customElements.get(e)||q();break;case"shift-switch":customElements.get(e)||T()}}))}M();const R=N,O=M;export{R as DemoForm,O 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-CAKUMlu0.js";const p=o,r=s;export{p as DistributorLookup,r as defineCustomElement}
5
+ import{D as o,d as r}from"./p-CNLcR4r4.js";const s=o,p=r;export{s as DistributorLookup,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-DEiKiFjK.js";const i=o,p=s;export{i as FormCheckbox,p as defineCustomElement}
5
+ import{F as o,d as p}from"./p-BHpI8iTY.js";const s=o,r=p;export{s as FormCheckbox,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 r}from"./p-DgmcZgrl.js";const s=o,m=r;export{s as FormDialog,m as defineCustomElement}
5
+ import{F as o,d as s}from"./p-CfKHwdn2.js";const p=o,r=s;export{p as FormDialog,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-V8EEXeV4.js";const p=o,r=s;export{p as FormInput,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-DLu8HWxl.js";const p=o,r=s;export{p as FormInput,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-Dd9vSUuk.js";const p=o,r=s;export{p as FormPhoneNumber,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-DUhJ9fbA.js";const p=o,r=s;export{p as FormPhoneNumber,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-DRlwxYUG.js";const p=o,r=s;export{p as FormSelect,r as defineCustomElement}
5
+ import{F as s,d as o}from"./p-B0fsK-zW.js";const p=s,r=o;export{p as FormSelect,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-Dyg_-ZRZ.js";const p=o,r=s;export{p as FormShadowInput,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-C5vu0HIm.js";const m=o,p=s;export{m as FormShadowInput,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-TSlJW4LV.js";const p=o,r=s;export{p as FormStructureError,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-B_WMxm0a.js";const a=o,m=s;export{a as FormStructureError,m as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as r}from"./p-BILB6vra.js";const s=o,a=r;export{s as FormStructure,a as defineCustomElement}
5
+ import{F as o,d as s}from"./p-BIx5ikS8.js";const p=o,r=s;export{p as FormStructure,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as p}from"./p-Cv0CpjO-.js";const s=o,r=p;export{s as FormSubmit,r as defineCustomElement}
5
+ import{F as o,d as p}from"./p-Cfp8vbjI.js";const s=o,r=p;export{s as FormSubmit,r as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-CyLPFGxJ.js";const p=o,r=s;export{p as FormSwitch,r as defineCustomElement}
5
+ import{F as o,d as s}from"./p-aY7x29lG.js";const a=o,p=s;export{a as FormSwitch,p as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{F as o,d as s}from"./p-DeJOuCT5.js";const p=o,r=s;export{p as FormTextArea,r as defineCustomElement}
5
+ import{F as o,d as r}from"./p-BCmngwDr.js";const s=o,m=r;export{s as FormTextArea,m as defineCustomElement}
@@ -2,4 +2,4 @@
2
2
  * Built by ShiftSoftware
3
3
  * Copyright (c)
4
4
  */
5
- import{M as o,d as s}from"./p-D-ktcD-l.js";const t=o,p=s;export{t as ManufacturerLookup,p as defineCustomElement}
5
+ import{M as o,d as s}from"./p-DQLx6FeO.js";const p=o,r=s;export{p as ManufacturerLookup,r as defineCustomElement}
@@ -0,0 +1,5 @@
1
+ /*!
2
+ * Built by ShiftSoftware
3
+ * Copyright (c)
4
+ */
5
+ import{h as t,p as r,H as e,a as o}from"./index.js";import{c as a}from"./p-BK16Cn81.js";import{g as i}from"./p-D0IHkGuC.js";import{l as n}from"./p-C-EQDloC.js";import{A as s}from"./p-uiE7emGF.js";import{F as c}from"./p-8u5uhwdg.js";import{F as l}from"./p-DdWYx3mw.js";import{A as p}from"./p-BlqCKH24.js";import{d}from"./p-C5vu0HIm.js";const w=r=>t("svg",Object.assign({fill:"none","stroke-width":"2",viewBox:"0 0 24 24"},r,{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"}),t("path",{d:"M20 6 9 17l-5-5"})),b=r(class extends e{constructor(){super(),this.__registerHost(),this.clearable=!1,this.language="en",this.searchValue="",this.isOpen=!1,this.selectedValue="",this.openUpwards=!1,this.options=[],this.fetchingErrorMessage=null,this.toggleDropdown=()=>{this.isOpen&&!this.searchable?this.isOpen=!1:this.adjustDropdownPosition()},this.reset=(t="")=>{const r=this.options.find((r=>r.value===t||r.value===this.defaultValue))||{value:t,label:""};this.handleSelection(r)},this.closeDropdown=t=>{this.el.contains(t.target)||(this.isOpen=!1)},this.onSearchInput=t=>{this.searchValue=t.target.value,this.selectedValue=""},this.clearInput=()=>{this.searchValue="",this.selectedValue="",this.el.getElementsByClassName("form-input-select")[0].focus(),this.isOpen||this.adjustDropdownPosition()}}async changeLanguage(){this.fetch()}async fetchListener(){this.fetch()}async resetListener(){this.reset()}async componentWillLoad(){this.form.subscribe(this.name,this),this.selectedValue=this.defaultValue}async disconnectedCallback(){this.abortController.abort(),this.form.unsubscribe(this.name),document.removeEventListener("click",this.closeDropdown),document.removeEventListener("keydown",this.handleKeyDown.bind(this))}adjustDropdownPosition(){requestAnimationFrame((()=>{const t=this.el.getElementsByClassName("form-input-select")[0],r=this.el.getElementsByClassName("form-select-container")[0],e=t.getBoundingClientRect(),o=window.innerHeight-e.bottom-20;this.openUpwards=o<r.getBoundingClientRect().height,setTimeout((()=>{this.isOpen=!0}),10)}))}handleSelection(t){this.selectedValue=t.value,this.searchValue=t.label,this.isOpen=!1}handleKeyDown(t){this.isOpen&&"Escape"===t.key&&(this.isOpen=!1)}async fetch(){try{this.isFetching=!0,this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const t=await this.fetcher({language:this.language,signal:this.abortController.signal,locale:this.form.getFormLocale()[0]});if(this.fetchingErrorMessage=null,this.options=t,this.defaultValue){const r=t.find((t=>t.value===this.defaultValue));r&&this.handleSelection(r)}}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;console.error(t),this.options=[],this.fetchingErrorMessage=(null==t?void 0:t.message)||null}finally{this.isFetching=!1}}async componentDidLoad(){this.fetch(),document.addEventListener("click",this.closeDropdown),document.addEventListener("keydown",this.handleKeyDown.bind(this))}render(){const{disabled:r,isRequired:e,meta:d,isError:b,errorMessage:h}=this.form.getInputState(this.name),[g]=this.form.getFormLocale(),f=i(g,null==d?void 0:d.label)||(null==d?void 0:d.label),m=i(g,null==d?void 0:d.placeholder)||"Select an option",u=this.options.find((t=>this.selectedValue===t.value));u||(this.selectedValue="");const x=u?this.options:this.options.filter((t=>t.label.toLowerCase().includes(this.searchValue.toLowerCase()))),y=r||this.isDisabled||this.isLoading;return t(o,{key:"d548fde2f39ada028c0d26f85a84962af1d619c7"},t("label",{key:"cd98de4bf663b9299a9dac3aff48de5124290f06",part:`${this.name}`,id:this.wrapperId,class:a("form-input-label-container",this.wrapperClass,{disabled:y})},t(c,{key:"3550e1f55ab862560d85f80e8ab7339388c5b8f3",name:this.name,isRequired:e||this.isRequired,label:f}),t("form-shadow-input",{key:"7c2aa71e180d773d894f2cd9e7e6caaf45101c39",name:this.name,form:this.form,value:this.selectedValue}),t("div",{key:"cb0774416ee3d83d261db398b5319bb4c03d175e",part:`${this.name}-container form-input-container`,class:a("form-input-container",{open:this.isOpen,disableInput:y})},t("input",{key:"37134bfe3f759fe3ba23b2dbccf92bb8f16c7153",type:"text",disabled:y,part:`${this.name}-input-select form-input-select`,value:this.searchable?this.searchValue:(null==u?void 0:u.label)||"",readOnly:!this.searchable,onInput:this.onSearchInput,onClick:this.toggleDropdown,placeholder:m,class:a("form-input-style form-input-select",{"form-input-error-style":b})}),t("div",{key:"4b9aebba041687c3c4a17d258de5d13e2152c14f",part:`${this.name}-select-icon-container form-input-select-icon-container`,class:"form-input-select-icon-container"},(u||this.searchValue)&&this.clearable?t(p,{part:`${this.name}-cross-icon`,onClick:this.clearInput,class:"form-input-select-icon cross"}):t(s,{part:`${this.name}-arrow-icon`,class:"form-input-select-icon arrow"})),t("div",{key:"f41be462a5d21b59346af18dfd884495acc73740",part:`${this.name}-select-container form-select-container`,class:a("form-select-container",{upwards:this.openUpwards,downwards:!this.openUpwards})},!!x.length&&x.map((r=>t("button",{type:"button",part:`${this.name}-select-option form-select-option`,onClick:()=>this.handleSelection(r),class:a("form-select-option",{selected:this.selectedValue===r.value})},t("div",{part:`${this.name}-select-option-label form-select-option-label`,class:"form-select-option-label"},r.label),t(w,{part:`${this.name}-tick-icon`,class:"form-select-option-tick"})))),!x.length&&t("div",{key:"6deeb5dc9608f40e8cef519cce9e40d0ffc5b25d",part:`${this.name}-select-empty-container form-select-empty-container`,class:a("form-select-empty-container",{error:this.fetchingErrorMessage})},this.fetchingErrorMessage&&(i(g,this.fetchingErrorMessage)||this.fetchingErrorMessage||g.sharedFormLocales.errors.wildCard),!this.fetchingErrorMessage&&(this.isFetching?t("img",{part:`${this.name}-select-spinner form-select-spinner`,class:"form-select-spinner",src:n}):g.sharedFormLocales.noSelectOptions)))),t(l,{key:"c6aa334623fbe9e6615f21805944d208c0c223b7",name:this.name,isError:b,errorMessage:g[h]||h})))}get el(){return this}static get watchers(){return{language:["changeLanguage"],fetcherKey:["fetchListener"],resetKey:["resetListener"]}}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.17 | 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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.z-\\[10\\]{z-index:10}.z-\\[9999999999\\]{z-index:9999999999}.float-right{float:right}.-mb-\\[10px\\]{margin-bottom:-10px}.-mt-\\[8px\\]{margin-top:-8px}.mb-\\[4px\\]{margin-bottom:4px}.ms-0\\.5{margin-inline-start:.125rem}.mt-\\[8px\\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.\\!size-\\[22px\\]{height:22px!important;width:22px!important}.size-5{height:1.25rem;width:1.25rem}.size-\\[20px\\]{height:20px;width:20px}.size-\\[22px\\]{height:22px;width:22px}.size-\\[24px\\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[100px\\]{height:100px}.h-\\[200px\\]{height:200px}.h-\\[32px\\]{height:32px}.h-\\[38px\\]{height:38px}.h-full{height:100%}.max-h-\\[250px\\]{max-height:250px}.min-h-\\[100px\\]{min-height:100px}.w-\\[100dvw\\]{width:100dvw}.w-\\[36px\\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[322px\\]{min-width:322px}.max-w-\\[80dvw\\]{max-width:80dvw}.flex-1{flex:1 1 0%}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-y-\\[38px\\]{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-\\[38px\\]{--tw-translate-y:38px}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-50{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.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))}.resize-none{resize:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\\[16px\\]{gap:16px}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.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}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.bg-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-black\\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[20px\\]{padding:20px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pe-\\[36px\\]{padding-inline-end:36px}.pt-\\[1px\\]{padding-top:1px}.text-start{text-align:start}.text-\\[12px\\]{font-size:12px}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#9CA3AF\\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-1000{transition-duration:1s!important}.\\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}.dialog-blur{backdrop-filter:blur(1.5px)!important}@keyframes spin{to{transform:rotate(1turn)}}.spin-slow{animation:spin 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{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))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;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)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dialog-drop-container{align-items:center;display:flex;height:100dvh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition-duration:.3s!important;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);width:100dvw;z-index:9999999999}.opened-dialog-drop-container{background-color:rgba(0,0,0,.5);pointer-events:auto}.dialog-wrapper{--tw-scale-x:.5;--tw-scale-y:.5;--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:16px;max-width:80dvw;min-width:322px;opacity:0;padding:20px;transition-duration:.3s!important;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)}.dialog-wrapper,.opened-dialog-wrapper{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))}.opened-dialog-wrapper{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dialog-close-icon-button{--tw-rotate:45deg;align-self:flex-end;float:right;height:20px;margin-bottom:-10px;opacity:.4;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-duration:.3s!important;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);width:20px}.dialog-close-icon-button:hover{opacity:1}.dialog-content{text-align:justify}.dialog-close-button{align-items:center;border-radius:.25rem;display:flex;height:32px;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content}.dialog-wrapper .dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-wrapper .dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dialog-wrapper .dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dialog-wrapper .form-success-container{align-items:center;display:flex;flex-direction:column}.dialog-drop-container.error .dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-drop-container.error .dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dialog-drop-container.error .dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:38px;justify-content:center;left:0;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;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);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--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)}.form-input-select{padding-inline-end:36px}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;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))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;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)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{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))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-select-container{--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;max-height:250px;opacity:0;overflow:auto;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-select-container{opacity:1;pointer-events:auto}.form-select-container.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-select-container.downwards,.form-select-container.upwards{top: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))}.form-select-container.downwards{--tw-translate-y:38px;margin-top:8px}.form-select-option{display:flex;justify-content:space-between;padding:.5rem 1rem;text-align:start}.form-select-option:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-select-option.selected{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.form-select-option-tick{height:1.25rem;opacity:0;transition-duration:.3s!important;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);width:1.25rem}.form-select-option.selected .form-select-option-tick{opacity:1}.form-select-empty-container{align-items:center;display:flex;height:100px;justify-content:center}.form-select-empty-container.error{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.form-select-spinner{animation:spin 2s linear infinite;height:22px!important;width:22px!important}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;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)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{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))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;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);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;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))}.form-submit-loading-icon{animation:spin 2s linear infinite;height:22px;width:22px}.hover\\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.hover\\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\\:hover\\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.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\\(239\\2c 68\\2c 68\\2c 0\\.25\\)\\]:focus:enabled{--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)}.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)}.enabled\\:active\\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button,.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button{appearance:none}.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}}.static{position:static}.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)}.hidden{display:none}.size-\\[70px\\]{height:70px;width:70px}.stroke-green-700{stroke:#15803d}'}},[256,"form-select",{name:[1],resetKey:[8,"reset-key"],fetcherKey:[8,"fetcher-key"],wrapperId:[1,"wrapper-id"],clearable:[4],isLoading:[4,"is-loading"],form:[16],searchable:[4],isRequired:[4,"is-required"],isDisabled:[4,"is-disabled"],wrapperClass:[1,"wrapper-class"],defaultValue:[1,"default-value"],language:[1],fetcher:[16],searchValue:[32],isFetching:[32],isOpen:[32],selectedValue:[32],openUpwards:[32],options:[32],fetchingErrorMessage:[32]},void 0,{language:["changeLanguage"],fetcherKey:["fetchListener"],resetKey:["resetListener"]}]);function h(){"undefined"!=typeof customElements&&["form-select","form-shadow-input"].forEach((t=>{switch(t){case"form-select":customElements.get(t)||customElements.define(t,b);break;case"form-shadow-input":customElements.get(t)||d()}}))}h();export{b as F,h as d}