@thoughtspot/visual-embed-sdk 1.20.0-alpha.2 → 1.20.0-prerender.0

package/dist/tsembed.es.js

@@ -11,6 +11,7 @@
  * Refer to the following docs for more details on runtime filter syntax:
  * https://cloud-docs.thoughtspot.com/admin/ts-cloud/apply-runtime-filter.html
  * https://cloud-docs.thoughtspot.com/admin/ts-cloud/runtime-filter-operators.html
+ *
  * @param runtimeFilters
  */
 const getFilterQuery = (runtimeFilters) => {
@@ -30,13 +31,12 @@ const getFilterQuery = (runtimeFilters) => {
 /**
  * Convert a value to a string representation to be sent as a query
  * parameter to the ThoughtSpot app.
+ *
  * @param value Any parameter value
  */
 const serializeParam = (value) => {
     // do not serialize primitive types
-    if (typeof value === 'string' ||
-        typeof value === 'number' ||
-        typeof value === 'boolean') {
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
         return value;
     }
     return JSON.stringify(value);
@@ -45,12 +45,15 @@ const serializeParam = (value) => {
  * Convert a value to a string:
  * in case of an array, we convert it to CSV.
  * in case of any other type, we directly return the value.
+ *
  * @param value
  */
-const paramToString = (value) => Array.isArray(value) ? value.join(',') : value;
+const paramToString = (value) => (Array.isArray(value) ? value.join(',') : value);
 /**
  * Return a query param string composed from the given params object
+ *
  * @param queryParams
+ * @param shouldSerializeParamValues
  */
 const getQueryParamString = (queryParams, shouldSerializeParamValues = false) => {
     const qp = [];
@@ -72,6 +75,7 @@ const getQueryParamString = (queryParams, shouldSerializeParamValues = false) =>
 /**
  * Get a string representation of a dimension value in CSS
  * If numeric, it is considered in pixels.
+ *
  * @param value
  */
 const getCssDimension = (value) => {
@@ -82,6 +86,7 @@ const getCssDimension = (value) => {
 };
 /**
  * Append a string to a URL's hash fragment
+ *
  * @param url A URL
  * @param stringToAppend The string to append to the URL hash
  */
@@ -96,6 +101,12 @@ const appendToUrlHash = (url, stringToAppend) => {
     }
     return outputUrl;
 };
+/**
+ *
+ * @param url
+ * @param stringToAppend
+ * @param path
+ */
 function getRedirectUrl(url, stringToAppend, path = '') {
     const targetUrl = path ? new URL(path, window.location.origin).href : url;
     return appendToUrlHash(targetUrl, stringToAppend);
@@ -104,10 +115,7 @@ const getEncodedQueryParamsString = (queryString) => {
     if (!queryString) {
         return queryString;
     }
-    return btoa(queryString)
-        .replace(/\+/g, '-')
-        .replace(/\//g, '_')
-        .replace(/=+$/, '');
+    return btoa(queryString).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
 };
 const getOffsetTop = (element) => {
     const rect = element.getBoundingClientRect();
@@ -137,8 +145,8 @@ const getCustomisations = (embedConfig, viewConfig) => {
     var _a, _b, _c, _d;
     const customCssUrlFromEmbedConfig = embedConfig.customCssUrl;
     const customizationsFromViewConfig = viewConfig.customizations;
-    const customizationsFromEmbedConfig = embedConfig.customizations ||
-        embedConfig.customisations;
+    const customizationsFromEmbedConfig = embedConfig.customizations
+        || embedConfig.customisations;
     const customizations = {
         style: {
             ...customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style,
@@ -147,9 +155,9 @@ const getCustomisations = (embedConfig, viewConfig) => {
                 ...(_a = customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style) === null || _a === void 0 ? void 0 : _a.customCSS,
                 ...(_b = customizationsFromViewConfig === null || customizationsFromViewConfig === void 0 ? void 0 : customizationsFromViewConfig.style) === null || _b === void 0 ? void 0 : _b.customCSS,
             },
-            customCSSUrl: ((_c = customizationsFromViewConfig === null || customizationsFromViewConfig === void 0 ? void 0 : customizationsFromViewConfig.style) === null || _c === void 0 ? void 0 : _c.customCSSUrl) ||
-                ((_d = customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style) === null || _d === void 0 ? void 0 : _d.customCSSUrl) ||
-                customCssUrlFromEmbedConfig,
+            customCSSUrl: ((_c = customizationsFromViewConfig === null || customizationsFromViewConfig === void 0 ? void 0 : customizationsFromViewConfig.style) === null || _c === void 0 ? void 0 : _c.customCSSUrl)
+                || ((_d = customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.style) === null || _d === void 0 ? void 0 : _d.customCSSUrl)
+                || customCssUrlFromEmbedConfig,
         },
         content: {
             ...customizationsFromEmbedConfig === null || customizationsFromEmbedConfig === void 0 ? void 0 : customizationsFromEmbedConfig.content,
@@ -161,12 +169,11 @@ const getCustomisations = (embedConfig, viewConfig) => {
 /**
  * Gets a reference to the DOM node given
  * a selector.
+ *
  * @param domSelector
  */
 function getDOMNode(domSelector) {
-    return typeof domSelector === 'string'
-        ? document.querySelector(domSelector)
-        : domSelector;
+    return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
 }
 
 /**
@@ -180,28 +187,35 @@ function getDOMNode(domSelector) {
 /**
  * The authentication mechanism for allowing access to the
  * the embedded app
+ *
+ * @group Authentication / Init
  */
 // eslint-disable-next-line no-shadow
 var AuthType;
 (function (AuthType) {
     /**
-     * No authentication on the SDK. Passthrough to the embedded App. Alias for `Passthrough`.
+     * No authentication on the SDK. Passthrough to the embedded App. Alias for
+     * `Passthrough`.
      */
     AuthType["None"] = "None";
     /**
-     * Passthrough SSO to the embedded App within the iframe. Requires least configuration, but may not
-     * be supported by all IDPs. This will behave like `None` if SSO is not configured on ThoughtSpot.
+     * Passthrough SSO to the embedded App within the iframe. Requires least
+     * configuration, but may not be supported by all IDPs. This will behave like `None`
+     * if SSO is not configured on ThoughtSpot.
+     *
      * @version: SDK: 1.15.0 | ThouhgtSpot: 8.8.0.cl
      */
     AuthType["EmbeddedSSO"] = "EmbeddedSSO";
     /**
      * SSO using SAML
+     *
      * @deprecated Use {@link SAMLRedirect} instead
      * @hidden
      */
     AuthType["SSO"] = "SSO_SAML";
     /**
      * SSO using SAML
+     *
      * @deprecated Use {@link SAMLRedirect} instead
      * @hidden
      */
@@ -209,10 +223,21 @@ var AuthType;
     /**
      * SSO using SAML
      * Will make the host application redirect to the SAML Idp.
+     *
+     * @example
+     * ```js
+     * init({
+     *   // ...
+     *   authType: AuthType.SAMLRedirect,
+     *   authTriggerText: 'Login with SAML',
+     *   authTriggerContainer: '#embed-container',
+     *  });
+     * ```
      */
     AuthType["SAMLRedirect"] = "SSO_SAML";
     /**
      * SSO using OIDC
+     *
      * @hidden
      * @deprecated Use {@link OIDCRedirect} instead
      */
@@ -224,21 +249,35 @@ var AuthType;
     AuthType["OIDCRedirect"] = "SSO_OIDC";
     /**
      * Trusted authentication server
+     *
      * @hidden
      * @deprecated Use {@link TrustedAuth} instead
      */
     AuthType["AuthServer"] = "AuthServer";
     /**
      * Trusted authentication server, Use your own authentication server
-     * which returns a bearer token, generated using the secret_key obtained from
-     * ThoughtSpot.
+     * which returns a bearer token, generated using the secret_key obtained
+     * from ThoughtSpot.
+     *
+     * @example
+     * ```js
+     * init({
+     *  // ...
+     *  authType: AuthType.TrustedAuthToken,
+     *  getAuthToken: () => {
+     *    return fetch('https://my-backend.app/ts-token')
+     *      .then((response) => response.json())
+     *      .then((data) => data.token);
+     *  }
+     * ```
      */
     AuthType["TrustedAuthToken"] = "AuthServer";
     /**
-     * Trusted authentication server Cookieless, Use you own authentication server
-     * which returns a bearer token, generated using the secret_key obtained from
-     * ThoughtSpot. This uses a cookieless authentication approach, recommended
-     * to by pass third-party cookie-blocking restriction implemented by some browsers
+     * Trusted authentication server Cookieless, Use you own authentication
+     * server which returns a bearer token, generated using the secret_key
+     * obtained from ThoughtSpot. This uses a cookieless authentication
+     * approach, recommended to by pass third-party cookie-blocking restriction
+     * implemented by some browsers
      */
     AuthType["TrustedAuthTokenCookieless"] = "AuthServerCookieless";
     /**
@@ -314,32 +353,42 @@ var RuntimeFilterOp;
 })(RuntimeFilterOp || (RuntimeFilterOp = {}));
 /**
  * Event types emitted by the embedded ThoughtSpot application.
+ *
+ * To add an event listener use the corresponding
+ * {@link LiveboardEmbed.on} or {@link AppEmbed.on} or {@link SearchEmbed.on} method.
+ *
+ * @group Events
  */
 // eslint-disable-next-line no-shadow
 var EmbedEvent;
 (function (EmbedEvent) {
     /**
      * Rendering has initialized.
-     * @return timestamp - The timestamp when the event was generated.
+     *
+     * @returns timestamp - The timestamp when the event was generated.
      */
     EmbedEvent["Init"] = "init";
     /**
      * Authentication has either succeeded or failed.
-     * @return isLoggedIn - A Boolean specifying whether authentication was successful.
+     *
+     * @returns isLoggedIn - A Boolean specifying whether authentication was successful.
      */
     EmbedEvent["AuthInit"] = "authInit";
     /**
      * The embed object container has loaded.
-     * @return timestamp - The timestamp when the event was generated.
+     *
+     * @returns timestamp - The timestamp when the event was generated.
      */
     EmbedEvent["Load"] = "load";
     /**
      * Data pertaining to answer or Liveboard is received
-     * @return data - The answer or Liveboard data
+     *
+     * @returns data - The answer or Liveboard data
      */
     EmbedEvent["Data"] = "data";
     /**
      * Search/answer/Liveboard filters have been applied/updated
+     *
      * @hidden
      */
     EmbedEvent["FiltersChanged"] = "filtersChanged";
@@ -349,48 +398,56 @@ var EmbedEvent;
     EmbedEvent["QueryChanged"] = "queryChanged";
     /**
      * A drill down operation has been performed.
-     * @return additionalFilters - Any additional filters applied
-     * @return drillDownColumns - The columns on which drill down was performed
-     * @return nonFilteredColumns - The columns that were not filtered
+     *
+     * @returns additionalFilters - Any additional filters applied
+     * @returns drillDownColumns - The columns on which drill down was performed
+     * @returns nonFilteredColumns - The columns that were not filtered
      */
     EmbedEvent["Drilldown"] = "drillDown";
     /**
      * One or more data sources have been selected.
-     * @return dataSourceIds - the list of data sources
+     *
+     * @returns dataSourceIds - the list of data sources
      */
     EmbedEvent["DataSourceSelected"] = "dataSourceSelected";
     /**
      * One or more data columns have been selected.
-     * @return columnIds - the list of columns
+     *
+     * @returns columnIds - the list of columns
      * @version SDK: 1.10.0 | ThoughtSpot: 8.2.0.cl, 8.4.1-sw
      */
     EmbedEvent["AddRemoveColumns"] = "addRemoveColumns";
     /**
      * A custom action has been triggered
-     * @return actionId - The id of the custom action
-     * @return data - The answer or Liveboard data
+     *
+     * @returns actionId - The id of the custom action
+     * @returns data - The answer or Liveboard data
      */
     EmbedEvent["CustomAction"] = "customAction";
     /**
      * A double click has been triggered on table/chart
-     * @return ContextMenuInputPoints - data point that is double clicked
+     *
+     * @returns ContextMenuInputPoints - data point that is double clicked
      * @version SDK: 1.5.0 | ThoughtSpot: ts7.oct.cl, 7.2.1
      */
     EmbedEvent["VizPointDoubleClick"] = "vizPointDoubleClick";
     /**
      * A click has been triggered on table/chart
-     * @return ContextMenuInputPoints - data point that is clicked
+     *
+     * @returns ContextMenuInputPoints - data point that is clicked
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["VizPointClick"] = "vizPointClick";
     /**
      * An error has occurred.
-     * @return error - An error object or message
+     *
+     * @returns error - An error object or message
      */
     EmbedEvent["Error"] = "Error";
     /**
      * The embedded object has sent an alert
-     * @return alert - An alert object
+     *
+     * @returns alert - An alert object
      */
     EmbedEvent["Alert"] = "alert";
     /**
@@ -399,29 +456,34 @@ var EmbedEvent;
     EmbedEvent["AuthExpire"] = "ThoughtspotAuthExpired";
     /**
      * ThoughtSpot failed to validate the auth session.
+     *
      * @hidden
      */
     EmbedEvent["AuthFailure"] = "ThoughtspotAuthFailure";
     /**
      * ThoughtSpot failed to validate the auth session.
+     *
      * @hidden
      */
     EmbedEvent["AuthLogout"] = "ThoughtspotAuthLogout";
     /**
      * The height of the embedded Liveboard or visualization has been computed.
-     * @return data - The height of the embedded Liveboard or visualization
+     *
+     * @returns data - The height of the embedded Liveboard or visualization
      * @hidden
      */
     EmbedEvent["EmbedHeight"] = "EMBED_HEIGHT";
     /**
      * The center of visible iframe viewport is calculated.
-     * @return data - The center of the visible Iframe viewport.
+     *
+     * @returns data - The center of the visible Iframe viewport.
      * @hidden
      */
     EmbedEvent["EmbedIframeCenter"] = "EmbedIframeCenter";
     /**
      * Emitted when  the "Get Data" button in Search Bar embed
      * is clicked.
+     *
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.0-sw
      */
     EmbedEvent["GetDataClick"] = "getDataClick";
@@ -431,6 +493,7 @@ var EmbedEvent;
     EmbedEvent["RouteChange"] = "ROUTE_CHANGE";
     /**
      * The v1 event type for Data
+     *
      * @hidden
      */
     EmbedEvent["V1Data"] = "exportVizDataToParent";
@@ -443,17 +506,20 @@ var EmbedEvent;
     EmbedEvent["NoCookieAccess"] = "noCookieAccess";
     /**
      * Emitted when SAML is complete
+     *
      * @private
      * @hidden
      */
     EmbedEvent["SAMLComplete"] = "samlComplete";
     /**
      * Emitted when any modal is opened in the app
+     *
      * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
      */
     EmbedEvent["DialogOpen"] = "dialog-open";
     /**
      * Emitted when any modal is closed in the app
+     *
      * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
      */
     EmbedEvent["DialogClose"] = "dialog-close";
@@ -461,416 +527,571 @@ var EmbedEvent;
      * Emitted when the Liveboard shell loads.
      * You can use this event as a hook to trigger
      * other events on the rendered Liveboard.
+     *
      * @version SDK: 1.9.1 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
      */
     EmbedEvent["LiveboardRendered"] = "PinboardRendered";
     /**
      * This can be used to register an event listener which
      * is triggered on all events.
+     *
      * @Version SDK: 1.10.0 | ThoughtSpot: 8.2.0.cl, 8.4.1-sw
      */
     EmbedEvent["ALL"] = "*";
     /**
      * Emitted when answer is saved in the app
+     *
      * @Version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["Save"] = "save";
     /**
      * Emitted when the download action is triggered on an answer
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["Download"] = "download";
     /**
      * Emitted when the Download as PDF action is triggered on an answer
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["DownloadAsPdf"] = "downloadAsPdf";
     /**
      * Emitted when the Download as CSV action is triggered on an answer
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["DownloadAsCsv"] = "downloadAsCsv";
     /**
      * Emitted when the Download as XLSX action is triggered on an answer
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["DownloadAsXlsx"] = "downloadAsXlsx";
     /**
      * Emitted when an answer is deleted in the app
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["AnswerDelete"] = "answerDelete";
     /**
      * Emitted when an answer is pinned to a Liveboard
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["Pin"] = "pin";
     /**
      * Emitted when SpotIQ analysis is triggered
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["SpotIQAnalyze"] = "spotIQAnalyze";
     /**
      * Emitted when a user shares an object with another user or group
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["Share"] = "share";
     /**
-     * Emitted when a user clicks the Include action to include a specific value or data on a chart or table
+     * Emitted when a user clicks the Include action to include a specific value or data
+     * on a chart or table
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["DrillInclude"] = "context-menu-item-include";
     /**
-     * Emitted when a user clicks the Exclude action to exclude a specific value or data on a chart or table
+     * Emitted when a user clicks the Exclude action to exclude a specific value or data
+     * on a chart or table
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["DrillExclude"] = "context-menu-item-exclude";
     /**
      * Emitted when copied column value on the app
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["CopyToClipboard"] = "context-menu-item-copy-to-clipboard";
     /**
      * Emitted when a user clicks the Update TML action
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["UpdateTML"] = "updateTSL";
     /**
      * Emitted when a user clicks the Edit TML action
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["EditTML"] = "editTSL";
     /**
      * Emitted when ExportTML trigger in answer on the app
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["ExportTML"] = "exportTSL";
     /**
      * Emitted when an answer is saved as a view
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["SaveAsView"] = "saveAsView";
     /**
      * Emitted when copy of existing answer on the app
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["CopyAEdit"] = "copyAEdit";
     /**
      * Emitted when a user clicks Show underlying data on an answe
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["ShowUnderlyingData"] = "showUnderlyingData";
     /**
      * Emitted when an answer is switched to a chart or table view
+     *
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1-sw
      */
     EmbedEvent["AnswerChartSwitcher"] = "answerChartSwitcher";
     /**
      * Internal event to communicate the initial settings back to the TS APP
+     *
      * @hidden
      */
     EmbedEvent["APP_INIT"] = "appInit";
     /**
      * Emitted when a user clicks Show Liveboard details on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["LiveboardInfo"] = "pinboardInfo";
     /**
      * Emitted when a user clicks on the Favorite icon on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["AddToFavorites"] = "addToFavorites";
     /**
      * Emitted when a user clicks Schedule on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["Schedule"] = "subscription";
     /**
      * Emitted when a user clicks Edit on a Liveboard or visualization
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["Edit"] = "edit";
     /**
      * Emitted when a user clicks Make a copy on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["MakeACopy"] = "makeACopy";
     /**
      * Emitted when a user clicks Present on a Liveboard or visualization
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["Present"] = "present";
     /**
      * Emitted when a user clicks Delete on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["Delete"] = "delete";
     /**
      * Emitted when a user clicks Manage schedules on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["SchedulesList"] = "schedule-list";
     /**
      * Emitted when a user clicks Cancel in edit mode on a Liveboard
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["Cancel"] = "cancel";
     /**
      * Emitted when a user clicks Explore on a visualization
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["Explore"] = "explore";
     /**
      * Emitted when a user clicks Copy link action on a visualization
+     *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     EmbedEvent["CopyLink"] = "embedDocument";
     /**
      * Emitted when a user interacts with cross filters on a visualization or liveboard
+     *
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
      */
     EmbedEvent["CrossFilterChanged"] = "cross-filter-changed";
     /**
      * Emitted when a user right clicks on chart or table
+     *
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
      */
     EmbedEvent["VizPointRightClick"] = "vizPointRightClick";
+    /**
+     * Emitted when a user clicks on Insert to slide on a visualization
+     *
+     * @hidden
+     */
+    EmbedEvent["InsertIntoSlide"] = "insertInToSlide";
 })(EmbedEvent || (EmbedEvent = {}));
 /**
  * Event types that can be triggered by the host application
  * to the embedded ThoughtSpot app
  *
  * To trigger an event use the corresponding
- * {@link LiveboardEmbed.trigger} or {@link AppEmbed.trigger} or {@link SearchEmbed.trigger} method.
+ * {@link LiveboardEmbed.trigger} or {@link AppEmbed.trigger} or {@link
+ * SearchEmbed.trigger} method.
+ *
+ * @group Events
  */
 // eslint-disable-next-line no-shadow
 var HostEvent;
 (function (HostEvent) {
     /**
      * Trigger a search
+     *
      * @param - dataSourceIds - The data source GUID to Search on
      *                        - Although an array, only a single source
      *                          is supported at this time.
      * @param - searchQuery - The search query
      * @param - execute - execute the existing / updated query
      * @example
+     * ```js
      * searchEmbed.trigger(HostEvent.Search, {
-     * searchQuery: "[sales] by [item type],
-     * "dataSourceIds: ["cd252e5c-b552-49a8-821d-3eadaa049cca"]
-     * "execute": true
+     *   searchQuery: "[sales] by [item type],
+     *   dataSourceIds: ["cd252e5c-b552-49a8-821d-3eadaa049cca"]
+     *   execute: true
      * })
+     * ```
      */
     HostEvent["Search"] = "search";
     /**
      * Trigger a drill on certain points by certain column
+     *
      * @param - points - an object containing selectedPoints/clickedPoints
      *              eg. { selectedPoints: []}
      * @param - columnGuid - a string guid of the column to drill by. This is optional,
-     *                     if not provided it will auto drill by the configured column.
-     * @example searchEmbed.trigger(HostEvent.DrillDown, {
-     * points: clickedPointData,
-     * autoDrillDown: true,
+     *                     if not provided it will auto drill by the configured
+     *                     column.
+     * @example
+     * ```js
+     * searchEmbed.trigger(HostEvent.DrillDown, {
+     *   points: clickedPointData,
+     *   autoDrillDown: true,
      * })
+     * ```
      * @version SDK: 1.5.0 | ThoughtSpot: ts7.oct.cl, 7.2.1
      */
     HostEvent["DrillDown"] = "triggerDrillDown";
     /**
      * Apply filters
+     *
      * @hidden
      */
     HostEvent["Filter"] = "filter";
     /**
      * Reload the answer or visualization
+     *
      * @hidden
      */
     HostEvent["Reload"] = "reload";
     /**
      * Set the visible visualizations on a Liveboard.
+     *
      * @param - an array of ids of visualizations to show, the ids not passed
      *          will be hidden.
      * @example
-     * liveboardEmbed.trigger(HostEvent.SetVisibleVizs, ['730496d6-6903-4601-937e-2c691821af3c', 'd547ec54-2a37-4516-a222-2b06719af726'])
+     * liveboardEmbed.trigger(HostEvent.SetVisibleVizs, [
+     *  '730496d6-6903-4601-937e-2c691821af3c',
+     *  'd547ec54-2a37-4516-a222-2b06719af726'])
      * @version SDK: 1.6.0 | ThoughtSpot: ts8.nov.cl, 8.4.1-sw
      */
     HostEvent["SetVisibleVizs"] = "SetPinboardVisibleVizs";
     /**
      * Update the runtime filters. The runtime filters passed here are extended
      * on to the existing runtime filters if they exist.
+     *
      * @param - {@link RuntimeFilter}[] an array of {@link RuntimeFilter} Types.
      * @example
      * liveboardEmbed.trigger(HostEvent.UpdateRuntimeFilters, [
      * {columnName: "state",operator: RuntimeFilterOp.EQ,values: ["michigan"]},
-     * {columnName: "item type",operator: RuntimeFilterOp.EQ,values: ["Jackets"]}
-     * ])
+     * {columnName: "item type",operator: RuntimeFilterOp.EQ,values:
+     * ["Jackets"]} ])
      * @version SDK: 1.9.0 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
      */
     HostEvent["UpdateRuntimeFilters"] = "UpdateRuntimeFilters";
     /**
      * Navigate to a specific page in App embed without any reload.
      * This is the same as calling `appEmbed.navigateToPage(path, true)`
+     *
      * @param - path - the path to navigate to (can be a number[1/-1] to go forward/back)
-     * @example appEmbed.navigateToPage(-1)
+     * @example
+     * ```js
+     * appEmbed.navigateToPage(-1)
+     * ```
      * @version SDK: 1.12.0 | ThoughtSpot 8.4.0.cl, 8.4.1-sw
      */
     HostEvent["Navigate"] = "Navigate";
     /**
      * Opens the filter panel for a particular column.
      * Works with Search embed.
-     * @param - { columnId: string, name: string, type: INT64/CHAR/DATE, dataType: ATTRIBUTE/MEASURE }
-     * @example searchEmbed.trigger(HostEvent.OpenFilter, { columnId: '123', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE' })
+     *
+     * @param - { columnId: string,
+     *  name: string,
+     *  type: INT64/CHAR/DATE,
+     *  dataType: ATTRIBUTE/MEASURE }
+     * @example
+     * ```js
+     * searchEmbed.trigger(HostEvent.OpenFilter,
+     *  { columnId: '123', name: 'column name', type: 'INT64', dataType: 'ATTRIBUTE' })
+     * ```
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
      */
     HostEvent["OpenFilter"] = "openFilter";
     /**
      * Adds the columns to the current Search.
+     *
      * @param - { columnIds: string[] }
-     * @example searchEmbed.trigger(HostEvent.AddColumns, { columnIds: ['123', '456'] })
+     * @example
+     * ```js
+     * searchEmbed.trigger(HostEvent.AddColumns, { columnIds: ['123', '456'] })
+     * ```
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
      */
     HostEvent["AddColumns"] = "addColumns";
     /**
      * Removes a column from the current Search.
+     *
      * @param - { columnId: string }
-     * @example - searchEmbed.trigger(HostEvent.RemoveColumn, { columnId: '123' })
+     * @example
+     * ```js
+     * searchEmbed.trigger(HostEvent.RemoveColumn, { columnId: '123' })
+     * ```
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl
      */
     HostEvent["RemoveColumn"] = "removeColumn";
     /**
      * Gets the current pinboard content.
-     * @example liveboardEmbed.trigger(HostEvent.getExportRequestForCurrentPinboard)
+     *
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.getExportRequestForCurrentPinboard)
+     * ```
      * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1-sw
      */
     HostEvent["getExportRequestForCurrentPinboard"] = "getExportRequestForCurrentPinboard";
     /**
      * Triggers the Pin action on an embedded object
+     *
      * @param - incase of Liveboard embed, takes in an object with vizId as a key
      * can be left empty for search and visualization embeds
      * @example
+     * ```js
      * liveboardEmbed.trigger(HostEvent.Pin, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.Pin)
      * searchEmbed.trigger(HostEvent.Pin)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["Pin"] = "pin";
     /**
      * Triggers the Show Liveboard details action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.LiveboardInfo)
+     *
+     * @example
+     * ```js
+     *  liveboardEmbed.trigger(HostEvent.LiveboardInfo)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["LiveboardInfo"] = "pinboardInfo";
     /**
      * Triggers the Schedule action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.Schedule)
+     *
+     * @example
+     * ```js
+     *  liveboardEmbed.trigger(HostEvent.Schedule)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["Schedule"] = "subscription";
     /**
      * Triggers the Manage schedule action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.ScheduleList)
+     *
+     * @example
+     * ```js
+     *  liveboardEmbed.trigger(HostEvent.ScheduleList)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["SchedulesList"] = "schedule-list";
     /**
      * Triggers the Export TML action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.ExportTML)
+     *
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.ExportTML)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["ExportTML"] = "exportTSL";
     /**
      * Triggers the Edit TML action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.EditTML)
+     *
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.EditTML)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["EditTML"] = "editTSL";
     /**
      * Triggers the Update TML action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.UpdateTML)
+     *
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.UpdateTML)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["UpdateTML"] = "updateTSL";
     /**
      * Triggers the Download PDF action on a Liveboard
-     * @example liveboardEmbed.trigger(HostEvent.DownloadAsPDF)
+     *
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.DownloadAsPDF)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["DownloadAsPdf"] = "downloadAsPdf";
     /**
      * Triggers the Make a copy action on a Liveboard, search or visualization
+     *
      * @example
+     * ```js
      * liveboardEmbed.trigger(HostEvent.MakeACopy, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.MakeACopy)
      * searchEmbed.trigger(HostEvent.MakeACopy)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["MakeACopy"] = "makeACopy";
     /**
      * Triggers the Delete action on a Liveboard
-     * @example appEmbed.trigger(HostEvent.Remove)
+     *
+     * @example
+     * ```js
+     * appEmbed.trigger(HostEvent.Remove)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["Remove"] = "delete";
     /**
      * Triggers the Explore action on a visualization
+     *
      * @param - an object with vizId as a key
-     * @example liveboardEmbed.trigger(HostEvent.Explore, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.Explore, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["Explore"] = "explore";
     /**
      * Triggers the Create alert action on a visualization
+     *
      * @param - an object with vizId as a key
-     * @example liveboardEmbed.trigger(HostEvent.CreateMonitor {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.CreateMonitor {
+     *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+     * })
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["CreateMonitor"] = "createMonitor";
     /**
      * Triggers the Manage alert action on a visualization
+     *
      * @param - an object with vizId as a key
-     * @example liveboardEmbed.trigger(HostEvent.ManageMonitor, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * @example
+     * ```js
+     * liveboardEmbed.trigger(HostEvent.ManageMonitor, {
+     *  vizId: '730496d6-6903-4601-937e-2c691821af3c'
+     * })
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["ManageMonitor"] = "manageMonitor";
     /**
      * Triggers the Edit action on a Liveboard or visualization
-     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     *
+     * @param - object - to trigger the action for a specfic visualization
+     *   in Liveboard embed, pass in vizId as a key
      * @example
      * liveboardEmbed.trigger(HostEvent.Edit)
-     * liveboardEmbed.trigger(HostEvent.Edit, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.Edit, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger((HostEvent.Edit)
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["Edit"] = "edit";
     /**
      * Triggers the Copy link action on a Liveboard or visualization
-     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     *
+     * @param - object - to trigger the action for a s
+     *  pecfic visualization in Liveboard embed, pass in vizId as a key
      * @example
+     * ```js
      * liveboardEmbed.trigger(HostEvent.CopyLink)
      * liveboardEmbed.trigger(HostEvent.CopyLink, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger((HostEvent.CopyLink)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["CopyLink"] = "embedDocument";
     /**
      * Triggers the Present action on a Liveboard or visualization
-     * @param - object - to trigger the action for a specfic visualization in Liveboard embed, pass in vizId as a key
+     *
+     * @param - object - to trigger the action for a specfic visualization
+     *  in Liveboard embed, pass in vizId as a key
      * @example
+     * ```js
      * liveboardEmbed.trigger(HostEvent.Present)
      * liveboardEmbed.trigger(HostEvent.Present, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger((HostEvent.Present)
+     * ```
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
     HostEvent["Present"] = "present";
     /**
      * Get TML for the current search.
-     * @example searchEmbed.trigger(HostEvent.GetTML)
+     *
+     * @example
+     * ```js
+     * searchEmbed.trigger(HostEvent.GetTML)
+     * ```
      * @version SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl
      */
     HostEvent["GetTML"] = "getTML";
     /**
      * Triggers the ShowUnderlyingData action on visualization or search
+     *
      * @param - an object with vizId as a key
      * @example
-     * liveboardEmbed.trigger(HostEvent.ShowUnderlyingData, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.ShowUnderlyingData, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.ShowUnderlyingData)
      * searchEmbed.trigger(HostEvent.ShowUnderlyingData)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -878,10 +1099,12 @@ var HostEvent;
     HostEvent["ShowUnderlyingData"] = "showUnderlyingData";
     /**
      * Triggers the Delete action on visualization or search
+     *
      * @param - incase of Liveboard embed, takes in an object with vizId as a key
      * can be left empty for search and visualization embeds
      * @example
-     * liveboardEmbed.trigger(HostEvent.Delete, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.Delete, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.Delete)
      * searchEmbed.trigger(HostEvent.Delete)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -889,10 +1112,12 @@ var HostEvent;
     HostEvent["Delete"] = "delete";
     /**
      * Triggers the SpotIQAnalyze action on visualization or search
+     *
      * @param - incase of Liveboard embed, takes in an object with vizId as a key
      * can be left empty for search and visualization embeds
      * @example
-     * liveboardEmbed.trigger(HostEvent.SpotIQAnalyze, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.SpotIQAnalyze, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.SpotIQAnalyze)
      * searchEmbed.trigger(HostEvent.SpotIQAnalyze)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -900,26 +1125,34 @@ var HostEvent;
     HostEvent["SpotIQAnalyze"] = "spotIQAnalyze";
     /**
      * Triggers the Download action on visualization or search when Displaymode is Chart
+     *
      * @example
-     * liveboardEmbed.trigger(HostEvent.Download, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.Download, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.Download)
      * searchEmbed.trigger(HostEvent.Download)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
      */
     HostEvent["Download"] = "download";
     /**
-     * Triggers the downloadAsCSV action on visualization or search when Displaymode is Table
+     * Triggers the downloadAsCSV action on visualization or search when Displaymode is
+     * Table
+     *
      * @example
-     * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.DownloadAsCsv, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.DownloadAsCsv)
      * searchEmbed.trigger(HostEvent.DownloadAsCsv)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
      */
     HostEvent["DownloadAsCsv"] = "downloadAsCSV";
     /**
-     * Triggers the downloadAsXLSX action on visualization or search when Displaymode is Table
+     * Triggers the downloadAsXLSX action on visualization or search when Displaymode is
+     * Table
+     *
      * @example
-     * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.DownloadAsXlsx, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.DownloadAsXlsx)
      * searchEmbed.trigger(HostEvent.DownloadAsXlsx)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
@@ -927,6 +1160,7 @@ var HostEvent;
     HostEvent["DownloadAsXlsx"] = "downloadAsXLSX";
     /**
      * Triggers the Share action on a liveboard or answer
+     *
      * @example
      * liveboardEmbed.trigger(HostEvent.Share)
      * searchEmbed.trigger(HostEvent.Share)
@@ -935,6 +1169,7 @@ var HostEvent;
     HostEvent["Share"] = "share";
     /**
      * Trigger the Save action on a liveboard or answer
+     *
      * @example
      * liveboardEmbed.trigger(HostEvent.Save)
      * searchEmbed.trigger(HostEvent.Save)
@@ -943,33 +1178,40 @@ var HostEvent;
     HostEvent["Save"] = "save";
     /**
      * Triggers the SyncToSheets action on visualization
+     *
      * @param - an object with vizId as a key
      * @example
-     * liveboardEmbed.trigger(HostEvent.SyncToSheets, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.SyncToSheets, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.SyncToSheets)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
      */
     HostEvent["SyncToSheets"] = "sync-to-sheets";
     /**
      * Triggers the SyncToOtherApps action on visualization
+     *
      * @param - an object with vizId as a key
      * @example
-     * liveboardEmbed.trigger(HostEvent.SyncToOtherApps, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.SyncToOtherApps, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.SyncToOtherApps)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
      */
     HostEvent["SyncToOtherApps"] = "sync-to-other-apps";
     /**
      * Triggers the ManagePipelines action on visualization
+     *
      * @param - an object with vizId as a key
      * @example
-     * liveboardEmbed.trigger(HostEvent.ManagePipelines, {vizId: '730496d6-6903-4601-937e-2c691821af3c'})
+     * liveboardEmbed.trigger(HostEvent.ManagePipelines, {vizId:
+     * '730496d6-6903-4601-937e-2c691821af3c'})
      * vizEmbed.trigger(HostEvent.ManagePipelines)
      * @version SDK: 1.19.0 | ThoughtSpot: 9.0.0.cl, 9.0.1-sw
      */
     HostEvent["ManagePipelines"] = "manage-pipeline";
     /**
      * Triggers the Reset search in answer
+     *
      * @example
      * searchEmbed.trigger(HostEvent.SearchReset
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.0.1-sw
@@ -1003,6 +1245,7 @@ var DataSourceVisualMode;
 // eslint-disable-next-line no-shadow
 var Param;
 (function (Param) {
+    Param["EmbedApp"] = "embedApp";
     Param["DataSources"] = "dataSources";
     Param["DataSourceMode"] = "dataSourceMode";
     Param["DisableActions"] = "disableAction";
@@ -1043,6 +1286,8 @@ var Param;
     Param["ContextMenuTrigger"] = "isContextMenuEnabledOnLeftClick";
     Param["LinkOverride"] = "linkOverride";
     Param["ShowInsertToSlide"] = "insertInToSlide";
+    Param["PrimaryNavHidden"] = "primaryNavHidden";
+    Param["HideProfleAndHelp"] = "profileAndHelpInNavBarHidden";
 })(Param || (Param = {}));
 /**
  * The list of actions that can be performed on visual ThoughtSpot
@@ -1297,6 +1542,7 @@ const urlRegex = new RegExp([
 /**
  * Parse and construct the ThoughtSpot hostname or IP address
  * from the embed configuration object.
+ *
  * @param config
  */
 const getThoughtSpotHost = (config) => {
@@ -1320,9 +1566,10 @@ const getV2BasePath = (config) => {
         return config.basepath;
     }
     const tsHost = getThoughtSpotHost(config);
-    // This is to handle when e2e's. Search is run on pods for comp-blink-test-pipeline
-    // with baseUrl=https://localhost:8443.
-    // This is to handle when the developer is developing in their local environment.
+    // This is to handle when e2e's. Search is run on pods for
+    // comp-blink-test-pipeline with baseUrl=https://localhost:8443.
+    // This is to handle when the developer is developing in their local
+    // environment.
     if (tsHost.includes('://localhost') && !tsHost.includes(':8443')) {
         return '';
     }
@@ -7332,6 +7579,7 @@ let isMixpanelInitialized = false;
 let eventQueue = [];
 /**
  * Pushes the event with its Property key-value map to mixpanel.
+ *
  * @param eventId
  * @param eventProps
  */
@@ -7342,6 +7590,9 @@ function uploadMixpanelEvent(eventId, eventProps = {}) {
     }
     mixpanel_cjs.track(eventId, eventProps);
 }
+/**
+ *
+ */
 function emptyQueue() {
     if (!isMixpanelInitialized) {
         return;
@@ -7351,11 +7602,16 @@ function emptyQueue() {
     });
     eventQueue = [];
 }
+/**
+ *
+ * @param sessionInfo
+ */
 function initMixpanel(sessionInfo) {
     if (!sessionInfo || !sessionInfo.mixpanelToken) {
         return;
     }
-    // On a public cluster the user is anonymous, so don't set the identify to userGUID
+    // On a public cluster the user is anonymous, so don't set the identify to
+    // userGUID
     const isPublicCluster = !!sessionInfo.isPublicUser;
     const token = sessionInfo.mixpanelToken;
     if (token) {
@@ -8834,6 +9090,11 @@ function uniq(array) {
 var uniq_1 = uniq;
 
 // eslint-disable-next-line import/no-cycle
+/**
+ *
+ * @param url
+ * @param options
+ */
 function failureLoggedFetch(url, options = {}) {
     return fetch(url, options).then(async (r) => {
         var _a;
@@ -8843,21 +9104,42 @@ function failureLoggedFetch(url, options = {}) {
         return r;
     });
 }
+/**
+ *
+ * @param authVerificationUrl
+ */
 function fetchSessionInfoService(authVerificationUrl) {
     return failureLoggedFetch(authVerificationUrl, {
         credentials: 'include',
     });
 }
+/**
+ *
+ * @param authEndpoint
+ */
 async function fetchAuthTokenService(authEndpoint) {
     return fetch(authEndpoint);
 }
+/**
+ *
+ * @param thoughtSpotHost
+ * @param username
+ * @param authToken
+ */
 async function fetchAuthService(thoughtSpotHost, username, authToken) {
     return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}?username=${username}&auth_token=${authToken}`, {
         credentials: 'include',
-        // We do not want to follow the redirect, as it starts giving a CORS error
+        // We do not want to follow the redirect, as it starts giving a CORS
+        // error
         redirect: 'manual',
     });
 }
+/**
+ *
+ * @param thoughtSpotHost
+ * @param username
+ * @param authToken
+ */
 async function fetchAuthPostService(thoughtSpotHost, username, authToken) {
     return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}`, {
         method: 'POST',
@@ -8867,10 +9149,17 @@ async function fetchAuthPostService(thoughtSpotHost, username, authToken) {
         },
         body: `username=${encodeURIComponent(username)}&auth_token=${encodeURIComponent(authToken)}`,
         credentials: 'include',
-        // We do not want to follow the redirect, as it starts giving a CORS error
+        // We do not want to follow the redirect, as it starts giving a CORS
+        // error
         redirect: 'manual',
     });
 }
+/**
+ *
+ * @param thoughtSpotHost
+ * @param username
+ * @param password
+ */
 async function fetchBasicAuthService(thoughtSpotHost, username, password) {
     return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.BASIC_LOGIN}`, {
         method: 'POST',
@@ -8882,6 +9171,10 @@ async function fetchBasicAuthService(thoughtSpotHost, username, password) {
         credentials: 'include',
     });
 }
+/**
+ *
+ * @param thoughtSpotHost
+ */
 async function fetchLogoutService(thoughtSpotHost) {
     return failureLoggedFetch(`${thoughtSpotHost}${EndPoints.LOGOUT}`, {
         credentials: 'include',
@@ -8913,6 +9206,12 @@ const EndPoints = {
     BASIC_LOGIN: '/callosum/v1/session/login',
     LOGOUT: '/callosum/v1/session/logout',
 };
+/**
+ * Enum for auth failure types. This is the parameter passed to the listner
+ * of {@link AuthStatus.FAILURE}.
+ *
+ * @group Authentication / Init
+ */
 var AuthFailureType;
 (function (AuthFailureType) {
     AuthFailureType["SDK"] = "SDK";
@@ -8920,6 +9219,11 @@ var AuthFailureType;
     AuthFailureType["EXPIRY"] = "EXPIRY";
     AuthFailureType["OTHER"] = "OTHER";
 })(AuthFailureType || (AuthFailureType = {}));
+/**
+ * Enum for auth status emitted by the emitter returned from {@link init}.
+ *
+ * @group Authentication / Init
+ */
 var AuthStatus;
 (function (AuthStatus) {
     /**
@@ -8942,21 +9246,35 @@ var AuthStatus;
      * Emitted when inPopup: true in the SAMLRedirect flow.
      * And, we are waiting for popup to be triggered either programatically
      * or by the trigger button.
+     *
      * @version SDK: 1.19.0
      */
     AuthStatus["WAITING_FOR_POPUP"] = "WAITING_FOR_POPUP";
 })(AuthStatus || (AuthStatus = {}));
+/**
+ * Events which can be triggered on the emitter returned from {@link init}.
+ *
+ * @group Authentication / Init
+ */
 var AuthEvent;
 (function (AuthEvent) {
     /**
-     * Manually trigger the SSO popup.
+     * Manually trigger the SSO popup. This is useful with
+     * authStatus: SAMLRedirect/OIDCRedicre and inPopup: true
      */
     AuthEvent["TRIGGER_SSO_POPUP"] = "TRIGGER_SSO_POPUP";
 })(AuthEvent || (AuthEvent = {}));
 let authEE;
+/**
+ *
+ * @param eventEmitter
+ */
 function setAuthEE(eventEmitter) {
     authEE = eventEmitter;
 }
+/**
+ *
+ */
 function notifyAuthSDKSuccess() {
     if (!authEE) {
         console.error('SDK not initialized');
@@ -8964,6 +9282,9 @@ function notifyAuthSDKSuccess() {
     }
     authEE.emit(AuthStatus.SDK_SUCCESS);
 }
+/**
+ *
+ */
 function notifyAuthSuccess() {
     if (!authEE) {
         console.error('SDK not initialized');
@@ -8971,6 +9292,10 @@ function notifyAuthSuccess() {
     }
     authEE.emit(AuthStatus.SUCCESS, sessionInfo);
 }
+/**
+ *
+ * @param failureType
+ */
 function notifyAuthFailure(failureType) {
     if (!authEE) {
         console.error('SDK not initialized');
@@ -8978,6 +9303,9 @@ function notifyAuthFailure(failureType) {
     }
     authEE.emit(AuthStatus.FAILURE, failureType);
 }
+/**
+ *
+ */
 function notifyLogout() {
     if (!authEE) {
         console.error('SDK not initialized');
@@ -8987,6 +9315,7 @@ function notifyLogout() {
 }
 /**
  * Check if we are logged into the ThoughtSpot cluster
+ *
  * @param thoughtSpotHost The ThoughtSpot cluster hostname or IP
  */
 async function isLoggedIn(thoughtSpotHost) {
@@ -9009,20 +9338,30 @@ function getReleaseVersion() {
     return releaseVersion;
 }
 /**
- * Return a promise that resolves with the session info when authentication is
- * successful. And info is available.
+ * Return a promise that resolves with the session information when
+ * authentication is successful. And info is available.
+ *
+ * @group Global methods
  */
 function getSessionInfo() {
     return sessionInfoPromise;
 }
+/**
+ *
+ * @param sessionDetails
+ */
 function initSession(sessionDetails) {
     sessionInfo = sessionDetails;
     initMixpanel(sessionInfo);
     sessionInfoResolver(sessionInfo);
 }
-const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.' +
-    'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
+const DUPLICATE_TOKEN_ERR = 'Duplicate token, please issue a new token every time getAuthToken callback is called.'
+    + 'See https://developers.thoughtspot.com/docs/?pageid=embed-auth#trusted-auth-embed for more details.';
 let prevAuthToken = null;
+/**
+ *
+ * @param authtoken
+ */
 function alertForDuplicateToken(authtoken) {
     if (prevAuthToken === authtoken) {
         // eslint-disable-next-line no-alert
@@ -9042,9 +9381,10 @@ function isAtSSORedirectUrl() {
  */
 function removeSSORedirectUrlMarker() {
     // Note (sunny): This will leave a # around even if it was not in the URL
-    // to begin with. Trying to remove the hash by changing window.location will reload
-    // the page which we don't want. We'll live with adding an unnecessary hash to the
-    // parent page URL until we find any use case where that creates an issue.
+    // to begin with. Trying to remove the hash by changing window.location will
+    // reload the page which we don't want. We'll live with adding an
+    // unnecessary hash to the parent page URL until we find any use case where
+    // that creates an issue.
     window.location.hash = window.location.hash.replace(SSO_REDIRECTION_MARKER_GUID, '');
 }
 const getAuthenticaionToken = async (embedConfig) => {
@@ -9062,6 +9402,7 @@ const getAuthenticaionToken = async (embedConfig) => {
 };
 /**
  * Perform token based authentication
+ *
  * @param embedConfig The embed configuration
  */
 const doTokenAuth = async (embedConfig) => {
@@ -9082,8 +9423,8 @@ const doTokenAuth = async (embedConfig) => {
         // token login issues a 302 when successful
         loggedInStatus = resp.ok || resp.type === 'opaqueredirect';
         if (loggedInStatus && embedConfig.detectCookieAccessSlow) {
-            // When 3rd party cookie access is blocked, this will fail because cookies will
-            // not be sent with the call.
+            // When 3rd party cookie access is blocked, this will fail because
+            // cookies will not be sent with the call.
             loggedInStatus = await isLoggedIn(thoughtSpotHost);
         }
     }
@@ -9091,6 +9432,7 @@ const doTokenAuth = async (embedConfig) => {
 };
 /**
  * Validate embedConfig parameters required for cookielessTokenAuth
+ *
  * @param embedConfig The embed configuration
  */
 const doCookielessTokenAuth = async (embedConfig) => {
@@ -9106,6 +9448,7 @@ const doCookielessTokenAuth = async (embedConfig) => {
  *
  * Warning: This feature is primarily intended for developer testing. It is
  * strongly advised not to use this authentication method in production.
+ *
  * @param embedConfig The embed configuration
  */
 const doBasicAuth = async (embedConfig) => {
@@ -9123,6 +9466,12 @@ const doBasicAuth = async (embedConfig) => {
     }
     return loggedInStatus;
 };
+/**
+ *
+ * @param ssoURL
+ * @param triggerContainer
+ * @param triggerText
+ */
 async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
     const openPopup = () => {
         if (samlAuthWindow === null || samlAuthWindow.closed) {
@@ -9135,28 +9484,28 @@ async function samlPopupFlow(ssoURL, triggerContainer, triggerText) {
     authEE === null || authEE === void 0 ? void 0 : authEE.emit(AuthStatus.WAITING_FOR_POPUP);
     const containerEl = getDOMNode(triggerContainer);
     if (containerEl) {
-        containerEl.innerHTML =
-            '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
+        containerEl.innerHTML = '<button id="ts-auth-btn" class="ts-auth-btn" style="margin: auto;"></button>';
         const authElem = document.getElementById('ts-auth-btn');
         authElem.textContent = triggerText;
         authElem.addEventListener('click', openPopup, { once: true });
     }
-    samlCompletionPromise =
-        samlCompletionPromise ||
-            new Promise((resolve, reject) => {
-                window.addEventListener('message', (e) => {
-                    if (e.data.type === EmbedEvent.SAMLComplete) {
-                        e.source.close();
-                        resolve();
-                    }
-                });
+    samlCompletionPromise = samlCompletionPromise
+        || new Promise((resolve, reject) => {
+            window.addEventListener('message', (e) => {
+                if (e.data.type === EmbedEvent.SAMLComplete) {
+                    e.source.close();
+                    resolve();
+                }
             });
+        });
     authEE === null || authEE === void 0 ? void 0 : authEE.once(AuthEvent.TRIGGER_SSO_POPUP, openPopup);
     return samlCompletionPromise;
 }
 /**
  * Perform SAML authentication
+ *
  * @param embedConfig The embed configuration
+ * @param ssoEndPoint
  */
 const doSSOAuth = async (embedConfig, ssoEndPoint) => {
     const { thoughtSpotHost } = embedConfig;
@@ -9185,8 +9534,8 @@ const doSSOAuth = async (embedConfig, ssoEndPoint) => {
 };
 const doSamlAuth = async (embedConfig) => {
     const { thoughtSpotHost } = embedConfig;
-    // redirect for SSO, when the SSO authentication is done, this page will be loaded
-    // again and the same JS will execute again.
+    // redirect for SSO, when the SSO authentication is done, this page will be
+    // loaded again and the same JS will execute again.
     const ssoRedirectUrl = embedConfig.inPopup
         ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
         : getRedirectUrl(window.location.href, SSO_REDIRECTION_MARKER_GUID, embedConfig.redirectPath);
@@ -9197,8 +9546,8 @@ const doSamlAuth = async (embedConfig) => {
 };
 const doOIDCAuth = async (embedConfig) => {
     const { thoughtSpotHost } = embedConfig;
-    // redirect for SSO, when the SSO authentication is done, this page will be loaded
-    // again and the same JS will execute again.
+    // redirect for SSO, when the SSO authentication is done, this page will be
+    // loaded again and the same JS will execute again.
     const ssoRedirectUrl = embedConfig.noRedirect || embedConfig.inPopup
         ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
         : getRedirectUrl(window.location.href, SSO_REDIRECTION_MARKER_GUID, embedConfig.redirectPath);
@@ -9215,6 +9564,7 @@ const logout = async (embedConfig) => {
 };
 /**
  * Perform authentication on the ThoughtSpot cluster
+ *
  * @param embedConfig The embed configuration
  */
 const authenticate = async (embedConfig) => {
@@ -9247,6 +9597,13 @@ const CONFIG_DEFAULTS = {
     authType: AuthType.None,
 };
 let authPromise;
+/**
+ * Gets the configuration embed was initialized with.
+ *
+ * @returns {@link EmbedConfig} The configuration embed was initialized with.
+ * @version SDK: 1.19.0 | ThoughtSpot: *
+ * @group Global methods
+ */
 const getEmbedConfig = () => config;
 const getAuthPromise = () => authPromise;
 /**
@@ -9273,10 +9630,14 @@ const hostUrlToFeatureUrl = {
     [PrefetchFeatures.VizEmbed]: (url) => url,
 };
 /**
- * Prefetches static resources from the specified URL. Web browsers can then cache the prefetched resources and serve them from the user's local disk to provide faster access to your app.
+ * Prefetches static resources from the specified URL. Web browsers can then cache the
+ * prefetched resources and serve them from the user's local disk to provide faster access
+ * to your app.
+ *
  * @param url The URL provided for prefetch
  * @param prefetchFeatures Specify features which needs to be prefetched.
  * @version SDK: 1.4.0 | ThoughtSpot: ts7.sep.cl, 7.2.1
+ * @group Global methods
  */
 const prefetch = (url, prefetchFeatures) => {
     if (url === '') {
@@ -9299,6 +9660,10 @@ const prefetch = (url, prefetchFeatures) => {
         });
     }
 };
+/**
+ *
+ * @param embedConfig
+ */
 function sanity(embedConfig) {
     if (embedConfig.thoughtSpotHost === undefined) {
         throw new Error('ThoughtSpot host not provided');
@@ -9307,16 +9672,18 @@ function sanity(embedConfig) {
         if (!embedConfig.username) {
             throw new Error('Username not provided with Trusted auth');
         }
-        if (!embedConfig.authEndpoint &&
-            typeof embedConfig.getAuthToken !== 'function') {
+        if (!embedConfig.authEndpoint && typeof embedConfig.getAuthToken !== 'function') {
             throw new Error('Trusted auth should provide either authEndpoint or getAuthToken');
         }
     }
 }
+/**
+ *
+ * @param embedConfig
+ */
 function backwardCompat(embedConfig) {
     const newConfig = { ...embedConfig };
-    if (embedConfig.noRedirect !== undefined &&
-        embedConfig.inPopup === undefined) {
+    if (embedConfig.noRedirect !== undefined && embedConfig.inPopup === undefined) {
         newConfig.inPopup = embedConfig.noRedirect;
     }
     return newConfig;
@@ -9324,12 +9691,21 @@ function backwardCompat(embedConfig) {
 /**
  * Initializes the Visual Embed SDK globally and perform
  * authentication if applicable.
+ *
  * @param embedConfig The configuration object containing ThoughtSpot host,
  * authentication mechanism and so on.
- * example: authStatus = init(config);
- * authStatus.on(AuthStatus.FAILURE, (reason) => { // do something here });
- * @returns event emitter which emits events on authentication success, failure and logout. See {@link AuthStatus}
+ * @example
+ * ```js
+ *   const authStatus = init({
+ *     thoughtSpotHost: 'https://my.thoughtspot.cloud',
+ *     authType: AuthType.None,
+ *   });
+ *   authStatus.on(AuthStatus.FAILURE, (reason) => { // do something here });
+ * ```
+ * @returns {@link AuthEventEmitter} event emitter which emits events on authentication success,
+ *      failure and logout. See {@link AuthStatus}
  * @version SDK: 1.0.0 | ThoughtSpot ts7.april.cl, 7.2.1
+ * @group Authentication / Init
  */
 const init = (embedConfig) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -9348,8 +9724,7 @@ const init = (embedConfig) => {
         host: config.thoughtSpotHost,
         usedCustomizationSheet: ((_b = (_a = embedConfig.customizations) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.customCSSUrl) != null,
         usedCustomizationVariables: ((_e = (_d = (_c = embedConfig.customizations) === null || _c === void 0 ? void 0 : _c.style) === null || _d === void 0 ? void 0 : _d.customCSS) === null || _e === void 0 ? void 0 : _e.variables) != null,
-        usedCustomizationRules: ((_h = (_g = (_f = embedConfig.customizations) === null || _f === void 0 ? void 0 : _f.style) === null || _g === void 0 ? void 0 : _g.customCSS) === null || _h === void 0 ? void 0 : _h.rules_UNSTABLE) !=
-            null,
+        usedCustomizationRules: ((_h = (_g = (_f = embedConfig.customizations) === null || _f === void 0 ? void 0 : _f.style) === null || _g === void 0 ? void 0 : _g.customCSS) === null || _h === void 0 ? void 0 : _h.rules_UNSTABLE) != null,
         usedCustomizationStrings: !!((_k = (_j = embedConfig.customizations) === null || _j === void 0 ? void 0 : _j.content) === null || _k === void 0 ? void 0 : _k.strings),
         usedCustomizationIconSprite: !!((_l = embedConfig.customizations) === null || _l === void 0 ? void 0 : _l.iconSpriteUrl),
     });
@@ -9358,19 +9733,23 @@ const init = (embedConfig) => {
     }
     return authEE;
 };
+/**
+ *
+ */
 function disableAutoLogin() {
     config.autoLogin = false;
 }
 /**
- * Logs out from ThoughtSpot. This also sets the autoLogin flag to false, to prevent
- * the SDK from automatically logging in again.
+ * Logs out from ThoughtSpot. This also sets the autoLogin flag to false, to
+ * prevent the SDK from automatically logging in again.
  *
- * You can call the `init` method again to re login, if autoLogin is set to true in this
- * second call it will be honored.
+ * You can call the `init` method again to re login, if autoLogin is set to
+ * true in this second call it will be honored.
  *
  * @param doNotDisableAutoLogin This flag when passed will not disable autoLogin
  * @returns Promise which resolves when logout completes.
  * @version SDK: 1.10.1 | ThoughtSpot: 8.2.0.cl, 8.4.1-sw
+ * @group Global methods
  */
 const logout$1 = (doNotDisableAutoLogin = false) => {
     if (!doNotDisableAutoLogin) {
@@ -9383,7 +9762,9 @@ const logout$1 = (doNotDisableAutoLogin = false) => {
 };
 let renderQueue = Promise.resolve();
 /**
- * Renders functions in a queue, resolves to next function only after the callback next is called
+ * Renders functions in a queue, resolves to next function only after the callback next
+ * is called
+ *
  * @param fn The function being registered
  */
 const renderInQueue = (fn) => {
@@ -9396,6 +9777,13 @@ const renderInQueue = (fn) => {
     return fn(() => { }); // eslint-disable-line @typescript-eslint/no-empty-function
 };
 
+/**
+ *
+ * @param session
+ * @param query
+ * @param operation
+ * @param thoughtSpotHost
+ */
 function getAnswerServiceInstance(session, query, operation, thoughtSpotHost) {
     let variable;
     const fetchQuery = async (variables) => {
@@ -9445,12 +9833,14 @@ function getAnswerServiceInstance(session, query, operation, thoughtSpotHost) {
     };
 }
 
+/**
+ *
+ * @param e
+ * @param thoughtSpotHost
+ */
 function processCustomAction(e, thoughtSpotHost) {
     var _a;
-    if ([
-        OperationType.GetChartWithData,
-        OperationType.GetTableWithHeadlineData,
-    ].includes((_a = e.data) === null || _a === void 0 ? void 0 : _a.operation)) {
+    if ([OperationType.GetChartWithData, OperationType.GetTableWithHeadlineData].includes((_a = e.data) === null || _a === void 0 ? void 0 : _a.operation)) {
         const { session, query, operation } = e.data;
         const answerService = getAnswerServiceInstance(session, query, operation, thoughtSpotHost);
         return {
@@ -9460,6 +9850,10 @@ function processCustomAction(e, thoughtSpotHost) {
     }
     return e;
 }
+/**
+ *
+ * @param e
+ */
 function processAuthInit(e) {
     var _a, _b;
     // Store user session details sent by app.
@@ -9473,8 +9867,13 @@ function processAuthInit(e) {
         },
     };
 }
+/**
+ *
+ * @param e
+ * @param containerEl
+ */
 function processNoCookieAccess(e, containerEl) {
-    const { loginFailedMessage, suppressNoCookieAccessAlert, } = getEmbedConfig();
+    const { loginFailedMessage, suppressNoCookieAccessAlert } = getEmbedConfig();
     if (!suppressNoCookieAccessAlert) {
         // eslint-disable-next-line no-alert
         alert('Third party cookie access is blocked on this browser, please allow third party cookies for this to work properly. \nYou can use `suppressNoCookieAccessAlert` to suppress this message.');
@@ -9484,6 +9883,11 @@ function processNoCookieAccess(e, containerEl) {
     notifyAuthFailure(AuthFailureType.NO_COOKIE_ACCESS);
     return e;
 }
+/**
+ *
+ * @param e
+ * @param containerEl
+ */
 function processAuthFailure(e, containerEl) {
     const { loginFailedMessage, authType } = getEmbedConfig();
     if (authType !== AuthType.None) {
@@ -9493,6 +9897,11 @@ function processAuthFailure(e, containerEl) {
     }
     return e;
 }
+/**
+ *
+ * @param e
+ * @param containerEl
+ */
 function processAuthLogout(e, containerEl) {
     const { loginFailedMessage } = getEmbedConfig();
     // eslint-disable-next-line no-param-reassign
@@ -9501,6 +9910,13 @@ function processAuthLogout(e, containerEl) {
     notifyLogout();
     return e;
 }
+/**
+ *
+ * @param type
+ * @param e
+ * @param thoughtSpotHost
+ * @param containerEl
+ */
 function processEventData(type, e, thoughtSpotHost, containerEl) {
     switch (type) {
         case EmbedEvent.CustomAction:
@@ -9519,6 +9935,8 @@ function processEventData(type, e, thoughtSpotHost, containerEl) {
 
 /**
  * Reloads the ThoughtSpot iframe.
+ *
+ * @param iFrame
  */
 function reload(iFrame) {
     const oldFrame = iFrame.cloneNode();
@@ -9528,13 +9946,25 @@ function reload(iFrame) {
 }
 /**
  * Post Iframe message.
+ *
+ * @param iFrame
+ * @param message
+ * @param message.type
+ * @param message.data
+ * @param thoughtSpotHost
+ * @param channel
  */
 function postIframeMessage(iFrame, message, thoughtSpotHost, channel) {
-    return iFrame.contentWindow.postMessage(message, thoughtSpotHost, [
-        channel === null || channel === void 0 ? void 0 : channel.port2,
-    ]);
+    return iFrame.contentWindow.postMessage(message, thoughtSpotHost, [channel === null || channel === void 0 ? void 0 : channel.port2]);
 }
 const TRIGGER_TIMEOUT = 30000;
+/**
+ *
+ * @param iFrame
+ * @param messageType
+ * @param thoughtSpotHost
+ * @param data
+ */
 function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     return new Promise((res, rej) => {
         if (messageType === HostEvent.Reload) {
@@ -9560,7 +9990,7 @@ function processTrigger(iFrame, messageType, thoughtSpotHost, data) {
     });
 }
 
-var name="@thoughtspot/visual-embed-sdk";var version="1.20.0-alpha.2";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","dts-bundle":"0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-neo-theme":"^1.1.0","typedoc-plugin-toc-group":"0.0.5",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
+var name="@thoughtspot/visual-embed-sdk";var version="1.20.0-prerender.0";var description="ThoughtSpot Embed SDK";var module="lib/src/index.js";var main="dist/tsembed.js";var types="lib/src/index.d.ts";var files=["dist/**","lib/**","src/**"];var exports={".":"./lib/src/index.js","./react":{"import":"./lib/src/react/index.js",require:"./cjs/src/react.index.js",types:"./lib/src/react/index.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/index.d.ts"]}};var scripts={lint:"eslint 'src/**'","lint:fix":"eslint 'src/**/*.*' --fix",tsc:"tsc -p . --incremental false; tsc -p . --incremental false --module commonjs --outDir cjs",start:"gatsby develop","build:gatsby":"npm run clean:gatsby && gatsby build --prefix-paths","build:gatsby:noprefix":"npm run clean:gatsby && gatsby build","serve:gatsby":"gatsby serve","clean:gatsby":"gatsby clean","build-and-publish":"npm run build:gatsby && npm run publish","bundle-dts":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts",build:"rollup -c",watch:"rollup -cw","docs-cmd":"node scripts/gatsby-commands.js",docgen:"typedoc --tsconfig tsconfig.json --theme typedoc-theme","test-sdk":"jest -c jest.config.sdk.js --runInBand","test-docs":"jest -c jest.config.docs.js",test:"npm run test-sdk && npm run test-docs",posttest:"cat ./coverage/sdk/lcov.info | coveralls",prepublishOnly:"npm run test; npm run tsc; npm run bundle-dts; npm run build","publish-dev":"npm publish --tag dev","publish-prod":"npm publish --tag latest"};var peerDependencies={react:"> 16.8.0","react-dom":"> 16.8.0"};var dependencies={algoliasearch:"^4.10.5",classnames:"^2.3.1",dompurify:"^2.3.4","eslint-plugin-comment-length":"^0.9.2","eslint-plugin-jsdoc":"^40.1.0",eventemitter3:"^4.0.7","gatsby-plugin-vercel":"^1.0.3","html-react-parser":"^1.4.12",lodash:"^4.17.21","mixpanel-browser":"^2.45.0","ts-deepmerge":"^6.0.2","use-deep-compare-effect":"^1.8.1"};var devDependencies={"@mdx-js/mdx":"^1.6.22","@mdx-js/react":"^1.6.22","@react-icons/all-files":"^4.1.0","@rollup/plugin-commonjs":"^18.0.0","@rollup/plugin-json":"^4.1.0","@rollup/plugin-node-resolve":"^11.2.1","@testing-library/dom":"^7.31.0","@testing-library/jest-dom":"^5.14.1","@testing-library/react":"^11.2.7","@testing-library/user-event":"^13.1.8","@types/jest":"^22.2.3","@types/mixpanel-browser":"^2.35.6","@types/react-test-renderer":"^17.0.1","@typescript-eslint/eslint-plugin":"^4.6.0","@typescript-eslint/parser":"^4.6.0",asciidoctor:"^2.2.1","babel-jest":"^26.6.3","babel-preset-gatsby":"^1.10.0","command-line-args":"^5.1.1",coveralls:"^3.1.0","dts-bundle":"0.7.3",eslint:"^7.12.1","eslint-config-airbnb-base":"^14.2.0","eslint-config-prettier":"^6.15.0","eslint-import-resolver-typescript":"^2.3.0","eslint-plugin-import":"^2.22.1","eslint-plugin-prettier":"^3.1.4","eslint-plugin-react-hooks":"^4.2.0","fs-extra":"^10.0.0",gatsby:"3.13.1","gatsby-plugin-algolia":"^0.22.2","gatsby-plugin-catch-links":"^3.1.0","gatsby-plugin-env-variables":"^2.1.0","gatsby-plugin-intl":"^0.3.3","gatsby-plugin-manifest":"^3.2.0","gatsby-plugin-output":"^0.1.3","gatsby-plugin-sass":"6.7.0","gatsby-plugin-sitemap":"^4.10.0","gatsby-source-filesystem":"3.1.0","gatsby-transformer-asciidoc":"2.1.0","gatsby-transformer-rehype":"2.0.0","gh-pages":"^3.1.0","highlight.js":"^10.6.0","html-to-text":"^8.0.0","identity-obj-proxy":"^3.0.0","istanbul-merge":"^1.1.1",jest:"^26.6.3","jest-puppeteer":"^4.4.0",jsdom:"^17.0.0","node-sass":"^8.0.0",prettier:"2.1.2",puppeteer:"^7.0.1",react:"^16.14.0","react-dom":"^16.14.0","react-resizable":"^1.11.0","react-resize-detector":"^6.6.0","react-test-renderer":"^17.0.2","react-use-flexsearch":"^0.1.1",rollup:"2.30.0","rollup-plugin-typescript2":"0.27.3","ts-jest":"^26.5.5","ts-loader":"8.0.4",typedoc:"0.21.6","typedoc-plugin-toc-group":"thoughtspot/typedoc-plugin-toc-group",typescript:"^4.9.4","url-search-params-polyfill":"^8.1.0",util:"^0.12.4"};var author="ThoughtSpot";var email="support@thoughtspot.com";var license="ThoughtSpot Development Tools End User License Agreement";var directories={lib:"lib"};var repository={type:"git",url:"git+https://github.com/thoughtspot/visual-embed-sdk.git"};var publishConfig={registry:"https://registry.npmjs.org"};var keywords=["thoughtspot","everywhere","embed","sdk","analytics"];var bugs={url:"https://github.com/thoughtspot/visual-embed-sdk/issues"};var homepage="https://github.com/thoughtspot/visual-embed-sdk#readme";var globals={window:{}};var pkgInfo = {name:name,version:version,description:description,module:module,main:main,types:types,files:files,exports:exports,typesVersions:typesVersions,scripts:scripts,peerDependencies:peerDependencies,dependencies:dependencies,devDependencies:devDependencies,author:author,email:email,license:license,directories:directories,repository:repository,publishConfig:publishConfig,keywords:keywords,bugs:bugs,homepage:homepage,globals:globals};
 
 /**
  * Copyright (c) 2022
@@ -9580,6 +10010,7 @@ const TS_EMBED_ID = '_thoughtspot-embed';
  * The event id map from v2 event names to v1 event id
  * v1 events are the classic embed events implemented in Blink v1
  * We cannot rename v1 event types to maintain backward compatibility
+ *
  * @internal
  */
 const V1EventMap = {};
@@ -9590,22 +10021,28 @@ const V1EventMap = {};
  */
 class TsEmbed {
     constructor(domSelector, viewConfig) {
+        this.isAppInitialized = false;
         /**
          * Should we encode URL Query Params using base64 encoding which thoughtspot
          * will generate for embedding. This provides additional security to
          * thoughtspot clusters against Cross site scripting attacks.
+         *
          * @default false
          */
         this.shouldEncodeUrlQueryParams = false;
         this.defaultHiddenActions = [Action.ReportError];
         /**
          * Send Custom style as part of payload of APP_INIT
+         *
+         * @param _
+         * @param responder
          */
         this.appInitCb = async (_, responder) => {
             let authToken = '';
             if (this.embedConfig.authType === AuthType.TrustedAuthTokenCookieless) {
                 authToken = await getAuthenticaionToken(this.embedConfig);
             }
+            this.isAppInitialized = true;
             responder({
                 type: EmbedEvent.APP_INIT,
                 data: {
@@ -9616,6 +10053,9 @@ class TsEmbed {
         };
         /**
          * Sends updated auth token to the iFrame to avoid user logout
+         *
+         * @param _
+         * @param responder
          */
         this.updateAuthToken = async (_, responder) => {
             const { autoLogin = false, authType } = this.embedConfig; // Set autoLogin default to false
@@ -9657,6 +10097,7 @@ class TsEmbed {
     }
     /**
      * Handles errors within the SDK
+     *
      * @param error The error message or object
      */
     handleError(error) {
@@ -9669,6 +10110,7 @@ class TsEmbed {
     }
     /**
      * Extracts the type field from the event payload
+     *
      * @param event The window message event
      */
     getEventType(event) {
@@ -9678,6 +10120,7 @@ class TsEmbed {
     }
     /**
      * Extracts the port field from the event payload
+     *
      * @param event  The window message event
      * @returns
      */
@@ -9690,6 +10133,9 @@ class TsEmbed {
     /**
      * fix for ts7.sep.cl
      * will be removed for ts7.oct.cl
+     *
+     * @param event
+     * @param eventType
      * @hidden
      */
     formatEventData(event, eventType) {
@@ -9720,33 +10166,31 @@ class TsEmbed {
     }
     /**
      * Constructs the base URL string to load the ThoughtSpot app.
+     *
+     * @param query
      */
     getEmbedBasePath(query) {
         let queryString = query;
         if (this.shouldEncodeUrlQueryParams) {
             queryString = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryString.substr(1))}`;
         }
-        const basePath = [
-            this.thoughtSpotHost,
-            this.thoughtSpotV2Base,
-            queryString,
-        ]
+        const basePath = [this.thoughtSpotHost, this.thoughtSpotV2Base, queryString]
             .filter((x) => x.length > 0)
             .join('/');
-        return `${basePath}#/embed`;
+        return `${basePath}#`;
     }
     /**
      * Common query params set for all the embed modes.
+     *
+     * @param queryParams
      * @returns queryParams
      */
-    getBaseQueryParams() {
+    getBaseQueryParams(queryParams = {}) {
         var _a, _b;
-        const queryParams = {};
         let hostAppUrl = ((_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.host) || '';
-        // The below check is needed because TS Cloud firewall, blocks localhost/127.0.0.1
-        // in any url param.
-        if (hostAppUrl.includes('localhost') ||
-            hostAppUrl.includes('127.0.0.1')) {
+        // The below check is needed because TS Cloud firewall, blocks
+        // localhost/127.0.0.1 in any url param.
+        if (hostAppUrl.includes('localhost') || hostAppUrl.includes('127.0.0.1')) {
             hostAppUrl = 'local-host';
         }
         queryParams[Param.HostAppUrl] = encodeURIComponent(hostAppUrl);
@@ -9754,8 +10198,7 @@ class TsEmbed {
         queryParams[Param.ViewPortWidth] = window.innerWidth;
         queryParams[Param.Version] = version$1;
         queryParams[Param.AuthType] = this.embedConfig.authType;
-        if (this.embedConfig.disableLoginRedirect === true ||
-            this.embedConfig.autoLogin === true) {
+        if (this.embedConfig.disableLoginRedirect === true || this.embedConfig.autoLogin === true) {
             queryParams[Param.DisableLoginRedirect] = true;
         }
         if (this.embedConfig.authType === AuthType.EmbeddedSSO) {
@@ -9770,8 +10213,7 @@ class TsEmbed {
             return queryParams;
         }
         // TODO remove embedConfig.customCssUrl
-        const cssUrlParam = ((_b = customizations === null || customizations === void 0 ? void 0 : customizations.style) === null || _b === void 0 ? void 0 : _b.customCSSUrl) ||
-            this.embedConfig.customCssUrl;
+        const cssUrlParam = ((_b = customizations === null || customizations === void 0 ? void 0 : customizations.style) === null || _b === void 0 ? void 0 : _b.customCSSUrl) || this.embedConfig.customCssUrl;
         if (cssUrlParam) {
             queryParams[Param.CustomCSSUrl] = cssUrlParam;
         }
@@ -9781,15 +10223,14 @@ class TsEmbed {
         if (disabledActionReason) {
             queryParams[Param.DisableActionReason] = disabledActionReason;
         }
-        queryParams[Param.HideActions] = [
-            ...this.defaultHiddenActions,
-            ...(hiddenActions !== null && hiddenActions !== void 0 ? hiddenActions : []),
-        ];
+        queryParams[Param.HideActions] = [...this.defaultHiddenActions, ...(hiddenActions !== null && hiddenActions !== void 0 ? hiddenActions : [])];
         if (Array.isArray(visibleActions)) {
             queryParams[Param.VisibleActions] = visibleActions;
         }
-        /** Default behavior for context menu will be left-click
-         *  from version 9.2.0.cl the user have an option to override context menu click
+        /**
+         * Default behavior for context menu will be left-click
+         *  from version 9.2.0.cl the user have an option to override context
+         *  menu click
          */
         if (contextMenuTrigger === ContextMenuTriggerOptions.LEFT_CLICK) {
             queryParams[Param.ContextMenuTrigger] = true;
@@ -9821,32 +10262,61 @@ class TsEmbed {
     /**
      * Constructs the base URL string to load v1 of the ThoughtSpot app.
      * This is used for embedding Liveboards, visualizations, and full application.
+     *
      * @param queryString The query string to append to the URL.
      * @param isAppEmbed A Boolean parameter to specify if you are embedding
      * the full application.
      */
-    getV1EmbedBasePath(queryString, showPrimaryNavbar = false, disableProfileAndHelp = false, isAppEmbed = false, enableSearchAssist = false) {
-        const queryStringFrag = queryString ? `&${queryString}` : '';
-        const primaryNavParam = `&primaryNavHidden=${!showPrimaryNavbar}`;
-        const disableProfileAndHelpParam = `&profileAndHelpInNavBarHidden=${disableProfileAndHelp}`;
-        const enableSearchAssistParam = `&${Param.EnableSearchAssist}=${enableSearchAssist}`;
-        let queryParams = `?embedApp=true${isAppEmbed ? primaryNavParam : ''}${isAppEmbed ? disableProfileAndHelpParam : ''}${enableSearchAssist ? enableSearchAssistParam : ''}${queryStringFrag}`;
-        if (this.shouldEncodeUrlQueryParams) {
-            queryParams = `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryParams.substr(1))}`;
-        }
-        let path = `${this.thoughtSpotHost}/${queryParams}#`;
-        if (!isAppEmbed) {
-            path = `${path}/embed`;
-        }
+    getV1EmbedBasePath(queryString) {
+        const queryParams = this.shouldEncodeUrlQueryParams
+            ? `?base64UrlEncodedFlags=${getEncodedQueryParamsString(queryString)}`
+            : `?${queryString}`;
+        const path = `${this.thoughtSpotHost}/${queryParams}#`;
         return path;
     }
+    getEmbedParams() {
+        const queryParams = this.getBaseQueryParams();
+        return getQueryParamString(queryParams);
+    }
+    getRootIframeSrc() {
+        const query = this.getEmbedParams();
+        return this.getEmbedBasePath(query);
+    }
+    createIframeEl(frameSrc) {
+        const iFrame = document.createElement('iframe');
+        iFrame.src = frameSrc;
+        iFrame.id = TS_EMBED_ID;
+        // according to screenfull.js documentation
+        // allowFullscreen, webkitallowfullscreen and mozallowfullscreen must be
+        // true
+        iFrame.allowFullscreen = true;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        iFrame.webkitallowfullscreen = true;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        iFrame.mozallowfullscreen = true;
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        iFrame.allow = 'clipboard-read; clipboard-write';
+        const { height: frameHeight, width: frameWidth, ...restParams } = this.viewConfig.frameParams || {};
+        const width = getCssDimension(frameWidth || DEFAULT_EMBED_WIDTH);
+        const height = getCssDimension(frameHeight || DEFAULT_EMBED_HEIGHT);
+        setAttributes(iFrame, restParams);
+        iFrame.style.width = `${width}`;
+        iFrame.style.height = `${height}`;
+        iFrame.style.border = '0';
+        iFrame.name = 'ThoughtSpot Embedded Analytics';
+        return iFrame;
+    }
     /**
      * Renders the embedded ThoughtSpot app in an iframe and sets up
      * event listeners.
+     *
      * @param url
      * @param frameOptions
      */
-    async renderIFrame(url, frameOptions = {}) {
+    async renderIFrame(url) {
         if (this.isError) {
             return null;
         }
@@ -9870,30 +10340,7 @@ class TsEmbed {
                     return;
                 }
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
-                this.iFrame =
-                    this.iFrame || document.createElement('iframe');
-                this.iFrame.src = url;
-                this.iFrame.id = TS_EMBED_ID;
-                // according to screenfull.js documentation
-                // allowFullscreen, webkitallowfullscreen and mozallowfullscreen must be true
-                this.iFrame.allowFullscreen = true;
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                this.iFrame.webkitallowfullscreen = true;
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                this.iFrame.mozallowfullscreen = true;
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                this.iFrame.allow = 'clipboard-read; clipboard-write';
-                const { height: frameHeight, width: frameWidth, ...restParams } = frameOptions;
-                const width = getCssDimension(frameWidth || DEFAULT_EMBED_WIDTH);
-                const height = getCssDimension(frameHeight || DEFAULT_EMBED_HEIGHT);
-                setAttributes(this.iFrame, restParams);
-                this.iFrame.style.width = `${width}`;
-                this.iFrame.style.height = `${height}`;
-                this.iFrame.style.border = '0';
-                this.iFrame.name = 'ThoughtSpot Embedded Analytics';
+                this.iFrame = this.iFrame || this.createIframeEl(url);
                 this.iFrame.addEventListener('load', () => {
                     nextInQueue();
                     const loadTimestamp = Date.now();
@@ -9920,7 +10367,9 @@ class TsEmbed {
                 this.subscribeToEvents();
             }).catch((error) => {
                 nextInQueue();
-                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, { error: JSON.stringify(error) });
+                uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
+                    error: JSON.stringify(error),
+                });
                 this.insertIntoDOM(this.embedConfig.loginFailedMessage);
                 this.handleError(error);
             });
@@ -9954,6 +10403,7 @@ class TsEmbed {
     }
     /**
      * Sets the height of the iframe
+     *
      * @param height The height in pixels
      */
     setIFrameHeight(height) {
@@ -9961,6 +10411,7 @@ class TsEmbed {
     }
     /**
      * Executes all registered event handlers for a particular event type
+     *
      * @param eventType The event type
      * @param data The payload invoked with the event handler
      * @param eventPort The event Port for a specific MessageChannel
@@ -9971,11 +10422,13 @@ class TsEmbed {
         callbacks.push(...allHandlers);
         const dataStatus = (data === null || data === void 0 ? void 0 : data.status) || embedEventStatus.END;
         callbacks.forEach((callbackObj) => {
-            if ((callbackObj.options.start &&
-                dataStatus === embedEventStatus.START) || // When start status is true it trigger only start releated payload
-                (!callbackObj.options.start &&
-                    dataStatus === embedEventStatus.END) // When start status is false it trigger only end releated payload
-            ) {
+            if (
+            // When start status is true it trigger only start releated
+            // payload
+            (callbackObj.options.start && dataStatus === embedEventStatus.START)
+                // When start status is false it trigger only end releated
+                // payload
+                || (!callbackObj.options.start && dataStatus === embedEventStatus.END)) {
                 callbackObj.callback(data, (payload) => {
                     this.triggerEventOnPort(eventPort, payload);
                 });
@@ -9990,6 +10443,7 @@ class TsEmbed {
     }
     /**
      * Gets the v1 event type (if applicable) for the EmbedEvent type
+     *
      * @param eventType The v2 event type
      * @returns The corresponding v1 event type if one exists
      * or else the v2 event type itself
@@ -10001,6 +10455,7 @@ class TsEmbed {
      * Calculates the iframe center for the current visible viewPort
      * of iframe using Scroll position of Host App, offsetTop for iframe
      * in Host app. ViewPort height of the tab.
+     *
      * @returns iframe Center in visible viewport,
      *  Iframe height,
      *  View port height.
@@ -10014,8 +10469,7 @@ class TsEmbed {
         let iframeVisibleViewPort;
         let iframeOffset;
         if (iframeScrolled < 0) {
-            iframeVisibleViewPort =
-                viewPortHeight - (offsetTopClient - scrollTopClient);
+            iframeVisibleViewPort = viewPortHeight - (offsetTopClient - scrollTopClient);
             iframeVisibleViewPort = Math.min(iframeHeight, iframeVisibleViewPort);
             iframeOffset = 0;
         }
@@ -10039,6 +10493,20 @@ class TsEmbed {
      * @param messageType The message type
      * @param callback A callback as a function
      * @param options The message options
+     * @example
+     * ```js
+     * tsEmbed.on(EmbedEvent.Error, (data) => {
+     *   console.error(data);
+     * });
+     * ```
+     * @example
+     * ```js
+     * tsEmbed.on(EmbedEvent.Save, (data) => {
+     *   console.log("Answer save clicked", data);
+     * }, {
+     *   start: true // This will trigger the callback on start of save
+     * });
+     * ```
      */
     on(messageType, callback, options = { start: false }) {
         if (this.isRendered) {
@@ -10052,8 +10520,11 @@ class TsEmbed {
     /**
      * Triggers an event on specific Port registered against
      * for the EmbedEvent
+     *
      * @param eventType The message type
      * @param data The payload to send
+     * @param eventPort
+     * @param payload
      */
     triggerEventOnPort(eventPort, payload) {
         if (eventPort) {
@@ -10074,6 +10545,7 @@ class TsEmbed {
     }
     /**
      * Triggers an event to the embedded app
+     *
      * @param messageType The event type
      * @param data The payload to send with the message
      */
@@ -10085,6 +10557,7 @@ class TsEmbed {
      * Marks the ThoughtSpot object to have been rendered
      * Needs to be overridden by subclasses to do the actual
      * rendering of the iframe.
+     *
      * @param args
      */
     render() {
@@ -10095,6 +10568,7 @@ class TsEmbed {
      * Get the Post Url Params for THOUGHTSPOT from the current
      * host app URL.
      * THOUGHTSPOT URL params starts with a prefix "ts-"
+     *
      * @version SDK: 1.14.0 | ThoughtSpot: 8.4.0.cl, 8.4.1-sw
      */
     getThoughtSpotPostUrlParams() {
@@ -10118,6 +10592,7 @@ class TsEmbed {
     }
     /**
      * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
+     *
      * @version SDK: 1.19.1 | ThoughtSpot: *
      */
     destroy() {
@@ -10128,11 +10603,20 @@ class TsEmbed {
             console.log('Error destroying TS Embed', e);
         }
     }
+    getUnderlyingFrameElement() {
+        return this.iFrame;
+    }
+    async prerenderGeneric() {
+        const prerenderFrameSrc = this.getRootIframeSrc();
+        return this.renderIFrame(prerenderFrameSrc);
+    }
 }
 /**
  * Base class for embedding v1 experience
  * Note: The v1 version of ThoughtSpot Blink works on the AngularJS stack
  * which is currently under migration to v2
+ *
+ * @inheritdoc
  */
 class V1Embed extends TsEmbed {
     constructor(domSelector, viewConfig) {
@@ -10140,13 +10624,37 @@ class V1Embed extends TsEmbed {
         this.viewConfig = viewConfig;
     }
     /**
-     * Render the app in an iframe and set up event handlers
+     * Render the ap    p in an iframe and set up event handlers
+     *
      * @param iframeSrc
      */
     renderV1Embed(iframeSrc) {
-        return this.renderIFrame(iframeSrc, this.viewConfig.frameParams);
+        return this.renderIFrame(iframeSrc);
+    }
+    getRootIframeSrc() {
+        const runtimeFilters = this.viewConfig.runtimeFilters;
+        const filterQuery = getFilterQuery(runtimeFilters || []);
+        const queryParams = this.getEmbedParams();
+        const queryString = [filterQuery, queryParams].filter(Boolean).join('&');
+        return this.getV1EmbedBasePath(queryString);
     }
-    // @override
+    /**
+     * @inheritdoc
+     * @example
+     * ```js
+     * tsEmbed.on(EmbedEvent.Error, (data) => {
+     *   console.error(data);
+     * });
+     * ```
+     * @example
+     * ```js
+     * tsEmbed.on(EmbedEvent.Save, (data) => {
+     *   console.log("Answer save clicked", data);
+     * }, {
+     *   start: true // This will trigger the callback on start of save
+     * });
+     * ```
+     */
     on(messageType, callback, options = { start: false }) {
         const eventType = this.getCompatibleEventType(messageType);
         uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_ON}-${messageType}`);
@@ -10201,7 +10709,8 @@ var Page;
 })(Page || (Page = {}));
 /**
  * Embeds full ThoughtSpot experience in a host application.
- * @Category App Embed
+ *
+ * @group Embed components
  */
 class AppEmbed extends V1Embed {
     // eslint-disable-next-line no-useless-constructor
@@ -10213,8 +10722,12 @@ class AppEmbed extends V1Embed {
      * embedded Liveboard or visualization.
      */
     getEmbedParams() {
-        const params = this.getBaseQueryParams();
-        const { tag, hideObjects, liveboardV2 } = this.viewConfig;
+        const { tag, hideObjects, liveboardV2, showPrimaryNavbar, disableProfileAndHelp, enableSearchAssist, } = this.viewConfig;
+        let params = {};
+        params[Param.EmbedApp] = true;
+        params[Param.PrimaryNavHidden] = !showPrimaryNavbar;
+        params[Param.HideProfleAndHelp] = !!disableProfileAndHelp;
+        params = this.getBaseQueryParams(params);
         if (tag) {
             params[Param.Tag] = tag;
         }
@@ -10224,26 +10737,28 @@ class AppEmbed extends V1Embed {
         if (liveboardV2 !== undefined) {
             params[Param.LiveboardV2Enabled] = liveboardV2;
         }
+        if (enableSearchAssist !== undefined) {
+            params[Param.EnableSearchAssist] = enableSearchAssist;
+        }
         const queryParams = getQueryParamString(params, true);
         return queryParams;
     }
     /**
      * Constructs the URL of the ThoughtSpot app page to be rendered.
+     *
      * @param pageId The ID of the page to be embedded.
      */
-    getIFrameSrc(pageId, runtimeFilters) {
-        const filterQuery = getFilterQuery(runtimeFilters || []);
-        const queryParams = this.getEmbedParams();
-        const queryString = [filterQuery, queryParams]
-            .filter(Boolean)
-            .join('&');
-        let url = `${this.getV1EmbedBasePath(queryString, this.viewConfig.showPrimaryNavbar, this.viewConfig.disableProfileAndHelp, true, this.viewConfig.enableSearchAssist)}/${pageId}`;
+    getIFrameSrc() {
+        const { pageId, path } = this.viewConfig;
+        const pageRoute = this.formatPath(path) || this.getPageRoute(pageId);
+        let url = `${this.getRootIframeSrc()}/${pageRoute}`;
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();
         url = `${url}${tsPostHashParams}`;
         return url;
     }
     /**
      * Gets the ThoughtSpot route of the page for a particular page ID.
+     *
      * @param pageId The identifier for a page in the ThoughtSpot app.
      */
     getPageRoute(pageId) {
@@ -10267,6 +10782,7 @@ class AppEmbed extends V1Embed {
     }
     /**
      * Formats the path provided by the user.
+     *
      * @param path The URL path.
      * @returns The URL path that the embedded app understands.
      */
@@ -10282,10 +10798,13 @@ class AppEmbed extends V1Embed {
     }
     /**
      * Navigate to particular page for app embed. eg:answers/pinboards/home
-     * This is used for embedding answers, pinboards, visualizations and full application only.
+     * This is used for embedding answers, pinboards, visualizations and full application
+     * only.
+     *
      * @param path string | number The string, set to iframe src and navigate to new page
      * eg: appEmbed.navigateToPage('pinboards')
-     * When used with `noReload` this can also be a number like 1/-1 to go forward/back.
+     * When used with `noReload` (default: true) this can also be a number
+     * like 1/-1 to go forward/back.
      * @param noReload boolean Trigger the navigation without reloading the page
      * @version SDK: 1.12.0 | ThoughtSpot: 8.4.0.cl, 8.4.1-sw
      */
@@ -10310,14 +10829,13 @@ class AppEmbed extends V1Embed {
     }
     /**
      * Renders the embedded application pages in the ThoughtSpot app.
+     *
      * @param renderOptions An object containing the page ID
      * to be embedded.
      */
     render() {
         super.render();
-        const { pageId, runtimeFilters, path } = this.viewConfig;
-        const pageRoute = this.formatPath(path) || this.getPageRoute(pageId);
-        const src = this.getIFrameSrc(pageRoute, runtimeFilters);
+        const src = this.getIFrameSrc();
         this.renderV1Embed(src);
         return this;
     }
@@ -10335,7 +10853,8 @@ class AppEmbed extends V1Embed {
  */
 /**
  * Embed a ThoughtSpot Liveboard or visualization
- * @Category Liveboards and Charts
+ *
+ * @group Embed components
  */
 class LiveboardEmbed extends V1Embed {
     // eslint-disable-next-line no-useless-constructor
@@ -10345,6 +10864,7 @@ class LiveboardEmbed extends V1Embed {
         /**
          * Set the iframe height as per the computed height received
          * from the ThoughtSpot app.
+         *
          * @param data The event payload
          */
         this.updateIFrameHeight = (data) => {
@@ -10359,16 +10879,23 @@ class LiveboardEmbed extends V1Embed {
                 this.setIFrameHeight(this.defaultHeight);
             }
         };
+        if (this.viewConfig.fullHeight === true) {
+            this.on(EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
+            this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
+            this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
+        }
     }
     /**
      * Construct a map of params to be passed on to the
      * embedded Liveboard or visualization.
      */
     getEmbedParams() {
-        const params = this.getBaseQueryParams();
+        let params = {};
+        params[Param.EmbedApp] = true;
+        params = this.getBaseQueryParams(params);
         const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, activeTabId, } = this.viewConfig;
-        const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval ||
-            this.viewConfig.preventPinboardFilterRemoval;
+        const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
+            || this.viewConfig.preventPinboardFilterRemoval;
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
         }
@@ -10394,65 +10921,68 @@ class LiveboardEmbed extends V1Embed {
         const queryParams = getQueryParamString(params, true);
         return queryParams;
     }
-    /**
-     * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
-     * to be loaded within the iframe.
-     * @param liveboardId The GUID of the Liveboard.
-     * @param vizId The optional GUID of a visualization within the Liveboard.
-     * @param runtimeFilters A list of runtime filters to be applied to
-     * the Liveboard or visualization on load.
-     */
-    getIFrameSrc(liveboardId, vizId, runtimeFilters, activeTabId) {
-        const filterQuery = getFilterQuery(runtimeFilters || []);
-        const queryParams = this.getEmbedParams();
-        const queryString = [filterQuery, queryParams]
-            .filter(Boolean)
-            .join('&');
-        let url = `${this.getV1EmbedBasePath(queryString, true, false, false)}/viz/${liveboardId}`;
+    getIframeSuffixSrc(liveboardId, vizId, activeTabId) {
+        let suffix = `/embed/viz/${liveboardId}`;
         if (activeTabId) {
-            url = `${url}/tab/${activeTabId}`;
+            suffix = `${suffix}/tab/${activeTabId} `;
         }
         if (vizId) {
-            url = `${url}/${vizId}`;
+            suffix = `${suffix}/${vizId}`;
         }
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-        url = `${url}${tsPostHashParams}`;
-        return url;
+        suffix = `${suffix}${tsPostHashParams}`;
+        return suffix;
+    }
+    /**
+     * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
+     * to be loaded within the iframe.
+     */
+    getIFrameSrc() {
+        var _a;
+        const { vizId, activeTabId } = this.viewConfig;
+        const liveboardId = (_a = this.viewConfig.liveboardId) !== null && _a !== void 0 ? _a : this.viewConfig.pinboardId;
+        if (!liveboardId) {
+            this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
+        }
+        return `${this.getRootIframeSrc()}${this.getIframeSuffixSrc(liveboardId, vizId, activeTabId)}`;
     }
     /**
      * Triggers an event to the embedded app
+     *
      * @param messageType The event type
      * @param data The payload to send with the message
      */
     trigger(messageType, data = {}) {
         const dataWithVizId = data;
-        if (this.viewConfig.vizId) {
+        if (typeof dataWithVizId === 'object' && this.viewConfig.vizId) {
             dataWithVizId.vizId = this.viewConfig.vizId;
         }
         return super.trigger(messageType, dataWithVizId);
     }
     /**
      * Render an embedded ThoughtSpot Liveboard or visualization
+     *
      * @param renderOptions An object specifying the Liveboard ID,
      * visualization ID and the runtime filters.
      */
     render() {
-        var _a;
-        const { vizId, activeTabId, runtimeFilters } = this.viewConfig;
-        const liveboardId = (_a = this.viewConfig.liveboardId) !== null && _a !== void 0 ? _a : this.viewConfig.pinboardId;
-        if (!liveboardId) {
-            this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
-        }
-        if (this.viewConfig.fullHeight === true) {
-            this.on(EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
-            this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
-            this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
-        }
         super.render();
-        const src = this.getIFrameSrc(liveboardId, vizId, runtimeFilters, activeTabId);
+        const src = this.getIFrameSrc();
         this.renderV1Embed(src);
         return this;
     }
+    navigateToLiveboard(liveboardId, vizId, activeTabId) {
+        const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
+        this.viewConfig.liveboardId = liveboardId;
+        this.viewConfig.activeTabId = activeTabId;
+        this.viewConfig.vizId = vizId;
+        if (this.isAppInitialized) {
+            this.trigger(HostEvent.Navigate, path);
+        }
+        else {
+            this.render();
+        }
+    }
 }
 /**
  * @hidden
@@ -10478,7 +11008,7 @@ const HiddenActionItemByDefaultForSearchEmbed = [
 /**
  * Embed ThoughtSpot search
  *
- * @Category Search Embed
+ * @group Embed components
  */
 class SearchEmbed extends TsEmbed {
     constructor(domSelector, viewConfig) {
@@ -10499,16 +11029,9 @@ class SearchEmbed extends TsEmbed {
         }
         return dataSourceMode;
     }
-    /**
-     * Construct the URL of the embedded ThoughtSpot search to be
-     * loaded in the iframe
-     * @param answerId The GUID of a saved answer
-     * @param dataSources A list of data source GUIDs
-     */
-    getIFrameSrc(answerId, dataSources) {
+    getEmbedParams() {
         var _a;
-        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, } = this.viewConfig;
-        const answerPath = answerId ? `saved-answer/${answerId}` : 'answer';
+        const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, } = this.viewConfig;
         const queryParams = this.getBaseQueryParams();
         queryParams[Param.HideActions] = [
             ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
@@ -10547,17 +11070,28 @@ class SearchEmbed extends TsEmbed {
         if (filterQuery) {
             query += `&${filterQuery}`;
         }
+        return query;
+    }
+    /**
+     * Construct the URL of the embedded ThoughtSpot search to be
+     * loaded in the iframe
+     *
+     * @param answerId The GUID of a saved answer
+     * @param dataSources A list of data source GUIDs
+     */
+    getIFrameSrc(answerId) {
+        const answerPath = answerId ? `saved-answer/${answerId}` : 'answer';
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-        return `${this.getEmbedBasePath(query)}/${answerPath}${tsPostHashParams}`;
+        return `${this.getRootIframeSrc()}/embed/${answerPath}${tsPostHashParams}`;
     }
     /**
      * Render the embedded ThoughtSpot search
      */
     render() {
         super.render();
-        const { answerId, dataSources } = this.viewConfig;
-        const src = this.getIFrameSrc(answerId, dataSources);
-        this.renderIFrame(src, this.viewConfig.frameParams);
+        const { answerId } = this.viewConfig;
+        const src = this.getIFrameSrc(answerId);
+        this.renderIFrame(src);
         getAuthPromise().then(() => {
             if (checkReleaseVersionInBeta(getReleaseVersion(), getEmbedConfig().suppressSearchEmbedBetaWarning)) {
                 alert(ERROR_MESSAGE.SEARCHEMBED_BETA_WRANING_MESSAGE);
@@ -10570,8 +11104,8 @@ class SearchEmbed extends TsEmbed {
 /**
  * Embed ThoughtSpot search bar
  *
- * @Category Search Embed
  * @version: SDK: 1.18.0 | ThoughtSpot: 8.10.0.cl, 9.0.1-sw
+ * @group Embed components
  */
 class SearchBarEmbed extends TsEmbed {
     constructor(domSelector, viewConfig) {
@@ -10581,6 +11115,7 @@ class SearchBarEmbed extends TsEmbed {
     /**
      * Construct the URL of the embedded ThoughtSpot search to be
      * loaded in the iframe
+     *
      * @param dataSources A list of data source GUIDs
      */
     getIFrameSrc() {
@@ -10588,9 +11123,7 @@ class SearchBarEmbed extends TsEmbed {
         const { searchOptions, dataSource, dataSources } = this.viewConfig;
         const path = 'search-bar-embed';
         const queryParams = this.getBaseQueryParams();
-        queryParams[Param.HideActions] = [
-            ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
-        ];
+        queryParams[Param.HideActions] = [...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : [])];
         if (dataSources && dataSources.length) {
             queryParams[Param.DataSources] = JSON.stringify(dataSources);
         }
@@ -10611,7 +11144,7 @@ class SearchBarEmbed extends TsEmbed {
             query = `?${queryParamsString}`;
         }
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-        return `${this.getEmbedBasePath(query)}/${path}${tsPostHashParams}`;
+        return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
     }
     /**
      * Render the embedded ThoughtSpot search
@@ -10619,7 +11152,7 @@ class SearchBarEmbed extends TsEmbed {
     render() {
         super.render();
         const src = this.getIFrameSrc();
-        this.renderIFrame(src, this.viewConfig.frameParams);
+        this.renderIFrame(src);
         return this;
     }
 }