@nylas/web-elements 1.4.5 → 2.0.0

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 (165) hide show
  1. package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +179 -146
  2. package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +4998 -4993
  3. package/dist/cjs/calendar-agenda-fill-icon_36.cjs.entry.js +4 -4
  4. package/dist/cjs/checkmark-icon_15.cjs.entry.js +4 -4
  5. package/dist/cjs/checkmark-icon_15.cjs.entry.js.map +1 -1
  6. package/dist/cjs/{constants-3b9fb535.js → constants-27331d2d.js} +1 -5
  7. package/dist/cjs/constants-27331d2d.js.map +1 -0
  8. package/dist/cjs/{customParseFormat-4dbd51f6.js → customParseFormat-22da9017.js} +2 -2
  9. package/dist/cjs/{customParseFormat-4dbd51f6.js.map → customParseFormat-22da9017.js.map} +1 -1
  10. package/dist/cjs/{feedbackSync-670798db.js → feedbackSync-adabe7d6.js} +2 -2
  11. package/dist/cjs/{feedbackSync-670798db.js.map → feedbackSync-adabe7d6.js.map} +1 -1
  12. package/dist/cjs/globe-icon_2.cjs.entry.js +3 -3
  13. package/dist/cjs/google-logo-icon_6.cjs.entry.js +49 -25
  14. package/dist/cjs/google-logo-icon_6.cjs.entry.js.map +1 -1
  15. package/dist/cjs/index.cjs.js +2 -2
  16. package/dist/cjs/{index.es-cbc1ecb6.js → index.es-7848228a.js} +2 -2
  17. package/dist/cjs/{index.es-cbc1ecb6.js.map → index.es-7848228a.js.map} +1 -1
  18. package/dist/cjs/input-component.cjs.entry.js +1 -1
  19. package/dist/cjs/input-dropdown_2.cjs.entry.js +2 -2
  20. package/dist/cjs/loader.cjs.js +1 -1
  21. package/dist/cjs/multi-select-dropdown_2.cjs.entry.js +1 -1
  22. package/dist/cjs/{nylas-api-request-af6121b4.js → nylas-api-request-976db0f4.js} +2 -2
  23. package/dist/cjs/{nylas-api-request-af6121b4.js.map → nylas-api-request-976db0f4.js.map} +1 -1
  24. package/dist/cjs/nylas-booked-event-card_12.cjs.entry.js +3 -3
  25. package/dist/cjs/nylas-event-calendar_3.cjs.entry.js +4 -4
  26. package/dist/cjs/nylas-form-card.cjs.entry.js +2 -2
  27. package/dist/cjs/nylas-scheduler-editor.cjs.entry.js +22 -16
  28. package/dist/cjs/nylas-scheduler-editor.cjs.entry.js.map +1 -1
  29. package/dist/cjs/nylas-scheduling.cjs.entry.js +7 -7
  30. package/dist/cjs/nylas-web-elements.cjs.js +1 -1
  31. package/dist/cjs/{register-component-5e87c463.js → register-component-d2f37e40.js} +2 -2
  32. package/dist/cjs/{register-component-5e87c463.js.map → register-component-d2f37e40.js.map} +1 -1
  33. package/dist/cjs/textarea-component.cjs.entry.js +1 -1
  34. package/dist/cjs/{utils-0dfca9ec.js → utils-d522ef01.js} +10 -1
  35. package/dist/cjs/utils-d522ef01.js.map +1 -0
  36. package/dist/collection/common/constants.js +0 -1
  37. package/dist/collection/common/constants.js.map +1 -1
  38. package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js +1 -1
  39. package/dist/collection/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.js +6 -7
  40. package/dist/collection/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.js.map +1 -1
  41. package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js +1 -1
  42. package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js.map +1 -1
  43. package/dist/collection/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.js +6 -3
  44. package/dist/collection/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.js.map +1 -1
  45. package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/ExpressFlow.js +4 -5
  46. package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/ExpressFlow.js.map +1 -1
  47. package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.css +0 -8
  48. package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.js +43 -10
  49. package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.js.map +1 -1
  50. package/dist/collection/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.js +52 -7
  51. package/dist/collection/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.js.map +1 -1
  52. package/dist/collection/components/scheduler-editor/nylas-timeslot-interval/nylas-timeslot-interval.js +1 -1
  53. package/dist/collection/stores/scheduler-config-store.js.map +1 -1
  54. package/dist/components/constants.js +1 -5
  55. package/dist/components/constants.js.map +1 -1
  56. package/dist/components/nylas-editor-tabs-group2.js +8 -9
  57. package/dist/components/nylas-editor-tabs-group2.js.map +1 -1
  58. package/dist/components/nylas-editor-tabs2.js +2 -2
  59. package/dist/components/nylas-event-description2.js +1 -1
  60. package/dist/components/nylas-event-description2.js.map +1 -1
  61. package/dist/components/nylas-list-configurations2.js +6 -3
  62. package/dist/components/nylas-list-configurations2.js.map +1 -1
  63. package/dist/components/nylas-scheduler-editor.js +22 -14
  64. package/dist/components/nylas-scheduler-editor.js.map +1 -1
  65. package/dist/components/nylas-scheduling.js +3 -3
  66. package/dist/components/nylas-select-event-type2.js +32 -8
  67. package/dist/components/nylas-select-event-type2.js.map +1 -1
  68. package/dist/components/nylas-timeslot-interval2.js +1 -1
  69. package/dist/components/utils.js +9 -0
  70. package/dist/components/utils.js.map +1 -1
  71. package/dist/esm/calendar-agenda-fill-icon_36.entry.js +4 -4
  72. package/dist/esm/checkmark-icon_15.entry.js +4 -4
  73. package/dist/esm/checkmark-icon_15.entry.js.map +1 -1
  74. package/dist/esm/{constants-3d8016e3.js → constants-f51538ef.js} +2 -6
  75. package/dist/esm/constants-f51538ef.js.map +1 -0
  76. package/dist/esm/{customParseFormat-129be926.js → customParseFormat-d1de5ed0.js} +2 -2
  77. package/dist/esm/{customParseFormat-129be926.js.map → customParseFormat-d1de5ed0.js.map} +1 -1
  78. package/dist/esm/{feedbackSync-d943ffc7.js → feedbackSync-172f942c.js} +2 -2
  79. package/dist/esm/{feedbackSync-d943ffc7.js.map → feedbackSync-172f942c.js.map} +1 -1
  80. package/dist/esm/globe-icon_2.entry.js +3 -3
  81. package/dist/esm/google-logo-icon_6.entry.js +49 -25
  82. package/dist/esm/google-logo-icon_6.entry.js.map +1 -1
  83. package/dist/esm/{index.es-4615d47c.js → index.es-fc8588de.js} +2 -2
  84. package/dist/esm/{index.es-4615d47c.js.map → index.es-fc8588de.js.map} +1 -1
  85. package/dist/esm/index.js +2 -2
  86. package/dist/esm/input-component.entry.js +1 -1
  87. package/dist/esm/input-dropdown_2.entry.js +2 -2
  88. package/dist/esm/loader.js +1 -1
  89. package/dist/esm/multi-select-dropdown_2.entry.js +1 -1
  90. package/dist/esm/{nylas-api-request-acf12b47.js → nylas-api-request-3d7ced61.js} +2 -2
  91. package/dist/esm/{nylas-api-request-acf12b47.js.map → nylas-api-request-3d7ced61.js.map} +1 -1
  92. package/dist/esm/nylas-booked-event-card_12.entry.js +3 -3
  93. package/dist/esm/nylas-event-calendar_3.entry.js +4 -4
  94. package/dist/esm/nylas-form-card.entry.js +2 -2
  95. package/dist/esm/nylas-scheduler-editor.entry.js +22 -16
  96. package/dist/esm/nylas-scheduler-editor.entry.js.map +1 -1
  97. package/dist/esm/nylas-scheduling.entry.js +7 -7
  98. package/dist/esm/nylas-web-elements.js +1 -1
  99. package/dist/esm/{register-component-083eb961.js → register-component-62d792d4.js} +2 -2
  100. package/dist/esm/{register-component-083eb961.js.map → register-component-62d792d4.js.map} +1 -1
  101. package/dist/esm/textarea-component.entry.js +1 -1
  102. package/dist/esm/{utils-6c05ecaf.js → utils-bb88dd4d.js} +10 -1
  103. package/dist/esm/utils-bb88dd4d.js.map +1 -0
  104. package/dist/nylas-web-elements/index.esm.js +1 -1
  105. package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
  106. package/dist/nylas-web-elements/nylas-web-elements.esm.js.map +1 -1
  107. package/dist/nylas-web-elements/{p-865721fd.entry.js → p-05204c68.entry.js} +2 -2
  108. package/dist/nylas-web-elements/{p-2b38054f.entry.js → p-0d422938.entry.js} +2 -2
  109. package/dist/nylas-web-elements/{p-c59787f4.js → p-0d6ecada.js} +2 -2
  110. package/dist/nylas-web-elements/{p-e2632a60.js → p-198f05a6.js} +2 -2
  111. package/dist/nylas-web-elements/p-1d8c55c6.entry.js +11 -0
  112. package/dist/nylas-web-elements/p-1d8c55c6.entry.js.map +1 -0
  113. package/dist/nylas-web-elements/{p-4e1e01e4.entry.js → p-29f601d9.entry.js} +2 -2
  114. package/dist/nylas-web-elements/{p-60b48bf7.js → p-3a3c5e17.js} +2 -2
  115. package/dist/nylas-web-elements/{p-6bb6a0b8.entry.js → p-447837c2.entry.js} +2 -2
  116. package/dist/nylas-web-elements/{p-faa723fc.entry.js → p-49c8d4d9.entry.js} +2 -2
  117. package/dist/nylas-web-elements/p-49c8d4d9.entry.js.map +1 -0
  118. package/dist/nylas-web-elements/p-7e885253.js +2 -0
  119. package/dist/nylas-web-elements/p-7e885253.js.map +1 -0
  120. package/dist/nylas-web-elements/{p-3cc1072e.js → p-84109239.js} +2 -2
  121. package/dist/nylas-web-elements/{p-d16cd88b.entry.js → p-a7d2a211.entry.js} +2 -2
  122. package/dist/nylas-web-elements/{p-bea31f39.entry.js → p-a9107606.entry.js} +2 -2
  123. package/dist/nylas-web-elements/p-a9107606.entry.js.map +1 -0
  124. package/dist/nylas-web-elements/{p-a9a0dd64.entry.js → p-ab96941e.entry.js} +2 -2
  125. package/dist/nylas-web-elements/{p-6fc7d11b.entry.js → p-af94512e.entry.js} +3 -3
  126. package/dist/nylas-web-elements/{p-bfe2bdbd.js → p-b3ca5d4d.js} +2 -2
  127. package/dist/nylas-web-elements/{p-80d57b5a.entry.js → p-cd24a45e.entry.js} +2 -2
  128. package/dist/nylas-web-elements/{p-6364eb02.entry.js → p-e9369c76.entry.js} +2 -2
  129. package/dist/nylas-web-elements/{p-b2241c3c.entry.js → p-f00d1bb3.entry.js} +2 -2
  130. package/dist/nylas-web-elements/p-f73e34dd.js +14 -0
  131. package/dist/nylas-web-elements/{p-2b97a896.js.map → p-f73e34dd.js.map} +1 -1
  132. package/dist/types/common/constants.d.ts +216 -1
  133. package/dist/types/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.d.ts +0 -2
  134. package/dist/types/components/scheduler-editor/nylas-scheduler-editor/ExpressFlow.d.ts +1 -2
  135. package/dist/types/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.d.ts +3 -1
  136. package/dist/types/components/scheduler-editor/nylas-select-event-type/nylas-select-event-type.d.ts +2 -1
  137. package/dist/types/components.d.ts +18 -2
  138. package/dist/types/stores/scheduler-config-store.d.ts +2 -1
  139. package/package.json +1 -1
  140. package/dist/cjs/constants-3b9fb535.js.map +0 -1
  141. package/dist/cjs/utils-0dfca9ec.js.map +0 -1
  142. package/dist/esm/constants-3d8016e3.js.map +0 -1
  143. package/dist/esm/utils-6c05ecaf.js.map +0 -1
  144. package/dist/nylas-web-elements/p-2b97a896.js +0 -14
  145. package/dist/nylas-web-elements/p-35b7d082.entry.js +0 -11
  146. package/dist/nylas-web-elements/p-35b7d082.entry.js.map +0 -1
  147. package/dist/nylas-web-elements/p-6f7cb609.js +0 -2
  148. package/dist/nylas-web-elements/p-6f7cb609.js.map +0 -1
  149. package/dist/nylas-web-elements/p-bea31f39.entry.js.map +0 -1
  150. package/dist/nylas-web-elements/p-faa723fc.entry.js.map +0 -1
  151. /package/dist/nylas-web-elements/{p-865721fd.entry.js.map → p-05204c68.entry.js.map} +0 -0
  152. /package/dist/nylas-web-elements/{p-2b38054f.entry.js.map → p-0d422938.entry.js.map} +0 -0
  153. /package/dist/nylas-web-elements/{p-c59787f4.js.map → p-0d6ecada.js.map} +0 -0
  154. /package/dist/nylas-web-elements/{p-e2632a60.js.map → p-198f05a6.js.map} +0 -0
  155. /package/dist/nylas-web-elements/{p-4e1e01e4.entry.js.map → p-29f601d9.entry.js.map} +0 -0
  156. /package/dist/nylas-web-elements/{p-60b48bf7.js.map → p-3a3c5e17.js.map} +0 -0
  157. /package/dist/nylas-web-elements/{p-6bb6a0b8.entry.js.map → p-447837c2.entry.js.map} +0 -0
  158. /package/dist/nylas-web-elements/{p-3cc1072e.js.map → p-84109239.js.map} +0 -0
  159. /package/dist/nylas-web-elements/{p-d16cd88b.entry.js.map → p-a7d2a211.entry.js.map} +0 -0
  160. /package/dist/nylas-web-elements/{p-a9a0dd64.entry.js.map → p-ab96941e.entry.js.map} +0 -0
  161. /package/dist/nylas-web-elements/{p-6fc7d11b.entry.js.map → p-af94512e.entry.js.map} +0 -0
  162. /package/dist/nylas-web-elements/{p-bfe2bdbd.js.map → p-b3ca5d4d.js.map} +0 -0
  163. /package/dist/nylas-web-elements/{p-80d57b5a.entry.js.map → p-cd24a45e.entry.js.map} +0 -0
  164. /package/dist/nylas-web-elements/{p-6364eb02.entry.js.map → p-e9369c76.entry.js.map} +0 -0
  165. /package/dist/nylas-web-elements/{p-b2241c3c.entry.js.map → p-f00d1bb3.entry.js.map} +0 -0
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index$1 = require('./index-e07e3a7e.js');
6
- const registerComponent = require('./register-component-5e87c463.js');
7
- const utils = require('./utils-0dfca9ec.js');
8
- const constants = require('./constants-3b9fb535.js');
6
+ const registerComponent = require('./register-component-d2f37e40.js');
7
+ const utils = require('./utils-d522ef01.js');
8
+ const constants = require('./constants-27331d2d.js');
9
9
 
10
10
  const iconCss$9 = ".sc-calendar-agenda-fill-icon-h{display:flex}";
11
11
  const CalendarAgendaFillIconStyle0 = iconCss$9;
@@ -7469,7 +7469,7 @@ const NylasTimeslotInterval = class {
7469
7469
  ? intervalPreferenceOptions[0]
7470
7470
  : intervalPreferenceOptions.find(op => op.value == this.selectedInterval.toString()) ?? intervalPreferenceOptions[0]
7471
7471
  : undefined;
7472
- return (index$1.h(index$1.Host, { key: 'ebcd942ae5ea4d5554d75f6a6b852fa9fceec2d5' }, index$1.h("div", { key: '2deef2c1f43d10e2933922822c443db9ce66524c', class: "nylas-timeslot-interval", part: "nti" }, index$1.h("div", { key: 'c23c2c9d36b284777d2dd626ed3d8f6d3ff852ae', class: "header", part: "nti__header" }, index$1.h("h3", { key: 'fd91593ab8990f1102f0a30cc6ca7534d2f22263' }, utils.instance.t('nylasTimeslotInterval.headerTitle'))), index$1.h("div", { key: 'a7d3228854d00f97c804084d01a5db799c7ae4c0', class: "nylas-timeslot-interval__dropdown" }, index$1.h("span", { key: 'fb1249f674a32250c89fb626521ecaf5cd6bee2c', class: "label", part: "nti__input-label" }, utils.instance.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (index$1.h("select-dropdown", { name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval })), index$1.h("span", { key: 'ba8e1488a672f7ca42b7858c70450e540bc6ed80', slot: "label", class: "label", part: "nti__input-label" }, utils.instance.t('nylasTimeslotInterval.timeslotRounding.label'), index$1.h("tooltip-component", { key: '838f35198b817a1a68472bd4fdc4f1d3fbcf1507' }, index$1.h("info-icon", { key: 'beecaae34fd7b52fe5c59e272b4201ad1cbd025e', slot: "tooltip-icon" }), index$1.h("span", { key: '9ac586565a85c7be0d81ee1f68331ffc45081452', slot: "tooltip-content" }, utils.instance.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (index$1.h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
7472
+ return (index$1.h(index$1.Host, { key: 'a2922db89671698745b040e04ed4ade53cb97856' }, index$1.h("div", { key: '6123febcf83c4f4a6735f704852a0b49ef86b8ae', class: "nylas-timeslot-interval", part: "nti" }, index$1.h("div", { key: '28ae252bbb1c197cb2af8c2404868de4eefc3755', class: "header", part: "nti__header" }, index$1.h("h3", { key: 'a0fa4565865befb21c24b19b0d6a3d35a2438e6a' }, utils.instance.t('nylasTimeslotInterval.headerTitle'))), index$1.h("div", { key: '9afa7b8311718c155c5a67484f75be07ea1a499c', class: "nylas-timeslot-interval__dropdown" }, index$1.h("span", { key: '27de62640dc1d5eb143f0b3c2638974e863e7052', class: "label", part: "nti__input-label" }, utils.instance.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (index$1.h("select-dropdown", { name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval })), index$1.h("span", { key: '8221c77ef67c8186ce9f32ebf548c49938e2e2e1', slot: "label", class: "label", part: "nti__input-label" }, utils.instance.t('nylasTimeslotInterval.timeslotRounding.label'), index$1.h("tooltip-component", { key: '75dc83d75698277295628af454b6129a135c8545' }, index$1.h("info-icon", { key: '7a8bd15f2d3579e854af3dadfcf93d2bc2142afb', slot: "tooltip-icon" }), index$1.h("span", { key: '0518fc031ef327b8d590e6b29cabdfcfbc473d50', slot: "tooltip-content" }, utils.instance.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (index$1.h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
7473
7473
  {
7474
7474
  value: 'no-rounding',
7475
7475
  label: utils.instance.t('nylasTimeslotInterval.timeslotRoundingOptions.noRounding.label'),
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e07e3a7e.js');
6
- const registerComponent = require('./register-component-5e87c463.js');
7
- const utils = require('./utils-0dfca9ec.js');
8
- const constants = require('./constants-3b9fb535.js');
6
+ const registerComponent = require('./register-component-d2f37e40.js');
7
+ const utils = require('./utils-d522ef01.js');
8
+ const constants = require('./constants-27331d2d.js');
9
9
 
10
10
  const iconCss$5 = ".sc-checkmark-icon-h{display:flex}";
11
11
  const CheckmarkIconStyle0 = iconCss$5;
@@ -914,7 +914,7 @@ const NylasEventDescription = class {
914
914
  this.updateEventDescription(description);
915
915
  }
916
916
  render() {
917
- return (index.h(index.Host, { key: '22675b5fed7bbca517109629eae72cbcc92b21a9' }, index.h("div", { key: '16c888f9635a3d6a40e1caaa98a032044a29abe1', class: "nylas-event-description", part: "nedesc" }, index.h("label", { key: '05f549d01ea2477c208c4e27f41ae7c5d3487ce9', htmlFor: "description" }, utils.instance.t('nylasEventDescription.headerTitle'), index.h("span", { key: '5355ed1517f58fc6c07ce121be35998154a166cc', class: "label-icon" }, index.h("tooltip-component", { key: '2efa954b0f0ee944b5b88039d97d72fa0d3ec46e' }, index.h("info-icon", { key: 'e6c02583a6668f0c25771183a7a11d4c0de87887', slot: "tooltip-icon" }), index.h("span", { key: 'ff003ecf4ba64e385fc50edff5c4a621a3600e5e', slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.tooltip.desc'))))), index.h("div", { key: '296a0a0321ab1b1be9f3b6e89bcf9f58da8b6969', id: "event-description", class: { 'event-description': true }, part: "nedesc__textarea", contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event), ref: el => (this.descriptionRef = el) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { class: "token-options", part: "nedesc__dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), !this.noTemplates && (index.h("span", { class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.description') }), " ", index.h("code", null, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { class: "label-icon" }, index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon", width: "13", height: "13" }), index.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", null, '${invitee}')))))), !this.hideAutoPopulateButton && (index.h("span", { class: "add-additional-fields" }, index.h("button-component", { variant: "basic", onClick: () => this.handleAddAdditionalFields() }, utils.instance.t('nylasEventDescription.addAdditionalFields.buttonText')), index.h("span", { class: "label-icon" }, index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon" }), index.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", index.h("code", null, '${invitee}')))))))));
917
+ return (index.h(index.Host, { key: '22675b5fed7bbca517109629eae72cbcc92b21a9' }, index.h("div", { key: '16c888f9635a3d6a40e1caaa98a032044a29abe1', class: "nylas-event-description", part: "nedesc" }, index.h("label", { key: '05f549d01ea2477c208c4e27f41ae7c5d3487ce9', htmlFor: "description" }, utils.instance.t('nylasEventDescription.headerTitle'), index.h("span", { key: '5355ed1517f58fc6c07ce121be35998154a166cc', class: "label-icon" }, index.h("tooltip-component", { key: '2efa954b0f0ee944b5b88039d97d72fa0d3ec46e' }, index.h("info-icon", { key: 'e6c02583a6668f0c25771183a7a11d4c0de87887', slot: "tooltip-icon" }), index.h("span", { key: 'ff003ecf4ba64e385fc50edff5c4a621a3600e5e', slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.tooltip.desc'))))), index.h("div", { key: '296a0a0321ab1b1be9f3b6e89bcf9f58da8b6969', id: "event-description", class: { 'event-description': true }, part: "nedesc__textarea", contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event), ref: el => (this.descriptionRef = el) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { class: "token-options", part: "nedesc__dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), !this.noTemplates && (index.h("span", { class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.description') }), " ", index.h("code", null, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { class: "label-icon" }, index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon", width: "13", height: "13" }), index.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", null, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (index.h("span", { class: "add-additional-fields" }, index.h("button-component", { variant: "basic", onClick: () => this.handleAddAdditionalFields() }, utils.instance.t('nylasEventDescription.addAdditionalFields.buttonText')), index.h("span", { class: "label-icon" }, index.h("tooltip-component", null, index.h("info-icon", { slot: "tooltip-icon" }), index.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", index.h("code", null, '${invitee}')))))))));
918
918
  }
919
919
  static get formAssociated() { return true; }
920
920
  get host() { return index.getElement(this); }