@nylas/web-elements 1.1.0-canary.4 → 1.1.0-canary.7

package/dist/esm/index-8362ce5c.js

@@ -3986,364 +3986,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
-    
-        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-          const processMod = importedModule => {
-              cmpModules.set(bundleId, importedModule);
-              return importedModule[exportName];
-          }
-          switch(bundleId) {
-              
-                case 'document-refresh-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './document-refresh-icon.entry.js').then(processMod, consoleError);
-                case 'nylas-additional-participants':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-additional-participants.entry.js').then(processMod, consoleError);
-                case 'nylas-if-state':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-if-state.entry.js').then(processMod, consoleError);
-                case 'nylas-list-folders':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-list-folders.entry.js').then(processMod, consoleError);
-                case 'nylas-list-threads':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-list-threads.entry.js').then(processMod, consoleError);
-                case 'nylas-login':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-login.entry.js').then(processMod, consoleError);
-                case 'nylas-mailbox':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-mailbox.entry.js').then(processMod, consoleError);
-                case 'nylas-mailbox-pagination':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-mailbox-pagination.entry.js').then(processMod, consoleError);
-                case 'nylas-mailbox-toolbar-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-mailbox-toolbar-button.entry.js').then(processMod, consoleError);
-                case 'nylas-provider':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-provider.entry.js').then(processMod, consoleError);
-                case 'nylas-scheduler-editor':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-scheduler-editor.entry.js').then(processMod, consoleError);
-                case 'nylas-scheduling':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-scheduling.entry.js').then(processMod, consoleError);
-                case 'nylas-threads-refresh':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-threads-refresh.entry.js').then(processMod, consoleError);
-                case 'nylas-threads-search':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-threads-search.entry.js').then(processMod, consoleError);
-                case 'nylas-view-thread':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-view-thread.entry.js').then(processMod, consoleError);
-                case 'people-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './people-icon.entry.js').then(processMod, consoleError);
-                case 'archive-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './archive-icon.entry.js').then(processMod, consoleError);
-                case 'arrow-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './arrow-icon.entry.js').then(processMod, consoleError);
-                case 'folder-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './folder-icon.entry.js').then(processMod, consoleError);
-                case 'forward-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './forward-icon.entry.js').then(processMod, consoleError);
-                case 'google-logo-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './google-logo-icon.entry.js').then(processMod, consoleError);
-                case 'inbox-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './inbox-icon.entry.js').then(processMod, consoleError);
-                case 'microsoft-logo-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './microsoft-logo-icon.entry.js').then(processMod, consoleError);
-                case 'nylas-booked-event-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-booked-event-card.entry.js').then(processMod, consoleError);
-                case 'nylas-booking-form':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-booking-form.entry.js').then(processMod, consoleError);
-                case 'nylas-cancel-booking-form':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-cancel-booking-form.entry.js').then(processMod, consoleError);
-                case 'nylas-cancelled-event-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-cancelled-event-card.entry.js').then(processMod, consoleError);
-                case 'nylas-composer':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-composer.entry.js').then(processMod, consoleError);
-                case 'nylas-date-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-date-picker.entry.js').then(processMod, consoleError);
-                case 'nylas-editor-tabs':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-editor-tabs.entry.js').then(processMod, consoleError);
-                case 'nylas-locale-switch':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-locale-switch.entry.js').then(processMod, consoleError);
-                case 'nylas-logo':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-logo.entry.js').then(processMod, consoleError);
-                case 'nylas-notification':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-notification.entry.js').then(processMod, consoleError);
-                case 'nylas-selected-event-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-selected-event-card.entry.js').then(processMod, consoleError);
-                case 'nylas-summarize-message-button':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-summarize-message-button.entry.js').then(processMod, consoleError);
-                case 'nylas-timeslot-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-timeslot-picker.entry.js').then(processMod, consoleError);
-                case 'nylas-view-email':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-view-email.entry.js').then(processMod, consoleError);
-                case 'reply-all-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './reply-all-icon.entry.js').then(processMod, consoleError);
-                case 'reply-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './reply-icon.entry.js').then(processMod, consoleError);
-                case 'sent-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './sent-icon.entry.js').then(processMod, consoleError);
-                case 'spam-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './spam-icon.entry.js').then(processMod, consoleError);
-                case 'star-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './star-icon.entry.js').then(processMod, consoleError);
-                case 'trash-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './trash-icon.entry.js').then(processMod, consoleError);
-                case 'bold-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './bold-icon.entry.js').then(processMod, consoleError);
-                case 'button-component':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './button-component.entry.js').then(processMod, consoleError);
-                case 'calendar-check-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './calendar-check-icon.entry.js').then(processMod, consoleError);
-                case 'calendar-info-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './calendar-info-icon.entry.js').then(processMod, consoleError);
-                case 'calendar-patterns-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './calendar-patterns-icon.entry.js').then(processMod, consoleError);
-                case 'checkmark-circle-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './checkmark-circle-icon.entry.js').then(processMod, consoleError);
-                case 'flow-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './flow-icon.entry.js').then(processMod, consoleError);
-                case 'italic-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './italic-icon.entry.js').then(processMod, consoleError);
-                case 'nylas-availability-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-availability-picker.entry.js').then(processMod, consoleError);
-                case 'nylas-booking-calendar-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-booking-calendar-picker.entry.js').then(processMod, consoleError);
-                case 'nylas-buffer-time':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-buffer-time.entry.js').then(processMod, consoleError);
-                case 'nylas-calendar-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-calendar-picker.entry.js').then(processMod, consoleError);
-                case 'nylas-custom-booking-flow':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-custom-booking-flow.entry.js').then(processMod, consoleError);
-                case 'nylas-event-description':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-event-description.entry.js').then(processMod, consoleError);
-                case 'nylas-event-duration':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-event-duration.entry.js').then(processMod, consoleError);
-                case 'nylas-event-info':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-event-info.entry.js').then(processMod, consoleError);
-                case 'nylas-event-limits':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-event-limits.entry.js').then(processMod, consoleError);
-                case 'nylas-event-title':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-event-title.entry.js').then(processMod, consoleError);
-                case 'nylas-limit-future-bookings':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-limit-future-bookings.entry.js').then(processMod, consoleError);
-                case 'nylas-location-component':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-location-component.entry.js').then(processMod, consoleError);
-                case 'nylas-min-cancellation-notice':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-min-cancellation-notice.entry.js').then(processMod, consoleError);
-                case 'play-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './play-icon.entry.js').then(processMod, consoleError);
-                case 'refresh-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './refresh-icon.entry.js').then(processMod, consoleError);
-                case 'stop-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stop-icon.entry.js').then(processMod, consoleError);
-                case 'translate-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './translate-icon.entry.js').then(processMod, consoleError);
-                case 'underline-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './underline-icon.entry.js').then(processMod, consoleError);
-                case 'warning-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './warning-icon.entry.js').then(processMod, consoleError);
-                case 'add-circle-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './add-circle-icon.entry.js').then(processMod, consoleError);
-                case 'calendar-cancel-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './calendar-cancel-icon.entry.js').then(processMod, consoleError);
-                case 'calendar-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './calendar-icon.entry.js').then(processMod, consoleError);
-                case 'location-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './location-icon.entry.js').then(processMod, consoleError);
-                case 'location-off-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './location-off-icon.entry.js').then(processMod, consoleError);
-                case 'multi-select-dropdown':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './multi-select-dropdown.entry.js').then(processMod, consoleError);
-                case 'nylas-time-window-picker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-time-window-picker.entry.js').then(processMod, consoleError);
-                case 'time-period-selector':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './time-period-selector.entry.js').then(processMod, consoleError);
-                case 'nylas-form-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './nylas-form-card.entry.js').then(processMod, consoleError);
-                case 'loading-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './loading-icon.entry.js').then(processMod, consoleError);
-                case 'globe-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './globe-icon.entry.js').then(processMod, consoleError);
-                case 'close-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './close-icon.entry.js').then(processMod, consoleError);
-                case 'info-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './info-icon.entry.js').then(processMod, consoleError);
-                case 'tooltip-component':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './tooltip-component.entry.js').then(processMod, consoleError);
-                case 'select-dropdown':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './select-dropdown.entry.js').then(processMod, consoleError);
-                case 'search-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './search-icon.entry.js').then(processMod, consoleError);
-                case 'chevron-icon':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './chevron-icon.entry.js').then(processMod, consoleError);
-          }
-      }
+    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
     return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */

package/dist/{nylas-web-elements/index.es-bd511719.js → esm/index.es-2842f8c8.js}

@@ -1,4 +1,4 @@
-import { d as debug, u as uniqueID, c as formatEventName } from './utils-3a8d433a.js';
+import { a as debug, u as uniqueID, g as formatEventName } from './utils-73d8a928.js';
 
 class NylasAbstractProvider {
     constructor(host, stores, automaticComponentRegistration = true, eventOverrides) {
@@ -42,6 +42,7 @@ class NylasAbstractProvider {
                 authToProp: component.authToProp,
                 eventToProps: component.eventToProps,
                 connectorToProp: component.connectorToProp,
+                localPropsToProp: component.localPropsToProp,
             };
             this.registerComponent(registeredComponent);
         });
@@ -77,11 +78,10 @@ class NylasAbstractProvider {
             debug(`[${this.hostTagName}] Component ${component.name} already registered. Skipping.`);
             return;
         }
-        const { stateToProps, getStoresToProp, eventToProps, storeToProps, connectorToProp, element } = component;
+        const { stateToProps, getStoresToProp, eventToProps, storeToProps, connectorToProp, localPropsToProp, element } = component;
         element.dataset.nylasId = uniqueID();
         this.registeredComponents[element.dataset.nylasId] = component;
         const eventOverrides = this.eventOverrides;
-        console.log('eventOverrides', eventOverrides, component.name, eventToProps);
         eventToProps?.forEach((customEventHandler, propKey) => {
             const nylasConnector = this.nylasConnector;
             const handler = async (event) => {
@@ -138,6 +138,11 @@ class NylasAbstractProvider {
             element[propKey.toString()] = stateValue;
             debug(`[${this.hostTagName}] Setting "${component.name}" prop "${propKey.toString()}" to "${stateKey}" value.`, { stateValue });
         });
+        localPropsToProp?.forEach((propKey, value) => {
+            const mappedPropValue = this.host[value];
+            element[propKey.toString()] = mappedPropValue;
+            debug(`[${this.hostTagName}] Setting "${component.name}" prop "${propKey.toString()}" to the value of "${value}" value.`, { value, mappedPropValue });
+        });
         if (getStoresToProp) {
             element[getStoresToProp?.toString()] = this.getStore;
             debug(`[${this.hostTagName}] Setting "${component.name}" prop "${getStoresToProp.toString()}" to "getStore" method.`);
@@ -3208,4 +3213,4 @@ function es(t) {
 
 export { NylasBaseProvider as N, Xr as X, Zr as Z, es as e, global$1 as g, nr as n };
 
-//# sourceMappingURL=index.es-bd511719.js.map
+//# sourceMappingURL=index.es-2842f8c8.js.map