@thoughtspot/visual-embed-sdk 1.24.0-alpha.6 → 1.24.0-dev

package/dist/tsembed.js

@@ -34,6 +34,24 @@
         }
         return null;
     };
+    /**
+     * Construct a runtime parameter override query string from the given option.
+     *
+     * @param runtimeParameters
+     */
+    const getRuntimeParameters = (runtimeParameters) => {
+        if (runtimeParameters && runtimeParameters.length) {
+            const params = runtimeParameters.map((param, valueIndex) => {
+                const index = valueIndex + 1;
+                const filterExpr = [];
+                filterExpr.push(`param${index}=${encodeURIComponent(param.name)}`);
+                filterExpr.push(`paramVal${index}=${encodeURIComponent(param.value)}`);
+                return filterExpr.join('&');
+            });
+            return `${params.join('&')}`;
+        }
+        return null;
+    };
     /**
      * Convert a value to a string representation to be sent as a query
      * parameter to the ThoughtSpot app.
@@ -181,7 +199,21 @@
      */
     function getDOMNode(domSelector) {
         return typeof domSelector === 'string' ? document.querySelector(domSelector) : domSelector;
-    }
+    }
+    const setStyleProperties = (element, styleProperties) => {
+        if (!element || !styleProperties)
+            return;
+        Object.keys(styleProperties).forEach((styleProperty) => {
+            element.style[styleProperty] = styleProperties[styleProperty].toString();
+        });
+    };
+    const removeStyleProperties = (element, styleProperties) => {
+        if (!element || !styleProperties)
+            return;
+        styleProperties.forEach((styleProperty) => {
+            element.style.removeProperty(styleProperty);
+        });
+    };
 
     /**
      * Copyright (c) 2023
@@ -851,21 +883,21 @@
          */
         EmbedEvent["InsertIntoSlide"] = "insertInToSlide";
         /**
+         * @hidden
          * Emitted when a user changes any filter on a Liveboard.
-         *
          * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
          */
         EmbedEvent["FilterChanged"] = "filterChanged";
         /**
          *  Emitted when a user click on Go button in Sage Embed
          *
-         * @version SDK : 1.27.0 | Thoughtspot: 9.7.0.cl
+         * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
          */
         EmbedEvent["SageEmbedQuery"] = "sageEmbedQuery";
         /**
          * Emitten when a user select data source in Sage Embed
          *
-         * @version SDK : 1.27.0 | Thoughtspot: 9.7.0.cl
+         * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
          */
         EmbedEvent["SageWorksheetUpdated"] = "sageWorksheetUpdated";
         /**
@@ -874,6 +906,51 @@
          * @version SDK : 1.27.0 | Thoughtspot: 9.8.0.cl
          */
         EmbedEvent["UpdateConnection"] = "updateConnection";
+        /**
+         * Emitted when name, status (private or public) or filter values of a
+         * PersonalisedView is updated.
+         *
+         * @returns viewName: string
+         * @returns viewId: string
+         * @returns liveboardId: string
+         * @returns isPublic: boolean
+         * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+         */
+        EmbedEvent["UpdatePersonalisedView"] = "updatePersonalisedView";
+        /**
+         * Emitted when a PersonalisedView is saved.
+         *
+         * @returns viewName: string
+         * @returns viewId: string
+         * @returns liveboardId: string
+         * @returns isPublic: boolean
+         * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+         */
+        EmbedEvent["SavePersonalisedView"] = "savePersonalisedView";
+        /**
+         * Emitted when a Liveboard is reset.
+         *
+         * @returns viewName: string
+         * @returns viewId: string
+         * @returns liveboardId: string
+         * @returns isPublic: boolean
+         * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+         */
+        EmbedEvent["ResetLiveboard"] = "resetLiveboard";
+        /**
+         * Emitted when a PersonalisedView is deleted.
+         *
+         * @returns views: string[]
+         * @returns liveboardId: string
+         * @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+         */
+        EmbedEvent["DeletePersonalisedView"] = "deletePersonalisedView";
+        /**
+         * Emitten when a user creates a new worksheet
+         *
+         * @version SDK : 1.27.0 | Thoughtspot: 9.8.0.cl
+         */
+        EmbedEvent["CreateWorksheet"] = "createWorksheet";
     })(exports.EmbedEvent || (exports.EmbedEvent = {}));
     (function (HostEvent) {
         /**
@@ -1494,16 +1571,16 @@
          */
         HostEvent["ResetSearch"] = "resetSearch";
         /**
+         * @hidden
          * Gets the currents visible and runtime filters applied on a Liveboard
-         *
          * @example
          * liveboardEmbed.trigger(HostEvent.GetFilters)
          * @version SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl
          */
         HostEvent["GetFilters"] = "getFilters";
         /**
+         * @hidden
          * Updates the visible filters on the Liveboard.
-         *
          * @param - filter: filter object containing column name and filter operation and values
          * @example
          *
@@ -2456,6 +2533,16 @@
          * ```
          */
         Action["ManageMonitor"] = "ManageMonitor";
+        /**
+         * Action ID for Liveboard Personalised Views dropdown
+         *
+         *  @example
+         * ```js
+         * disabledActions: [Action.PersonalisedViewsDropdown]
+         * ```
+         *  @version SDK : 1.26.0 | Thoughtspot: 9.7.0.cl
+         */
+        Action["PersonalisedViewsDropdown"] = "personalisedViewsDropdown";
     })(exports.Action || (exports.Action = {}));
     // eslint-disable-next-line no-shadow
     var OperationType;
@@ -11065,7 +11152,7 @@
         });
     }
 
-    var name="@thoughtspot/visual-embed-sdk";var version="1.24.0-alpha.6";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/**","cjs/**"];var exports$1={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.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-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",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","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run is-publish-allowed && npm run test && npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","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",tslib:"^2.5.3","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","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@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","current-git-branch":"^1.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$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],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.24.0-dev";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/**","cjs/**"];var exports$1={".":{"import":"./lib/src/index.js",require:"./cjs/src/index.js",types:"./lib/src/index.d.ts"},"./react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"},"./lib/src/react":{"import":"./lib/src/react/all-types-export.js",require:"./cjs/src/react/all-types-export.js",types:"./lib/src/react/all-types-export.d.ts"}};var typesVersions={"*":{react:["./lib/src/react/all-types-export.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-file":"dts-bundle --name @thoughtspot/visual-embed-sdk --out visual-embed-sdk.d.ts --main lib/src/index.d.ts","bundle-dts":"dts-bundle --name ../../dist/visual-embed-sdk --main lib/src/index.d.ts --outputAsModuleFolder=true","bundle-dts-react":"dts-bundle --name ../../../dist/visual-embed-sdk-react --main lib/src/react/index.d.ts --outputAsModuleFolder=true","bundle-dts-react-full":"dts-bundle --name ../../../dist/visual-embed-sdk-react-full --main lib/src/react/all-types-export.d.ts --outputAsModuleFolder=true",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","is-publish-allowed":"node scripts/is-publish-allowed.js",prepublishOnly:"npm run tsc && npm run bundle-dts-file && npm run bundle-dts && npm run bundle-dts-react && npm run bundle-dts-react-full && npm run build","check-size":"npm run build && size-limit","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",tslib:"^2.5.3","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","@rollup/plugin-replace":"^5.0.2","@size-limit/preset-big-lib":"^8.2.6","@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","current-git-branch":"^1.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$1,typesVersions:typesVersions,"size-limit":[{path:"dist/tsembed.js",limit:"40 kB"}],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
@@ -11124,11 +11211,14 @@
                     data: {
                         customisations: getCustomisations(this.embedConfig, this.viewConfig),
                         authToken,
-                        runtimeFilterParams: getRuntimeFilters(this.viewConfig.runtimeFilters),
+                        runtimeFilterParams: this.viewConfig.excludeRuntimeFiltersfromURL
+                            ? getRuntimeFilters(this.viewConfig.runtimeFilters)
+                            : null,
                         hiddenHomepageModules: this.viewConfig.hiddenHomepageModules || [],
                         hostConfig: this.embedConfig.hostConfig,
                         hiddenHomeLeftNavItems: ((_a = this.viewConfig) === null || _a === void 0 ? void 0 : _a.hiddenHomeLeftNavItems)
-                            ? (_b = this.viewConfig) === null || _b === void 0 ? void 0 : _b.hiddenHomeLeftNavItems : [],
+                            ? (_b = this.viewConfig) === null || _b === void 0 ? void 0 : _b.hiddenHomeLeftNavItems
+                            : [],
                     },
                 });
             };
@@ -11457,7 +11547,12 @@
                 uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
                 return (_a = getAuthPromise()) === null || _a === void 0 ? void 0 : _a.then((isLoggedIn) => {
                     if (!isLoggedIn) {
-                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                        if (this.isPreRendered) {
+                            this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
+                        }
+                        else {
+                            this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                        }
                         return;
                     }
                     this.iFrame = this.iFrame || this.createIframeEl(url);
@@ -11479,7 +11574,12 @@
                     this.iFrame.addEventListener('error', () => {
                         nextInQueue();
                     });
-                    this.insertIntoDOM(this.iFrame);
+                    if (this.isPreRendered) {
+                        this.insertIntoDOMForPreRender(this.iFrame);
+                    }
+                    else {
+                        this.insertIntoDOM(this.iFrame);
+                    }
                     const prefetchIframe = document.querySelectorAll('.prefetchIframe');
                     if (prefetchIframe.length) {
                         prefetchIframe.forEach((el) => {
@@ -11492,11 +11592,119 @@
                     uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
                         error: JSON.stringify(error),
                     });
-                    this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                    if (this.isPreRendered) {
+                        this.insertIntoDOMForPreRender(this.embedConfig.loginFailedMessage);
+                    }
+                    else {
+                        this.insertIntoDOM(this.embedConfig.loginFailedMessage);
+                    }
                     this.handleError(error);
                 });
             });
         }
+        getPreRenderIds() {
+            return {
+                wrapper: `tsEmbed-pre-render-wrapper-${this.viewConfig.preRenderId}`,
+                shield: `tsEmbed-pre-render-shield-${this.viewConfig.preRenderId}`,
+                child: `tsEmbed-pre-render-child-${this.viewConfig.preRenderId}`,
+            };
+        }
+        createPreRenderWrapper(child) {
+            if (!this.viewConfig.preRenderId) {
+                throw new Error('Pre render id is required');
+            }
+            const preRenderIds = this.getPreRenderIds();
+            const stalePreRenderWrapper = document.getElementById(preRenderIds.wrapper);
+            if (stalePreRenderWrapper) {
+                console.log('Found stale wrapper , removing');
+                stalePreRenderWrapper.remove();
+            }
+            const preRenderWrapper = document.createElement('div');
+            preRenderWrapper.id = preRenderIds.wrapper;
+            setStyleProperties(preRenderWrapper, { position: 'absolute', width: '100vw', height: '100vh' });
+            const preRenderShield = document.createElement('div');
+            preRenderShield.id = preRenderIds.shield;
+            setStyleProperties(preRenderShield, { position: 'absolute', width: '100%', height: '100%' });
+            child.id = preRenderIds.child;
+            preRenderWrapper.appendChild(child);
+            preRenderWrapper.appendChild(preRenderShield);
+            this.preRenderWrapper = preRenderWrapper;
+            this.preRenderShield = preRenderShield;
+            this.preRenderChild = child;
+            return preRenderWrapper;
+        }
+        isPreRenderAvailable() {
+            const preRenderIds = this.getPreRenderIds();
+            this.preRenderWrapper = this.preRenderWrapper
+                || document.getElementById(preRenderIds.wrapper);
+            this.preRenderShield = this.preRenderShield
+                || document.getElementById(preRenderIds.shield);
+            this.preRenderChild = this.preRenderChild
+                || document.getElementById(preRenderIds.child);
+            return !!this.preRenderWrapper && !!this.preRenderShield
+                && !!this.preRenderChild;
+        }
+        insertIntoDOMForPreRender(child) {
+            let childNode;
+            if (typeof child === 'string') {
+                const divChildNode = document.createElement('div');
+                divChildNode.innerHTML = child;
+                childNode = divChildNode;
+            }
+            else {
+                childNode = child;
+            }
+            const preRenderWrapper = this.createPreRenderWrapper(childNode);
+            document.body.appendChild(preRenderWrapper);
+            this.hidePreRender();
+        }
+        hidePreRender() {
+            if (!this.isPreRenderAvailable()) {
+                // if the embed component is not preRendered , nothing to hide
+                console.log('No preRender found, not hiding ');
+                return;
+            }
+            setStyleProperties(this.preRenderWrapper, {
+                opacity: '0',
+                pointerEvents: 'none',
+                zIndex: '-1000',
+                position: 'absolute ',
+                top: '0',
+                left: '0',
+            });
+            const childBoundingRect = this.preRenderChild.getBoundingClientRect();
+            setStyleProperties(this.preRenderShield, {
+                opacity: '0',
+                pointerEvents: 'none',
+                zIndex: '1',
+                width: `${childBoundingRect.width}px`,
+                height: `${childBoundingRect.height}px`,
+                position: 'absolute',
+                top: '0',
+                left: '0',
+            });
+        }
+        showPreRender() {
+            if (!this.isPreRenderAvailable()) {
+                // if the Embed component is nor preRendered , Render it now and
+                // show it (hide is defalt behaviour)
+                console.log('No preRender found, creating new ');
+                this.render();
+                return;
+            }
+            this.syncPreRenderStyle();
+            removeStyleProperties(this.preRenderWrapper, ['z-index', 'opacity', 'pointer-events']);
+            setStyleProperties(this.preRenderShield, { zIndex: '-1' });
+        }
+        syncPreRenderStyle() {
+            if (!this.el) {
+                throw new Error('Embed element is not defined');
+            }
+            const elBoundingClient = this.el.getBoundingClientRect();
+            setStyleProperties(this.preRenderWrapper, {
+                top: `${elBoundingClient.y}px`, left: `${elBoundingClient.x}px`, width: `${elBoundingClient.width}px`, height: `${elBoundingClient.height}px`,
+            });
+        }
         insertIntoDOM(child) {
             var _a;
             if (this.viewConfig.insertAsSibling) {
@@ -11711,6 +11919,13 @@
             this.isRendered = true;
             return this;
         }
+        /**
+         * Creates the preRender shell
+         */
+        preRender() {
+            this.isPreRendered = true;
+            return this;
+        }
         /**
          * Get the Post Url Params for THOUGHTSPOT from the current
          * host app URL.
@@ -11792,8 +12007,10 @@
             let queryString = queryParams;
             if (!this.viewConfig.excludeRuntimeFiltersfromURL) {
                 const runtimeFilters = this.viewConfig.runtimeFilters;
+                const runtimeParameters = this.viewConfig.runtimeParameters;
+                const parameterQuery = getRuntimeParameters(runtimeParameters || []);
                 const filterQuery = getFilterQuery(runtimeFilters || []);
-                queryString = [filterQuery, queryParams].filter(Boolean).join('&');
+                queryString = [parameterQuery, filterQuery, queryParams].filter(Boolean).join('&');
             }
             return this.getV1EmbedBasePath(queryString);
         }
@@ -11947,6 +12164,7 @@
          * Gets the ThoughtSpot route of the page for a particular page ID.
          *
          * @param pageId The identifier for a page in the ThoughtSpot app.
+         * @param modularHomeExperience
          */
         getPageRoute(pageId, modularHomeExperience = false) {
             switch (pageId) {
@@ -12090,7 +12308,7 @@
             let params = {};
             params[Param.EmbedApp] = true;
             params = this.getBaseQueryParams(params);
-            const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, } = this.viewConfig;
+            const { enableVizTransformations, fullHeight, defaultHeight, visibleVizs, liveboardV2, vizId, hideTabPanel, activeTabId, runtimeParameters, } = this.viewConfig;
             const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
                 || this.viewConfig.preventPinboardFilterRemoval;
             if (fullHeight === true) {
@@ -12118,7 +12336,10 @@
             if (hideTabPanel) {
                 params[Param.HideTabPanel] = hideTabPanel;
             }
-            const queryParams = getQueryParamString(params, true);
+            let queryParams = getQueryParamString(params, true);
+            const parameterQuery = getRuntimeParameters(runtimeParameters || []);
+            if (parameterQuery)
+                queryParams += `&${parameterQuery}`;
             return queryParams;
         }
         getIframeSuffixSrc(liveboardId, vizId, activeTabId) {
@@ -12182,6 +12403,11 @@
             this.renderV1Embed(src);
             return this;
         }
+        preRender() {
+            super.preRender();
+            this.render();
+            return this;
+        }
         navigateToLiveboard(liveboardId, vizId, activeTabId) {
             const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
             this.viewConfig.liveboardId = liveboardId;
@@ -12242,7 +12468,7 @@
         }
         getEmbedParams() {
             var _a;
-            const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, dataPanelV2 = false, useLastSelectedSources = false, } = this.viewConfig;
+            const { hideResults, enableSearchAssist, forceTable, searchOptions, runtimeFilters, dataSource, dataSources, excludeRuntimeFiltersfromURL, dataPanelV2 = false, useLastSelectedSources = false, runtimeParameters, } = this.viewConfig;
             const queryParams = this.getBaseQueryParams();
             queryParams[Param.HideActions] = [
                 ...((_a = queryParams[Param.HideActions]) !== null && _a !== void 0 ? _a : []),
@@ -12281,6 +12507,9 @@
             if (queryParamsString) {
                 query = `?${queryParamsString}`;
             }
+            const parameterQuery = getRuntimeParameters(runtimeParameters || []);
+            if (parameterQuery)
+                query += `&${parameterQuery}`;
             const filterQuery = getFilterQuery(runtimeFilters || []);
             if (filterQuery && !excludeRuntimeFiltersfromURL) {
                 query += `&${filterQuery}`;