globuswebcomponents 2.14.3 → 2.14.4

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 (44) hide show
  1. package/dist/cjs/gb-action-panel_67.cjs.entry.js +34 -16
  2. package/dist/cjs/gb-modal.cjs.entry.js +1 -2
  3. package/dist/cjs/gb-modal.entry.cjs.js.map +1 -1
  4. package/dist/collection/components/gb-date-picker/gb-date-picker.js +5 -4
  5. package/dist/collection/components/gb-date-picker/gb-date-picker.js.map +1 -1
  6. package/dist/collection/components/gb-modal/gb-modal.js +1 -2
  7. package/dist/collection/components/gb-modal/gb-modal.js.map +1 -1
  8. package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js +1 -2
  9. package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js.map +1 -1
  10. package/dist/collection/components/gb-table/gb-table.js +28 -8
  11. package/dist/collection/components/gb-table/gb-table.js.map +1 -1
  12. package/dist/collection/components/gb-table-header/gb-table-header.js +2 -3
  13. package/dist/collection/components/gb-table-header/gb-table-header.js.map +1 -1
  14. package/dist/components/gb-date-picker.js +1 -1
  15. package/dist/components/gb-filter-modal.js +1 -1
  16. package/dist/components/gb-modal.js +1 -2
  17. package/dist/components/gb-modal.js.map +1 -1
  18. package/dist/components/gb-stepper-horizontal-icons-centered.js +1 -2
  19. package/dist/components/gb-stepper-horizontal-icons-centered.js.map +1 -1
  20. package/dist/components/gb-table-header.js +1 -1
  21. package/dist/components/gb-table.js +29 -10
  22. package/dist/components/gb-table.js.map +1 -1
  23. package/dist/components/{p-CVFUF7Jf.js → p-B8o86Fu9.js} +5 -6
  24. package/dist/components/p-B8o86Fu9.js.map +1 -0
  25. package/dist/components/{p-DUaQzOE2.js → p-BnfYep32.js} +7 -6
  26. package/dist/components/{p-DUaQzOE2.js.map → p-BnfYep32.js.map} +1 -1
  27. package/dist/components/{p-Dg4_wWPZ.js → p-D1d9Mgpu.js} +3 -3
  28. package/dist/components/{p-Dg4_wWPZ.js.map → p-D1d9Mgpu.js.map} +1 -1
  29. package/dist/docs.json +8 -2
  30. package/dist/esm/gb-action-panel_67.entry.js +34 -16
  31. package/dist/esm/gb-modal.entry.js +1 -2
  32. package/dist/esm/gb-modal.entry.js.map +1 -1
  33. package/dist/globuscomponents/gb-modal.entry.esm.js.map +1 -1
  34. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  35. package/dist/globuscomponents/{p-d3773d27.entry.js → p-22e3afeb.entry.js} +2 -2
  36. package/dist/globuscomponents/p-22e3afeb.entry.js.map +1 -0
  37. package/dist/globuscomponents/p-983944cd.entry.js +2 -0
  38. package/dist/globuscomponents/p-983944cd.entry.js.map +1 -0
  39. package/dist/types/components.d.ts +6 -0
  40. package/package.json +1 -1
  41. package/dist/components/p-CVFUF7Jf.js.map +0 -1
  42. package/dist/globuscomponents/p-d3773d27.entry.js.map +0 -1
  43. package/dist/globuscomponents/p-d81ea038.entry.js +0 -2
  44. package/dist/globuscomponents/p-d81ea038.entry.js.map +0 -1
@@ -3833,7 +3833,6 @@ const GbDatePicker = class {
3833
3833
  if (Array.isArray(newValue) && newValue.length === 2) {
3834
3834
  this.picker.setDate(newValue, false);
3835
3835
  this.displayValue = `${this.picker.formatDate(newValue[0], this.format)} - ${this.picker.formatDate(newValue[1], this.format)}`;
3836
- console.log(this.displayValue);
3837
3836
  }
3838
3837
  else if (newValue instanceof Date) {
3839
3838
  this.picker.setDate(newValue, false);
@@ -3921,7 +3920,6 @@ const GbDatePicker = class {
3921
3920
  this.internalValue = [start, end];
3922
3921
  this.displayValue = newDisplayValue;
3923
3922
  this.dateChange.emit([start, end]);
3924
- console.log(this.displayValue);
3925
3923
  // Close picker after both dates selected
3926
3924
  this.picker.close();
3927
3925
  }
@@ -3963,15 +3961,18 @@ const GbDatePicker = class {
3963
3961
  else if (!this.default && !this.internalValue) {
3964
3962
  this.selectionSource = null;
3965
3963
  this.displayValue = null;
3964
+ this.dateChange.emit(null);
3966
3965
  }
3967
3966
  else if (this.internalValue) {
3968
3967
  if (Array.isArray(this.internalValue)) {
3969
3968
  fp.setDate(this.internalValue, false);
3970
3969
  this.displayValue = `${fp.formatDate(this.internalValue[0], this.format)} - ${fp.formatDate(this.internalValue[1], this.format)}`;
3970
+ this.dateChange.emit(this.internalValue);
3971
3971
  }
3972
3972
  else {
3973
3973
  fp.setDate(this.internalValue, false);
3974
3974
  this.displayValue = fp.formatDate(this.internalValue, this.format);
3975
+ this.dateChange.emit(this.internalValue);
3975
3976
  }
3976
3977
  }
3977
3978
  else {
@@ -4232,9 +4233,9 @@ const GbDatePicker = class {
4232
4233
  return timePart ? `${datePart} ${timePart}` : datePart;
4233
4234
  }
4234
4235
  render() {
4235
- return (index.h("div", { key: '3e1fd4d7e1cc6417e35a5d78873bdd6c09bdf60e', class: `date_picker_container` }, this.label && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), index.h("div", { key: '0458ff444a8c4c7efffb62dac9be441b6eeb44d1', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}` }, index.h("div", { key: '09ad5774fd8e1ac9e58f108c9ea310d436dc2829', class: `inner_container ${this.iconPosition}`, onClick: () => {
4236
+ return (index.h("div", { key: 'ed659576ff5d8fe139c747b2c13b79753fd4bf0f', class: `date_picker_container` }, this.label && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), index.h("div", { key: '26ed580ae10ef0c27b69a3a745c85ea075a01739', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}` }, index.h("div", { key: '2ee3efcb306866b7dff8d9c05f780a8a1ec23fcd', class: `inner_container ${this.iconPosition}`, onClick: () => {
4236
4237
  this.toggleCalendar();
4237
- } }, this.iconPosition === 'left' && (index.h("svg", { key: '58a4c44976182b5f5dfa162598eedf6e4cf71ef0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '748ba1814c76d54bc478f53b552d1e4714aa430b', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), index.h("input", { key: 'dfcc47a75028436f986a57f29a1f709c7d0dd12e', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), index.h("span", { key: '0b873f0c3b6c6f43d86d02e8da546e28bb1e1fa7', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (index.h("svg", { key: 'e7457aa743561eaeccf9eaa622e1f78ff1aad3c4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ee936768d1a972200bf4fce7758c1dd17d3db1b5', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), index.h("div", { key: 'c98a7a9e88211ce1a7aeff24d89cadcb4ae8493d', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
4238
+ } }, this.iconPosition === 'left' && (index.h("svg", { key: '9e0d813a10e98a9cd437b7401b44f0a6d3fc56fe', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '01a6a788d0dd4a4e58eab613ad4d89899e5fa4c0', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), index.h("input", { key: 'da94824100476eababb1089a2f6d8bb1481706cd', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), index.h("span", { key: '7a3a4f153e3d2b06d5019f402cca43b37e6e3b3b', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (index.h("svg", { key: 'b685472d943fc47dac8a0f307a6c39eb3a053ed2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f99dd5f700f72c9fd16fa26f587a0cfd81d9603a', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), index.h("div", { key: 'd757b3dc50c466e5ac711a8d14d7f5e40ef349a0', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
4238
4239
  }
4239
4240
  get el() { return index.getElement(this); }
4240
4241
  static get watchers() { return {
@@ -8725,14 +8726,13 @@ const GbStepperHorizontalIconsCentered = class {
8725
8726
  ;
8726
8727
  updateStepperBreakpoint() {
8727
8728
  this.breakpoint = this.width < 900 ? 'mobile' : 'desktop';
8728
- console.log(this.breakpoint);
8729
8729
  }
8730
8730
  componentWillLoad() {
8731
8731
  document.addEventListener('resize', this.handleResize);
8732
8732
  this.updateStepperBreakpoint();
8733
8733
  }
8734
8734
  render() {
8735
- return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: 'fb92b647ceea63938f6317225d2af8aa7f75bdef', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: 'a4006030349724724a910d91268a70c2e4390b55', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: `connector_div ${this.type} ${this.size}` }, index.h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (index.h("div", { key: '3951c588ca98d70b07744efc2f597e69fced6061', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: '819cf740675b6d7cd7bedbc03919e5b7d0258d8a', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: `connector_div ${this.type} ${this.size}` }, index.h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
8735
+ return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '4efba94e5d62ed363d6fbc94695d32fc6c87a52e', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: '431fb4fdff9d39b19ab984cc42c45026adbdd4ac', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: `connector_div ${this.type} ${this.size}` }, index.h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (index.h("div", { key: '79685bc2602452fa5a2046d2d109b3eefcc5c427', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (index.h("div", { key: 'd0ce47bc058c98a1788a28cde722dc3484a37fcd', class: "step_div" }, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_top", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }), index$1 !== this.steps.length - 1 ? (index.h("div", { class: `connector_div ${this.type} ${this.size}` }, index.h("div", { class: `icon_top_connector ${step.state} ${this.type} ${step.status}` }))) : null))))), this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps.map((step, index$1) => (index.h(index.Fragment, null, index.h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index$1 === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
8736
8736
  }
8737
8737
  };
8738
8738
  GbStepperHorizontalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;
@@ -9226,6 +9226,28 @@ const GbTable = class {
9226
9226
  // },
9227
9227
  ];
9228
9228
  // = {
9229
+ // name: { key: 'name' },
9230
+ // badges: [
9231
+ // { key: 'role', label: 'Role' },
9232
+ // { key: 'amount', label: 'Amount' },
9233
+ // ],
9234
+ // button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
9235
+ // };
9236
+ this.tableHeaderConfig = {
9237
+ tableHeading: false,
9238
+ tableHeadingLabel: 'Suspicious outflows',
9239
+ showDateFilter: true,
9240
+ showFilter: true,
9241
+ showColumnOptions: true,
9242
+ showSearch: true,
9243
+ showExport: true,
9244
+ showRefreshButton: false,
9245
+ showLayoutToggle: true,
9246
+ datePickerMode: 'range',
9247
+ inputPlaceholder: 'Transaction reference',
9248
+ showEntireData: true,
9249
+ };
9250
+ // = {
9229
9251
  // paginationMode: 'internal',
9230
9252
  // entriesDropdownMenuPosition: 'top',
9231
9253
  // currentPage: 1,
@@ -9381,7 +9403,6 @@ const GbTable = class {
9381
9403
  }
9382
9404
  }
9383
9405
  handleAction(action, row) {
9384
- console.log('Action clicked:', action, row);
9385
9406
  this.rowActionClicked.emit({ action, row });
9386
9407
  }
9387
9408
  renderCell(col, row) {
@@ -9585,7 +9606,6 @@ const GbTable = class {
9585
9606
  }
9586
9607
  emitSelection() {
9587
9608
  const selected = this.sortedData.filter(row => this.selectedRowIds.has(this.getRowId(row)));
9588
- console.log(selected);
9589
9609
  this.selectionChanged.emit(selected);
9590
9610
  }
9591
9611
  get displayedData() {
@@ -9733,7 +9753,6 @@ const GbTable = class {
9733
9753
  };
9734
9754
  }
9735
9755
  exportButtonClicked(detail) {
9736
- console.log(detail.detail);
9737
9756
  this.exportClicked.emit(detail.detail);
9738
9757
  }
9739
9758
  onRefreshButtonClicked() {
@@ -9895,16 +9914,16 @@ const GbTable = class {
9895
9914
  window.removeEventListener('resize', this.checkViewport);
9896
9915
  }
9897
9916
  render() {
9898
- return (index.h("div", { key: 'a155bbbd664bdbb0b1debdf5caaa8f70619c03ee', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (index.h("div", { key: '06174ccba7dc4f9a4a92b8c3e4b813b6779e72a8', class: `table-header ${this.currentTableLayout}` }, index.h("gb-table-header", { key: 'ea4cc2ff37df9562f1e684e50315800b508fb009', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (index.h("div", { key: '4d5501f0fe46621ed600bf746cdf7d3c2ee6f437', class: "dialog", style: {
9917
+ return (index.h("div", { key: '0700854e4c5b8e19a11a32d66a7e8e9ac891eec2', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (index.h("div", { key: 'f2be97c9209dc2c6c12cb299b64057f24b4dfa07', class: `table-header ${this.currentTableLayout}` }, index.h("gb-table-header", { key: '7007188403fb8e123d6d54bbf4f6bbc5048f401e', mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e) }))), this.showColumnsPanel && this.columns.length > 0 && (index.h("div", { key: '30cb8238470d6120c165aaa4a19cd69f96feddd1', class: "dialog", style: {
9899
9918
  transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
9900
- } }, index.h("div", { key: 'b0c4d76efb793f3ce64faf492cbe1fad2ccb3019', class: "column-modal" }, index.h("div", { key: '32383425d3b678b158aec6aebd7de4809147a29b', class: "modal_header" }, index.h("div", { key: '92ada9f7c01a90f4b910c2d11e55138d26591597', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, index.h("h4", { key: '75fb0f5854798c743fc4754cb539676883241fdb', class: "heading display-xs-semi-bold" }, "Column Options"), index.h("gb-button-close", { key: '9d037d9614e493cd4db92b0486114ea4de71bd24', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), index.h("div", { key: '96a761970ce7a9d4def98d7b2825c42ba97f2c0f', class: "content_wrapper" }, index.h("div", { key: 'ae6cc92f031eb7c598d980d728c3f5d8be895af1', class: "modal_content" }, this.internalColumns.map((col, index$1) => (index.h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index$1), onDragOver: e => e.preventDefault(), onDrop: () => {
9919
+ } }, index.h("div", { key: '365b823e15575a5142339b488c9b7ce0aadd449c', class: "column-modal" }, index.h("div", { key: 'aca6d1b50a4702c420f1c63fa9be9e391a114063', class: "modal_header" }, index.h("div", { key: '85e3779943c04c39a6f4adb6e014a4d1e8ee8f1f', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, index.h("h4", { key: 'f6357c0e6f78f01ef6b3f9c213169c41eb4461bf', class: "heading display-xs-semi-bold" }, "Column Options"), index.h("gb-button-close", { key: '51aa07b2f32610ccc60e239e5de993cc3a3884ba', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), index.h("div", { key: 'fd9c0a3f350e3a13b9536f85129116220b37e22d', class: "content_wrapper" }, index.h("div", { key: 'd9d0cc7f9edbaf487382ae05c5e00c8323771b44', class: "modal_content" }, this.internalColumns.map((col, index$1) => (index.h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index$1), onDragOver: e => e.preventDefault(), onDrop: () => {
9901
9920
  if (this.draggedIndex !== null && this.draggedIndex !== index$1) {
9902
9921
  this.reorderColumns(this.draggedIndex, index$1);
9903
9922
  }
9904
9923
  this.draggedIndex = null;
9905
9924
  } }, index.h("div", { class: "label_and_dragger" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("p", { class: "label text-md-regular" }, col.label)), index.h("gb-toggle", { size: "sm", state: reusableModels.StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
9906
9925
  this.toggleColumn(e, col.key);
9907
- } })))), index.h("div", { key: '5e12db72c9cbcced3f82db9f83b03c232ed46faa', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (index.h("div", { key: '96831e44c488710314c882de0d94714240c96194', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, index.h("gb-filter-modal", { key: '2d46b27bb123971d31e0903cd47077da04f0d34d', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
9926
+ } })))), index.h("div", { key: '673dbe8f5ad303744b4bfd2737913fc1ba6020e8', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (index.h("div", { key: 'f767421c763d599bc5ccc2c1c0b36fb83dbeb422', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, index.h("gb-filter-modal", { key: '082bed1775129e1b3a25d0ca83006afb98e5d1d7', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
9908
9927
  e.stopPropagation();
9909
9928
  this.closeFilterModal();
9910
9929
  }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
@@ -9951,7 +9970,7 @@ const GbTable = class {
9951
9970
  ? this.renderDesktopView()
9952
9971
  : this.currentTableLayout === 'grid'
9953
9972
  ? this.renderGridView()
9954
- : null)), this.paginationConfig && (index.h("div", { key: '5f65391d8674c26f900524332029d2a769bbec26', class: `pagination ${this.currentTableLayout}` }, index.h("gb-pagination", { key: '3934309d1afb0484970125bcaee0c818c3f83575', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (index.h("gb-toast", { key: '135d003a2cb5484ebc8b88691acc702bfb9e9f6a', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
9973
+ : null)), this.paginationConfig && (index.h("div", { key: '58adec96eb25b1c8d71adaa2a2bd986758e2cfe6', class: `pagination ${this.currentTableLayout}` }, index.h("gb-pagination", { key: '6b21847500f569522de0f60f03c0ea52b2291d37', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (index.h("gb-toast", { key: '145a64dd5290869234bc7a160052b7342df3de79', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
9955
9974
  }
9956
9975
  static get watchers() { return {
9957
9976
  "data": ["onDataChange"],
@@ -10045,7 +10064,6 @@ const GbTableHeader = class {
10045
10064
  this.filterButtonClicked.emit();
10046
10065
  }
10047
10066
  emitSelection(selection) {
10048
- console.log(selection);
10049
10067
  this.exportClicked.emit(selection);
10050
10068
  }
10051
10069
  onRefreshButtonClicked() {
@@ -10067,10 +10085,10 @@ const GbTableHeader = class {
10067
10085
  window.removeEventListener('resize', this.handleResize);
10068
10086
  }
10069
10087
  render() {
10070
- return (index.h("div", { key: '43725da97a7c02c515f79cbb6eebcf074070569e', class: "table_header_div" }, this.tableHeading && index.h("p", { key: '7354558e5161d0d6292de626f1b2930b303ba737', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (index.h("div", { key: '3ffa1faaecbc11fdefc3fd6f87666b16f9cd5636', class: "date_filters" }, index.h("div", { key: '95c1d9ed64314343a5c516476acec042a6f77763', class: "date_input" }, index.h("gb-date-picker", { key: 'fd48581cf5102f6cdbf958926ae31b27a97f1c25', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), index.h("div", { key: '958cbe430a52f878d0907d56696bbe7a161320e1', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (index.h("div", { key: '37e87f79c2dfb4d0ce18fe93fb46d0b54c501239', class: "input_field" }, index.h("gb-input-field", { key: '0d85b805afcb53046ecc2b09222aff2f0cdad813', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '5817fcad825bf410c89adced25e95e0fd3c17b2a', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: '8ddd6e7e6404b6d23dd8dabfa623815ed4ca503b', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (index.h("gb-button", { key: '4e7a501c7f88b3efc667278eb2b29706ee4f0fa2', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, index.h("p", { key: 'fa10ec53ec02942ab1d7a044c4a1c3af5a853f30' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: 'f5340a02bc8bb3f3842312c1b6e4a0af4f78e5eb', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '6778fcda9ec979b8af6343115fddc0a74e83f578', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '7685f98ac105e86f50378b0076af2704bfc9288e', class: "export" }, index.h("gb-button", { key: '2e4c21790eaf77909b89f91777ab81c5532fa346', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
10088
+ return (index.h("div", { key: '8ce84e66b3cb98a2c992cf92ad6944909dc88b65', class: "table_header_div" }, this.tableHeading && index.h("p", { key: 'ca07d7494ddc0b83ccc34e834aa019e6948dba1b', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (index.h("div", { key: 'eb0842b660509b5ede0a7d38c467e25d49331e23', class: "date_filters" }, index.h("div", { key: 'df5c9742a6c78fec416a10e3d6e5fd853a248a12', class: "date_input" }, index.h("gb-date-picker", { key: '488c08ef921c0a8f43c76786fb4b100d7d7ca9f7', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, "full-width": this.isDatePickerFullWidth, onDateChange: this.emitDateSelected.bind(this) })))), index.h("div", { key: '5a6aa3d20584b26bfb24ff53fe03e12e541435e9', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (index.h("div", { key: 'ef79933d7c7e7887614d708dc1763c94ffe014ec', class: "input_field" }, index.h("gb-input-field", { key: 'a6163c02df5a2f0c05aaaefa9d830d8294ed68cd', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: this.inputPlaceholder, "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '166caa2e8952954e3089c8684523ed8511f95b3b', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: 'b19ed4040494d48ad2251142569be7c3a77cba18', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && this.width > 768 && (index.h("gb-button", { key: '9c1225d3593964584f66803ab426ea781d635907', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg", onClick: () => this.onColumnOptionsButtonClicked() }, index.h("p", { key: 'f5f5eb9dd6e88c95236c6698951eb6c713f806a5' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: 'f0174fd2e26841f595138c9dca302a96924bc3cd', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: 'cc1c96e1a78a1da8b4dd6fec8a57371afe2af5a1', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '0ff5d1533933cf94d99aeb2afb1e45e374f4ec6a', class: "export" }, index.h("gb-button", { key: '91da67986a1919a8e52bf9f85369f6211293a6ea', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: e => {
10071
10089
  e.stopPropagation();
10072
10090
  this.toggleDropdown();
10073
- } }, index.h("p", { key: '9e43fdff3e8a1bddd56077a7498ea2c7313315f5' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: '7d70b8792d42187db0bfd3b0e3c5862b49b6d0da', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event.detail), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (index.h("div", { key: '32fe4738ba8f459dcd2025a2711f3c37512fd81b', class: "refresh_button" }, index.h("gb-button", { key: '4f175da52b72c968a338c95e6d30eed754767dff', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
10091
+ } }, index.h("p", { key: 'b4fdab578851ea5d1872c613ed14c310086960c4' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: '616c0540a8faa62da0419e2c89d6ce35b8a5af91', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: event => this.emitSelection(event.detail), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (index.h("div", { key: 'c3b1c82a95689e43200402c4d2e4c5619f8b517e', class: "refresh_button" }, index.h("gb-button", { key: '4dc49f709e1bcc6ab355219af596e57f40107496', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
10074
10092
  }
10075
10093
  get el() { return index.getElement(this); }
10076
10094
  };
@@ -54,7 +54,6 @@ const GbModal = class {
54
54
  }
55
55
  }
56
56
  closeModalButtonClicked() {
57
- console.log('Clicked');
58
57
  this.closeModalClicked.emit();
59
58
  }
60
59
  firstButtonClickedOnModalAction() {
@@ -67,7 +66,7 @@ const GbModal = class {
67
66
  this.thirdButtonClicked.emit();
68
67
  }
69
68
  render() {
70
- return (index.h("div", { key: '7f26d0aabb525cccc1c36e915d8b8ad9648bf292', class: "overlay" }, index.h("div", { key: '41af0d9bd513f1e1555037fe8377006254150f72', class: "modal_wrapper", style: { width: this.width } }, index.h("div", { key: '232bc697e3149ab9bc9a161120296d7771823105', class: "modal_header" }, index.h("gb-modal-header", { key: 'a432c6282625d3818d0a805cc18ff48c8c416ef7', "close-button-position": this.closeButtonPosition, text: this.heading, onCloseButtonClicked: () => this.closeModalButtonClicked() })), index.h("div", { key: '5f4ad7628c30f8a3abaacd68c2c58cb0ef768256', class: "modal_content" }, index.h("slot", { key: '2f135ab293964db00d2e229450707b2717f52425', name: "content" })), this.footer && (index.h("div", { key: '4a4bdf7ff0801728885fe55ac723644fc976ed87', class: "modal_footer" }, this.hasFooterSlot ? (index.h("slot", { name: "footer" })) : (index.h("gb-modal-action", { "action-type": this.actionType, "full-width": this.fullWidth, "first-button-text": this.firstButtonText, "second-button-text": this.secondButtonText, "third-button-text": this.thirdButtonText, "first-button-state": this.firstButtonState, "second-button-state": this.secondButtonState, "third-button-state": this.thirdButtonState, "first-button-icon-leading-swap": this.firstButtonIconLeadingSwap, "second-button-icon-leading-swap": this.secondButtonIconLeadingSwap, "third-button-icon-leading-swap": this.thirdButtonIconLeadingSwap, "first-button-icon-trailing-swap": this.firstButtonIconTrailingSwap, "second-button-icon-trailing-swap": this.secondButtonIconTrailingSwap, "third-button-icon-trailing-swap": this.thirdButtonIconTrailingSwap, "show-secondary-actions": this.showSecondaryActions, "show-first-icon-button": this.showFirstIconButton, "show-second-icon-button": this.showSecondIconButton, "first-icon-button-swap": this.firstIconButtonSwap, "second-icon-button-swap": this.secondIconButtonSwap, "show-check-box": this.showCheckBox, "checkbox-label": this.checkboxLabel, destructive: this.destructive, onFirstButtonClicked: () => this.firstButtonClickedOnModalAction(), onSecondButtonClicked: () => this.secondButtonClickedOnModalAction(), onThirdButtonClicked: () => this.thirdButtonClickedOnModalAction() })))))));
69
+ return (index.h("div", { key: '3e044cedfd990ca5ab502d055d863b03f6819f67', class: "overlay" }, index.h("div", { key: 'cc3fcc0da0665bda76ff472dd6f7e0837263677a', class: "modal_wrapper", style: { width: this.width } }, index.h("div", { key: 'fce3e4474bbc7ce44a8828ab5e6664511313270e', class: "modal_header" }, index.h("gb-modal-header", { key: 'f178eb4df4e57f4ee68e3de9054c2ed064c62b60', "close-button-position": this.closeButtonPosition, text: this.heading, onCloseButtonClicked: () => this.closeModalButtonClicked() })), index.h("div", { key: '5cf299afc7b41bbeb99da1eda28f96dc0b5a2549', class: "modal_content" }, index.h("slot", { key: 'a79f1afd15531fcb3f256c668a3a2f58743b357d', name: "content" })), this.footer && (index.h("div", { key: 'd60ef1dd364b50e7ebffb8cb24edb2a84df8ef6a', class: "modal_footer" }, this.hasFooterSlot ? (index.h("slot", { name: "footer" })) : (index.h("gb-modal-action", { "action-type": this.actionType, "full-width": this.fullWidth, "first-button-text": this.firstButtonText, "second-button-text": this.secondButtonText, "third-button-text": this.thirdButtonText, "first-button-state": this.firstButtonState, "second-button-state": this.secondButtonState, "third-button-state": this.thirdButtonState, "first-button-icon-leading-swap": this.firstButtonIconLeadingSwap, "second-button-icon-leading-swap": this.secondButtonIconLeadingSwap, "third-button-icon-leading-swap": this.thirdButtonIconLeadingSwap, "first-button-icon-trailing-swap": this.firstButtonIconTrailingSwap, "second-button-icon-trailing-swap": this.secondButtonIconTrailingSwap, "third-button-icon-trailing-swap": this.thirdButtonIconTrailingSwap, "show-secondary-actions": this.showSecondaryActions, "show-first-icon-button": this.showFirstIconButton, "show-second-icon-button": this.showSecondIconButton, "first-icon-button-swap": this.firstIconButtonSwap, "second-icon-button-swap": this.secondIconButtonSwap, "show-check-box": this.showCheckBox, "checkbox-label": this.checkboxLabel, destructive: this.destructive, onFirstButtonClicked: () => this.firstButtonClickedOnModalAction(), onSecondButtonClicked: () => this.secondButtonClickedOnModalAction(), onThirdButtonClicked: () => this.thirdButtonClickedOnModalAction() })))))));
71
70
  }
72
71
  get el() { return index.getElement(this); }
73
72
  };
@@ -1 +1 @@
1
- {"version":3,"file":"gb-modal.entry.cjs.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n console.log('Clicked');\r\n this.closeModalClicked.emit();\r\n }\r\n\r\n firstButtonClickedOnModalAction() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n secondButtonClickedOnModalAction() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n thirdButtonClickedOnModalAction() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"overlay\">\r\n <div class=\"modal_wrapper\" style={{ width: this.width }}>\r\n <div class=\"modal_header\">\r\n <gb-modal-header\r\n close-button-position={this.closeButtonPosition}\r\n text={this.heading}\r\n onCloseButtonClicked={() => this.closeModalButtonClicked()}\r\n ></gb-modal-header>\r\n </div>\r\n <div class=\"modal_content\">\r\n <slot name=\"content\"></slot>\r\n </div>\r\n {this.footer && (\r\n <div class=\"modal_footer\">\r\n {this.hasFooterSlot ? (\r\n <slot name=\"footer\"></slot>\r\n ) : (\r\n <gb-modal-action\r\n action-type={this.actionType}\r\n full-width={this.fullWidth}\r\n first-button-text={this.firstButtonText}\r\n second-button-text={this.secondButtonText}\r\n third-button-text={this.thirdButtonText}\r\n first-button-state={this.firstButtonState}\r\n second-button-state={this.secondButtonState}\r\n third-button-state={this.thirdButtonState}\r\n first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n show-secondary-actions={this.showSecondaryActions}\r\n show-first-icon-button={this.showFirstIconButton}\r\n show-second-icon-button={this.showSecondIconButton}\r\n first-icon-button-swap={this.firstIconButtonSwap}\r\n second-icon-button-swap={this.secondIconButtonSwap}\r\n show-check-box={this.showCheckBox}\r\n checkbox-label={this.checkboxLabel}\r\n destructive={this.destructive}\r\n onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\r\n onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\r\n onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\r\n ></gb-modal-action>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["h"],"mappings":"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"}
1
+ {"version":3,"file":"gb-modal.entry.cjs.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\r\n /* width: 100vw; */\r\n height: 100vh;\r\n overflow: hidden;\r\n backdrop-filter: blur(4px);\r\n position: relative;\r\n box-sizing: border-box;\r\n background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n}\r\n\r\n.modal_wrapper{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n overflow: hidden;\r\n border-radius: var(--rounded-md);\r\n box-shadow: var(--shadow-sm);\r\n background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.modal_footer{\r\n padding: var(--spacing-4) var(--spacing-6);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal',\r\n styleUrl: 'gb-modal.css',\r\n})\r\nexport class GbModal {\r\n @Element() el: HTMLElement;\r\n\r\n @Prop() width: string = '';\r\n @Prop() footer: boolean = true;\r\n @Prop() closeButtonPosition: 'left' | 'right' = 'right';\r\n @Prop() heading: string = '';\r\n @Prop() actionType: 'single' | 'double' = 'single';\r\n @Prop() fullWidth: boolean = false;\r\n @Prop() destructive: boolean = false;\r\n\r\n // For the 'multiple' modal action type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown on modal action\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n\r\n @State() hasFooterSlot: boolean = true;\r\n @Event() closeModalClicked: EventEmitter<void>;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n componentDidLoad() {\r\n this.checkFooterSlot();\r\n }\r\n\r\n private checkFooterSlot() {\r\n const footerSlot = this.el.querySelector('[slot=\"footer\"]');\r\n if (footerSlot) {\r\n this.hasFooterSlot = true;\r\n } else {\r\n this.hasFooterSlot = false;\r\n }\r\n }\r\n\r\n closeModalButtonClicked() {\r\n this.closeModalClicked.emit();\r\n }\r\n\r\n firstButtonClickedOnModalAction() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n secondButtonClickedOnModalAction() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n thirdButtonClickedOnModalAction() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"overlay\">\r\n <div class=\"modal_wrapper\" style={{ width: this.width }}>\r\n <div class=\"modal_header\">\r\n <gb-modal-header\r\n close-button-position={this.closeButtonPosition}\r\n text={this.heading}\r\n onCloseButtonClicked={() => this.closeModalButtonClicked()}\r\n ></gb-modal-header>\r\n </div>\r\n <div class=\"modal_content\">\r\n <slot name=\"content\"></slot>\r\n </div>\r\n {this.footer && (\r\n <div class=\"modal_footer\">\r\n {this.hasFooterSlot ? (\r\n <slot name=\"footer\"></slot>\r\n ) : (\r\n <gb-modal-action\r\n action-type={this.actionType}\r\n full-width={this.fullWidth}\r\n first-button-text={this.firstButtonText}\r\n second-button-text={this.secondButtonText}\r\n third-button-text={this.thirdButtonText}\r\n first-button-state={this.firstButtonState}\r\n second-button-state={this.secondButtonState}\r\n third-button-state={this.thirdButtonState}\r\n first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n show-secondary-actions={this.showSecondaryActions}\r\n show-first-icon-button={this.showFirstIconButton}\r\n show-second-icon-button={this.showSecondIconButton}\r\n first-icon-button-swap={this.firstIconButtonSwap}\r\n second-icon-button-swap={this.secondIconButtonSwap}\r\n show-check-box={this.showCheckBox}\r\n checkbox-label={this.checkboxLabel}\r\n destructive={this.destructive}\r\n onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\r\n onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\r\n onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\r\n ></gb-modal-action>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":["h"],"mappings":"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"}
@@ -69,7 +69,6 @@ export class GbDatePicker {
69
69
  if (Array.isArray(newValue) && newValue.length === 2) {
70
70
  this.picker.setDate(newValue, false);
71
71
  this.displayValue = `${this.picker.formatDate(newValue[0], this.format)} - ${this.picker.formatDate(newValue[1], this.format)}`;
72
- console.log(this.displayValue);
73
72
  }
74
73
  else if (newValue instanceof Date) {
75
74
  this.picker.setDate(newValue, false);
@@ -157,7 +156,6 @@ export class GbDatePicker {
157
156
  this.internalValue = [start, end];
158
157
  this.displayValue = newDisplayValue;
159
158
  this.dateChange.emit([start, end]);
160
- console.log(this.displayValue);
161
159
  // Close picker after both dates selected
162
160
  this.picker.close();
163
161
  }
@@ -199,15 +197,18 @@ export class GbDatePicker {
199
197
  else if (!this.default && !this.internalValue) {
200
198
  this.selectionSource = null;
201
199
  this.displayValue = null;
200
+ this.dateChange.emit(null);
202
201
  }
203
202
  else if (this.internalValue) {
204
203
  if (Array.isArray(this.internalValue)) {
205
204
  fp.setDate(this.internalValue, false);
206
205
  this.displayValue = `${fp.formatDate(this.internalValue[0], this.format)} - ${fp.formatDate(this.internalValue[1], this.format)}`;
206
+ this.dateChange.emit(this.internalValue);
207
207
  }
208
208
  else {
209
209
  fp.setDate(this.internalValue, false);
210
210
  this.displayValue = fp.formatDate(this.internalValue, this.format);
211
+ this.dateChange.emit(this.internalValue);
211
212
  }
212
213
  }
213
214
  else {
@@ -468,9 +469,9 @@ export class GbDatePicker {
468
469
  return timePart ? `${datePart} ${timePart}` : datePart;
469
470
  }
470
471
  render() {
471
- return (h("div", { key: '3e1fd4d7e1cc6417e35a5d78873bdd6c09bdf60e', class: `date_picker_container` }, this.label && (h(Fragment, null, this.formatLabel ? (h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h("div", { key: '0458ff444a8c4c7efffb62dac9be441b6eeb44d1', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}` }, h("div", { key: '09ad5774fd8e1ac9e58f108c9ea310d436dc2829', class: `inner_container ${this.iconPosition}`, onClick: () => {
472
+ return (h("div", { key: 'ed659576ff5d8fe139c747b2c13b79753fd4bf0f', class: `date_picker_container` }, this.label && (h(Fragment, null, this.formatLabel ? (h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), h("div", { key: '26ed580ae10ef0c27b69a3a745c85ea075a01739', class: `date-picker-wrapper ${this.disabled ? 'disabled' : ''} ${this.fullWidth ? 'full_width' : ''}` }, h("div", { key: '2ee3efcb306866b7dff8d9c05f780a8a1ec23fcd', class: `inner_container ${this.iconPosition}`, onClick: () => {
472
473
  this.toggleCalendar();
473
- } }, this.iconPosition === 'left' && (h("svg", { key: '58a4c44976182b5f5dfa162598eedf6e4cf71ef0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '748ba1814c76d54bc478f53b552d1e4714aa430b', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: 'dfcc47a75028436f986a57f29a1f709c7d0dd12e', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h("span", { key: '0b873f0c3b6c6f43d86d02e8da546e28bb1e1fa7', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h("svg", { key: 'e7457aa743561eaeccf9eaa622e1f78ff1aad3c4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'ee936768d1a972200bf4fce7758c1dd17d3db1b5', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'c98a7a9e88211ce1a7aeff24d89cadcb4ae8493d', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
474
+ } }, this.iconPosition === 'left' && (h("svg", { key: '9e0d813a10e98a9cd437b7401b44f0a6d3fc56fe', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '01a6a788d0dd4a4e58eab613ad4d89899e5fa4c0', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: 'da94824100476eababb1089a2f6d8bb1481706cd', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, readonly: true }), h("span", { key: '7a3a4f153e3d2b06d5019f402cca43b37e6e3b3b', ref: el => (this.mirrorEl = el), id: "mirror" }, this.displayValue || this.placeholder), this.iconPosition === 'right' && (h("svg", { key: 'b685472d943fc47dac8a0f307a6c39eb3a053ed2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'f99dd5f700f72c9fd16fa26f587a0cfd81d9603a', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'd757b3dc50c466e5ac711a8d14d7f5e40ef349a0', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
474
475
  }
475
476
  static get is() { return "gb-date-picker"; }
476
477
  static get encapsulation() { return "shadow"; }