@nylas/web-elements 2.5.7 → 2.5.9

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 (77) hide show
  1. package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +1315 -1313
  2. package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +309 -308
  3. package/dist/cjs/checkmark-icon_14.cjs.entry.js +5 -3
  4. package/dist/cjs/checkmark-icon_14.cjs.entry.js.map +1 -1
  5. package/dist/cjs/google-logo-icon.microsoft-logo-icon.nylas-editor-tabs.nylas-editor-tabs-group.nylas-list-configurations.nylas-select-event-type.entry.cjs.js.map +1 -1
  6. package/dist/cjs/google-logo-icon_6.cjs.entry.js +8 -7
  7. package/dist/cjs/google-logo-icon_6.cjs.entry.js.map +1 -1
  8. package/dist/cjs/nylas-scheduler-editor.cjs.entry.js +1 -1
  9. package/dist/cjs/nylas-scheduling.cjs.entry.js +11 -6
  10. package/dist/cjs/nylas-scheduling.cjs.entry.js.map +1 -1
  11. package/dist/cjs/nylas-scheduling.entry.cjs.js.map +1 -1
  12. package/dist/cjs/{version-C5rRjTHU.js → version-CN5nqWgI.js} +3 -3
  13. package/dist/cjs/{version-C5rRjTHU.js.map → version-CN5nqWgI.js.map} +1 -1
  14. package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js +10 -5
  15. package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js.map +1 -1
  16. package/dist/collection/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.js +7 -6
  17. package/dist/collection/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.js.map +1 -1
  18. package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js +2 -1
  19. package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js.map +1 -1
  20. package/dist/collection/components/scheduler-editor/nylas-event-title/nylas-event-title.js +3 -2
  21. package/dist/collection/components/scheduler-editor/nylas-event-title/nylas-event-title.js.map +1 -1
  22. package/dist/collection/version.js +1 -1
  23. package/dist/collection/version.js.map +1 -1
  24. package/dist/components/nylas-editor-tabs-group.js +1 -1
  25. package/dist/components/nylas-editor-tabs.js +1 -1
  26. package/dist/components/nylas-event-calendar.js +1 -1
  27. package/dist/components/nylas-event-description.js +1 -1
  28. package/dist/components/nylas-event-title.js +1 -1
  29. package/dist/components/nylas-scheduler-editor.js +6 -6
  30. package/dist/components/nylas-scheduling.js +11 -6
  31. package/dist/components/nylas-scheduling.js.map +1 -1
  32. package/dist/components/{p-HJ5amhvq.js → p-2vIl9-lT.js} +12 -11
  33. package/dist/components/p-2vIl9-lT.js.map +1 -0
  34. package/dist/components/{p-y15sKy8D.js → p-B9G8DJJr.js} +4 -3
  35. package/dist/components/p-B9G8DJJr.js.map +1 -0
  36. package/dist/components/{p-BRszp61A.js → p-BfwqDqHx.js} +3 -3
  37. package/dist/components/{p-BRszp61A.js.map → p-BfwqDqHx.js.map} +1 -1
  38. package/dist/components/{p-CJ7rVNTy.js → p-BlxYpYrq.js} +5 -4
  39. package/dist/components/p-BlxYpYrq.js.map +1 -0
  40. package/dist/components/{p-lV8W1_93.js → p-CiJgH0CI.js} +4 -4
  41. package/dist/components/{p-lV8W1_93.js.map → p-CiJgH0CI.js.map} +1 -1
  42. package/dist/components/{p-DqVU9VaM.js → p-DwzjmWk7.js} +6 -6
  43. package/dist/components/{p-DqVU9VaM.js.map → p-DwzjmWk7.js.map} +1 -1
  44. package/dist/esm/checkmark-icon.copy-icon.dragable-icon.eye-icon.feedback-icon.input-color-picker.nylas-additional-participants.nylas-event-description.nylas-event-info.nylas-event-location.nylas-event-title.nylas-feedback-form.nylas-reminder-time.trash-icon.entry.js.map +1 -1
  45. package/dist/esm/checkmark-icon_14.entry.js +5 -3
  46. package/dist/esm/checkmark-icon_14.entry.js.map +1 -1
  47. package/dist/esm/google-logo-icon.microsoft-logo-icon.nylas-editor-tabs.nylas-editor-tabs-group.nylas-list-configurations.nylas-select-event-type.entry.js.map +1 -1
  48. package/dist/esm/google-logo-icon_6.entry.js +8 -7
  49. package/dist/esm/google-logo-icon_6.entry.js.map +1 -1
  50. package/dist/esm/nylas-scheduler-editor.entry.js +1 -1
  51. package/dist/esm/nylas-scheduling.entry.js +11 -6
  52. package/dist/esm/nylas-scheduling.entry.js.map +1 -1
  53. package/dist/esm/{version-C5BO7xwe.js → version-zgIeli_M.js} +3 -3
  54. package/dist/esm/{version-C5BO7xwe.js.map → version-zgIeli_M.js.map} +1 -1
  55. package/dist/nylas-web-elements/google-logo-icon.microsoft-logo-icon.nylas-editor-tabs.nylas-editor-tabs-group.nylas-list-configurations.nylas-select-event-type.entry.esm.js.map +1 -1
  56. package/dist/nylas-web-elements/nylas-scheduling.entry.esm.js.map +1 -1
  57. package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
  58. package/dist/nylas-web-elements/{p-85955466.entry.js → p-6aa41c34.entry.js} +2 -2
  59. package/dist/nylas-web-elements/p-6aa41c34.entry.js.map +1 -0
  60. package/dist/nylas-web-elements/p-acd75a32.entry.js +2 -0
  61. package/dist/nylas-web-elements/p-acd75a32.entry.js.map +1 -0
  62. package/dist/nylas-web-elements/{p-ae86e7c6.entry.js → p-ec243a08.entry.js} +2 -2
  63. package/dist/nylas-web-elements/p-f5cf565f.entry.js +2 -0
  64. package/dist/nylas-web-elements/p-f5cf565f.entry.js.map +1 -0
  65. package/dist/nylas-web-elements/{p-C5BO7xwe.js → p-zgIeli_M.js} +2 -2
  66. package/dist/nylas-web-elements/{p-C5BO7xwe.js.map → p-zgIeli_M.js.map} +1 -1
  67. package/dist/types/version.d.ts +1 -1
  68. package/package.json +3 -3
  69. package/dist/components/p-CJ7rVNTy.js.map +0 -1
  70. package/dist/components/p-HJ5amhvq.js.map +0 -1
  71. package/dist/components/p-y15sKy8D.js.map +0 -1
  72. package/dist/nylas-web-elements/p-083268de.entry.js +0 -2
  73. package/dist/nylas-web-elements/p-083268de.entry.js.map +0 -1
  74. package/dist/nylas-web-elements/p-85955466.entry.js.map +0 -1
  75. package/dist/nylas-web-elements/p-e240fd68.entry.js +0 -2
  76. package/dist/nylas-web-elements/p-e240fd68.entry.js.map +0 -1
  77. /package/dist/nylas-web-elements/{p-ae86e7c6.entry.js.map → p-ec243a08.entry.js.map} +0 -0
@@ -668,6 +668,7 @@ const NylasEventDescription = class {
668
668
  const isAllSelected = (selection) => selection.anchorOffset === 0 && selection.focusOffset === selection.focusNode?.nodeValue?.length;
669
669
  const currentBrowser = utils.getBrowser();
670
670
  switch (currentBrowser) {
671
+ case 'Edge (Chromium)':
671
672
  case 'Chrome': {
672
673
  const shadowRootSelection = this.host.shadowRoot?.getSelection();
673
674
  const focusNode = shadowRootSelection?.focusNode;
@@ -912,7 +913,7 @@ const NylasEventDescription = class {
912
913
  this.updateEventDescription(description);
913
914
  }
914
915
  render() {
915
- return (index.h(index.Host, { key: 'd691e18227d130ffe3ff476124a2bced50a571bf' }, index.h("div", { key: '88a9ba593791a784a4a205143741a61e3e6fc63f', class: "nylas-event-description", part: "nedesc" }, index.h("label", { key: 'a20092f9bb33357fb52afd990254528ff5f21a9c', htmlFor: "description" }, index.h("p", { key: 'ac185de2cf740a0bd08d1a469dbed11e1e9caa26' }, utils.instance.t('nylasEventDescription.headerTitle'), index.h("span", { key: 'd5cfe1388c9b90d44244b0df2ad5b4f7edee18d4', class: "label-icon" }, index.h("tooltip-component", { key: 'e37619731bb5fe3a5fc9706d36af0a5fc9e0f53d' }, index.h("info-icon", { key: 'e322e97312cfedb765d7f3aebcad2afac384b66f', slot: "tooltip-icon" }), index.h("span", { key: '109e6613c7c49b6f8f25c9e64add8c6286b528d6', slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.tooltip.desc')))))), index.h("div", { key: 'f9b04bee85b9a1ba5454115abb4d9ff648b70a1b', 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", { key: '383e15893258ccff1b068e84328092ac61d7747b', class: "token-options", part: "nedesc__dropdown-content" }, index.h("ul", { key: '36b45f90d87b65d4dafcb647e25aca29c3cd266c', 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", { key: '37b8b2dbcbff1c37565cceac44b028ab446b6ee8', class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.description') }), " ", index.h("code", { key: '4464c3b9b7f86be78e85956ab5834c63e2cc4b64' }, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { key: 'fc29c61acf266d56c7e24106498745e1665cfb77', class: "label-icon" }, index.h("tooltip-component", { key: 'b7de4c79edf1232187c16242e3a54d9a888734be' }, index.h("info-icon", { key: 'e144a29a8e58ea655deb4b8240656bb868aa0a14', slot: "tooltip-icon", width: "13", height: "13" }), index.h("span", { key: '4f48cbbe337cc36c4a552c0294022b25c0732493', slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", { key: '3c54f9a6dbe8f19fd7ffd5e7ee8c8c9f6330c21d' }, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (index.h("span", { key: 'fa5cec5d65654ecdedda5dd0b41f5a2978e5285d', class: "add-additional-fields" }, index.h("button-component", { key: 'd171bf78e0c08fecde735336b997f88e19aa7e56', variant: "basic", onClick: () => this.handleAddAdditionalFields() }, utils.instance.t('nylasEventDescription.addAdditionalFields.buttonText')), index.h("span", { key: 'd8f8f9a4c7f201ee3302f678e687b812dbefab02', class: "label-icon" }, index.h("tooltip-component", { key: '0e55409d04eafd6af2762da426dbf58bddaedc2d' }, index.h("info-icon", { key: '27320694010bbd50a53bf4f07a7fb8cd45e403a6', slot: "tooltip-icon" }), index.h("span", { key: '9e59d06a79c0b1c12b761acfdd78d783b8d5bb2b', slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", index.h("code", { key: '77ba2f1849d4f145e99b77d9f3886b89370eb92a' }, '${invitee}')))))))));
916
+ return (index.h(index.Host, { key: '53d3cacafda04b14b7189df270d7fbcecb62725c' }, index.h("div", { key: '22865cbf68472aca10e158564e7e95f337281a8a', class: "nylas-event-description", part: "nedesc" }, index.h("label", { key: '5a449e4b1fedb09a1f5135ffd718e555ab084d7e', htmlFor: "description" }, index.h("p", { key: '18b802e88912341fdc1f0a1093f7fea7277889c4' }, utils.instance.t('nylasEventDescription.headerTitle'), index.h("span", { key: '401f2d8936bc7cacb2d6ccd9a559c716ea127162', class: "label-icon" }, index.h("tooltip-component", { key: 'de7c05ceb209aa156b6f5db5a90cd324f3ddeb35' }, index.h("info-icon", { key: '44cde9c411e3e4769d5ed98513b41bf01034dcfb', slot: "tooltip-icon" }), index.h("span", { key: '96e57015a7911d4f966a0c6c1a682f77f3a43250', slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.tooltip.desc')))))), index.h("div", { key: '88c3c5822a09ac43ea965dcb8c24e35dcc2baed9', 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", { key: '68c129489ba73fee92a2496faceeb2d8e4c0bb35', class: "token-options", part: "nedesc__dropdown-content" }, index.h("ul", { key: '28459161c996973c962f8bce4bd95334de7e59fa', 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", { key: '19f781775b3882f3acb9857450403e757d29fbe6', class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.description') }), " ", index.h("code", { key: 'e403e6e6a5342c21cc71a14280a75158978e4fde' }, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { key: 'a3810fd7dda4abcf86c5b0114361f964373bbad9', class: "label-icon" }, index.h("tooltip-component", { key: 'e238c192ebb2aab79ae87c17a7368411968ecc6a' }, index.h("info-icon", { key: '6ad059d3ac7ba0f30464329d0d29193ce42df9de', slot: "tooltip-icon", width: "13", height: "13" }), index.h("span", { key: 'd7a1786234dac338d11298ee90dea5f7eeabc661', slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", { key: '2f18fade22e39d1788c6b1d1ff6b17e501b4079c' }, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (index.h("span", { key: '2d0c2c8c93c89f2674203a22534607ad4761b0fb', class: "add-additional-fields" }, index.h("button-component", { key: '6c17ca47b82203dfc3c909775f88e3f842bbc9ca', variant: "basic", onClick: () => this.handleAddAdditionalFields() }, utils.instance.t('nylasEventDescription.addAdditionalFields.buttonText')), index.h("span", { key: '714a04b438d6cc3f782eac1b0479089ee16bb47f', class: "label-icon" }, index.h("tooltip-component", { key: '62fc5c38ba24009ba43f0f7c0cfecef899fc096c' }, index.h("info-icon", { key: 'd838d269ade9dcb389333d6b3503165b6decfa4f', slot: "tooltip-icon" }), index.h("span", { key: 'a8c77933b5c0599c9f2a965e39b32be6df0dd71c', slot: "tooltip-content" }, utils.instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", index.h("code", { key: 'b06403678e958e577785ca6bb63036343277ef55' }, '${invitee}')))))))));
916
917
  }
917
918
  static get formAssociated() { return true; }
918
919
  get host() { return index.getElement(this); }
@@ -1546,6 +1547,7 @@ const NylasEventTitle = class {
1546
1547
  const isAllSelected = (selection) => selection.anchorOffset === 0 && selection.focusOffset === selection.focusNode?.nodeValue?.length;
1547
1548
  const currentBrowser = utils.getBrowser();
1548
1549
  switch (currentBrowser) {
1550
+ case 'Edge (Chromium)':
1549
1551
  case 'Chrome': {
1550
1552
  const shadowRootSelection = this.host.shadowRoot?.getSelection();
1551
1553
  const focusNode = shadowRootSelection?.focusNode;
@@ -1747,10 +1749,10 @@ const NylasEventTitle = class {
1747
1749
  return (index.h("div", { class: "token-label" }, index.h("span", { class: "token" }, token.token), index.h("span", { class: "description" }, token.description)));
1748
1750
  }
1749
1751
  render() {
1750
- return (index.h(index.Host, { key: '5e3565754a33c2ee68d08c5461b5800851430eae' }, index.h("div", { key: 'f4a8934b29919ad81e8d025ce67993378b125081', class: "nylas-event-title", part: "net" }, index.h("label", { key: 'e802014f812ecc45067366b7c506fdfe9776da51', htmlFor: "title" }, index.h("p", { key: '594c6cc9ce3a93672b9214e0ca44cce6e6f91c2f' }, utils.instance.t('nylasEventTitle.headerTitle'), index.h("span", { key: '4719cc9930727d6170e77b6f59e5b58d5db9087d', class: "required" }, "*"))), index.h("div", { key: '717473a1d5d6c829ba02b883a9b3bf2ad4d6531c', class: {
1752
+ return (index.h(index.Host, { key: '3604606cc0de1d29de92fd21d2b560d3ca392572' }, index.h("div", { key: '9f1ecaa4adcb1f911d5f2801cabde787d260e980', class: "nylas-event-title", part: "net" }, index.h("label", { key: '45279a83fb0e167d26c9d05ff6aa67b833baee05', htmlFor: "title" }, index.h("p", { key: 'a7735d4b980b402f627d7ec62fb6943cc8f91dd6' }, utils.instance.t('nylasEventTitle.headerTitle'), index.h("span", { key: '8fd19ca367d1cb6bcd6eb7411833974f324cb6da', class: "required" }, "*"))), index.h("div", { key: '74d707a90fe47424b00174845b0c3dc23b17e6aa', class: {
1751
1753
  title: true,
1752
1754
  error: this.validationError !== '',
1753
- }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { key: '463b98b2ec5713293aec9db4941d640adc062345', class: "token-options", part: "net__dropdown-content" }, index.h("ul", { key: '97e3b59b2b20e0f4d60a016735fba1177efd1350', 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", { key: '1fc0a0e63585a638f6575cb700032623182ed29e', class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.title') }), " ", index.h("code", { key: '12fe3c849ec8fc802ef29be58ccc7dc777240214' }, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { key: '910f7d427e7c865ff65aa0a22391f260056eae0a', class: "label-icon" }, index.h("tooltip-component", { key: '2c1c597434320b8f244a909ddd76513445d49385' }, index.h("info-icon", { key: '6f094cd5685d166e3500df5dffe0283366fe2686', slot: "tooltip-icon" }), index.h("span", { key: 'c889bc004e8b159df72e37f25ee93fc8ca80d2c9', slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", { key: 'c2b7d523ca335e629f8afb3c76e98ce0c26a4ee1' }, '${invitee}')))))), this.validationError != '' && index.h("span", { key: '7a2b337f4ec5f3bd9d6a3faba354cf94f032e7d6', class: "error-message" }, utils.instance.t(`nylasEventTitle.${this.validationError}`)))));
1755
+ }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { key: '16b297a4298867ea952cf43cbe8d20ce7f4c1538', class: "token-options", part: "net__dropdown-content" }, index.h("ul", { key: 'e30fbd7643d315ad8ef53bc54baa3cfdfbf763d4', 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", { key: '868b0cc3391b0958dc09a65ef113be0143706c35', class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.title') }), " ", index.h("code", { key: '9f3f2e79e5b261d49bd1325fdac2afa99bc3789f' }, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { key: 'e1a39fcf4b862e2c4b4770d1b04442305ebe4cc6', class: "label-icon" }, index.h("tooltip-component", { key: '8917b60d4abb8b100cd2d857b3964fafcb7ad69c' }, index.h("info-icon", { key: '7afc14c64e8c00cb08fa5fd22f740508911cd9b5', slot: "tooltip-icon" }), index.h("span", { key: 'fa4e054a1d58831030e6f0c9278e106506e60f7e', slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", { key: '26f4a35890c68b0bcd8c5ba7446932e1f3a579a9' }, '${invitee}')))))), this.validationError != '' && index.h("span", { key: '215db5fa24c611e66f343ef24e364ea4cd2466b7', class: "error-message" }, utils.instance.t(`nylasEventTitle.${this.validationError}`)))));
1754
1756
  }
1755
1757
  static get formAssociated() { return true; }
1756
1758
  get host() { return index.getElement(this); }