@nylas/web-elements 1.4.5 → 2.0.0

package/dist/esm/calendar-agenda-fill-icon_36.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, c as createEvent, H as Host, a as getElement } from './index-091600eb.js';
-import { R as RegisterComponent } from './register-component-083eb961.js';
-import { b as debug, i as instance, E as timeToMinutes, F as convertTo12HourFormat, G as convertTo24HourFormat, H as minutesToTime, I as isValidUrl, r as sanitize, J as checkForMissingSlots } from './utils-6c05ecaf.js';
-import { T as TIMEZONE_MAP, D as DEFAULT_OPEN_HOURS, d as DEFAULT_FORM_FIELD_TYPES, F as FIELD_TYPES, a as LANGUAGE_MAP, L as LANGUAGE_CODE } from './constants-3d8016e3.js';
+import { R as RegisterComponent } from './register-component-62d792d4.js';
+import { b as debug, i as instance, E as timeToMinutes, F as convertTo12HourFormat, G as convertTo24HourFormat, H as minutesToTime, I as isValidUrl, r as sanitize, J as checkForMissingSlots } from './utils-bb88dd4d.js';
+import { T as TIMEZONE_MAP, D as DEFAULT_OPEN_HOURS, d as DEFAULT_FORM_FIELD_TYPES, F as FIELD_TYPES, a as LANGUAGE_MAP, L as LANGUAGE_CODE } from './constants-f51538ef.js';
 
 const iconCss$9 = ".sc-calendar-agenda-fill-icon-h{display:flex}";
 const CalendarAgendaFillIconStyle0 = iconCss$9;
@@ -7465,7 +7465,7 @@ const NylasTimeslotInterval = class {
                 ? intervalPreferenceOptions[0]
                 : intervalPreferenceOptions.find(op => op.value == this.selectedInterval.toString()) ?? intervalPreferenceOptions[0]
             : undefined;
-        return (h(Host, { key: 'ebcd942ae5ea4d5554d75f6a6b852fa9fceec2d5' }, h("div", { key: '2deef2c1f43d10e2933922822c443db9ce66524c', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: 'c23c2c9d36b284777d2dd626ed3d8f6d3ff852ae', class: "header", part: "nti__header" }, h("h3", { key: 'fd91593ab8990f1102f0a30cc6ca7534d2f22263' }, instance.t('nylasTimeslotInterval.headerTitle'))), h("div", { key: 'a7d3228854d00f97c804084d01a5db799c7ae4c0', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: 'fb1249f674a32250c89fb626521ecaf5cd6bee2c', class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (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 })), h("span", { key: 'ba8e1488a672f7ca42b7858c70450e540bc6ed80', slot: "label", class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotRounding.label'), h("tooltip-component", { key: '838f35198b817a1a68472bd4fdc4f1d3fbcf1507' }, h("info-icon", { key: 'beecaae34fd7b52fe5c59e272b4201ad1cbd025e', slot: "tooltip-icon" }), h("span", { key: '9ac586565a85c7be0d81ee1f68331ffc45081452', slot: "tooltip-content" }, instance.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
+        return (h(Host, { key: 'a2922db89671698745b040e04ed4ade53cb97856' }, h("div", { key: '6123febcf83c4f4a6735f704852a0b49ef86b8ae', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: '28ae252bbb1c197cb2af8c2404868de4eefc3755', class: "header", part: "nti__header" }, h("h3", { key: 'a0fa4565865befb21c24b19b0d6a3d35a2438e6a' }, instance.t('nylasTimeslotInterval.headerTitle'))), h("div", { key: '9afa7b8311718c155c5a67484f75be07ea1a499c', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: '27de62640dc1d5eb143f0b3c2638974e863e7052', class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (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 })), h("span", { key: '8221c77ef67c8186ce9f32ebf548c49938e2e2e1', slot: "label", class: "label", part: "nti__input-label" }, instance.t('nylasTimeslotInterval.timeslotRounding.label'), h("tooltip-component", { key: '75dc83d75698277295628af454b6129a135c8545' }, h("info-icon", { key: '7a8bd15f2d3579e854af3dadfcf93d2bc2142afb', slot: "tooltip-icon" }), h("span", { key: '0518fc031ef327b8d590e6b29cabdfcfbc473d50', slot: "tooltip-content" }, instance.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
                 {
                     value: 'no-rounding',
                     label: instance.t('nylasTimeslotInterval.timeslotRoundingOptions.noRounding.label'),

package/dist/esm/checkmark-icon_15.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, c as createEvent, a as getElement, H as Host } from './index-091600eb.js';
-import { R as RegisterComponent } from './register-component-083eb961.js';
-import { b as debug, L as isValidImage, i as instance, M as getBrowser, r as sanitize, N as isNonPrintableKey, J as checkForMissingSlots } from './utils-6c05ecaf.js';
-import { f as EVENT_TITLE_TOKENS, P as PROVIDER_CONFERENCE_MAP, g as CONFERENCE_PROVIDER_MAP } from './constants-3d8016e3.js';
+import { R as RegisterComponent } from './register-component-62d792d4.js';
+import { b as debug, L as isValidImage, i as instance, M as getBrowser, r as sanitize, N as isNonPrintableKey, J as checkForMissingSlots } from './utils-bb88dd4d.js';
+import { E as EVENT_TITLE_TOKENS, P as PROVIDER_CONFERENCE_MAP, f as CONFERENCE_PROVIDER_MAP } from './constants-f51538ef.js';
 
 const iconCss$5 = ".sc-checkmark-icon-h{display:flex}";
 const CheckmarkIconStyle0 = iconCss$5;
@@ -910,7 +910,7 @@ const NylasEventDescription = class {
         this.updateEventDescription(description);
     }
     render() {
-        return (h(Host, { key: '22675b5fed7bbca517109629eae72cbcc92b21a9' }, h("div", { key: '16c888f9635a3d6a40e1caaa98a032044a29abe1', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '05f549d01ea2477c208c4e27f41ae7c5d3487ce9', htmlFor: "description" }, instance.t('nylasEventDescription.headerTitle'), h("span", { key: '5355ed1517f58fc6c07ce121be35998154a166cc', class: "label-icon" }, h("tooltip-component", { key: '2efa954b0f0ee944b5b88039d97d72fa0d3ec46e' }, h("info-icon", { key: 'e6c02583a6668f0c25771183a7a11d4c0de87887', slot: "tooltip-icon" }), h("span", { key: 'ff003ecf4ba64e385fc50edff5c4a621a3600e5e', slot: "tooltip-content" }, instance.t('nylasEventDescription.tooltip.desc'))))), 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 && (h("div", { class: "token-options", part: "nedesc__dropdown-content" }, h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (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 && (h("span", { class: "help-text" }, instance.t('nylasEventTitle.helpText', { context: 'start', field: instance.t('nylasEventTitle.description') }), " ", h("code", null, "$"), ' ', instance.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon", width: "13", height: "13" }), h("span", { slot: "tooltip-content" }, instance.t('nylasEventTitle.tooltip.desc'), " ", h("code", null, '${invitee}')))))), !this.hideAutoPopulateButton && (h("span", { class: "add-additional-fields" }, h("button-component", { variant: "basic", onClick: () => this.handleAddAdditionalFields() }, instance.t('nylasEventDescription.addAdditionalFields.buttonText')), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", h("code", null, '${invitee}')))))))));
+        return (h(Host, { key: '22675b5fed7bbca517109629eae72cbcc92b21a9' }, h("div", { key: '16c888f9635a3d6a40e1caaa98a032044a29abe1', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '05f549d01ea2477c208c4e27f41ae7c5d3487ce9', htmlFor: "description" }, instance.t('nylasEventDescription.headerTitle'), h("span", { key: '5355ed1517f58fc6c07ce121be35998154a166cc', class: "label-icon" }, h("tooltip-component", { key: '2efa954b0f0ee944b5b88039d97d72fa0d3ec46e' }, h("info-icon", { key: 'e6c02583a6668f0c25771183a7a11d4c0de87887', slot: "tooltip-icon" }), h("span", { key: 'ff003ecf4ba64e385fc50edff5c4a621a3600e5e', slot: "tooltip-content" }, instance.t('nylasEventDescription.tooltip.desc'))))), 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 && (h("div", { class: "token-options", part: "nedesc__dropdown-content" }, h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (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 && (h("span", { class: "help-text" }, instance.t('nylasEventTitle.helpText', { context: 'start', field: instance.t('nylasEventTitle.description') }), " ", h("code", null, "$"), ' ', instance.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon", width: "13", height: "13" }), h("span", { slot: "tooltip-content" }, instance.t('nylasEventTitle.tooltip.desc'), " ", h("code", null, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (h("span", { class: "add-additional-fields" }, h("button-component", { variant: "basic", onClick: () => this.handleAddAdditionalFields() }, instance.t('nylasEventDescription.addAdditionalFields.buttonText')), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", h("code", null, '${invitee}')))))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }