@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.d

package/dist/nylas-web-elements/{p-33a6a75b.entry.js.map → p-0161429f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["NylasMailboxConnector","constructor","router","nylasAuth","nylasAuthStore","nylasStore","this","nylasMailboxStore","init","debug","mailboxStore","authStore","auth","_authConnector","NylasAuthConnector","threads","_threadConnector","NylasThreadsConnector","messages","_messageConnector","NylasMessagesConnector","folders","_foldersConnector","NylasFoldersConnector","getAuth","resetStores","reset","logout","nylasMailboxCss","NylasMailboxStyle0","NylasMailbox","handleAuthChange","async","isAuthenticated","loggedIn","emit","host","loggedOutEvent","loggedOut","defaultPrevented","nylasMailboxConnector","connectedCallback","componentWillLoad","stores","CreateNylasAuthStore","defaultAuthStoreState","mailbox","CreateNylasMailboxStore","defaultMailboxStoreState","baseProvider","NylasBaseProvider","automaticComponentRegistration","eventOverrides","HashRouter","NylasAuth","apiUri","elementsApiUri","storageType","clientId","defaultScopes","redirectURI","authConfig","getStore","Error","initEvent","validateSession","addRouteChangeListener","_route","_path","routeParams","threadId","thread","getThread","set","_routeParams","state","unSelectThread","getFolders","queryParams","window","location","hash","split","params","URLSearchParams","searchQuery","get","getThreads","search_query_native","page_token","undefined","componentDidLoad","onChange","componentDisconnected","registerComponentHandler","event","registerComponent","detail","unregisterComponentHandler","unregisterComponent","getMailboxStore","getAuthStore","getNylasAuth","getNylasMailboxConnector","render","h","Host","key"],"sources":["src/connector/nylas-mailbox-connector/index.ts","src/components/mailbox/nylas-mailbox/nylas-mailbox.css?tag=nylas-mailbox&encapsulation=shadow","src/components/mailbox/nylas-mailbox/nylas-mailbox.tsx"],"sourcesContent":["import { RouterInterface } from '@/routers/router-interface';\nimport { NylasAuthStoreType } from '@/stores/auth-store';\nimport { NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { debug } from '@/utils/utils';\nimport type { NylasAuthType } from '@nylas/core';\nimport { NylasMailboxConnectorInterface } from '../connector-interface';\nimport { NylasAuthConnector } from '../shared/api/auth';\nimport { NylasMessagesConnector } from '../shared/api/messages';\nimport { NylasThreadsConnector } from '../shared/api/threads';\nimport { NylasFoldersConnector } from '../shared/api/folders';\n\n/**\n * Base class for the Nylas connector.\n */\nexport class NylasMailboxConnector implements NylasMailboxConnectorInterface {\n  public nylasAuth: NylasAuthType;\n  public nylasMailboxStore: NylasMailboxStoreType;\n  public nylasAuthStore: NylasAuthStoreType;\n  public router: RouterInterface;\n\n  private _authConnector: NylasAuthConnector | undefined;\n  private _threadConnector: NylasThreadsConnector | undefined;\n  private _messageConnector: NylasMessagesConnector | undefined;\n  private _foldersConnector: NylasFoldersConnector | undefined;\n\n  constructor(router: RouterInterface, nylasAuth: NylasAuthType, nylasAuthStore: NylasAuthStoreType, nylasStore: NylasMailboxStoreType) {\n    this.router = router;\n    this.nylasAuth = nylasAuth;\n    this.nylasAuthStore = nylasAuthStore;\n    this.nylasMailboxStore = nylasStore;\n  }\n\n  public init() {\n    debug('NylasMailboxConnector init');\n  }\n\n  public get mailboxStore() {\n    return this.nylasMailboxStore;\n  }\n\n  public get authStore() {\n    return this.nylasAuthStore;\n  }\n\n  public get auth() {\n    if (this._authConnector) {\n      return this._authConnector;\n    }\n    this._authConnector = new NylasAuthConnector(this.nylasAuth, this.nylasAuthStore);\n    return this._authConnector;\n  }\n\n  public get threads() {\n    if (this._threadConnector) {\n      return this._threadConnector;\n    }\n    this._threadConnector = new NylasThreadsConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router);\n    return this._threadConnector;\n  }\n\n  public get messages() {\n    if (this._messageConnector) {\n      return this._messageConnector;\n    }\n    this._messageConnector = new NylasMessagesConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._messageConnector;\n  }\n\n  public get folders() {\n    if (this._foldersConnector) {\n      return this._foldersConnector;\n    }\n    this._foldersConnector = new NylasFoldersConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._foldersConnector;\n  }\n\n  public getAuth() {\n    return this.nylasAuth;\n  }\n\n  public resetStores() {\n    this.nylasMailboxStore.reset();\n    this.nylasAuthStore.reset();\n  }\n\n  public async logout() {\n    await this.nylasAuth.logout();\n    this.resetStores();\n  }\n}\n\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasMailboxConnectorPublicMethods = PublicMethods<NylasMailboxConnector>;\n",":host {\n  display: contents;\n}\n","import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport type { EventOverride } from '@/common/component-types';\nimport { NylasMailboxConnector } from '@/connector/nylas-mailbox-connector';\nimport { HashRouter } from '@/routers/hash-router';\nimport { RouterInterface } from '@/routers/router-interface';\nimport { CreateNylasAuthStore, NylasAuthStoreState, NylasAuthStoreType } from '@/stores/auth-store';\nimport { CreateNylasMailboxStore, NylasMailboxStoreState, NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { AuthConfig, NylasAuth, NylasAuthType } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\n\n/**\n * The Nylas Mailbox component.\n * This component is used as a provider for all other Nylas Mailbox components.\n * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.\n * It also manages the state of the NylasAuth and NylasMailboxStore instances.\n * @example\n * <nylas-mailbox\n *  auth-config={{\n *  clientId: 'YOUR_CLIENT_ID',\n *  }}\n * default-auth-store-state={{\n * threadQueryParams: {\n *  limit: 10,\n * }}\n * >\n *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>\n * </nylas-mailbox>\n */\n@Component({\n  tag: 'nylas-mailbox',\n  styleUrl: 'nylas-mailbox.css',\n  shadow: true,\n})\nexport class NylasMailbox {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    auth: NylasAuthStoreType;\n    mailbox: NylasMailboxStoreType;\n  };\n\n  /**\n   * This is a base provide that defines the common methods and properties\n   * that all providers should have.\n   *\n   * Because stencil does not support abstract classes, we have to use a\n   * property to store the base provider instance.\n   */\n  private baseProvider?: NylasBaseProvider<Exclude<typeof this.stores, undefined>>;\n\n  /**\n   * The Nylas Auth instance.\n   * Used to manage all things authentication with Nylas.\n   */\n  private nylasAuth?: NylasAuthType;\n\n  /**\n   * A router instance.\n   */\n  private router?: RouterInterface;\n\n  /**\n   * The Nylas Mailbox Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasMailboxConnector?: NylasMailboxConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasMailboxElement;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   */\n  @Prop() readonly automaticComponentRegistration: boolean = true;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>> = {};\n\n  /**\n   * The Nylas Auth configuration.\n   * Used to manage all things authentication with Nylas.\n   */\n  @Prop({ attribute: 'auth-config' }) readonly authConfig?: AuthConfig;\n\n  /**\n   * The default auth store state.\n   * Used to set the initial state of the auth store.\n   */\n  @Prop({ attribute: 'default-auth-store-state' }) readonly defaultAuthStoreState?: NylasAuthStoreState;\n\n  /**\n   * The default mailbox store state.\n   * Used to set the initial state of the mailbox store.\n   */\n  @Prop({ attribute: 'default-mailbox-store-state' }) readonly defaultMailboxStoreState?: NylasMailboxStoreState;\n\n  /**\n   * This event is fired when the provider is initialized.\n   * It can be used to set the initial state of the provider,\n   * or to prevent the provider from firing some default behavior.\n   */\n  @Event({ cancelable: true }) readonly init!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedIn!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedOut!: EventEmitter<HTMLNylasMailboxElement>;\n\n  connectedCallback() {\n    debug('[nylas-mailbox] connectedCallback');\n  }\n\n  async componentWillLoad() {\n    this.stores = {\n      auth: CreateNylasAuthStore(this.defaultAuthStoreState),\n      mailbox: CreateNylasMailboxStore(this.defaultMailboxStoreState),\n    };\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    /**\n     * Create the router instance.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router = new HashRouter();\n\n    /**\n     * Create the NylasAuth instance.\n     * This will be used to manage all things authentication with Nylas.\n     */\n    this.nylasAuth = NylasAuth({\n      apiUri: 'https://api.us.nylas.com',\n      elementsApiUri: 'https://elements.us.nylas.com',\n      storageType: 'indexeddb',\n      clientId: 'YOUR_CLIENT_ID',\n      defaultScopes: [],\n      redirectURI: '/',\n      ...this.authConfig,\n    });\n\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    const mailboxStore = this.baseProvider?.getStore('mailbox');\n    if (!mailboxStore) {\n      throw new Error('Mailbox store is not defined');\n    }\n\n    this.nylasMailboxConnector = new NylasMailboxConnector(this.router, this.nylasAuth, authStore, mailboxStore);\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      /**\n       * By default, on init, we will validate the session.\n       * This will check if the user is logged in and if the session is still valid.\n       * If the session is not valid, the user will be logged out.\n       */\n      await this.nylasMailboxConnector?.auth.validateSession();\n    }\n\n    // Handle our router\n    this.router?.addRouteChangeListener(`/thread/:threadId`, async (_route, _path, routeParams) => {\n      const threadId = routeParams.threadId;\n      const thread = await this.nylasMailboxConnector?.threads.getThread(threadId);\n      if (thread) {\n        this.nylasMailboxConnector?.mailboxStore.set('selectedThread', thread);\n      }\n    });\n    this.router?.addRouteChangeListener(`/`, async (_route, _path, _routeParams) => {\n      if (!authStore.state.isAuthenticated) {\n        return;\n      }\n      // Reset the selected thread\n      this.nylasMailboxConnector?.threads.unSelectThread();\n      this.nylasMailboxConnector?.folders.getFolders();\n\n      // If we have a query param, search for threads\n      const queryParams = window.location.hash.split('?')[1];\n      if (queryParams) {\n        const params = new URLSearchParams(queryParams);\n        const searchQuery = params.get('query');\n        if (searchQuery) {\n          await this.nylasMailboxConnector?.threads.getThreads({\n            search_query_native: searchQuery,\n            page_token: undefined,\n          });\n        }\n      } else {\n        this.nylasMailboxConnector?.threads.getThreads();\n      }\n    });\n\n    /**\n     * Initialize the router.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router?.init();\n\n    /**\n     * Listen for changes in the NylasAuth isAuthenticated state.\n     * This is used to fire the loggedIn and loggedOut events.\n     */\n    this.handleAuthChange(authStore.state.isAuthenticated);\n    this.baseProvider?.componentWillLoad(this.nylasMailboxConnector);\n  }\n\n  async componentDidLoad() {\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    authStore.onChange('isAuthenticated', this.handleAuthChange);\n    this.baseProvider?.componentDidLoad();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  @Listen('registerComponent')\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  @Listen('unregisterComponent')\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This method is used to retrieve the mailboxStore instance\n   * @returns The mailboxStore instance\n   */\n  @Method()\n  async getMailboxStore(): Promise<NylasMailboxStoreType | undefined> {\n    return this.baseProvider?.getStore('mailbox');\n  }\n\n  /**\n   * This method is used to retrieve the authStore instance\n   * @returns The authStore instance\n   */\n  @Method()\n  async getAuthStore(): Promise<NylasAuthStoreType | undefined> {\n    return this.baseProvider?.getStore('auth');\n  }\n\n  /**\n   * This method is used to retrieve the NylasAuth instance\n   * @returns The NylasAuth instance\n   */\n  @Method()\n  async getNylasAuth(): Promise<NylasAuthType | undefined> {\n    return this.nylasAuth;\n  }\n\n  /**\n   * This method is used to retrieve the NylasMailboxConnector instance\n   * @returns The NylasMailboxConnector instance\n   */\n  @Method()\n  async getNylasMailboxConnector() {\n    return this.nylasMailboxConnector;\n  }\n\n  /**\n   * This method is used to handle changes in the NylasAuth isAuthenticated state\n   * @param isAuthenticated isAuthenticated state\n   * @returns void\n   */\n  private handleAuthChange = async (isAuthenticated: boolean) => {\n    if (isAuthenticated) {\n      this.loggedIn.emit(this.host);\n    } else {\n      const loggedOutEvent = this.loggedOut.emit(this.host);\n      if (!loggedOutEvent.defaultPrevented) {\n        await this.nylasMailboxConnector?.logout();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["NylasMailboxConnector","constructor","router","nylasAuth","nylasAuthStore","nylasStore","this","nylasMailboxStore","init","debug","mailboxStore","authStore","auth","_authConnector","NylasAuthConnector","threads","_threadConnector","NylasThreadsConnector","messages","_messageConnector","NylasMessagesConnector","folders","_foldersConnector","NylasFoldersConnector","getAuth","resetStores","reset","logout","nylasMailboxCss","NylasMailboxStyle0","NylasMailbox","handleAuthChange","async","isAuthenticated","loggedIn","emit","host","loggedOutEvent","loggedOut","defaultPrevented","nylasMailboxConnector","connectedCallback","componentWillLoad","stores","CreateNylasAuthStore","defaultAuthStoreState","mailbox","CreateNylasMailboxStore","defaultMailboxStoreState","baseProvider","NylasBaseProvider","automaticComponentRegistration","eventOverrides","HashRouter","NylasAuth","apiUri","elementsApiUri","storageType","clientId","defaultScopes","redirectURI","authConfig","getStore","Error","initEvent","validateSession","addRouteChangeListener","_route","_path","routeParams","threadId","thread","getThread","set","_routeParams","state","unSelectThread","getFolders","queryParams","window","location","hash","split","params","URLSearchParams","searchQuery","get","getThreads","search_query_native","page_token","undefined","componentDidLoad","onChange","componentDisconnected","registerComponentHandler","event","registerComponent","detail","unregisterComponentHandler","unregisterComponent","getMailboxStore","getAuthStore","getNylasAuth","getNylasMailboxConnector","render","h","Host","key"],"sources":["src/connector/nylas-mailbox-connector/index.ts","src/components/mailbox/nylas-mailbox/nylas-mailbox.css?tag=nylas-mailbox&encapsulation=shadow","src/components/mailbox/nylas-mailbox/nylas-mailbox.tsx"],"sourcesContent":["import { RouterInterface } from '@/routers/router-interface';\nimport { NylasAuthStoreType } from '@/stores/auth-store';\nimport { NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { debug } from '@/utils/utils';\nimport type { NylasAuthType } from '@nylas/core';\nimport { NylasMailboxConnectorInterface } from '../connector-interface';\nimport { NylasAuthConnector } from '../shared/api/auth';\nimport { NylasMessagesConnector } from '../shared/api/messages';\nimport { NylasThreadsConnector } from '../shared/api/threads';\nimport { NylasFoldersConnector } from '../shared/api/folders';\n\n/**\n * Base class for the Nylas connector.\n */\nexport class NylasMailboxConnector implements NylasMailboxConnectorInterface {\n  public nylasAuth: NylasAuthType;\n  public nylasMailboxStore: NylasMailboxStoreType;\n  public nylasAuthStore: NylasAuthStoreType;\n  public router: RouterInterface;\n\n  private _authConnector: NylasAuthConnector | undefined;\n  private _threadConnector: NylasThreadsConnector | undefined;\n  private _messageConnector: NylasMessagesConnector | undefined;\n  private _foldersConnector: NylasFoldersConnector | undefined;\n\n  constructor(router: RouterInterface, nylasAuth: NylasAuthType, nylasAuthStore: NylasAuthStoreType, nylasStore: NylasMailboxStoreType) {\n    this.router = router;\n    this.nylasAuth = nylasAuth;\n    this.nylasAuthStore = nylasAuthStore;\n    this.nylasMailboxStore = nylasStore;\n  }\n\n  public init() {\n    debug('NylasMailboxConnector init');\n  }\n\n  public get mailboxStore() {\n    return this.nylasMailboxStore;\n  }\n\n  public get authStore() {\n    return this.nylasAuthStore;\n  }\n\n  public get auth() {\n    if (this._authConnector) {\n      return this._authConnector;\n    }\n    this._authConnector = new NylasAuthConnector(this.nylasAuth, this.nylasAuthStore);\n    return this._authConnector;\n  }\n\n  public get threads() {\n    if (this._threadConnector) {\n      return this._threadConnector;\n    }\n    this._threadConnector = new NylasThreadsConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router);\n    return this._threadConnector;\n  }\n\n  public get messages() {\n    if (this._messageConnector) {\n      return this._messageConnector;\n    }\n    this._messageConnector = new NylasMessagesConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._messageConnector;\n  }\n\n  public get folders() {\n    if (this._foldersConnector) {\n      return this._foldersConnector;\n    }\n    this._foldersConnector = new NylasFoldersConnector(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore);\n    return this._foldersConnector;\n  }\n\n  public getAuth() {\n    return this.nylasAuth;\n  }\n\n  public resetStores() {\n    this.nylasMailboxStore.reset();\n    this.nylasAuthStore.reset();\n  }\n\n  public async logout() {\n    await this.nylasAuth.logout();\n    this.resetStores();\n  }\n}\n\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasMailboxConnectorPublicMethods = PublicMethods<NylasMailboxConnector>;\n",":host {\n  display: contents;\n}\n","import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport type { EventOverride } from '@/common/component-types';\nimport { NylasMailboxConnector } from '@/connector/nylas-mailbox-connector';\nimport { HashRouter } from '@/routers/hash-router';\nimport { RouterInterface } from '@/routers/router-interface';\nimport { CreateNylasAuthStore, NylasAuthStoreState, NylasAuthStoreType } from '@/stores/auth-store';\nimport { CreateNylasMailboxStore, NylasMailboxStoreState, NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { AuthConfig, NylasAuth, NylasAuthType } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\n\n/**\n * The Nylas Mailbox component.\n * This component is used as a provider for all other Nylas Mailbox components.\n * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.\n * It also manages the state of the NylasAuth and NylasMailboxStore instances.\n * @example\n * <nylas-mailbox\n *  auth-config={{\n *  clientId: 'YOUR_CLIENT_ID',\n *  }}\n * default-auth-store-state={{\n * threadQueryParams: {\n *  limit: 10,\n * }}\n * >\n *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>\n * </nylas-mailbox>\n */\n@Component({\n  tag: 'nylas-mailbox',\n  styleUrl: 'nylas-mailbox.css',\n  shadow: true,\n})\nexport class NylasMailbox {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    auth: NylasAuthStoreType;\n    mailbox: NylasMailboxStoreType;\n  };\n\n  /**\n   * This is a base provide that defines the common methods and properties\n   * that all providers should have.\n   *\n   * Because stencil does not support abstract classes, we have to use a\n   * property to store the base provider instance.\n   */\n  private baseProvider?: NylasBaseProvider<Exclude<typeof this.stores, undefined>>;\n\n  /**\n   * The Nylas Auth instance.\n   * Used to manage all things authentication with Nylas.\n   */\n  private nylasAuth?: NylasAuthType;\n\n  /**\n   * A router instance.\n   */\n  private router?: RouterInterface;\n\n  /**\n   * The Nylas Mailbox Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasMailboxConnector?: NylasMailboxConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasMailboxElement;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   */\n  @Prop() readonly automaticComponentRegistration: boolean = true;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>> = {};\n\n  /**\n   * The Nylas Auth configuration.\n   * Used to manage all things authentication with Nylas.\n   */\n  @Prop({ attribute: 'auth-config' }) readonly authConfig?: AuthConfig;\n\n  /**\n   * The default auth store state.\n   * Used to set the initial state of the auth store.\n   */\n  @Prop({ attribute: 'default-auth-store-state' }) readonly defaultAuthStoreState?: NylasAuthStoreState;\n\n  /**\n   * The default mailbox store state.\n   * Used to set the initial state of the mailbox store.\n   */\n  @Prop({ attribute: 'default-mailbox-store-state' }) readonly defaultMailboxStoreState?: NylasMailboxStoreState;\n\n  /**\n   * This event is fired when the provider is initialized.\n   * It can be used to set the initial state of the provider,\n   * or to prevent the provider from firing some default behavior.\n   */\n  @Event({ cancelable: true }) readonly init!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedIn!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedOut!: EventEmitter<HTMLNylasMailboxElement>;\n\n  connectedCallback() {\n    debug('[nylas-mailbox] connectedCallback');\n  }\n\n  async componentWillLoad() {\n    this.stores = {\n      auth: CreateNylasAuthStore(this.defaultAuthStoreState),\n      mailbox: CreateNylasMailboxStore(this.defaultMailboxStoreState),\n    };\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    /**\n     * Create the router instance.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router = new HashRouter();\n\n    /**\n     * Create the NylasAuth instance.\n     * This will be used to manage all things authentication with Nylas.\n     */\n    this.nylasAuth = NylasAuth({\n      apiUri: 'https://api.us.nylas.com',\n      elementsApiUri: 'https://elements.us.nylas.com',\n      storageType: 'indexeddb',\n      clientId: 'YOUR_CLIENT_ID',\n      defaultScopes: [],\n      redirectURI: '/',\n      ...this.authConfig,\n    });\n\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    const mailboxStore = this.baseProvider?.getStore('mailbox');\n    if (!mailboxStore) {\n      throw new Error('Mailbox store is not defined');\n    }\n\n    this.nylasMailboxConnector = new NylasMailboxConnector(this.router, this.nylasAuth, authStore, mailboxStore);\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      /**\n       * By default, on init, we will validate the session.\n       * This will check if the user is logged in and if the session is still valid.\n       * If the session is not valid, the user will be logged out.\n       */\n      await this.nylasMailboxConnector?.auth.validateSession();\n    }\n\n    // Handle our router\n    this.router?.addRouteChangeListener(`/thread/:threadId`, async (_route, _path, routeParams) => {\n      const threadId = routeParams.threadId;\n      const thread = await this.nylasMailboxConnector?.threads.getThread(threadId);\n      if (thread) {\n        this.nylasMailboxConnector?.mailboxStore.set('selectedThread', thread);\n      }\n    });\n    this.router?.addRouteChangeListener(`/`, async (_route, _path, _routeParams) => {\n      if (!authStore.state.isAuthenticated) {\n        return;\n      }\n      // Reset the selected thread\n      this.nylasMailboxConnector?.threads.unSelectThread();\n      this.nylasMailboxConnector?.folders.getFolders();\n\n      // If we have a query param, search for threads\n      const queryParams = window.location.hash.split('?')[1];\n      if (queryParams) {\n        const params = new URLSearchParams(queryParams);\n        const searchQuery = params.get('query');\n        if (searchQuery) {\n          await this.nylasMailboxConnector?.threads.getThreads({\n            search_query_native: searchQuery,\n            page_token: undefined,\n          });\n        }\n      } else {\n        this.nylasMailboxConnector?.threads.getThreads();\n      }\n    });\n\n    /**\n     * Initialize the router.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router?.init();\n\n    /**\n     * Listen for changes in the NylasAuth isAuthenticated state.\n     * This is used to fire the loggedIn and loggedOut events.\n     */\n    this.handleAuthChange(authStore.state.isAuthenticated);\n    this.baseProvider?.componentWillLoad(this.nylasMailboxConnector);\n  }\n\n  async componentDidLoad() {\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    authStore.onChange('isAuthenticated', this.handleAuthChange);\n    this.baseProvider?.componentDidLoad();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  @Listen('registerComponent')\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  @Listen('unregisterComponent')\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This method is used to retrieve the mailboxStore instance\n   * @returns The mailboxStore instance\n   */\n  @Method()\n  async getMailboxStore(): Promise<NylasMailboxStoreType | undefined> {\n    return this.baseProvider?.getStore('mailbox');\n  }\n\n  /**\n   * This method is used to retrieve the authStore instance\n   * @returns The authStore instance\n   */\n  @Method()\n  async getAuthStore(): Promise<NylasAuthStoreType | undefined> {\n    return this.baseProvider?.getStore('auth');\n  }\n\n  /**\n   * This method is used to retrieve the NylasAuth instance\n   * @returns The NylasAuth instance\n   */\n  @Method()\n  async getNylasAuth(): Promise<NylasAuthType | undefined> {\n    return this.nylasAuth;\n  }\n\n  /**\n   * This method is used to retrieve the NylasMailboxConnector instance\n   * @returns The NylasMailboxConnector instance\n   */\n  @Method()\n  async getNylasMailboxConnector() {\n    return this.nylasMailboxConnector;\n  }\n\n  /**\n   * This method is used to handle changes in the NylasAuth isAuthenticated state\n   * @param isAuthenticated isAuthenticated state\n   * @returns void\n   */\n  private handleAuthChange = async (isAuthenticated: boolean) => {\n    if (isAuthenticated) {\n      this.loggedIn.emit(this.host);\n    } else {\n      const loggedOutEvent = this.loggedOut.emit(this.host);\n      if (!loggedOutEvent.defaultPrevented) {\n        await this.nylasMailboxConnector?.logout();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/p-064c2ae5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-68c2fadf.js";const e=".sc-play-icon-h{display:flex}";const o=e;const i=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"96ab1fb2b57c497d3d6b8ebbc0c2e5fa4206ea9b",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"1783e27f9fee56b62c8ebf0259b871c5879477b1",d:"M21 12L3 21V3L21 12Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=o;const r=".sc-stop-icon-h{display:flex}";const a=r;const c=class{constructor(s){t(this,s);this.width="15";this.height="15"}render(){return s("svg",{key:"fee6ff55a52afe1933b233bdd50f1578a704c5ba",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"79e21d725af782ac31465ade8d3c43be79049fab",d:"M4 4H20V20H4V4Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};c.style=a;export{i as play_icon,c as stop_icon};
+//# sourceMappingURL=p-064c2ae5.entry.js.map

package/dist/nylas-web-elements/{p-de7b0878.entry.js → p-0aa1e433.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as c}from"./p-68c2fadf.js";const e=".sc-add-circle-icon-h{display:flex}";const s=e;const t=class{constructor(c){a(this,c);this.width="24";this.height="25"}render(){return c("svg",{key:"61927c69799c46729dc3fd834e12d85039949e97",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("path",{key:"9dda19a5a0521e3f26a5198af34e4a0b63778d57",d:"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z",fill:"currentColor"}))}};t.style=s;const f=".sc-close-icon-h{display:flex}";const d=f;const l=class{constructor(c){a(this,c);this.width="16";this.height="16"}render(){return c("svg",{key:"0f4877401be56f05c3e078f1787090f1d4ef1828",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("g",{key:"1de897afab65499f15dc52a688c0979688a0e1e6","clip-path":"url(#a)"},c("path",{key:"a845971a716788575a41b7baa3cb3112c6b101dd",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),c("defs",{key:"53535e0937ab07c5a668dd03286a54048f8486d7"},c("clipPath",{key:"cfc1b69ea9a3f2c77fbc1f639b083f89a53e69f5",id:"a"},c("path",{key:"88c774bf4d75f09fbc2754feac3dfa293297b3a2",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};l.style=d;export{t as add_circle_icon,l as close_icon};
-//# sourceMappingURL=p-de7b0878.entry.js.map
+import{r as a,h as c}from"./p-68c2fadf.js";const e=".sc-add-circle-icon-h{display:flex}";const f=e;const s=class{constructor(c){a(this,c);this.width="24";this.height="25"}render(){return c("svg",{key:"c79d0b353d7f86b3aa85263b6826eff7f859d4fc",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("path",{key:"db54a7ebb7020a9c38678dbe369ae07256cf3ad5",d:"M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z",fill:"currentColor"}))}};s.style=f;const t=".sc-close-icon-h{display:flex}";const d=t;const l=class{constructor(c){a(this,c);this.width="16";this.height="16"}render(){return c("svg",{key:"0f4877401be56f05c3e078f1787090f1d4ef1828",width:"21",height:"21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},c("g",{key:"1de897afab65499f15dc52a688c0979688a0e1e6","clip-path":"url(#a)"},c("path",{key:"a845971a716788575a41b7baa3cb3112c6b101dd",d:"M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z",fill:"currentColor"})),c("defs",{key:"53535e0937ab07c5a668dd03286a54048f8486d7"},c("clipPath",{key:"cfc1b69ea9a3f2c77fbc1f639b083f89a53e69f5",id:"a"},c("path",{key:"88c774bf4d75f09fbc2754feac3dfa293297b3a2",fill:"#fff",transform:"translate(.148 .054)",d:"M0 0h20v20H0z"}))))}};l.style=d;export{s as add_circle_icon,l as close_icon};
+//# sourceMappingURL=p-0aa1e433.entry.js.map

package/dist/nylas-web-elements/{p-3f122804.entry.js → p-0bf6f818.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as n,h as e,H as a,a as s}from"./p-68c2fadf.js";import{R as l}from"./p-795b324a.js";import{a as t}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const d=i;var r=undefined&&undefined.__decorate||function(o,n,e,a){var s=arguments.length,l=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,e):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(o,n,e,a);else for(var i=o.length-1;i>=0;i--)if(t=o[i])l=(s<3?t(l):s>3?t(n,e,l):t(n,e))||l;return s>3&&l&&Object.defineProperty(n,e,l),l};var c=undefined&&undefined.__metadata||function(o,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,n)};const b=class{constructor(e){o(this,e);this.valueChanged=n(this,"valueChanged",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="booking-type";this.bookingType="";this.selectedBookingType=""}elementNameChangedHandler(o){t("nylas-custom-booking-flow","elementNameChangedHandler",o);this.host.setAttribute("name",o)}selectedConfigurationChangedHandler(o,n){t("nylas-custom-booking-flow","selectedConfigurationChangedHandler",o,n);if(o?.event_booking?.booking_type){this.bookingType=o?.event_booking?.booking_type}if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.bookingType.toString(),"booking-calendar")}this.selectedBookingType=this.bookingType}connectedCallback(){t("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){t("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){t("nylas-custom-booking-flow","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-custom-booking-flow","componentDidLoad")}componentWillUpdate(){t("nylas-custom-booking-flow","componentWillUpdate")}componentDidUpdate(){t("nylas-custom-booking-flow","componentDidUpdate")}componentWillRender(){t("nylas-custom-booking-flow","componentWillRender")}componentDidRender(){t("nylas-custom-booking-flow","componentDidRender")}nylasFormDropdownChangedHandler(o){t("nylas-custom-booking-flow","nylasFormDropdownChangedHandler",o.detail);const n=o=>{const{value:n}=o.detail;this.selectedBookingType=n;this.internals.setFormValue(n.toString(),"booking-calendar")};this.valueChanged.emit({...o.detail,valueChanged:n})}render(){const o=[{label:"Automatically accept bookings",value:"booking"},{label:"Manually confirm/decline bookings",value:"pre-booking"}];return e(a,{key:"ab96607fed5c39db27957825ec697879b7c01945"},e("div",{key:"13da4b31b5e95f4f1ac7b660368daaa8032bddc2",class:"nylas-custom-booking-flow",part:"ncbf"},e("div",{key:"526e071fa4096dd0870deb4d21a6bdd70d6045e4",class:"header",part:"ncbf__header"},e("h3",{key:"b7a0eccfe7ca0f182bc53ecb6c9fa79bf4995b52"},"Customize booking flow"),e("p",{key:"97a5ce1e9412af6872c7bacb2e72f0ddf3add41a"},"Customize how new bookings are handled when a booking is completed.")),o.length>0?e("div",{class:"nylas-custom-booking-flow__dropdown"},e("span",{class:"label"},"After a booking is confirmed",e("tooltip-component",null,e("info-icon",{slot:"tooltip-icon"}),e("span",{slot:"tooltip-content"},"Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))),e("select-dropdown",{name:"booking-type",options:o,withSearch:false,exportparts:"sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content",defaultSelectedOption:o.find((o=>o.value==this.bookingType))??o[0]})):e("div",{class:"nylas-custom-booking-flow__loading"},e("span",{class:"label"},"Select a calendar to book meetings on ",e("info-icon",null)),e("div",{class:"loading-button"},e("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};r([l({name:"nylas-custom-booking-flow",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(o,n)=>{const{valueChanged:e}=o.detail;if(e){e(o)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],b.prototype,"render",null);b.style=d;export{b as nylas_custom_booking_flow};
-//# sourceMappingURL=p-3f122804.entry.js.map
+import{r as o,c as n,h as e,H as a,a as s}from"./p-68c2fadf.js";import{R as l}from"./p-795b324a.js";import{a as t}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const i=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-custom-booking-flow{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-custom-booking-flow .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-booking-flow .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading{padding-bottom:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-custom-booking-flow .nylas-custom-booking-flow__loading .loading-button span{padding:0 1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown{padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown span.label tooltip-component{display:flex}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-custom-booking-flow .nylas-custom-booking-flow__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}';const d=i;var r=undefined&&undefined.__decorate||function(o,n,e,a){var s=arguments.length,l=s<3?n:a===null?a=Object.getOwnPropertyDescriptor(n,e):a,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")l=Reflect.decorate(o,n,e,a);else for(var i=o.length-1;i>=0;i--)if(t=o[i])l=(s<3?t(l):s>3?t(n,e,l):t(n,e))||l;return s>3&&l&&Object.defineProperty(n,e,l),l};var c=undefined&&undefined.__metadata||function(o,n){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(o,n)};const b=class{constructor(e){o(this,e);this.valueChanged=n(this,"valueChanged",7);if(e.$hostElement$["s-ei"]){this.internals=e.$hostElement$["s-ei"]}else{this.internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.internals}this.selectedConfiguration=undefined;this.name="booking-type";this.bookingType="";this.selectedBookingType=""}elementNameChangedHandler(o){t("nylas-custom-booking-flow","elementNameChangedHandler",o);this.host.setAttribute("name",o)}selectedConfigurationChangedHandler(o,n){t("nylas-custom-booking-flow","selectedConfigurationChangedHandler",o,n);if(o?.event_booking?.booking_type){this.bookingType=o?.event_booking?.booking_type}if(typeof this.internals.setFormValue==="function"){this.internals.setFormValue(this.bookingType.toString(),"booking-calendar")}this.selectedBookingType=this.bookingType}connectedCallback(){t("nylas-custom-booking-flow","connectedCallback")}disconnectedCallback(){t("nylas-custom-booking-flow","disconnectedCallback")}componentWillLoad(){t("nylas-custom-booking-flow","componentWillLoad");this.host.setAttribute("name",this.name)}componentDidLoad(){t("nylas-custom-booking-flow","componentDidLoad")}componentWillUpdate(){t("nylas-custom-booking-flow","componentWillUpdate")}componentDidUpdate(){t("nylas-custom-booking-flow","componentDidUpdate")}componentWillRender(){t("nylas-custom-booking-flow","componentWillRender")}componentDidRender(){t("nylas-custom-booking-flow","componentDidRender")}nylasFormDropdownChangedHandler(o){t("nylas-custom-booking-flow","nylasFormDropdownChangedHandler",o.detail);const n=o=>{const{value:n}=o.detail;this.selectedBookingType=n;this.internals.setFormValue(n.toString(),"booking-calendar")};this.valueChanged.emit({...o.detail,valueChanged:n})}render(){const o=[{label:"Automatically accept bookings",value:"booking"},{label:"Manually confirm/decline bookings",value:"pre-booking"}];return e(a,{key:"68bd564fc44eb7ea455702df5a7e9b49b86e2ad8"},e("div",{key:"acf405780dfa6bb2d461e5626f8d89a929b4293d",class:"nylas-custom-booking-flow",part:"ncbf"},e("div",{key:"824cfe6b301c975726832e99d28893cb27f834cb",class:"header",part:"ncbf__header"},e("h3",{key:"923a7cfae801db7884bcbcfcf845d663c9437cef"},"Customize booking flow"),e("p",{key:"a9085a2a91c6ac15077c0d9d43963e68be878b2e"},"Customize how new bookings are handled when a booking is completed.")),o.length>0?e("div",{class:"nylas-custom-booking-flow__dropdown"},e("span",{class:"label"},"After a booking is confirmed",e("tooltip-component",null,e("info-icon",{slot:"tooltip-icon"}),e("span",{slot:"tooltip-content"},"Choose how you’d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))),e("select-dropdown",{name:"booking-type",options:o,withSearch:false,exportparts:"sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content",defaultSelectedOption:o.find((o=>o.value==this.bookingType))??o[0]})):e("div",{class:"nylas-custom-booking-flow__loading"},e("span",{class:"label"},"Select a calendar to book meetings on ",e("info-icon",null)),e("div",{class:"loading-button"},e("span",null,"Loading...")))))}static get formAssociated(){return true}get host(){return s(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};r([l({name:"nylas-custom-booking-flow",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(o,n)=>{const{valueChanged:e}=o.detail;if(e){e(o)}}},fireRegisterEvent:true}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],b.prototype,"render",null);b.style=d;export{b as nylas_custom_booking_flow};
+//# sourceMappingURL=p-0bf6f818.entry.js.map

package/dist/nylas-web-elements/p-1102df14.entry.js

@@ -0,0 +1,2 @@
+import{r as c,h as a}from"./p-68c2fadf.js";const e=".sc-calendar-cancel-icon-h{display:flex}";const s=e;const t=class{constructor(a){c(this,a);this.width="20";this.height="20"}render(){return a("svg",{key:"1e1deb5a81013c8c140c28cf0b0760f1b05b9c46",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"bce2cebf7c98d2f62b3b999f9e199aac7b591938",d:"M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z",fill:"currentColor"}))}};t.style=s;export{t as calendar_cancel_icon};
+//# sourceMappingURL=p-1102df14.entry.js.map

package/dist/nylas-web-elements/{p-f1a54acf.entry.js → p-155e5ce8.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-68c2fadf.js";const C=".sc-clock-icon-h{display:flex}";const c=C;const o=class{constructor(t){s(this,t);this.width="16";this.height="16"}render(){return t("svg",{key:"062afbb2bb73f7c8b71815a1ab4a7c47a1fc7143",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"a36644a1cf8a8b7fb525d5be862cb7911d78c231",d:"M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z",fill:"currentColor"}))}};o.style=c;const e=".sc-person-icon-h{display:flex}";const n=e;const r=class{constructor(t){s(this,t);this.width="14";this.height="16"}render(){return t("svg",{key:"f2d757929cf0b28a559451e54ab790e4eaf3c38e",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"c5b18fb66a00d41ee2a3b643bf5d3badb8453920",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};r.style=n;export{o as clock_icon,r as person_icon};
-//# sourceMappingURL=p-f1a54acf.entry.js.map
+import{r as s,h as t}from"./p-68c2fadf.js";const C=".sc-clock-icon-h{display:flex}";const c=C;const o=class{constructor(t){s(this,t);this.width="16";this.height="16"}render(){return t("svg",{key:"68671ab9258159616fc6b8979290137d5e3140b8",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"ba8c3b5805170ef14aa4e0b372bcd1cc5123e085",d:"M8 0.5C12.1421 0.5 15.5 3.85786 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5ZM8 1.4375C4.37563 1.4375 1.4375 4.37563 1.4375 8C1.4375 11.6244 4.37563 14.5625 8 14.5625C11.6244 14.5625 14.5625 11.6244 14.5625 8C14.5625 4.37563 11.6244 1.4375 8 1.4375ZM7.53125 3.3125C7.76137 3.3125 7.95276 3.47832 7.99245 3.69699L8 3.78125V8H10.3438C10.6026 8 10.8125 8.20987 10.8125 8.46875C10.8125 8.69887 10.6467 8.89026 10.428 8.92995L10.3438 8.9375H7.53125C7.30113 8.9375 7.10974 8.77168 7.07005 8.55301L7.0625 8.46875V3.78125C7.0625 3.52237 7.27237 3.3125 7.53125 3.3125Z",fill:"currentColor"}))}};o.style=c;const e=".sc-person-icon-h{display:flex}";const n=e;const r=class{constructor(t){s(this,t);this.width="14";this.height="16"}render(){return t("svg",{key:"00e85816bf4a55895adf2817b4456e834fc87432",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"7d2cf22961166d9bdbeaf1952d7c300b90a2fd1f",d:"M7 0C4.79086 0 3 1.79086 3 4C3 6.20914 4.79086 8 7 8C9.20914 8 11 6.20914 11 4C11 1.79086 9.20914 0 7 0ZM4 4C4 2.34315 5.34315 1 7 1C8.65685 1 10 2.34315 10 4C10 5.65685 8.65685 7 7 7C5.34315 7 4 5.65685 4 4ZM2.00873 9C0.903151 9 0 9.88687 0 11C0 12.6912 0.83281 13.9663 2.13499 14.7966C3.41697 15.614 5.14526 16 7 16C8.85474 16 10.583 15.614 11.865 14.7966C13.1672 13.9663 14 12.6912 14 11C14 9.89557 13.1045 9.00001 12 9.00001L2.00873 9ZM1 11C1 10.4467 1.44786 10 2.00873 10L12 10C12.5522 10 13 10.4478 13 11C13 12.3088 12.3777 13.2837 11.3274 13.9534C10.2568 14.636 8.73511 15 7 15C5.26489 15 3.74318 14.636 2.67262 13.9534C1.62226 13.2837 1 12.3088 1 11Z",fill:"currentColor"}))}};r.style=n;export{o as clock_icon,r as person_icon};
+//# sourceMappingURL=p-155e5ce8.entry.js.map

package/dist/nylas-web-elements/{p-a85408e0.entry.js → p-18d100c8.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as s,a as n}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as c,C as t}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';const o=d;var l=undefined&&undefined.__decorate||function(e,a,s,n){var r=arguments.length,c=r<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,s):n,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,a,s,n);else for(var d=e.length-1;d>=0;d--)if(t=e[d])c=(r<3?t(c):r>3?t(a,s,c):t(a,s))||c;return r>3&&c&&Object.defineProperty(a,s,c),c};var f=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const i=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){c("nylas-event-card","connectedCallback")}componentWillLoad(){c("nylas-event-card","componentWillLoad")}componentDidLoad(){c("nylas-event-card","componentDidLoad")}disconnectedCallback(){c("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];t(e,this.host)}render(){return a(s,{key:"b239c071fddb29c99417cd9df00e4e8a10cfc68d"},a("div",{key:"03cea2cbfa42eaa9fa93a7b95507c182d9fb468e",class:"nylas-form-card"},a("div",{key:"8c62d6d8b725d25aa139635d865d95d00f904c75",class:"nylas-form-card__header"},a("slot",{key:"614613c87e4c5cf2eb54bea118a9179e8f684535",name:"header-title"}),a("slot",{key:"9cc70a1325e1e69c69a3313581bf14b2c638a421",name:"header-subtitle"})),a("div",{key:"8d557b743c717caae7d331b0084dcde441b64a80",class:"nylas-form-card__content"},a("slot",{key:"e35718fdfd24a984a39ca67e8356991d8b7000f2",name:"content"}))))}static get formAssociated(){return true}get host(){return n(this)}};l([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],i.prototype,"render",null);i.style=o;export{i as nylas_form_card};
-//# sourceMappingURL=p-a85408e0.entry.js.map
+import{r as e,h as a,H as s,a as n}from"./p-68c2fadf.js";import{R as r}from"./p-795b324a.js";import{a as c,C as t}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const d=':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}';const f=d;var o=undefined&&undefined.__decorate||function(e,a,s,n){var r=arguments.length,c=r<3?a:n===null?n=Object.getOwnPropertyDescriptor(a,s):n,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")c=Reflect.decorate(e,a,s,n);else for(var d=e.length-1;d>=0;d--)if(t=e[d])c=(r<3?t(c):r>3?t(a,s,c):t(a,s))||c;return r>3&&c&&Object.defineProperty(a,s,c),c};var l=undefined&&undefined.__metadata||function(e,a){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,a)};const b=class{constructor(a){e(this,a);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}connectedCallback(){c("nylas-event-card","connectedCallback")}componentWillLoad(){c("nylas-event-card","componentWillLoad")}componentDidLoad(){c("nylas-event-card","componentDidLoad")}disconnectedCallback(){c("nylas-event-card","disconnectedCallback");const e=["header-title","header-subtitle","content"];t(e,this.host)}render(){return a(s,{key:"2fef59eded8f70f0a2c0dc2fbcaddf1f8b058771"},a("div",{key:"016171f1a2d2610e690d9ae6e31dcdaf9d468efa",class:"nylas-form-card"},a("div",{key:"9b054e5b900b1ce16cf4a005ca271f9859d10fcd",class:"nylas-form-card__header"},a("slot",{key:"0664cfabca39c279a6920e3ffc11074f57c809fa",name:"header-title"}),a("slot",{key:"551326d9227e6b3e7bd53e375e7fc50d723b8d5d",name:"header-subtitle"})),a("div",{key:"bd75be371c835ce33a07eb35b967c4fa557e9578",class:"nylas-form-card__content"},a("slot",{key:"4bbb9cb23d407fde92baafb8fce0033100a7e56f",name:"content"}))))}static get formAssociated(){return true}get host(){return n(this)}};o([r({name:"nylas-form-card",eventToProps:{},fireRegisterEvent:true}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],b.prototype,"render",null);b.style=f;export{b as nylas_form_card};
+//# sourceMappingURL=p-18d100c8.entry.js.map

package/dist/nylas-web-elements/{p-5231fc13.entry.js → p-1a7edf86.entry.js}

@@ -1,3 +1,3 @@
-import{r as e,h as t,c as n,H as o,a as i,F as r}from"./p-68c2fadf.js";import{a as s,l as a,m as l,n as c,p as f}from"./p-6c11737d.js";import{R as u}from"./p-795b324a.js";import{c as d}from"./p-cb65c223.js";import"./p-02aa5f03.js";const m=".sc-forward-icon-h{display:flex}";const p=m;const h=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"56e947b67fe88f2a095cca9a0dd4c3ca9e570e7f",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"6d6da4d1c35613bdedc7fac5d2d8f0e6f2c3042c",d:"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z","fill-rule":"evenodd"}))}};h.style=p;const y=':host{display:grid;color:var(--nylas-color-primary-900)}.editor{position:relative;display:block;max-height:300px;overflow:auto;padding:1rem;border:1px solid var(--nylas-color-primary-300)}.editor blockquote{visibility:hidden;overflow:hidden;position:relative;transition:height 0.3s ease;margin:0}.editor blockquote::before{content:"...";visibility:visible;opacity:1;position:absolute;top:0;left:0;background-color:var(--nylas-color-primary-300);width:20px;text-align:center;color:var(--nylas-color-primary-800);vertical-align:middle;display:flex;justify-content:center;align-items:center;align-self:center;cursor:pointer}.editor .collapsed{height:20px}.editor .expanded{visibility:visible;opacity:1;height:auto;margin:0px 0px 0px 0.8ex;border-left:1px solid var(--nylas-color-primary-300);padding-left:1rem}.editor .expanded::before{display:none;}.buttons{display:flex;margin-top:1rem;justify-content:space-between}.buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.buttons sp-button chevron-icon{display:inline-block}.buttons .close{justify-self:end}.toolbar{position:absolute;display:none;background-color:var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);z-index:1}.toolbar sp-button{border:0}';const g=y;const b=class{constructor(t){e(this,t);this.close=n(this,"close",7);this.send=n(this,"send",7);this.closeComposer=e=>{this.close.emit(e)};this.sendComposer=e=>{if(!this.editorEl){s("no editor element");return}const t=this.editorEl.querySelector(".message-body");if(!t){s("no message body");return}if(this.message){this.send.emit({message:this.message,replyBody:t.querySelector(".message-body")?.innerHTML||""});this.close.emit(e);this.editorEl.innerHTML=""}};this.message=undefined;this.viewEmailElement=undefined}connectedCallback(){}disconnectedCallback(){if(this.editorEl){this.editorEl.innerHTML=""}}componentWillLoad(){}async componentDidLoad(){if(this.message){this.watchBody(this.message)}if(!this.editorEl){s("[connectedCallback] no editor element");return}if(!this.toolbarEl){s("[connectedCallback] no toolbar element");return}const e=this.editorEl;const t=this.toolbarEl;e.addEventListener("mouseup",(n=>{const o=this.host.shadowRoot?.getSelection();if(!o){s("no selection");return}const i=o.getRangeAt(0);const r=o.toString();if(!r){t.style.display="none";return}const a=e.querySelector(".message-body");if(!a){s("no message body");return}const l=i.commonAncestorContainer;const c=l.parentElement;if(!c){return}const f=a.getBoundingClientRect();s("messageBodyRect",{messageBodyRect:f});const u=c.getBoundingClientRect();s("foundRect",{foundRect:u});const d=c.childNodes[0];const m=d.textContent||"";const p=m.indexOf(r);const h=window.getComputedStyle(c).fontSize;const y=parseInt(h.replace("px",""),10);const g=u.top-f.top-t.clientHeight;const b=p*(1/y)*100;t.style.top=`${g}px`;t.style.left=`${b}px`;t.style.display="block"}))}watchBody(e){if(!this.editorEl){s("no editor element");return}this.editorEl.querySelectorAll(".message-body").forEach((e=>e.remove()));const t=document.createElement("div");t.classList.add("message-body");const n=document.createElement("p");n.innerHTML="&nbsp;";t.appendChild(n);const o=document.createElement("br");t.appendChild(o);const i=document.createElement("div");i.classList.add("reply-text");i.innerText=`On ${new Date(e.date*1e3).toLocaleDateString(undefined,{dateStyle:"full"})} <${e.from?.map((e=>e.name||e.email)).join(", ")}> wrote:`;t.appendChild(i);if(e.body){const n=document.createElement("html");n.innerHTML=e.body;const o=document.createElement("blockquote");o.classList.add("collapsed");o.classList.add("gmail_quote");o.innerHTML=n.innerHTML;t.appendChild(o);s("replyContainer",{replyContainer:o})}this.editorEl.appendChild(t);this.editorEl.querySelectorAll("blockquote.collapsed").forEach((e=>{e.addEventListener("click",(function(e){e.preventDefault();const t=e.target;t.classList.remove("collapsed");t.classList.add("expanded")}),{once:true})}));this.editorEl.focus()}render(){return t(o,{key:"7537b7c56a1e609f88189c2c4deed986827eb193"},t("sp-theme",{key:"efa28f8ed5585ec21b44ae5ec174aa10a9c92aba",scale:"medium",color:"dark"},t("div",{key:"c7932bcedcb2b3cfa4e0900578cf2b749000125d",class:"editor",contentEditable:true,ref:e=>this.editorEl=e},t("div",{key:"89c06c0e76d29ea6713dd44b2452e261d0d7d43b",class:"toolbar",ref:e=>this.toolbarEl=e,contentEditable:false},t("sp-button",{key:"beeb60448f03c8818925aeb13ab5231aa72f7526",quiet:true,onClick:()=>document.execCommand("bold")},t("div",{key:"4e37be81a28ac4355f9d0d6d6c71b7b78cf41456",slot:"icon"},t("bold-icon",{key:"56cf047799a6a5713310d5b095ca91e6004d6107"})),t("div",{key:"2fe47f8f364f7fb1016990f2aecec655e2e6eb30",slot:"label"},"Bold")),t("sp-button",{key:"0416d13b88ccefd5005f4b97f7dded2118d37f43",quiet:true,onClick:()=>document.execCommand("underline")},t("div",{key:"6d20e215eafbb91a17ce452a6b64295ab4ef2bb9",slot:"icon"},t("underline-icon",{key:"b8d988fa168047ed213fbcceb53b24bf3f766d7a"})),t("div",{key:"bd05639007b3ea849501b995137ceda70aed20da",slot:"label"},"Underline")),t("sp-button",{key:"9775c4787363cd4d21778f4c848c7f5a7564b507",quiet:true,onClick:()=>document.execCommand("italic")},t("div",{key:"ca9d557028981c0fe209045e5d1748b19bbb5069",slot:"icon"},t("italic-icon",{key:"1be5debba3572e83ab132a3e44d8fc1e799f6619"})),t("div",{key:"cccb70309840e20f558158e6ef9edf8fe0e52eed",slot:"label"},"Italic")))),t("div",{key:"502854e008886de49ec435c1ebd73b48f2cc4c70",class:"buttons"},t("sp-button",{key:"9663a709ca8794dc76dec379a39c52a6a754cb6e",onClick:this.sendComposer,class:"send"},"Send"),t("sp-button",{key:"b0c7637932f2659c9115e74f1244db04992a69aa",onClick:this.closeComposer,class:"close"},"Close"))))}get host(){return i(this)}static get watchers(){return{message:["watchBody"]}}};b.style=g;const w=":host{display:block}sp-button{padding:0;border:0;border-radius:var(--nylas-border-radius);min-block-size:50%;min-inline-size:2rem;background-color:var(--nylas-color-primary-300);fill:var(--nylas-color-primary-800)}sp-button:hover{background-color:var(--nylas-color-primary-400)}.summarize-button.stopped{animation:none}.summarize-button.playing{animation:pulse 2s infinite}.summarize-button.loading{display:flex;align-content:center;height:1.5rem;width:2rem;vertical-align:middle;animation:pulse 2s infinite;flex-wrap:wrap}.summarize-button.loading loading-icon{--dot-color:var(--nylas-color-primary-600)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--nylas-color-primary-300)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255, 69, 0, 0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255, 69, 0, 0)}}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(100%)}100%{transform:translateX(0)}}";const v=w;var k=undefined&&undefined.__decorate||function(e,t,n,o){var i=arguments.length,r=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,n):o,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)if(s=e[a])r=(i<3?s(r):i>3?s(t,n,r):s(t,n))||r;return i>3&&r&&Object.defineProperty(t,n,r),r};var x=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const T=class{constructor(t){e(this,t);this.summarize=n(this,"summarize",7);this.abortController=new AbortController;this.onClick=async e=>{e.preventDefault();e.stopPropagation();if(this.state==="stopped"){if(this.message){this.abortController=new AbortController;const e=this.summarize.emit({abortController:this.abortController,playAudio:this.playAudio,message:this.message,updateState:this.updateState});if(!e.defaultPrevented){s(`[nylas-summarize-message-button] Default event not prevented, summarizing message`);if(this.audioRef){await this.audioRef.play().then((()=>this.audioRef?.pause())).catch((e=>console.error("Error playing audio:",e)));await this.audioRef.play().catch((e=>console.error("Error playing audio:",e)))}}}}else if(this.state==="playing"){this.abortController?.abort();this.audioRef?.pause()}else{this.state="stopped"}};this.message=undefined;this.state="stopped";this.playAudio=this.playAudio.bind(this);this.updateState=this.updateState.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-summarize-message-button] Component will load`)}async componentDidLoad(){s(`[nylas-summarize-message-button] Component did load`)}async updateState(e){this.state=e}async playAudio(e){if(!this.audioRef){this.state="stopped";return}if(!e){this.state="stopped";return}const t=this.audioRef;if(!("MediaSource"in window)){const n=await e;if(n==null){throw new Error("ReadableStream not yet supported in this browser.")}const o=n.getReader();const i=[];await this.readChunk(o,i);const r=new Blob(i,{type:"audio/mpeg"});const s=URL.createObjectURL(r);t.src=s;return}const n=new MediaSource;let o;let i=false;t.src=URL.createObjectURL(n);n.addEventListener("sourceopen",r);async function r(){o=n.addSourceBuffer("audio/mpeg");o.addEventListener("updateend",a);const r=await e;if(r==null){throw new Error("ReadableStream not yet supported in this browser.")}const s=r.getReader();const l=()=>{s.read().then((({done:e,value:t})=>{if(e){i=true;return}if(!o.updating){o.appendBuffer(t)}l()})).catch((e=>{console.error("Error while fetching and appending chunks:",e)}))};l();if(t.paused){t.play().catch((e=>console.error("Error playing audio:",e)))}}function a(){if(i){n.endOfStream();n.removeEventListener("sourceopen",r);n.removeEventListener("sourceclose",(()=>{s(`[nylas-summarize-message-button] Source closed`)}));o.removeEventListener("updateend",a);return}}}async readChunk(e,t){return e.read().then((({done:n,value:o})=>{if(n){return t}t.push(o);return this.readChunk(e,t)}))}render(){return t(o,{key:"977e97a8d9e6f0d5c3f56a8cedcdb18c65a18007"},t("sp-theme",{key:"3e3e9a385317466347c5e4bac4cac584dc603063",scale:"medium",color:"dark"},t("sp-button",{key:"4e47a9b38e47991c64236d567df1341df0a7a2b3",label:"Summarize email","icon-only":true,onClickCapture:this.onClick,class:{"summarize-button":true,stopped:this.state==="stopped",loading:this.state==="loading",playing:this.state==="playing"}},this.state==="stopped"&&t("play-icon",null),this.state==="loading"&&t("loading-icon",null),this.state==="playing"&&t("stop-icon",null)),t("audio",{key:"0a0a952634d68aeab930d9a0c9feb07a1dea2828",ref:e=>this.audioRef=e,autoPlay:true,onPlaying:()=>this.state="playing",onPause:()=>this.state="stopped",onEnded:()=>{this.state="stopped";s(`[nylas-summarize-message-button] Audio ended`)}})))}};k([u({name:"nylas-summarize-message-button",eventToProps:{summarize:async(e,t)=>{const{playAudio:n,updateState:o,abortController:i,message:r}=e.detail;const s=a(r.body||"");await o("loading");try{const e=await t.messages.summarizeText(s);const o=t.messages.textToSpeech(e,i);await n(o)}catch(e){await o("stopped");console.error("Error summarizing message:",e)}}},fireRegisterEvent:true}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],T.prototype,"render",null);T.style=v;function E(e){if(!window.matchMedia("(prefers-color-scheme: dark)").matches){return e}if(!e){return e}if(e==="transparent"){return"color"}if(e.startsWith("#")){return S(e)}if(e.startsWith("rgb")){return R(e)}if(e.startsWith("hsl")){return A(e)}if(_(e)){return C(e)}return e}function S(e){if(e.length<7){e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]}const t=(255-parseInt(e.slice(1,3),16)).toString(16).padStart(2,"0");const n=(255-parseInt(e.slice(3,5),16)).toString(16).padStart(2,"0");const o=(255-parseInt(e.slice(5,7),16)).toString(16).padStart(2,"0");return`#${t}${n}${o}`}function R(e){const t=e.match(/\d+/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`rgb(${255-n}, ${255-o}, ${255-i})`}function A(e){const t=e.match(/\d+\.?\d*/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`hsl(${n}, ${o}%, ${100-i}%)`}function _(e){return/^[a-z]+$/i.test(e)}function C(e){return R(z(e))}function z(e){if(e.toLowerCase()==="red"){return"rgb(255, 0, 0)"}return"rgb(0, 0, 0)"}function L(e){if(e instanceof HTMLStyleElement){let t=e.textContent;if(t){t=t.replaceAll(/@media\s*\(prefers-color-scheme:\s*(dark|light)\)\s*\{([^}]+)\}/g,"");const n=t.matchAll(/border-color:\s*([^;]+)/g);if(n){for(const e of n){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}const o=t.matchAll(/border:\s*([^;]+)/g);if(o){for(const e of o){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const i=t.matchAll(/background-color:\s*([^;]+)/g);if(i){for(const e of i){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)));s("backgroundColor",{fullMatch:n,replace:n.replace(o,E(o)),color:o,invertColor:E(o)})}}const r=t.matchAll(/background:\s*([^;]+)/g);if(r){for(const e of r){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const a=t.matchAll(/color:\s*([^;]+)/g);if(a){for(const e of a){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}e.textContent=t}}if(e instanceof HTMLElement){const t=window.getComputedStyle(e);const n=t.color||e.style.color;const o=t.backgroundColor||e.style.backgroundColor;const i=t.borderColor||e.style.borderColor;if(n&&!o){e.style.color=""}else if(n&&o){e.style.color=E(n);e.style.backgroundColor=E(o);s("element",e);s("computedStyle.color",n);s("computedStyle.backgroundColor",o);s("invertColor(color)",E(n));s("invertColor(backgroundColor)",E(o))}else if(!n&&o){e.style.backgroundColor=""}if(i){s("borderColor",i);e.style.borderColor=E(i)}if(e.hasAttribute("bgcolor")){e.removeAttribute("bgcolor")}}}function M(e){L(e);const t=e.querySelectorAll("*");t.forEach((e=>L(e)))}var D={exports:{}};
-/*! @license DOMPurify 3.0.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.8/LICENSE */(function(e,t){(function(t,n){e.exports=n()})(d,(function(){const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:i}=Object;let{freeze:r,seal:s,create:a}=Object;let{apply:l,construct:c}=typeof Reflect!=="undefined"&&Reflect;if(!r){r=function e(t){return t}}if(!s){s=function e(t){return t}}if(!l){l=function e(t,n,o){return t.apply(n,o)}}if(!c){c=function e(t,n){return new t(...n)}}const f=k(Array.prototype.forEach);const u=k(Array.prototype.pop);const d=k(Array.prototype.push);const m=k(String.prototype.toLowerCase);const p=k(String.prototype.toString);const h=k(String.prototype.match);const y=k(String.prototype.replace);const g=k(String.prototype.indexOf);const b=k(String.prototype.trim);const w=k(RegExp.prototype.test);const v=x(TypeError);function k(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++){o[i-1]=arguments[i]}return l(e,t,o)}}function x(e){return function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++){n[o]=arguments[o]}return c(e,n)}}function T(e,o){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:m;if(t){t(e,null)}let r=o.length;while(r--){let t=o[r];if(typeof t==="string"){const e=i(t);if(e!==t){if(!n(o)){o[r]=e}t=e}}e[t]=true}return e}function E(e){for(let t=0;t<e.length;t++){if(i(e,t)===undefined){e[t]=null}}return e}function S(t){const n=a(null);for(const[o,r]of e(t)){if(i(t,o)!==undefined){if(Array.isArray(r)){n[o]=E(r)}else if(r&&typeof r==="object"&&r.constructor===Object){n[o]=S(r)}else{n[o]=r}}}return n}function R(e,t){while(e!==null){const n=i(e,t);if(n){if(n.get){return k(n.get)}if(typeof n.value==="function"){return k(n.value)}}e=o(e)}function n(e){console.warn("fallback value for",e);return null}return n}const A=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const _=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const C=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const z=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const M=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const D=r(["#text"]);const P=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]);const I=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const O=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const $=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const j=s(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const F=s(/<%[\w\W]*|[\w\W]*%>/gm);const B=s(/\${[\w\W]*}/gm);const N=s(/^data-[\-\w.\u00B7-\uFFFF]/);const q=s(/^aria-[\-\w]+$/);const U=s(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const H=s(/^(?:\w+script|data):/i);const W=s(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const X=s(/^html$/i);var Y=Object.freeze({__proto__:null,MUSTACHE_EXPR:j,ERB_EXPR:F,TMPLIT_EXPR:B,DATA_ATTR:N,ARIA_ATTR:q,IS_ALLOWED_URI:U,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:W,DOCTYPE_NAME:X});const G=function e(){return typeof window==="undefined"?null:window};const Z=function e(t,n){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}let o=null;const i="data-tt-policy-suffix";if(n&&n.hasAttribute(i)){o=n.getAttribute(i)}const r="dompurify"+(o?"#"+o:"");try{return t.createPolicy(r,{createHTML(e){return e},createScriptURL(e){return e}})}catch(e){console.warn("TrustedTypes policy "+r+" could not be created.");return null}};function V(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:G();const n=e=>V(e);n.version="3.0.8";n.removed=[];if(!t||!t.document||t.document.nodeType!==9){n.isSupported=false;return n}let{document:o}=t;const i=o;const s=i.currentScript;const{DocumentFragment:l,HTMLTemplateElement:c,Node:k,Element:x,NodeFilter:E,NamedNodeMap:j=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:F,DOMParser:B,trustedTypes:N}=t;const q=x.prototype;const H=R(q,"cloneNode");const W=R(q,"nextSibling");const J=R(q,"childNodes");const K=R(q,"parentNode");if(typeof c==="function"){const e=o.createElement("template");if(e.content&&e.content.ownerDocument){o=e.content.ownerDocument}}let Q;let ee="";const{implementation:te,createNodeIterator:ne,createDocumentFragment:oe,getElementsByTagName:ie}=o;const{importNode:re}=i;let se={};n.isSupported=typeof e==="function"&&typeof K==="function"&&te&&te.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:ae,ERB_EXPR:le,TMPLIT_EXPR:ce,DATA_ATTR:fe,ARIA_ATTR:ue,IS_SCRIPT_OR_DATA:de,ATTR_WHITESPACE:me}=Y;let{IS_ALLOWED_URI:pe}=Y;let he=null;const ye=T({},[...A,..._,...C,...L,...D]);let ge=null;const be=T({},[...P,...I,...O,...$]);let we=Object.seal(a(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let ve=null;let ke=null;let xe=true;let Te=true;let Ee=false;let Se=true;let Re=false;let Ae=false;let _e=false;let Ce=false;let ze=false;let Le=false;let Me=false;let De=true;let Pe=false;const Ie="user-content-";let Oe=true;let $e=false;let je={};let Fe=null;const Be=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ne=null;const qe=T({},["audio","video","img","source","image","track"]);let Ue=null;const He=T({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const We="http://www.w3.org/1998/Math/MathML";const Xe="http://www.w3.org/2000/svg";const Ye="http://www.w3.org/1999/xhtml";let Ge=Ye;let Ze=false;let Ve=null;const Je=T({},[We,Xe,Ye],p);let Ke=null;const Qe=["application/xhtml+xml","text/html"];const et="text/html";let tt=null;let nt=null;const ot=o.createElement("form");const it=function e(t){return t instanceof RegExp||t instanceof Function};const rt=function e(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(nt&&nt===t){return}if(!t||typeof t!=="object"){t={}}t=S(t);Ke=Qe.indexOf(t.PARSER_MEDIA_TYPE)===-1?et:t.PARSER_MEDIA_TYPE;tt=Ke==="application/xhtml+xml"?p:m;he="ALLOWED_TAGS"in t?T({},t.ALLOWED_TAGS,tt):ye;ge="ALLOWED_ATTR"in t?T({},t.ALLOWED_ATTR,tt):be;Ve="ALLOWED_NAMESPACES"in t?T({},t.ALLOWED_NAMESPACES,p):Je;Ue="ADD_URI_SAFE_ATTR"in t?T(S(He),t.ADD_URI_SAFE_ATTR,tt):He;Ne="ADD_DATA_URI_TAGS"in t?T(S(qe),t.ADD_DATA_URI_TAGS,tt):qe;Fe="FORBID_CONTENTS"in t?T({},t.FORBID_CONTENTS,tt):Be;ve="FORBID_TAGS"in t?T({},t.FORBID_TAGS,tt):{};ke="FORBID_ATTR"in t?T({},t.FORBID_ATTR,tt):{};je="USE_PROFILES"in t?t.USE_PROFILES:false;xe=t.ALLOW_ARIA_ATTR!==false;Te=t.ALLOW_DATA_ATTR!==false;Ee=t.ALLOW_UNKNOWN_PROTOCOLS||false;Se=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;Re=t.SAFE_FOR_TEMPLATES||false;Ae=t.WHOLE_DOCUMENT||false;ze=t.RETURN_DOM||false;Le=t.RETURN_DOM_FRAGMENT||false;Me=t.RETURN_TRUSTED_TYPE||false;Ce=t.FORCE_BODY||false;De=t.SANITIZE_DOM!==false;Pe=t.SANITIZE_NAMED_PROPS||false;Oe=t.KEEP_CONTENT!==false;$e=t.IN_PLACE||false;pe=t.ALLOWED_URI_REGEXP||U;Ge=t.NAMESPACE||Ye;we=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){we.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){we.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){we.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Re){Te=false}if(Le){ze=true}if(je){he=T({},D);ge=[];if(je.html===true){T(he,A);T(ge,P)}if(je.svg===true){T(he,_);T(ge,I);T(ge,$)}if(je.svgFilters===true){T(he,C);T(ge,I);T(ge,$)}if(je.mathMl===true){T(he,L);T(ge,O);T(ge,$)}}if(t.ADD_TAGS){if(he===ye){he=S(he)}T(he,t.ADD_TAGS,tt)}if(t.ADD_ATTR){if(ge===be){ge=S(ge)}T(ge,t.ADD_ATTR,tt)}if(t.ADD_URI_SAFE_ATTR){T(Ue,t.ADD_URI_SAFE_ATTR,tt)}if(t.FORBID_CONTENTS){if(Fe===Be){Fe=S(Fe)}T(Fe,t.FORBID_CONTENTS,tt)}if(Oe){he["#text"]=true}if(Ae){T(he,["html","head","body"])}if(he.table){T(he,["tbody"]);delete ve.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}Q=t.TRUSTED_TYPES_POLICY;ee=Q.createHTML("")}else{if(Q===undefined){Q=Z(N,s)}if(Q!==null&&typeof ee==="string"){ee=Q.createHTML("")}}if(r){r(t)}nt=t};const st=T({},["mi","mo","mn","ms","mtext"]);const at=T({},["foreignobject","desc","title","annotation-xml"]);const lt=T({},["title","style","font","a","script"]);const ct=T({},[..._,...C,...z]);const ft=T({},[...L,...M]);const ut=function e(t){let n=K(t);if(!n||!n.tagName){n={namespaceURI:Ge,tagName:"template"}}const o=m(t.tagName);const i=m(n.tagName);if(!Ve[t.namespaceURI]){return false}if(t.namespaceURI===Xe){if(n.namespaceURI===Ye){return o==="svg"}if(n.namespaceURI===We){return o==="svg"&&(i==="annotation-xml"||st[i])}return Boolean(ct[o])}if(t.namespaceURI===We){if(n.namespaceURI===Ye){return o==="math"}if(n.namespaceURI===Xe){return o==="math"&&at[i]}return Boolean(ft[o])}if(t.namespaceURI===Ye){if(n.namespaceURI===Xe&&!at[i]){return false}if(n.namespaceURI===We&&!st[i]){return false}return!ft[o]&&(lt[o]||!ct[o])}if(Ke==="application/xhtml+xml"&&Ve[t.namespaceURI]){return true}return false};const dt=function e(t){d(n.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}};const mt=function e(t,o){try{d(n.removed,{attribute:o.getAttributeNode(t),from:o})}catch(e){d(n.removed,{attribute:null,from:o})}o.removeAttribute(t);if(t==="is"&&!ge[t]){if(ze||Le){try{dt(o)}catch(e){}}else{try{o.setAttribute(t,"")}catch(e){}}}};const pt=function e(t){let n=null;let i=null;if(Ce){t="<remove></remove>"+t}else{const e=h(t,/^[\r\n\t ]+/);i=e&&e[0]}if(Ke==="application/xhtml+xml"&&Ge===Ye){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}const r=Q?Q.createHTML(t):t;if(Ge===Ye){try{n=(new B).parseFromString(r,Ke)}catch(e){}}if(!n||!n.documentElement){n=te.createDocument(Ge,"template",null);try{n.documentElement.innerHTML=Ze?ee:r}catch(e){}}const s=n.body||n.documentElement;if(t&&i){s.insertBefore(o.createTextNode(i),s.childNodes[0]||null)}if(Ge===Ye){return ie.call(n,Ae?"html":"body")[0]}return Ae?n.documentElement:s};const ht=function e(t){return ne.call(t.ownerDocument||t,t,E.SHOW_ELEMENT|E.SHOW_COMMENT|E.SHOW_TEXT,null)};const yt=function e(t){return t instanceof F&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof j)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};const gt=function e(t){return typeof k==="function"&&t instanceof k};const bt=function e(t,o,i){if(!se[t]){return}f(se[t],(e=>{e.call(n,o,i,nt)}))};const wt=function e(t){let o=null;bt("beforeSanitizeElements",t,null);if(yt(t)){dt(t);return true}const i=tt(t.nodeName);bt("uponSanitizeElement",t,{tagName:i,allowedTags:he});if(t.hasChildNodes()&&!gt(t.firstElementChild)&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent)){dt(t);return true}if(!he[i]||ve[i]){if(!ve[i]&&kt(i)){if(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)){return false}if(we.tagNameCheck instanceof Function&&we.tagNameCheck(i)){return false}}if(Oe&&!Fe[i]){const e=K(t)||t.parentNode;const n=J(t)||t.childNodes;if(n&&e){const o=n.length;for(let i=o-1;i>=0;--i){e.insertBefore(H(n[i],true),W(t))}}}dt(t);return true}if(t instanceof x&&!ut(t)){dt(t);return true}if((i==="noscript"||i==="noembed"||i==="noframes")&&w(/<\/no(script|embed|frames)/i,t.innerHTML)){dt(t);return true}if(Re&&t.nodeType===3){o=t.textContent;f([ae,le,ce],(e=>{o=y(o,e," ")}));if(t.textContent!==o){d(n.removed,{element:t.cloneNode()});t.textContent=o}}bt("afterSanitizeElements",t,null);return false};const vt=function e(t,n,i){if(De&&(n==="id"||n==="name")&&(i in o||i in ot)){return false}if(Te&&!ke[n]&&w(fe,n));else if(xe&&w(ue,n));else if(!ge[n]||ke[n]){if(kt(t)&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,t)||we.tagNameCheck instanceof Function&&we.tagNameCheck(t))&&(we.attributeNameCheck instanceof RegExp&&w(we.attributeNameCheck,n)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(n))||n==="is"&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)||we.tagNameCheck instanceof Function&&we.tagNameCheck(i)));else{return false}}else if(Ue[n]);else if(w(pe,y(i,me,"")));else if((n==="src"||n==="xlink:href"||n==="href")&&t!=="script"&&g(i,"data:")===0&&Ne[t]);else if(Ee&&!w(de,y(i,me,"")));else if(i){return false}else;return true};const kt=function e(t){return t.indexOf("-")>0};const xt=function e(t){bt("beforeSanitizeAttributes",t,null);const{attributes:o}=t;if(!o){return}const i={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:ge};let r=o.length;while(r--){const e=o[r];const{name:s,namespaceURI:a,value:l}=e;const c=tt(s);let d=s==="value"?l:b(l);i.attrName=c;i.attrValue=d;i.keepAttr=true;i.forceKeepAttr=undefined;bt("uponSanitizeAttribute",t,i);d=i.attrValue;if(i.forceKeepAttr){continue}mt(s,t);if(!i.keepAttr){continue}if(!Se&&w(/\/>/i,d)){mt(s,t);continue}if(Re){f([ae,le,ce],(e=>{d=y(d,e," ")}))}const m=tt(t.nodeName);if(!vt(m,c,d)){continue}if(Pe&&(c==="id"||c==="name")){mt(s,t);d=Ie+d}if(Q&&typeof N==="object"&&typeof N.getAttributeType==="function"){if(a);else{switch(N.getAttributeType(m,c)){case"TrustedHTML":{d=Q.createHTML(d);break}case"TrustedScriptURL":{d=Q.createScriptURL(d);break}}}}try{if(a){t.setAttributeNS(a,s,d)}else{t.setAttribute(s,d)}u(n.removed)}catch(e){}}bt("afterSanitizeAttributes",t,null)};const Tt=function e(t){let n=null;const o=ht(t);bt("beforeSanitizeShadowDOM",t,null);while(n=o.nextNode()){bt("uponSanitizeShadowNode",n,null);if(wt(n)){continue}if(n.content instanceof l){e(n.content)}xt(n)}bt("afterSanitizeShadowDOM",t,null)};n.sanitize=function(e){let t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let o=null;let r=null;let s=null;let a=null;Ze=!e;if(Ze){e="\x3c!--\x3e"}if(typeof e!=="string"&&!gt(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw v("dirty is not a string, aborting")}}else{throw v("toString is not a function")}}if(!n.isSupported){return e}if(!_e){rt(t)}n.removed=[];if(typeof e==="string"){$e=false}if($e){if(e.nodeName){const t=tt(e.nodeName);if(!he[t]||ve[t]){throw v("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof k){o=pt("\x3c!----\x3e");r=o.ownerDocument.importNode(e,true);if(r.nodeType===1&&r.nodeName==="BODY"){o=r}else if(r.nodeName==="HTML"){o=r}else{o.appendChild(r)}}else{if(!ze&&!Re&&!Ae&&e.indexOf("<")===-1){return Q&&Me?Q.createHTML(e):e}o=pt(e);if(!o){return ze?null:Me?ee:""}}if(o&&Ce){dt(o.firstChild)}const c=ht($e?e:o);while(s=c.nextNode()){if(wt(s)){continue}if(s.content instanceof l){Tt(s.content)}xt(s)}if($e){return e}if(ze){if(Le){a=oe.call(o.ownerDocument);while(o.firstChild){a.appendChild(o.firstChild)}}else{a=o}if(ge.shadowroot||ge.shadowrootmode){a=re.call(i,a,true)}return a}let u=Ae?o.outerHTML:o.innerHTML;if(Ae&&he["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&w(X,o.ownerDocument.doctype.name)){u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u}if(Re){f([ae,le,ce],(e=>{u=y(u,e," ")}))}return Q&&Me?Q.createHTML(u):u};n.setConfig=function(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};rt(e);_e=true};n.clearConfig=function(){nt=null;_e=false};n.isValidAttribute=function(e,t,n){if(!nt){rt({})}const o=tt(e);const i=tt(t);return vt(o,i,n)};n.addHook=function(e,t){if(typeof t!=="function"){return}se[e]=se[e]||[];d(se[e],t)};n.removeHook=function(e){if(se[e]){return u(se[e])}};n.removeHooks=function(e){if(se[e]){se[e]=[]}};n.removeAllHooks=function(){se={}};return n}var J=V();return J}))})(D);const P=D.exports;const I=":host{display:inline-grid;overflow:hidden;width:100%}.view-email{width:100%}.view-email div.gmail_quote{display:none;color:var(--nylas-color-primary-400)}.view-email div.gmail_quote.show{display:block}.view-email blockquote{border-color:var(--nylas-color-primary-500) !important}.view-email .nylas-view-email-toggle-button{display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);border:0;border-radius:2px;font-size:14px;font-weight:500;line-height:1.5;transition:all 0.2s ease-in-out}.view-email .nylas-view-email-toggle-button:hover{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600)}";const O=I;P.addHook("afterSanitizeAttributes",(function(e){if("target"in e){e.setAttribute("target","_blank");e.setAttribute("rel","noopener")}}));const $=class{constructor(t){e(this,t);this.htmlElement=document.createElement("html");this.setBody=e=>{this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}));const t=this.message?l(this.message):c(e);if(!t){e=`<html><body>${f(e)}</body></html>`}this.htmlElement.innerHTML=e;if(this.detectDarkMode){M(this.htmlElement)}this.htmlElement.querySelectorAll("link").forEach((e=>{console.debug(`[nylas-view-email] Hoisting link: ${e.getAttribute("href")}`);if(e.getAttribute("rel")==="stylesheet"&&e.getAttribute("href")){const t=e.getAttribute("href");if(t){const e=new URL(t,window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}}));this.htmlElement.querySelectorAll("style").forEach((e=>{e.innerHTML.split("\n").forEach((e=>{const t=e.match(/@import url\((.*)\)/);if(t){const e=new URL(t[1],window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}));e.innerHTML=e.innerHTML.replace("body",":host");this.styles.push(e);e.remove()}));this.htmlElement.querySelectorAll("a").forEach((e=>{e.setAttribute("target","_blank")}));const n=this.htmlElement.querySelector(".gmail_quote");if(n){const e=document.createElement("button");e.classList.add("nylas-view-email-toggle-button");e.setAttribute("aria-label","Show quoted text");e.innerText="...";n.parentElement?.insertBefore(e,n)}this.sanitizedBody=P.sanitize(this.htmlElement.innerHTML);this.hoistedFontURLs.forEach(((e,t)=>{const n=document.createElement("link");n.setAttribute("rel","stylesheet");n.setAttribute("href",e);n.classList.add("nylas-view-email-font");document.head.appendChild(n)}));this.state="ready"};this.handleMobileSize=()=>{const e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0);if(e<=768){const t=this.viewEmailElement?.getBoundingClientRect();if(t&&this.viewEmailElement&&this.parent){if(t.width>e){const e=this.parent;const n=e?.getBoundingClientRect();s("Parent width:",n?.width,"Parent height:",n?.height);s("Parent client width:",e.clientWidth,"Parent client height:",e.clientHeight);const o=n.width/t.width;const i=n.height/t.height;const r=Math.min(o,i);s("Scale:",r);this.viewEmailElement.style.setProperty("transform",`scale(${r})`);this.viewEmailElement.style.setProperty("transform-origin",`top left`);this.viewEmailElement.style.setProperty("height",`${t.height*r}px`)}}}else{this.viewEmailElement?.style.removeProperty("transform");this.viewEmailElement?.style.removeProperty("transform-origin");this.viewEmailElement?.style.removeProperty("height")}};this.message=undefined;this.parent=undefined;this.attachments=[];this.detectDarkMode=true;this.state="loading";this.sanitizedBody="";this.styles=[];this.viewEmailElement=undefined;this.hoistedFontURLs=new Map}connectedCallback(){}disconnectedCallback(){s(`[nylas-view-email] Component disconnected`);this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}))}async componentWillLoad(){s(`[nylas-view-email] component loaded`);this.setBody(this.message?.body??"")}async componentDidLoad(){s(`[nylas-view-thread] Component did load`);this.handleMobileSize()}async messageChanged(){s(`[nylas-view-thread] Message changed`,{message:this.message});this.setBody(this.message?.body??"")}handleScroll(){this.handleMobileSize()}viewEmailElementChanged(){const e=this.viewEmailElement?.querySelectorAll(".nylas-view-email-toggle-button");if(e){e.forEach((e=>{e.addEventListener("click",(()=>{const e=this.viewEmailElement?.querySelector(".gmail_quote");if(e){e.classList.toggle("show")}}))}))}}render(){console.debug(`[nylas-view-email] render`,{hoistedFontURLs:this.hoistedFontURLs});return t(o,{key:"4f0a1e688ae465d65943adc7dabac9cad6c62fe8"},this.state==="loading"&&t("div",null,"Loading..."),this.state==="ready"&&t(r,null,this.styles.map((e=>t("style",null,P.sanitize(e.innerHTML)))),t("div",{class:"view-email",part:"view-email",innerHTML:this.sanitizedBody,ref:e=>this.viewEmailElement=e})))}get host(){return i(this)}static get watchers(){return{message:["messageChanged"],viewEmailElement:["viewEmailElementChanged"]}}};$.style=O;const j=".sc-reply-all-icon-h{display:flex}";const F=j;const B=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"27304a19b7ec5d4fb64051ba1edbd99699adc3c5",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"185831a5360ae2e5b3559e22839c38fe8667e027",d:"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z","fill-rule":"evenodd"}))}};B.style=F;const N=".sc-reply-icon-h{display:flex}";const q=N;const U=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"8f2d5daffb8ab92a42abacce15e2abd868f979a7",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"fcad20369efbf76e019c7b433e380419c696e481",d:"M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816","fill-rule":"evenodd"}))}};U.style=q;export{h as forward_icon,b as nylas_composer,T as nylas_summarize_message_button,$ as nylas_view_email,B as reply_all_icon,U as reply_icon};
-//# sourceMappingURL=p-5231fc13.entry.js.map
+import{r as e,h as t,c as n,H as o,a as i,F as r}from"./p-68c2fadf.js";import{a as s,l as a,m as l,n as c,p as f}from"./p-6c11737d.js";import{R as u}from"./p-795b324a.js";import{c as d}from"./p-cb65c223.js";import"./p-02aa5f03.js";const m=".sc-forward-icon-h{display:flex}";const p=m;const h=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"cb5aaea71d642a44a5f53655c7ae98190aaf3745",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"e15b175864ce7c39e04c3885653da3f4d9f35fb1",d:"m1246.246 64-90.496 90.496 477.952 477.952h-590.848C467.878 632.448.038 1100.416.038 1675.392v109.056h128v-109.056c0-504.576 410.368-914.944 914.816-914.944h590.848l-477.952 478.08 90.496 90.496 632.448-632.576L1246.246 64Z","fill-rule":"evenodd"}))}};h.style=p;const y=':host{display:grid;color:var(--nylas-color-primary-900)}.editor{position:relative;display:block;max-height:300px;overflow:auto;padding:1rem;border:1px solid var(--nylas-color-primary-300)}.editor blockquote{visibility:hidden;overflow:hidden;position:relative;transition:height 0.3s ease;margin:0}.editor blockquote::before{content:"...";visibility:visible;opacity:1;position:absolute;top:0;left:0;background-color:var(--nylas-color-primary-300);width:20px;text-align:center;color:var(--nylas-color-primary-800);vertical-align:middle;display:flex;justify-content:center;align-items:center;align-self:center;cursor:pointer}.editor .collapsed{height:20px}.editor .expanded{visibility:visible;opacity:1;height:auto;margin:0px 0px 0px 0.8ex;border-left:1px solid var(--nylas-color-primary-300);padding-left:1rem}.editor .expanded::before{display:none;}.buttons{display:flex;margin-top:1rem;justify-content:space-between}.buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.buttons sp-button chevron-icon{display:inline-block}.buttons .close{justify-self:end}.toolbar{position:absolute;display:none;background-color:var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);z-index:1}.toolbar sp-button{border:0}';const g=y;const b=class{constructor(t){e(this,t);this.close=n(this,"close",7);this.send=n(this,"send",7);this.closeComposer=e=>{this.close.emit(e)};this.sendComposer=e=>{if(!this.editorEl){s("no editor element");return}const t=this.editorEl.querySelector(".message-body");if(!t){s("no message body");return}if(this.message){this.send.emit({message:this.message,replyBody:t.querySelector(".message-body")?.innerHTML||""});this.close.emit(e);this.editorEl.innerHTML=""}};this.message=undefined;this.viewEmailElement=undefined}connectedCallback(){}disconnectedCallback(){if(this.editorEl){this.editorEl.innerHTML=""}}componentWillLoad(){}async componentDidLoad(){if(this.message){this.watchBody(this.message)}if(!this.editorEl){s("[connectedCallback] no editor element");return}if(!this.toolbarEl){s("[connectedCallback] no toolbar element");return}const e=this.editorEl;const t=this.toolbarEl;e.addEventListener("mouseup",(n=>{const o=this.host.shadowRoot?.getSelection();if(!o){s("no selection");return}const i=o.getRangeAt(0);const r=o.toString();if(!r){t.style.display="none";return}const a=e.querySelector(".message-body");if(!a){s("no message body");return}const l=i.commonAncestorContainer;const c=l.parentElement;if(!c){return}const f=a.getBoundingClientRect();s("messageBodyRect",{messageBodyRect:f});const u=c.getBoundingClientRect();s("foundRect",{foundRect:u});const d=c.childNodes[0];const m=d.textContent||"";const p=m.indexOf(r);const h=window.getComputedStyle(c).fontSize;const y=parseInt(h.replace("px",""),10);const g=u.top-f.top-t.clientHeight;const b=p*(1/y)*100;t.style.top=`${g}px`;t.style.left=`${b}px`;t.style.display="block"}))}watchBody(e){if(!this.editorEl){s("no editor element");return}this.editorEl.querySelectorAll(".message-body").forEach((e=>e.remove()));const t=document.createElement("div");t.classList.add("message-body");const n=document.createElement("p");n.innerHTML="&nbsp;";t.appendChild(n);const o=document.createElement("br");t.appendChild(o);const i=document.createElement("div");i.classList.add("reply-text");i.innerText=`On ${new Date(e.date*1e3).toLocaleDateString(undefined,{dateStyle:"full"})} <${e.from?.map((e=>e.name||e.email)).join(", ")}> wrote:`;t.appendChild(i);if(e.body){const n=document.createElement("html");n.innerHTML=e.body;const o=document.createElement("blockquote");o.classList.add("collapsed");o.classList.add("gmail_quote");o.innerHTML=n.innerHTML;t.appendChild(o);s("replyContainer",{replyContainer:o})}this.editorEl.appendChild(t);this.editorEl.querySelectorAll("blockquote.collapsed").forEach((e=>{e.addEventListener("click",(function(e){e.preventDefault();const t=e.target;t.classList.remove("collapsed");t.classList.add("expanded")}),{once:true})}));this.editorEl.focus()}render(){return t(o,{key:"a8cae87973663ced987b12f8a41385f3311910e5"},t("sp-theme",{key:"9b732690d1f0c529704c614955c603af602f1805",scale:"medium",color:"dark"},t("div",{key:"6f9da518afc2027bb938b50dced65383c83281f5",class:"editor",contentEditable:true,ref:e=>this.editorEl=e},t("div",{key:"d665e4adebc7352b5c07137ead22793da96b1a6a",class:"toolbar",ref:e=>this.toolbarEl=e,contentEditable:false},t("sp-button",{key:"cf4c80151daac614613530c7f3973fa44285b943",quiet:true,onClick:()=>document.execCommand("bold")},t("div",{key:"406b64ee65391632212f69aab967cce595ef3145",slot:"icon"},t("bold-icon",{key:"38a82fba1133e28052ae18f59148056213c76e63"})),t("div",{key:"8ab054e1caa8da4d5745a991e0a2ad197124466b",slot:"label"},"Bold")),t("sp-button",{key:"52d7e1302c0624d4e1e5c337a412a5e0e3752914",quiet:true,onClick:()=>document.execCommand("underline")},t("div",{key:"c64009e9818a9ccf0385f7cd2c8e3c9df2e08d0d",slot:"icon"},t("underline-icon",{key:"75de67cc0add37d483d564c1cae6486147ad6669"})),t("div",{key:"d46d90b0959349c237720890afd7b700a6f3cd71",slot:"label"},"Underline")),t("sp-button",{key:"af87cc784ed3c77e471ba54abbf7e18c3c391e1c",quiet:true,onClick:()=>document.execCommand("italic")},t("div",{key:"0e1d03379b6f212fe9b0d080577f0633c2ce5c4a",slot:"icon"},t("italic-icon",{key:"6e127d2755fccaf634d6a261d95dc191bda77bd2"})),t("div",{key:"f2e251b97838ed752af350ed0dae3213a3a14e68",slot:"label"},"Italic")))),t("div",{key:"70399bf4636e5c061562c478504799b6fdf6e15c",class:"buttons"},t("sp-button",{key:"90d7d39c6dd284ea399425ea07e205f0562d1423",onClick:this.sendComposer,class:"send"},"Send"),t("sp-button",{key:"7a1cd27929d585a43b076b8e8131b01f6835aba7",onClick:this.closeComposer,class:"close"},"Close"))))}get host(){return i(this)}static get watchers(){return{message:["watchBody"]}}};b.style=g;const w=":host{display:block}sp-button{padding:0;border:0;border-radius:var(--nylas-border-radius);min-block-size:50%;min-inline-size:2rem;background-color:var(--nylas-color-primary-300);fill:var(--nylas-color-primary-800)}sp-button:hover{background-color:var(--nylas-color-primary-400)}.summarize-button.stopped{animation:none}.summarize-button.playing{animation:pulse 2s infinite}.summarize-button.loading{display:flex;align-content:center;height:1.5rem;width:2rem;vertical-align:middle;animation:pulse 2s infinite;flex-wrap:wrap}.summarize-button.loading loading-icon{--dot-color:var(--nylas-color-primary-600)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 var(--nylas-color-primary-300)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255, 69, 0, 0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255, 69, 0, 0)}}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(100%)}100%{transform:translateX(0)}}";const v=w;var k=undefined&&undefined.__decorate||function(e,t,n,o){var i=arguments.length,r=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,n):o,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,n,o);else for(var a=e.length-1;a>=0;a--)if(s=e[a])r=(i<3?s(r):i>3?s(t,n,r):s(t,n))||r;return i>3&&r&&Object.defineProperty(t,n,r),r};var x=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const T=class{constructor(t){e(this,t);this.summarize=n(this,"summarize",7);this.abortController=new AbortController;this.onClick=async e=>{e.preventDefault();e.stopPropagation();if(this.state==="stopped"){if(this.message){this.abortController=new AbortController;const e=this.summarize.emit({abortController:this.abortController,playAudio:this.playAudio,message:this.message,updateState:this.updateState});if(!e.defaultPrevented){s(`[nylas-summarize-message-button] Default event not prevented, summarizing message`);if(this.audioRef){await this.audioRef.play().then((()=>this.audioRef?.pause())).catch((e=>console.error("Error playing audio:",e)));await this.audioRef.play().catch((e=>console.error("Error playing audio:",e)))}}}}else if(this.state==="playing"){this.abortController?.abort();this.audioRef?.pause()}else{this.state="stopped"}};this.message=undefined;this.state="stopped";this.playAudio=this.playAudio.bind(this);this.updateState=this.updateState.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-summarize-message-button] Component will load`)}async componentDidLoad(){s(`[nylas-summarize-message-button] Component did load`)}async updateState(e){this.state=e}async playAudio(e){if(!this.audioRef){this.state="stopped";return}if(!e){this.state="stopped";return}const t=this.audioRef;if(!("MediaSource"in window)){const n=await e;if(n==null){throw new Error("ReadableStream not yet supported in this browser.")}const o=n.getReader();const i=[];await this.readChunk(o,i);const r=new Blob(i,{type:"audio/mpeg"});const s=URL.createObjectURL(r);t.src=s;return}const n=new MediaSource;let o;let i=false;t.src=URL.createObjectURL(n);n.addEventListener("sourceopen",r);async function r(){o=n.addSourceBuffer("audio/mpeg");o.addEventListener("updateend",a);const r=await e;if(r==null){throw new Error("ReadableStream not yet supported in this browser.")}const s=r.getReader();const l=()=>{s.read().then((({done:e,value:t})=>{if(e){i=true;return}if(!o.updating){o.appendBuffer(t)}l()})).catch((e=>{console.error("Error while fetching and appending chunks:",e)}))};l();if(t.paused){t.play().catch((e=>console.error("Error playing audio:",e)))}}function a(){if(i){n.endOfStream();n.removeEventListener("sourceopen",r);n.removeEventListener("sourceclose",(()=>{s(`[nylas-summarize-message-button] Source closed`)}));o.removeEventListener("updateend",a);return}}}async readChunk(e,t){return e.read().then((({done:n,value:o})=>{if(n){return t}t.push(o);return this.readChunk(e,t)}))}render(){return t(o,{key:"66c864d9b70e34daf876f49120810dbd9082256e"},t("sp-theme",{key:"f210e4a870993a8c620b64458f1fb7abfdac88dd",scale:"medium",color:"dark"},t("sp-button",{key:"9244f97e26c3ecfc1edcedd5b4b6a6080ad9920f",label:"Summarize email","icon-only":true,onClickCapture:this.onClick,class:{"summarize-button":true,stopped:this.state==="stopped",loading:this.state==="loading",playing:this.state==="playing"}},this.state==="stopped"&&t("play-icon",null),this.state==="loading"&&t("loading-icon",null),this.state==="playing"&&t("stop-icon",null)),t("audio",{key:"f748ef06f332f119dbe6b5bd527e9db5e585cb08",ref:e=>this.audioRef=e,autoPlay:true,onPlaying:()=>this.state="playing",onPause:()=>this.state="stopped",onEnded:()=>{this.state="stopped";s(`[nylas-summarize-message-button] Audio ended`)}})))}};k([u({name:"nylas-summarize-message-button",eventToProps:{summarize:async(e,t)=>{const{playAudio:n,updateState:o,abortController:i,message:r}=e.detail;const s=a(r.body||"");await o("loading");try{const e=await t.messages.summarizeText(s);const o=t.messages.textToSpeech(e,i);await n(o)}catch(e){await o("stopped");console.error("Error summarizing message:",e)}}},fireRegisterEvent:true}),x("design:type",Function),x("design:paramtypes",[]),x("design:returntype",void 0)],T.prototype,"render",null);T.style=v;function E(e){if(!window.matchMedia("(prefers-color-scheme: dark)").matches){return e}if(!e){return e}if(e==="transparent"){return"color"}if(e.startsWith("#")){return S(e)}if(e.startsWith("rgb")){return R(e)}if(e.startsWith("hsl")){return A(e)}if(_(e)){return C(e)}return e}function S(e){if(e.length<7){e="#"+e[1]+e[1]+e[2]+e[2]+e[3]+e[3]}const t=(255-parseInt(e.slice(1,3),16)).toString(16).padStart(2,"0");const n=(255-parseInt(e.slice(3,5),16)).toString(16).padStart(2,"0");const o=(255-parseInt(e.slice(5,7),16)).toString(16).padStart(2,"0");return`#${t}${n}${o}`}function R(e){const t=e.match(/\d+/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`rgb(${255-n}, ${255-o}, ${255-i})`}function A(e){const t=e.match(/\d+\.?\d*/g)?.map(Number);if(!t){return e}const[n,o,i]=t;return`hsl(${n}, ${o}%, ${100-i}%)`}function _(e){return/^[a-z]+$/i.test(e)}function C(e){return R(z(e))}function z(e){if(e.toLowerCase()==="red"){return"rgb(255, 0, 0)"}return"rgb(0, 0, 0)"}function L(e){if(e instanceof HTMLStyleElement){let t=e.textContent;if(t){t=t.replaceAll(/@media\s*\(prefers-color-scheme:\s*(dark|light)\)\s*\{([^}]+)\}/g,"");const n=t.matchAll(/border-color:\s*([^;]+)/g);if(n){for(const e of n){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}const o=t.matchAll(/border:\s*([^;]+)/g);if(o){for(const e of o){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const i=t.matchAll(/background-color:\s*([^;]+)/g);if(i){for(const e of i){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)));s("backgroundColor",{fullMatch:n,replace:n.replace(o,E(o)),color:o,invertColor:E(o)})}}const r=t.matchAll(/background:\s*([^;]+)/g);if(r){for(const e of r){const n=e[0].trim();const o=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");const[i,r,s]=e[1].split(" ");t=t.replaceAll(o,n.replace(s,E(s)))}}const a=t.matchAll(/color:\s*([^;]+)/g);if(a){for(const e of a){const[n,o]=e;const i=n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&");t=t.replaceAll(i,n.replace(o,E(o)))}}e.textContent=t}}if(e instanceof HTMLElement){const t=window.getComputedStyle(e);const n=t.color||e.style.color;const o=t.backgroundColor||e.style.backgroundColor;const i=t.borderColor||e.style.borderColor;if(n&&!o){e.style.color=""}else if(n&&o){e.style.color=E(n);e.style.backgroundColor=E(o);s("element",e);s("computedStyle.color",n);s("computedStyle.backgroundColor",o);s("invertColor(color)",E(n));s("invertColor(backgroundColor)",E(o))}else if(!n&&o){e.style.backgroundColor=""}if(i){s("borderColor",i);e.style.borderColor=E(i)}if(e.hasAttribute("bgcolor")){e.removeAttribute("bgcolor")}}}function M(e){L(e);const t=e.querySelectorAll("*");t.forEach((e=>L(e)))}var D={exports:{}};
+/*! @license DOMPurify 3.0.8 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.8/LICENSE */(function(e,t){(function(t,n){e.exports=n()})(d,(function(){const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:i}=Object;let{freeze:r,seal:s,create:a}=Object;let{apply:l,construct:c}=typeof Reflect!=="undefined"&&Reflect;if(!r){r=function e(t){return t}}if(!s){s=function e(t){return t}}if(!l){l=function e(t,n,o){return t.apply(n,o)}}if(!c){c=function e(t,n){return new t(...n)}}const f=k(Array.prototype.forEach);const u=k(Array.prototype.pop);const d=k(Array.prototype.push);const m=k(String.prototype.toLowerCase);const p=k(String.prototype.toString);const h=k(String.prototype.match);const y=k(String.prototype.replace);const g=k(String.prototype.indexOf);const b=k(String.prototype.trim);const w=k(RegExp.prototype.test);const v=x(TypeError);function k(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),i=1;i<n;i++){o[i-1]=arguments[i]}return l(e,t,o)}}function x(e){return function(){for(var t=arguments.length,n=new Array(t),o=0;o<t;o++){n[o]=arguments[o]}return c(e,n)}}function T(e,o){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:m;if(t){t(e,null)}let r=o.length;while(r--){let t=o[r];if(typeof t==="string"){const e=i(t);if(e!==t){if(!n(o)){o[r]=e}t=e}}e[t]=true}return e}function E(e){for(let t=0;t<e.length;t++){if(i(e,t)===undefined){e[t]=null}}return e}function S(t){const n=a(null);for(const[o,r]of e(t)){if(i(t,o)!==undefined){if(Array.isArray(r)){n[o]=E(r)}else if(r&&typeof r==="object"&&r.constructor===Object){n[o]=S(r)}else{n[o]=r}}}return n}function R(e,t){while(e!==null){const n=i(e,t);if(n){if(n.get){return k(n.get)}if(typeof n.value==="function"){return k(n.value)}}e=o(e)}function n(e){console.warn("fallback value for",e);return null}return n}const A=r(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const _=r(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const C=r(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const z=r(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const L=r(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const M=r(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const D=r(["#text"]);const P=r(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]);const I=r(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const O=r(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const $=r(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const j=s(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const F=s(/<%[\w\W]*|[\w\W]*%>/gm);const B=s(/\${[\w\W]*}/gm);const N=s(/^data-[\-\w.\u00B7-\uFFFF]/);const q=s(/^aria-[\-\w]+$/);const U=s(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const H=s(/^(?:\w+script|data):/i);const W=s(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const X=s(/^html$/i);var Y=Object.freeze({__proto__:null,MUSTACHE_EXPR:j,ERB_EXPR:F,TMPLIT_EXPR:B,DATA_ATTR:N,ARIA_ATTR:q,IS_ALLOWED_URI:U,IS_SCRIPT_OR_DATA:H,ATTR_WHITESPACE:W,DOCTYPE_NAME:X});const G=function e(){return typeof window==="undefined"?null:window};const Z=function e(t,n){if(typeof t!=="object"||typeof t.createPolicy!=="function"){return null}let o=null;const i="data-tt-policy-suffix";if(n&&n.hasAttribute(i)){o=n.getAttribute(i)}const r="dompurify"+(o?"#"+o:"");try{return t.createPolicy(r,{createHTML(e){return e},createScriptURL(e){return e}})}catch(e){console.warn("TrustedTypes policy "+r+" could not be created.");return null}};function V(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:G();const n=e=>V(e);n.version="3.0.8";n.removed=[];if(!t||!t.document||t.document.nodeType!==9){n.isSupported=false;return n}let{document:o}=t;const i=o;const s=i.currentScript;const{DocumentFragment:l,HTMLTemplateElement:c,Node:k,Element:x,NodeFilter:E,NamedNodeMap:j=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:F,DOMParser:B,trustedTypes:N}=t;const q=x.prototype;const H=R(q,"cloneNode");const W=R(q,"nextSibling");const J=R(q,"childNodes");const K=R(q,"parentNode");if(typeof c==="function"){const e=o.createElement("template");if(e.content&&e.content.ownerDocument){o=e.content.ownerDocument}}let Q;let ee="";const{implementation:te,createNodeIterator:ne,createDocumentFragment:oe,getElementsByTagName:ie}=o;const{importNode:re}=i;let se={};n.isSupported=typeof e==="function"&&typeof K==="function"&&te&&te.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:ae,ERB_EXPR:le,TMPLIT_EXPR:ce,DATA_ATTR:fe,ARIA_ATTR:ue,IS_SCRIPT_OR_DATA:de,ATTR_WHITESPACE:me}=Y;let{IS_ALLOWED_URI:pe}=Y;let he=null;const ye=T({},[...A,..._,...C,...L,...D]);let ge=null;const be=T({},[...P,...I,...O,...$]);let we=Object.seal(a(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let ve=null;let ke=null;let xe=true;let Te=true;let Ee=false;let Se=true;let Re=false;let Ae=false;let _e=false;let Ce=false;let ze=false;let Le=false;let Me=false;let De=true;let Pe=false;const Ie="user-content-";let Oe=true;let $e=false;let je={};let Fe=null;const Be=T({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ne=null;const qe=T({},["audio","video","img","source","image","track"]);let Ue=null;const He=T({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const We="http://www.w3.org/1998/Math/MathML";const Xe="http://www.w3.org/2000/svg";const Ye="http://www.w3.org/1999/xhtml";let Ge=Ye;let Ze=false;let Ve=null;const Je=T({},[We,Xe,Ye],p);let Ke=null;const Qe=["application/xhtml+xml","text/html"];const et="text/html";let tt=null;let nt=null;const ot=o.createElement("form");const it=function e(t){return t instanceof RegExp||t instanceof Function};const rt=function e(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(nt&&nt===t){return}if(!t||typeof t!=="object"){t={}}t=S(t);Ke=Qe.indexOf(t.PARSER_MEDIA_TYPE)===-1?et:t.PARSER_MEDIA_TYPE;tt=Ke==="application/xhtml+xml"?p:m;he="ALLOWED_TAGS"in t?T({},t.ALLOWED_TAGS,tt):ye;ge="ALLOWED_ATTR"in t?T({},t.ALLOWED_ATTR,tt):be;Ve="ALLOWED_NAMESPACES"in t?T({},t.ALLOWED_NAMESPACES,p):Je;Ue="ADD_URI_SAFE_ATTR"in t?T(S(He),t.ADD_URI_SAFE_ATTR,tt):He;Ne="ADD_DATA_URI_TAGS"in t?T(S(qe),t.ADD_DATA_URI_TAGS,tt):qe;Fe="FORBID_CONTENTS"in t?T({},t.FORBID_CONTENTS,tt):Be;ve="FORBID_TAGS"in t?T({},t.FORBID_TAGS,tt):{};ke="FORBID_ATTR"in t?T({},t.FORBID_ATTR,tt):{};je="USE_PROFILES"in t?t.USE_PROFILES:false;xe=t.ALLOW_ARIA_ATTR!==false;Te=t.ALLOW_DATA_ATTR!==false;Ee=t.ALLOW_UNKNOWN_PROTOCOLS||false;Se=t.ALLOW_SELF_CLOSE_IN_ATTR!==false;Re=t.SAFE_FOR_TEMPLATES||false;Ae=t.WHOLE_DOCUMENT||false;ze=t.RETURN_DOM||false;Le=t.RETURN_DOM_FRAGMENT||false;Me=t.RETURN_TRUSTED_TYPE||false;Ce=t.FORCE_BODY||false;De=t.SANITIZE_DOM!==false;Pe=t.SANITIZE_NAMED_PROPS||false;Oe=t.KEEP_CONTENT!==false;$e=t.IN_PLACE||false;pe=t.ALLOWED_URI_REGEXP||U;Ge=t.NAMESPACE||Ye;we=t.CUSTOM_ELEMENT_HANDLING||{};if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){we.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&it(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){we.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(t.CUSTOM_ELEMENT_HANDLING&&typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){we.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Re){Te=false}if(Le){ze=true}if(je){he=T({},D);ge=[];if(je.html===true){T(he,A);T(ge,P)}if(je.svg===true){T(he,_);T(ge,I);T(ge,$)}if(je.svgFilters===true){T(he,C);T(ge,I);T(ge,$)}if(je.mathMl===true){T(he,L);T(ge,O);T(ge,$)}}if(t.ADD_TAGS){if(he===ye){he=S(he)}T(he,t.ADD_TAGS,tt)}if(t.ADD_ATTR){if(ge===be){ge=S(ge)}T(ge,t.ADD_ATTR,tt)}if(t.ADD_URI_SAFE_ATTR){T(Ue,t.ADD_URI_SAFE_ATTR,tt)}if(t.FORBID_CONTENTS){if(Fe===Be){Fe=S(Fe)}T(Fe,t.FORBID_CONTENTS,tt)}if(Oe){he["#text"]=true}if(Ae){T(he,["html","head","body"])}if(he.table){T(he,["tbody"]);delete ve.tbody}if(t.TRUSTED_TYPES_POLICY){if(typeof t.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof t.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw v('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}Q=t.TRUSTED_TYPES_POLICY;ee=Q.createHTML("")}else{if(Q===undefined){Q=Z(N,s)}if(Q!==null&&typeof ee==="string"){ee=Q.createHTML("")}}if(r){r(t)}nt=t};const st=T({},["mi","mo","mn","ms","mtext"]);const at=T({},["foreignobject","desc","title","annotation-xml"]);const lt=T({},["title","style","font","a","script"]);const ct=T({},[..._,...C,...z]);const ft=T({},[...L,...M]);const ut=function e(t){let n=K(t);if(!n||!n.tagName){n={namespaceURI:Ge,tagName:"template"}}const o=m(t.tagName);const i=m(n.tagName);if(!Ve[t.namespaceURI]){return false}if(t.namespaceURI===Xe){if(n.namespaceURI===Ye){return o==="svg"}if(n.namespaceURI===We){return o==="svg"&&(i==="annotation-xml"||st[i])}return Boolean(ct[o])}if(t.namespaceURI===We){if(n.namespaceURI===Ye){return o==="math"}if(n.namespaceURI===Xe){return o==="math"&&at[i]}return Boolean(ft[o])}if(t.namespaceURI===Ye){if(n.namespaceURI===Xe&&!at[i]){return false}if(n.namespaceURI===We&&!st[i]){return false}return!ft[o]&&(lt[o]||!ct[o])}if(Ke==="application/xhtml+xml"&&Ve[t.namespaceURI]){return true}return false};const dt=function e(t){d(n.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){t.remove()}};const mt=function e(t,o){try{d(n.removed,{attribute:o.getAttributeNode(t),from:o})}catch(e){d(n.removed,{attribute:null,from:o})}o.removeAttribute(t);if(t==="is"&&!ge[t]){if(ze||Le){try{dt(o)}catch(e){}}else{try{o.setAttribute(t,"")}catch(e){}}}};const pt=function e(t){let n=null;let i=null;if(Ce){t="<remove></remove>"+t}else{const e=h(t,/^[\r\n\t ]+/);i=e&&e[0]}if(Ke==="application/xhtml+xml"&&Ge===Ye){t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>"}const r=Q?Q.createHTML(t):t;if(Ge===Ye){try{n=(new B).parseFromString(r,Ke)}catch(e){}}if(!n||!n.documentElement){n=te.createDocument(Ge,"template",null);try{n.documentElement.innerHTML=Ze?ee:r}catch(e){}}const s=n.body||n.documentElement;if(t&&i){s.insertBefore(o.createTextNode(i),s.childNodes[0]||null)}if(Ge===Ye){return ie.call(n,Ae?"html":"body")[0]}return Ae?n.documentElement:s};const ht=function e(t){return ne.call(t.ownerDocument||t,t,E.SHOW_ELEMENT|E.SHOW_COMMENT|E.SHOW_TEXT,null)};const yt=function e(t){return t instanceof F&&(typeof t.nodeName!=="string"||typeof t.textContent!=="string"||typeof t.removeChild!=="function"||!(t.attributes instanceof j)||typeof t.removeAttribute!=="function"||typeof t.setAttribute!=="function"||typeof t.namespaceURI!=="string"||typeof t.insertBefore!=="function"||typeof t.hasChildNodes!=="function")};const gt=function e(t){return typeof k==="function"&&t instanceof k};const bt=function e(t,o,i){if(!se[t]){return}f(se[t],(e=>{e.call(n,o,i,nt)}))};const wt=function e(t){let o=null;bt("beforeSanitizeElements",t,null);if(yt(t)){dt(t);return true}const i=tt(t.nodeName);bt("uponSanitizeElement",t,{tagName:i,allowedTags:he});if(t.hasChildNodes()&&!gt(t.firstElementChild)&&w(/<[/\w]/g,t.innerHTML)&&w(/<[/\w]/g,t.textContent)){dt(t);return true}if(!he[i]||ve[i]){if(!ve[i]&&kt(i)){if(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)){return false}if(we.tagNameCheck instanceof Function&&we.tagNameCheck(i)){return false}}if(Oe&&!Fe[i]){const e=K(t)||t.parentNode;const n=J(t)||t.childNodes;if(n&&e){const o=n.length;for(let i=o-1;i>=0;--i){e.insertBefore(H(n[i],true),W(t))}}}dt(t);return true}if(t instanceof x&&!ut(t)){dt(t);return true}if((i==="noscript"||i==="noembed"||i==="noframes")&&w(/<\/no(script|embed|frames)/i,t.innerHTML)){dt(t);return true}if(Re&&t.nodeType===3){o=t.textContent;f([ae,le,ce],(e=>{o=y(o,e," ")}));if(t.textContent!==o){d(n.removed,{element:t.cloneNode()});t.textContent=o}}bt("afterSanitizeElements",t,null);return false};const vt=function e(t,n,i){if(De&&(n==="id"||n==="name")&&(i in o||i in ot)){return false}if(Te&&!ke[n]&&w(fe,n));else if(xe&&w(ue,n));else if(!ge[n]||ke[n]){if(kt(t)&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,t)||we.tagNameCheck instanceof Function&&we.tagNameCheck(t))&&(we.attributeNameCheck instanceof RegExp&&w(we.attributeNameCheck,n)||we.attributeNameCheck instanceof Function&&we.attributeNameCheck(n))||n==="is"&&we.allowCustomizedBuiltInElements&&(we.tagNameCheck instanceof RegExp&&w(we.tagNameCheck,i)||we.tagNameCheck instanceof Function&&we.tagNameCheck(i)));else{return false}}else if(Ue[n]);else if(w(pe,y(i,me,"")));else if((n==="src"||n==="xlink:href"||n==="href")&&t!=="script"&&g(i,"data:")===0&&Ne[t]);else if(Ee&&!w(de,y(i,me,"")));else if(i){return false}else;return true};const kt=function e(t){return t.indexOf("-")>0};const xt=function e(t){bt("beforeSanitizeAttributes",t,null);const{attributes:o}=t;if(!o){return}const i={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:ge};let r=o.length;while(r--){const e=o[r];const{name:s,namespaceURI:a,value:l}=e;const c=tt(s);let d=s==="value"?l:b(l);i.attrName=c;i.attrValue=d;i.keepAttr=true;i.forceKeepAttr=undefined;bt("uponSanitizeAttribute",t,i);d=i.attrValue;if(i.forceKeepAttr){continue}mt(s,t);if(!i.keepAttr){continue}if(!Se&&w(/\/>/i,d)){mt(s,t);continue}if(Re){f([ae,le,ce],(e=>{d=y(d,e," ")}))}const m=tt(t.nodeName);if(!vt(m,c,d)){continue}if(Pe&&(c==="id"||c==="name")){mt(s,t);d=Ie+d}if(Q&&typeof N==="object"&&typeof N.getAttributeType==="function"){if(a);else{switch(N.getAttributeType(m,c)){case"TrustedHTML":{d=Q.createHTML(d);break}case"TrustedScriptURL":{d=Q.createScriptURL(d);break}}}}try{if(a){t.setAttributeNS(a,s,d)}else{t.setAttribute(s,d)}u(n.removed)}catch(e){}}bt("afterSanitizeAttributes",t,null)};const Tt=function e(t){let n=null;const o=ht(t);bt("beforeSanitizeShadowDOM",t,null);while(n=o.nextNode()){bt("uponSanitizeShadowNode",n,null);if(wt(n)){continue}if(n.content instanceof l){e(n.content)}xt(n)}bt("afterSanitizeShadowDOM",t,null)};n.sanitize=function(e){let t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let o=null;let r=null;let s=null;let a=null;Ze=!e;if(Ze){e="\x3c!--\x3e"}if(typeof e!=="string"&&!gt(e)){if(typeof e.toString==="function"){e=e.toString();if(typeof e!=="string"){throw v("dirty is not a string, aborting")}}else{throw v("toString is not a function")}}if(!n.isSupported){return e}if(!_e){rt(t)}n.removed=[];if(typeof e==="string"){$e=false}if($e){if(e.nodeName){const t=tt(e.nodeName);if(!he[t]||ve[t]){throw v("root node is forbidden and cannot be sanitized in-place")}}}else if(e instanceof k){o=pt("\x3c!----\x3e");r=o.ownerDocument.importNode(e,true);if(r.nodeType===1&&r.nodeName==="BODY"){o=r}else if(r.nodeName==="HTML"){o=r}else{o.appendChild(r)}}else{if(!ze&&!Re&&!Ae&&e.indexOf("<")===-1){return Q&&Me?Q.createHTML(e):e}o=pt(e);if(!o){return ze?null:Me?ee:""}}if(o&&Ce){dt(o.firstChild)}const c=ht($e?e:o);while(s=c.nextNode()){if(wt(s)){continue}if(s.content instanceof l){Tt(s.content)}xt(s)}if($e){return e}if(ze){if(Le){a=oe.call(o.ownerDocument);while(o.firstChild){a.appendChild(o.firstChild)}}else{a=o}if(ge.shadowroot||ge.shadowrootmode){a=re.call(i,a,true)}return a}let u=Ae?o.outerHTML:o.innerHTML;if(Ae&&he["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&w(X,o.ownerDocument.doctype.name)){u="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+u}if(Re){f([ae,le,ce],(e=>{u=y(u,e," ")}))}return Q&&Me?Q.createHTML(u):u};n.setConfig=function(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};rt(e);_e=true};n.clearConfig=function(){nt=null;_e=false};n.isValidAttribute=function(e,t,n){if(!nt){rt({})}const o=tt(e);const i=tt(t);return vt(o,i,n)};n.addHook=function(e,t){if(typeof t!=="function"){return}se[e]=se[e]||[];d(se[e],t)};n.removeHook=function(e){if(se[e]){return u(se[e])}};n.removeHooks=function(e){if(se[e]){se[e]=[]}};n.removeAllHooks=function(){se={}};return n}var J=V();return J}))})(D);const P=D.exports;const I=":host{display:inline-grid;overflow:hidden;width:100%}.view-email{width:100%}.view-email div.gmail_quote{display:none;color:var(--nylas-color-primary-400)}.view-email div.gmail_quote.show{display:block}.view-email blockquote{border-color:var(--nylas-color-primary-500) !important}.view-email .nylas-view-email-toggle-button{display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);border:0;border-radius:2px;font-size:14px;font-weight:500;line-height:1.5;transition:all 0.2s ease-in-out}.view-email .nylas-view-email-toggle-button:hover{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600)}";const O=I;P.addHook("afterSanitizeAttributes",(function(e){if("target"in e){e.setAttribute("target","_blank");e.setAttribute("rel","noopener")}}));const $=class{constructor(t){e(this,t);this.htmlElement=document.createElement("html");this.setBody=e=>{this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}));const t=this.message?l(this.message):c(e);if(!t){e=`<html><body>${f(e)}</body></html>`}this.htmlElement.innerHTML=e;if(this.detectDarkMode){M(this.htmlElement)}this.htmlElement.querySelectorAll("link").forEach((e=>{console.debug(`[nylas-view-email] Hoisting link: ${e.getAttribute("href")}`);if(e.getAttribute("rel")==="stylesheet"&&e.getAttribute("href")){const t=e.getAttribute("href");if(t){const e=new URL(t,window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}}));this.htmlElement.querySelectorAll("style").forEach((e=>{e.innerHTML.split("\n").forEach((e=>{const t=e.match(/@import url\((.*)\)/);if(t){const e=new URL(t[1],window.location.href);if(e.protocol==="https:"||e.protocol==="http:"){this.hoistedFontURLs.set(e.href,e.href)}}}));e.innerHTML=e.innerHTML.replace("body",":host");this.styles.push(e);e.remove()}));this.htmlElement.querySelectorAll("a").forEach((e=>{e.setAttribute("target","_blank")}));const n=this.htmlElement.querySelector(".gmail_quote");if(n){const e=document.createElement("button");e.classList.add("nylas-view-email-toggle-button");e.setAttribute("aria-label","Show quoted text");e.innerText="...";n.parentElement?.insertBefore(e,n)}this.sanitizedBody=P.sanitize(this.htmlElement.innerHTML);this.hoistedFontURLs.forEach(((e,t)=>{const n=document.createElement("link");n.setAttribute("rel","stylesheet");n.setAttribute("href",e);n.classList.add("nylas-view-email-font");document.head.appendChild(n)}));this.state="ready"};this.handleMobileSize=()=>{const e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0);if(e<=768){const t=this.viewEmailElement?.getBoundingClientRect();if(t&&this.viewEmailElement&&this.parent){if(t.width>e){const e=this.parent;const n=e?.getBoundingClientRect();s("Parent width:",n?.width,"Parent height:",n?.height);s("Parent client width:",e.clientWidth,"Parent client height:",e.clientHeight);const o=n.width/t.width;const i=n.height/t.height;const r=Math.min(o,i);s("Scale:",r);this.viewEmailElement.style.setProperty("transform",`scale(${r})`);this.viewEmailElement.style.setProperty("transform-origin",`top left`);this.viewEmailElement.style.setProperty("height",`${t.height*r}px`)}}}else{this.viewEmailElement?.style.removeProperty("transform");this.viewEmailElement?.style.removeProperty("transform-origin");this.viewEmailElement?.style.removeProperty("height")}};this.message=undefined;this.parent=undefined;this.attachments=[];this.detectDarkMode=true;this.state="loading";this.sanitizedBody="";this.styles=[];this.viewEmailElement=undefined;this.hoistedFontURLs=new Map}connectedCallback(){}disconnectedCallback(){s(`[nylas-view-email] Component disconnected`);this.state="loading";this.styles=[];this.hoistedFontURLs=new Map;this.sanitizedBody="";document.querySelectorAll(".nylas-view-email-font").forEach((e=>{e.remove()}))}async componentWillLoad(){s(`[nylas-view-email] component loaded`);this.setBody(this.message?.body??"")}async componentDidLoad(){s(`[nylas-view-thread] Component did load`);this.handleMobileSize()}async messageChanged(){s(`[nylas-view-thread] Message changed`,{message:this.message});this.setBody(this.message?.body??"")}handleScroll(){this.handleMobileSize()}viewEmailElementChanged(){const e=this.viewEmailElement?.querySelectorAll(".nylas-view-email-toggle-button");if(e){e.forEach((e=>{e.addEventListener("click",(()=>{const e=this.viewEmailElement?.querySelector(".gmail_quote");if(e){e.classList.toggle("show")}}))}))}}render(){console.debug(`[nylas-view-email] render`,{hoistedFontURLs:this.hoistedFontURLs});return t(o,{key:"285c8ae259a5c1de84aa7facdc2165f1f0383e31"},this.state==="loading"&&t("div",null,"Loading..."),this.state==="ready"&&t(r,null,this.styles.map((e=>t("style",null,P.sanitize(e.innerHTML)))),t("div",{class:"view-email",part:"view-email",innerHTML:this.sanitizedBody,ref:e=>this.viewEmailElement=e})))}get host(){return i(this)}static get watchers(){return{message:["messageChanged"],viewEmailElement:["viewEmailElementChanged"]}}};$.style=O;const j=".sc-reply-all-icon-h{display:flex}";const F=j;const B=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"c5eb888da15f3b1cd71273ac5ce16d364dc75c1a",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"2b46aff2e7c0da2f0384485892fe9d3c1998363c",d:"m1030.975 188 81.249 81.249-429.228 429.228h300.747c516.223 0 936.257 420.034 936.257 936.257v98.028h-114.92v-98.028c0-452.901-368.436-821.337-821.337-821.337H682.996l429.228 429.229-81.25 81.248-567.936-567.937L1030.975 188Zm-463.038.011 81.249 81.25-486.688 486.688 486.688 486.688-81.249 81.249L0 755.949 567.937 188.01Z","fill-rule":"evenodd"}))}};B.style=F;const N=".sc-reply-icon-h{display:flex}";const q=N;const U=class{constructor(t){e(this,t);this.width="15";this.height="15"}render(){return t("svg",{key:"b39732ec7ae51099897b58265e3107537e033038",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 1920 1920",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"c96f0bfb2877690a272883481c820bc06c8d04ce",d:"M835.942 632.563H244.966l478.08-478.08-90.496-90.496L-.026 696.563 632.55 1329.14l90.496-90.496-478.08-478.08h590.976c504.448 0 914.816 410.368 914.816 914.816v109.184h128V1675.38c0-574.976-467.84-1042.816-1042.816-1042.816","fill-rule":"evenodd"}))}};U.style=q;export{h as forward_icon,b as nylas_composer,T as nylas_summarize_message_button,$ as nylas_view_email,B as reply_all_icon,U as reply_icon};
+//# sourceMappingURL=p-1a7edf86.entry.js.map

package/dist/nylas-web-elements/p-1d8c468f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,H as a,a as n}from"./p-68c2fadf.js";import{a as o}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const r=':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropdown span.error{color:var(--nylas-error);font-size:14px}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn.error{border:1px solid var(--nylas-error)}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:72px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}';const i=r;const l=class{constructor(t){e(this,t);this.selectedOptionsChanged=s(this,"selectedOptionsChanged",7);this.name=undefined;this.label=undefined;this.options=[];this.error="";this.availableOptions=this.options;this.isOpen=false;this.ariaActivedescendant="";this.shouldFocusFirstOption=false}componentDidRender(){o("multi-select-dropdown","componentDidRender");if(this.isOpen&&this.shouldFocusFirstOption){this.ariaActivedescendant=this.availableOptions[0].value;this.focusOption(0);this.shouldFocusFirstOption=false}}handleOutsideClick(e){const s=e.composedPath();const t=s.includes(this.el);if(!t&&this.isOpen){this.isOpen=false}}selectOption(e){this.availableOptions=this.availableOptions.map((s=>{if(s.value===e.value){s.selected=e.selected?false:true}return s}));const s=this.availableOptions.filter((e=>e.selected)).map((e=>e.value));this.selectedOptionsChanged.emit({value:s,name:this.name})}toggleDropdown(){this.isOpen=!this.isOpen;if(this.isOpen){this.shouldFocusFirstOption=true}else{this.ariaActivedescendant=""}}handleSelectButtonKeyDown(e){switch(e.key){case"ArrowDown":case"Enter":e.preventDefault();if(!this.isOpen){this.toggleDropdown()}break;case"Escape":this.isOpen=false;break}}handleListboxKeydown(e){const s=this.availableOptions;const t=s.findIndex((e=>e.value===this.ariaActivedescendant));switch(e.key){case"ArrowDown":case"Tab":if(!e.shiftKey){e.preventDefault();const a=t+1<s.length?t+1:0;this.ariaActivedescendant=s[a].value;this.focusOption(a)}else{e.preventDefault();const a=t-1>=0?t-1:s.length-1;this.ariaActivedescendant=s[a].value;this.focusOption(a)}break;case"ArrowUp":e.preventDefault();const a=t-1>=0?t-1:s.length-1;this.ariaActivedescendant=s[a].value;this.focusOption(a);break;case"Enter":e.preventDefault();if(this.ariaActivedescendant){this.selectOption(s[t])}break;case"Escape":this.isOpen=false;break}}focusOption(e){const s=this.availableOptions[e];if(!s)return;const t=s.value;const a=this.el.shadowRoot?.getElementById(t);if(a){a.focus();a.scrollIntoView({behavior:"smooth",block:"nearest"})}}getSelectedOptions(){return this.availableOptions.filter((e=>e.selected))}renderOption(e){return t("li",{key:e.value,id:e.value,role:"option",tabindex:"0","aria-selected":e.selected?"true":"false",onClick:s=>{s.stopImmediatePropagation();this.selectOption(e)},class:{selected:!!e.selected}},t("label",{htmlFor:e.value},t("input",{"aria-hidden":"true",id:e.value,type:"checkbox",checked:e.selected}),t("span",null,e.label)))}render(){return t(a,{key:"a210f609992836c2f16b3c50d0dd41cf1803e45d"},t("div",{key:"f925ec1ca53bf285ea2e95fb9b0c7a61c214b9fb",class:"dropdown",part:"msd_dropdown"},t("label",{key:"c99cfe9abb34365369ed230f035275cb45851e18",class:"dropdown-label"},this.label,t("slot",{key:"4c398d8e40b4f9a762c21a94198bcfe5383dfbac",name:"label-icon","aria-hidden":"true"})),t("button",{key:"1b2a30027ab7d1177f1c01f82d20b34c63c070a1",name:this.name,part:`msd_dropdown-button ${this.error?"msd_dropdown-button--error":""}`,class:{dropbtn:true,open:this.isOpen,error:!!this.error},onClick:()=>this.toggleDropdown(),"aria-haspopup":"listbox","aria-expanded":this.isOpen?"true":"false","aria-label":this.name,onKeyDown:e=>this.handleSelectButtonKeyDown(e)},t("slot",{key:"d8f2bd199c2a931a5e4380f6d1126df6abe894cd",name:"select-icon","aria-hidden":"true"}),t("span",{key:"54810e429302d3c990ac49c10386ec442950a37d",class:"selected-option",part:"msd_dropdown-button-selected-label"},this.getSelectedOptions().length>1?`Multiple ${this.name}s selected`:this.availableOptions.filter((e=>e.selected))[0]?.label??this.availableOptions[0]?.label),t("span",{key:"664a32573a64a7ae20fd36748050b399160ce032",class:this.isOpen?"open":"closed","aria-hidden":"true"},t("chevron-icon",{key:"77ab403c2a1f80a7eb32a40109b57257e9d80c85",width:"16",height:"16"}))),this.error?t("span",{class:"error"},this.error):null,this.isOpen?null:t("div",{class:"selected-options"},this.getSelectedOptions().map((e=>t("span",{class:"selected-option"},e.label,t("button",{key:e.label,onClick:()=>this.selectOption(e)},t("close-icon",null)))))),this.isOpen?t("div",{class:"dropdown-content",part:"msd_dropdown-content"},t("ul",{tabindex:"-1",role:"listbox","aria-label":this.name,"aria-multiselectable":true,"aria-activedescendant":this.ariaActivedescendant,onKeyDown:e=>this.handleListboxKeydown(e)},this.availableOptions.map((e=>this.renderOption(e))))):null))}get el(){return n(this)}};l.style=i;export{l as multi_select_dropdown};
+//# sourceMappingURL=p-1d8c468f.entry.js.map

package/dist/nylas-web-elements/p-1d8c468f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["multiSelectDropdownCss","MultiSelectDropdownStyle0","MultiSelectDropdown","this","options","componentDidRender","debug","isOpen","shouldFocusFirstOption","ariaActivedescendant","availableOptions","value","focusOption","handleOutsideClick","event","path","composedPath","isClickInside","includes","el","selectOption","option","map","o","selected","selectedOptions","filter","selectedOptionsChanged","emit","name","toggleDropdown","handleSelectButtonKeyDown","key","preventDefault","handleListboxKeydown","e","items","currentIndex","findIndex","item","shiftKey","nextIndex","length","prevIndex","index","elementId","element","shadowRoot","getElementById","focus","scrollIntoView","behavior","block","getSelectedOptions","renderOption","h","id","role","tabindex","onClick","stopImmediatePropagation","class","htmlFor","type","checked","label","render","Host","part","error","dropbtn","open","onKeyDown","width","height"],"sources":["src/components/design-system/multi-select-dropdown/multi-select-dropdown.scss?tag=multi-select-dropdown&encapsulation=shadow","src/components/design-system/multi-select-dropdown/multi-select-dropdown.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  width: inherit;\n  @include default-css-variables;\n}\n\n.dropdown {\n  display: inline-block;\n  width: 100%;\n  position: relative;\n\n  .dropdown-label {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    color: var(--nylas-base-800);\n  }\n\n  span.error {\n    color: var(--nylas-error);\n    font-size: 14px;\n  }\n}\n\n.dropbtn {\n  width: inherit;\n  height: 48px;\n  color: black;\n  padding: 0.5rem;\n  font-size: 1rem;\n  cursor: pointer;\n  display: flex;\n  gap: 0.5rem;\n  justify-content: space-between;\n  align-items: center;\n  background: transparent;\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius-2x);\n\n  &.focus {\n    background: transparent;\n  }\n\n  &.error {\n    border: 1px solid var(--nylas-error);\n  }\n\n  &:hover,\n  &:active {\n    border: 1px solid var(--nylas-primary);\n  }\n\n  &:active {\n    outline: 2px solid var(--nylas-primary);\n  }\n\n  span {\n    &.open {\n      transform: rotate(90deg);\n    }\n\n    &.closed {\n      transform: rotate(270deg);\n    }\n  }\n}\n\n.dropdown-content {\n  display: block;\n  margin-top: 0.5rem;\n  background-color: var(--nylas-base-0);\n  width: 100%;\n  max-height: 336px;\n  overflow: auto;\n  z-index: 1;\n  border-radius: 4px;\n  position: absolute;\n  top: calc(48px + 24px);\n  box-shadow: 0px 4px 6px -2px #0000000d;\n  box-shadow: 0px 10px 15px -3px #0000001a;\n}\n\n.dropdown-content ul {\n  padding: 0;\n  list-style-type: none;\n  color: var(--nylas-base-900);\n  max-height: 336px;\n\n  li {\n    padding: 16px, 12px, 16px, 12px;\n    color: black;\n    padding: 12px 16px;\n    text-decoration: none;\n    display: block;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0px;\n    text-align: left;\n    cursor: pointer;\n\n    &:hover,\n    &:focus {\n      background-color: var(--nylas-base-100);\n    }\n\n    label {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n\n      input {\n        margin: 0;\n      }\n    }\n  }\n}\n\n.selected-options {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  padding: 0.5rem 0;\n  margin-top: 0.25rem;\n  background: var(--nylas-base-0);\n\n  .selected-option {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 4px 8px;\n    border-radius: var(--nylas-border-radius-2x);\n    background: var(--nylas-base-100);\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.5rem;\n    letter-spacing: 0.5px;\n\n    button {\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n\n      &:hover {\n        color: var(--nylas-primary);\n      }\n    }\n  }\n}","import { debug } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h } from '@stencil/core';\n\ninterface DropdownOption {\n  label: string;\n  value: string;\n  selected?: boolean; // Add a selected flag to each option\n}\n\n@Component({\n  tag: 'multi-select-dropdown',\n  styleUrl: 'multi-select-dropdown.scss',\n  shadow: true,\n})\nexport class MultiSelectDropdown {\n  @Element() el!: HTMLElement;\n\n  // Props\n  /**\n   * The name of the dropdown\n   */\n  @Prop() name!: string;\n\n  /**\n   * The label of the dropdown\n   */\n  @Prop() label?: string;\n\n  /**\n   * The options to display in the dropdown\n   */\n  @Prop() options: DropdownOption[] = [];\n\n  /**\n   * Error message to display\n   */\n  @Prop() error?: string = '';\n\n  // States\n  /**\n   * The copy of the options to display in the dropdown\n   */\n  @State() availableOptions: DropdownOption[] = this.options;\n  /**\n   * The open state of the dropdown\n   */\n  @State() isOpen: boolean = false;\n  /**\n   * The aria-activedescendant attribute for the listbox element to indicate the currently active\n   */\n  @State() ariaActivedescendant: string = '';\n\n  /**\n   * This flag is used to focus the first option when the dropdown is opened\n   * and reset after the first option is focused\n   */\n  @State() shouldFocusFirstOption: boolean = false;\n\n  // Events\n  /**\n   * This event is fired when the selected options are changed\n   */\n  @Event({ bubbles: true, composed: true }) selectedOptionsChanged!: EventEmitter<{\n    value: string[];\n    name: string;\n  }>;\n\n  // Lifecycle methods\n  componentDidRender() {\n    debug('multi-select-dropdown', 'componentDidRender');\n    if (this.isOpen && this.shouldFocusFirstOption) {\n      // The dropdown is open and we should focus the first option\n      this.ariaActivedescendant = this.availableOptions[0].value;\n      this.focusOption(0);\n      // Reset the flag\n      this.shouldFocusFirstOption = false;\n    }\n  }\n\n  // Event listeners\n  @Listen('click', { target: 'document', capture: true })\n  handleOutsideClick(event: MouseEvent) {\n    // Get the path of the event\n    const path = event.composedPath();\n\n    // Check if the path includes the host element\n    const isClickInside = path.includes(this.el);\n\n    if (!isClickInside && this.isOpen) {\n      this.isOpen = false;\n    }\n  }\n\n  // Methods\n\n  selectOption(option: DropdownOption): void {\n    this.availableOptions = this.availableOptions.map(o => {\n      if (o.value === option.value) {\n        o.selected = option.selected ? false : true;\n      }\n      return o;\n    });\n    const selectedOptions = this.availableOptions.filter(o => o.selected).map(o => o.value);\n    this.selectedOptionsChanged.emit({\n      value: selectedOptions,\n      name: this.name,\n    });\n  }\n\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      this.shouldFocusFirstOption = true;\n    } else {\n      this.ariaActivedescendant = '';\n    }\n  }\n\n  handleSelectButtonKeyDown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case 'ArrowDown':\n      case 'Enter':\n        event.preventDefault();\n        if (!this.isOpen) {\n          this.toggleDropdown();\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  handleListboxKeydown(e: KeyboardEvent) {\n    const items = this.availableOptions;\n    const currentIndex = items.findIndex(item => item.value === this.ariaActivedescendant);\n\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'Tab':\n        if (!e.shiftKey) {\n          e.preventDefault();\n          const nextIndex = currentIndex + 1 < items.length ? currentIndex + 1 : 0;\n          this.ariaActivedescendant = items[nextIndex].value;\n          this.focusOption(nextIndex);\n        } else {\n          e.preventDefault();\n          const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n          this.ariaActivedescendant = items[prevIndex].value;\n          this.focusOption(prevIndex);\n        }\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : items.length - 1;\n        this.ariaActivedescendant = items[prevIndex].value;\n        this.focusOption(prevIndex);\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (this.ariaActivedescendant) {\n          this.selectOption(items[currentIndex]);\n        }\n        break;\n      case 'Escape':\n        this.isOpen = false;\n        break;\n    }\n  }\n\n  focusOption(index: number) {\n    const option = this.availableOptions[index];\n    if (!option) return; // Guard clause in case index is out of bounds\n\n    const elementId = option.value;\n    const element = this.el.shadowRoot?.getElementById(elementId) as HTMLLIElement;\n\n    if (element) {\n      element.focus(); // Set focus on the element\n      element.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }\n\n  getSelectedOptions() {\n    return this.availableOptions.filter(option => option.selected);\n  }\n\n  renderOption(option: DropdownOption) {\n    return (\n      <li\n        key={option.value}\n        id={option.value}\n        role=\"option\"\n        tabindex=\"0\"\n        aria-selected={option.selected ? 'true' : 'false'}\n        onClick={e => {\n          e.stopImmediatePropagation();\n          this.selectOption(option);\n        }}\n        class={{ selected: !!option.selected }}\n      >\n        <label htmlFor={option.value}>\n          <input aria-hidden=\"true\" id={option.value} type=\"checkbox\" checked={option.selected} />\n          <span>{option.label}</span>\n        </label>\n      </li>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"dropdown\" part=\"msd_dropdown\">\n          <label class=\"dropdown-label\">\n            {this.label}\n            <slot name=\"label-icon\" aria-hidden=\"true\"></slot>\n          </label>\n          <button\n            name={this.name}\n            part={`msd_dropdown-button ${this.error ? 'msd_dropdown-button--error' : ''}`}\n            class={{ dropbtn: true, open: this.isOpen, error: !!this.error }}\n            onClick={() => this.toggleDropdown()}\n            aria-haspopup=\"listbox\"\n            aria-expanded={this.isOpen ? 'true' : 'false'}\n            aria-label={this.name}\n            onKeyDown={e => this.handleSelectButtonKeyDown(e)}\n          >\n            <slot name=\"select-icon\" aria-hidden=\"true\"></slot>\n            <span class=\"selected-option\" part=\"msd_dropdown-button-selected-label\">\n              {this.getSelectedOptions().length > 1\n                ? `Multiple ${this.name}s selected`\n                : this.availableOptions.filter(o => o.selected)[0]?.label ?? this.availableOptions[0]?.label}\n            </span>\n            <span class={this.isOpen ? 'open' : 'closed'} aria-hidden=\"true\">\n              <chevron-icon width=\"16\" height=\"16\" />\n            </span>\n          </button>\n          {this.error ? <span class=\"error\">{this.error}</span> : null}\n          {this.isOpen ? null : (\n            <div class={'selected-options'}>\n              {this.getSelectedOptions().map(option => (\n                <span class=\"selected-option\">\n                  {option.label}\n                  <button key={option.label} onClick={() => this.selectOption(option)}>\n                    <close-icon />\n                  </button>\n                </span>\n              ))}\n            </div>\n          )}\n          {this.isOpen ? (\n            <div class=\"dropdown-content\" part=\"msd_dropdown-content\">\n              <ul\n                tabindex=\"-1\"\n                role=\"listbox\"\n                aria-label={this.name}\n                aria-multiselectable={true}\n                aria-activedescendant={this.ariaActivedescendant}\n                onKeyDown={e => this.handleListboxKeydown(e)}\n              >\n                {this.availableOptions.map(option => this.renderOption(option))}\n              </ul>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/{p-be38a8eb.entry.js → p-1e1ae8d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as n}from"./p-68c2fadf.js";import{R as s}from"./p-795b324a.js";import{a as i}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const a=":host{display:block}div{height:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fade-in{animation:fadeIn 1.5s}.fade-out{animation:fadeOut 1.5s}@keyframes slideIn{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.slide-in{animation:slideIn 1.5s}.slide-out{animation:slideOut 1.5s}@keyframes swipeIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.swipe-in{animation:swipeIn 1.5s}.swipe-out{animation:swipeOut 1.5s}";const o=a;var r=undefined&&undefined.__decorate||function(e,t,n,s){var i=arguments.length,a=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,n,s);else for(var r=e.length-1;r>=0;r--)if(o=e[r])a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a;return i>3&&a&&Object.defineProperty(t,n,a),a};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const d=class{constructor(t){e(this,t);this.state=undefined;this.isStateSet=undefined;this.isBoolean=undefined;this.getStore=undefined;this.transition="none";this.show=false;this.classes={};this.initTransition=this.initTransition.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-if-state] Component will load`);this.watchStore(true)}async componentDidLoad(){i(`[nylas-if-state] Component did load`)}shouldRender(){const[e,t]=this.state?this.state.split("."):["",""];const n=this.getStore;if(typeof n==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{getStore:n});return false}const s=n(e);if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{store:s});return false}const a=s.state[t];if(typeof this.isStateSet==="boolean"){return this.isStateSet===false&&(typeof a==="undefined"||a===null||a.length===0)||this.isStateSet===true&&typeof a!=="undefined"&&a!==null}if(typeof this.isBoolean==="boolean"){return this.isBoolean===true&&typeof a!=="undefined"&&a===true||this.isBoolean===false&&typeof a!=="undefined"&&a===false}return false}onGetStoreChange(){this.watchStore(true)}watchStore(e=false){const[t,n]=this.state?this.state.split("."):["",""];const s=this.getStore;if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{getStore:s});return null}const a=s(t);if(typeof a==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{store:a});return null}if(e===true){this.initTransition()}a.onChange(n,this.initTransition)}initTransition(){const e=this.shouldRender();switch(this.transition){case"fade":case"slide":case"swipe":this.classes={[`${this.transition}-in`]:e,[`${this.transition}-out`]:!e};setTimeout((()=>{this.show=e}),150);break;default:this.show=this.shouldRender();break}}render(){return t(n,{key:"192bc336cda77e1ba97846c26341a2096fcf9603"},t("div",{key:"5ec74fcae3d4495473db4d745a616fe65606485d",class:this.classes},this.show&&t("slot",null)))}static get watchers(){return{getStore:["onGetStoreChange"]}}};r([s({name:"nylas-if-state",getStoresToProp:"getStore",fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_if_state};
-//# sourceMappingURL=p-be38a8eb.entry.js.map
+import{r as e,h as t,H as n}from"./p-68c2fadf.js";import{R as s}from"./p-795b324a.js";import{a as i}from"./p-6c11737d.js";import"./p-02aa5f03.js";import"./p-cb65c223.js";const a=":host{display:block}div{height:inherit}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fade-in{animation:fadeIn 1.5s}.fade-out{animation:fadeOut 1.5s}@keyframes slideIn{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}100%{transform:translateY(100%)}}.slide-in{animation:slideIn 1.5s}.slide-out{animation:slideOut 1.5s}@keyframes swipeIn{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes swipeOut{0%{transform:translateX(0)}100%{transform:translateX(100%)}}.swipe-in{animation:swipeIn 1.5s}.swipe-out{animation:swipeOut 1.5s}";const o=a;var r=undefined&&undefined.__decorate||function(e,t,n,s){var i=arguments.length,a=i<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,n,s);else for(var r=e.length-1;r>=0;r--)if(o=e[r])a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a;return i>3&&a&&Object.defineProperty(t,n,a),a};var f=undefined&&undefined.__metadata||function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const d=class{constructor(t){e(this,t);this.state=undefined;this.isStateSet=undefined;this.isBoolean=undefined;this.getStore=undefined;this.transition="none";this.show=false;this.classes={};this.initTransition=this.initTransition.bind(this)}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){i(`[nylas-if-state] Component will load`);this.watchStore(true)}async componentDidLoad(){i(`[nylas-if-state] Component did load`)}shouldRender(){const[e,t]=this.state?this.state.split("."):["",""];const n=this.getStore;if(typeof n==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{getStore:n});return false}const s=n(e);if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${e} | State name: ${t}`,{store:s});return false}const a=s.state[t];if(typeof this.isStateSet==="boolean"){return this.isStateSet===false&&(typeof a==="undefined"||a===null||a.length===0)||this.isStateSet===true&&typeof a!=="undefined"&&a!==null}if(typeof this.isBoolean==="boolean"){return this.isBoolean===true&&typeof a!=="undefined"&&a===true||this.isBoolean===false&&typeof a!=="undefined"&&a===false}return false}onGetStoreChange(){this.watchStore(true)}watchStore(e=false){const[t,n]=this.state?this.state.split("."):["",""];const s=this.getStore;if(typeof s==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{getStore:s});return null}const a=s(t);if(typeof a==="undefined"){i(`[nylas-if-state] Store name: ${t} | State name: ${n}`,{store:a});return null}if(e===true){this.initTransition()}a.onChange(n,this.initTransition)}initTransition(){const e=this.shouldRender();switch(this.transition){case"fade":case"slide":case"swipe":this.classes={[`${this.transition}-in`]:e,[`${this.transition}-out`]:!e};setTimeout((()=>{this.show=e}),150);break;default:this.show=this.shouldRender();break}}render(){return t(n,{key:"68419dbf0dc879406cde9b623464ff476b6695b5"},t("div",{key:"a4b4750395538f5522d3027c98ac932b7a152a99",class:this.classes},this.show&&t("slot",null)))}static get watchers(){return{getStore:["onGetStoreChange"]}}};r([s({name:"nylas-if-state",getStoresToProp:"getStore",fireRegisterEvent:true}),f("design:type",Function),f("design:paramtypes",[]),f("design:returntype",void 0)],d.prototype,"render",null);d.style=o;export{d as nylas_if_state};
+//# sourceMappingURL=p-1e1ae8d0.entry.js.map