@thoughtspot/visual-embed-sdk 1.52.2-beta → 1.52.2-beta.0

package/dist/tsembed-react.js

@@ -1,4 +1,4 @@
-/* @thoughtspot/visual-embed-sdk version 1.52.2-beta */
+/* @thoughtspot/visual-embed-sdk version 1.52.2-beta.0 */
 'use client';
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
@@ -7850,7 +7850,7 @@
 	    TableContentDensity["Compact"] = "COMPACT";
 	})(TableContentDensity || (TableContentDensity = {}));
 
-	var version$1="1.52.2-beta";var pkg = {version:version$1};
+	var version$1="1.52.2-beta.0";var pkg = {version:version$1};
 
 	const { version } = pkg;
 
@@ -21889,6 +21889,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	 */
 	const PRERENDER_CONTAINER_ORIGINAL_POSITION_KEY = 'tsEmbedOriginalPosition';
 	const PRERENDER_WRAPPER_ID_PREFIX = 'tsEmbed-pre-render-wrapper-';
+	const PRERENDER_PARKED_TRANSFORM = 'translateY(-100%)';
+	/** The height createPreRenderWrapper() seeds before anything is measured. */
+	const UNMEASURED_WRAPPER_HEIGHT = '100vh';
 	// The container applies UpdateEmbedParams through React state, so a delivered
 	// post is not the same as the params being in effect.
 	const UPDATE_EMBED_PARAMS_SETTLE_MS = 200;
@@ -21896,56 +21899,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	// truthy, so null or '' leaves the previous embed's values in place. '&' is
 	// truthy and parses to {}.
 	const NO_RUNTIME_PARAMS = '&';
-	/**
-	 * Query parameters that stay on the iframe `src` while config is excluded from
-	 * the URL, which is the default unless the embed sets the
-	 * `excludeConfigFromURL` additional flag to `false`. These are the parameters the
-	 * application shell needs before it can receive a postMessage at all: the
-	 * embed marker, the host application URL used to validate the message origin,
-	 * the SDK version, the flags that pick the authentication flow, and the
-	 * boot-time settings that would otherwise be applied a frame late (viewport,
-	 * log level, locale, formatting and org). Everything else is delivered over
-	 * `HostEvent.UpdateEmbedParams`.
-	 * @internal
-	 */
-	const BOOTSTRAP_URL_PARAMS = new Set([
-	    Param.EmbedApp,
-	    Param.HostAppUrl,
-	    Param.Version,
-	    Param.AuthType,
-	    Param.AutoLogin,
-	    Param.DisableLoginRedirect,
-	    Param.ForceSAMLAutoRedirect,
-	    Param.cookieless,
-	    Param.preAuthCache,
-	    Param.blockNonEmbedFullAppAccess,
-	    Param.OverrideOrgId,
-	    Param.ViewPortHeight,
-	    Param.ViewPortWidth,
-	    Param.ClientLogLevel,
-	    Param.OverrideNativeConsole,
-	    Param.PendoTrackingKey,
-	    Param.NumberFormatLocale,
-	    Param.DateFormatLocale,
-	    Param.CurrencyFormat,
-	    Param.Locale,
-	    Param.searchEmbed,
-	    Param.livedBoardEmbed,
-	    Param.isSpotterAgentEmbed,
-	    Param.SpotterEnabled,
-	    Param.IsFullAppEmbed,
-	    Param.IsOnBeforeGetVizDataInterceptEnabled,
-	    Param.LinkOverride,
-	    Param.EnableLinkOverridesV2,
-	    Param.DisableRedirectionLinksInNewTab,
-	    Param.OverrideHistoryState,
-	    Param.ForceTable,
-	    Param.StringIDsUrl,
-	    Param.DataSources,
-	    Param.ExposeTranslationIDs,
-	    Param.IconSpriteUrl,
-	    Param.Tag,
-	]);
 	/**
 	 * The event id map from v2 event names to v1 event id
 	 * v1 events are the classic embed events implemented in Blink v1
@@ -21983,7 +21936,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        this.shouldEncodeUrlQueryParams = false;
 	        this.defaultHiddenActions = [exports.Action.ReportError];
 	        this.preRenderContainerEl = document.body;
-	        this.containerScrollListener = null;
 	        /**
 	         * Handler for fullscreen change events
 	         */
@@ -22148,9 +22100,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            }
 	            else if (source === exports.EmbedEvent.EmbedListenerReady) {
 	                processEmbedContainerReady();
-	                if (this.isConfigExcludedFromUrl()) {
-	                    this.triggerUpdateEmbedParams();
-	                }
 	            }
 	        };
 	        // Subclasses that navigate the pre-render on show must await this before
@@ -22655,20 +22604,13 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        return path;
 	    }
 	    getEmbedParams() {
-	        const queryParams = this.getUrlQueryParamsObject();
+	        const queryParams = this.getEmbedParamsObject();
 	        return getQueryParamString(queryParams);
 	    }
 	    getEmbedParamsObject() {
 	        const params = this.getBaseQueryParams();
 	        return params;
 	    }
-	    getUrlQueryParamsObject() {
-	        const queryParams = this.getEmbedParamsObject();
-	        if (!this.isConfigExcludedFromUrl()) {
-	            return queryParams;
-	        }
-	        return Object.fromEntries(Object.entries(queryParams).filter(([key]) => BOOTSTRAP_URL_PARAMS.has(key)));
-	    }
 	    getRootIframeSrc() {
 	        const query = this.getEmbedParams();
 	        return this.getEmbedBasePath(query);
@@ -22839,7 +22781,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            top: '0',
 	            left: '0',
 	            width: '100vw',
-	            height: '100vh',
+	            height: UNMEASURED_WRAPPER_HEIGHT,
 	        };
 	        setStyleProperties(preRenderWrapper, initialPreRenderWrapperStyle);
 	        return preRenderWrapper;
@@ -22907,10 +22849,26 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        return placeholder;
 	    }
 	    /**
-	     * Resolves the configured preRenderContainer to a live element, falling
-	     * back to `document.body`. A string selector is re-queried on every call so
-	     * a remounted container (E.g.: React replacing the node) resolves to the
-	     * fresh element; an element passed directly cannot be re-resolved.
+	     * Resolves the configured preRenderContainer to a live element. A string
+	     * selector is re-queried on every call so a remounted container (E.g.: React
+	     * replacing the node) resolves to the fresh element; an element passed
+	     * directly cannot be re-resolved.
+	     *
+	     * With nothing configured the frame goes into the host element's nearest
+	     * scrolling ancestor, falling back to `document.body`.
+	     *
+	     * The wrapper is absolutely positioned, so it follows the page for free —
+	     * but only while it sits inside whatever scrolls. `document.body` is right
+	     * only when the document itself is the scroller; an app that scrolls an
+	     * inner element instead left the frame pinned to the viewport while the page
+	     * moved under it (SCAL-338563). Being inside the scroller also lets wheel
+	     * events chain out of the frame into it, which they cannot do from
+	     * `document.body`.
+	     *
+	     * A scrolling ancestor is layout chrome rather than route content, so it
+	     * outlives the embed in practice; and if it does go, the host element goes
+	     * with it and this instance is remounting anyway.
+	     * `reconcilePreRenderContainer` re-runs this on a detached container.
 	     */
 	    resolvePreRenderContainerTarget() {
 	        var _a;
@@ -22930,7 +22888,13 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        else if (containerConfig) {
 	            container = containerConfig;
 	        }
-	        return (_a = container) !== null && _a !== void 0 ? _a : document.body;
+	        if (container) {
+	            return container;
+	        }
+	        if (!this.hostElement) {
+	            return document.body;
+	        }
+	        return (_a = getScrollableAncestors(this.hostElement)[0]) !== null && _a !== void 0 ? _a : document.body;
 	    }
 	    inheritPreRenderContainer() {
 	        var _a;
@@ -22975,8 +22939,9 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * Re-attaches the wrapper to a live container when the previously resolved
 	     * one has been detached or no longer holds the wrapper — e.g. the host app
 	     * remounted a custom preRenderContainer, which would otherwise leave a stale
-	     * reference and collapse the wrapper. Only string selectors can be
-	     * re-resolved; a container passed as an element is left untouched.
+	     * reference and collapse the wrapper. Selectors and the auto-resolved
+	     * scrolling ancestor are both re-resolved; a container passed as an element
+	     * is left untouched, as there is nothing to re-query.
 	     */
 	    reconcilePreRenderContainer() {
 	        const wrapper = this.preRenderWrapper;
@@ -22995,14 +22960,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        if (resolved === stored && stored.contains(wrapper)) {
 	            return;
 	        }
-	        if (this.containerScrollListener && stored !== resolved) {
-	            if (stored !== document.body) {
-	                stored.removeEventListener('scroll', this.containerScrollListener);
-	            }
-	            if (resolved !== document.body) {
-	                resolved.addEventListener('scroll', this.containerScrollListener);
-	            }
-	        }
 	        this.preRenderContainerEl = resolved;
 	        this.applyPreRenderContainerPositioning();
 	        if (wrapper.parentNode !== resolved) {
@@ -23064,11 +23021,12 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     */
 	    setIFrameHeight(height) {
 	        if (this.isPreRendered) {
+	            const next = getCssDimension(height);
 	            if (this.insertedDomEl) {
-	                this.insertedDomEl.style.height = getCssDimension(height);
+	                this.insertedDomEl.style.height = next;
 	            }
 	            else if (this.preRenderWrapper) {
-	                this.preRenderWrapper.style.height = getCssDimension(height);
+	                this.preRenderWrapper.style.height = next;
 	            }
 	        }
 	        else {
@@ -23503,34 +23461,47 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        delete container.dataset[PRERENDER_CONTAINER_ORIGINAL_POSITION_KEY];
 	    }
 	    /**
-	     * Detaches and clears the container scroll listener, if one is attached.
-	     */
-	    removeContainerScrollListener() {
-	        if (!this.containerScrollListener) {
+	     * Re-sizes the wrapper when its placeholder changes size.
+	     *
+	     * Position deliberately has no equivalent. An absolutely positioned wrapper
+	     * follows its containing block for free, so a correctly placed frame is the
+	     * browser's job and costs nothing; repositioning it on scroll would mean a
+	     * layout read and a style write per frame to compensate for placing it in
+	     * the wrong box. Size is the one thing the browser will not do for us: the
+	     * placeholder grows when the embedded app reports a new height, and the
+	     * wrapper has to be told.
+	     */
+	    observePreRenderSize() {
+	        var _a;
+	        if (this.getPreRenderConfig().doNotTrackSize || typeof ResizeObserver === 'undefined') {
 	            return;
 	        }
-	        const customContainer = this.getCustomPreRenderContainer();
-	        customContainer === null || customContainer === void 0 ? void 0 : customContainer.removeEventListener('scroll', this.containerScrollListener);
-	        this.containerScrollListener = null;
+	        const placeholder = this.getPreRenderPlaceHolderElement();
+	        if (!placeholder) {
+	            return;
+	        }
+	        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+	        this.resizeObserver = new ResizeObserver(() => this.syncPreRenderStyle());
+	        this.resizeObserver.observe(placeholder);
 	    }
 	    /**
 	     * Destroys the ThoughtSpot embed, and remove any nodes from the DOM.
 	     * @version SDK: 1.19.1 | ThoughtSpot: *
 	     */
 	    destroy() {
-	        var _a, _b, _c;
+	        var _a, _b, _c, _d;
 	        try {
 	            this.removeFullscreenChangeHandler();
-	            this.removeContainerScrollListener();
+	            (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
 	            this.unsubscribeToEvents();
-	            (_a = this.preRenderWrapper) === null || _a === void 0 ? void 0 : _a.remove();
+	            (_b = this.preRenderWrapper) === null || _b === void 0 ? void 0 : _b.remove();
 	            this.restorePreRenderContainerPosition();
 	            if (!this.isRendered) {
 	                return;
 	            }
 	            if (!getEmbedConfig().waitForCleanupOnDestroy) {
 	                this.trigger(exports.HostEvent.DestroyEmbed);
-	                (_c = (_b = this.insertedDomEl) === null || _b === void 0 ? void 0 : _b.parentNode) === null || _c === void 0 ? void 0 : _c.removeChild(this.insertedDomEl);
+	                (_d = (_c = this.insertedDomEl) === null || _c === void 0 ? void 0 : _c.parentNode) === null || _d === void 0 ? void 0 : _d.removeChild(this.insertedDomEl);
 	            }
 	            else {
 	                const cleanupTimeout = getEmbedConfig().cleanupTimeout;
@@ -23576,27 +23547,6 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        this.isRendered = true;
 	        return this.renderIFrame(prerenderFrameSrc);
 	    }
-	    isConfigExcludedFromUrl() {
-	        var _a, _b, _c;
-	        const flag = (_b = (_a = this.viewConfig.additionalFlags) === null || _a === void 0 ? void 0 : _a.excludeConfigFromURL) !== null && _b !== void 0 ? _b : (_c = this.embedConfig.additionalFlags) === null || _c === void 0 ? void 0 : _c.excludeConfigFromURL;
-	        // Enabled by default; only an explicit false opts out.
-	        return flag !== false && flag !== 'false';
-	    }
-	    async triggerUpdateEmbedParams() {
-	        try {
-	            const params = await this.getUpdateEmbedParamsObject();
-	            this.trigger(exports.HostEvent.UpdateEmbedParams, params);
-	        }
-	        catch (error) {
-	            logger$3.error(ERROR_MESSAGE.UPDATE_PARAMS_FAILED, error);
-	            this.handleError({
-	                errorType: ErrorDetailsTypes.API,
-	                message: (error === null || error === void 0 ? void 0 : error.message) || ERROR_MESSAGE.UPDATE_PARAMS_FAILED,
-	                code: EmbedErrorCodes.UPDATE_PARAMS_FAILED,
-	                error: (error === null || error === void 0 ? void 0 : error.message) || error,
-	            });
-	        }
-	    }
 	    beforePrerenderVisible() {
 	        // We can ignore this as its a bit expensive and the newer customers
 	        // have moved on to UpdateEmbedParams supported clusters
@@ -23607,7 +23557,17 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        this.preRenderParamsApplied = new Promise((resolve) => {
 	            this.executeAfterEmbedContainerLoaded(async () => {
 	                try {
-	                    await this.triggerUpdateEmbedParams();
+	                    const params = await this.getUpdateEmbedParamsObject();
+	                    this.trigger(exports.HostEvent.UpdateEmbedParams, params);
+	                }
+	                catch (error) {
+	                    logger$3.error(ERROR_MESSAGE.UPDATE_PARAMS_FAILED, error);
+	                    this.handleError({
+	                        errorType: ErrorDetailsTypes.API,
+	                        message: (error === null || error === void 0 ? void 0 : error.message) || ERROR_MESSAGE.UPDATE_PARAMS_FAILED,
+	                        code: EmbedErrorCodes.UPDATE_PARAMS_FAILED,
+	                        error: (error === null || error === void 0 ? void 0 : error.message) || error,
+	                    });
 	                }
 	                finally {
 	                    setTimeout(resolve, UPDATE_EMBED_PARAMS_SETTLE_MS);
@@ -23622,7 +23582,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * wrapper to overlay it.
 	     */
 	    async showPreRender() {
-	        var _a, _b;
+	        var _a;
 	        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_SHOW_PRE_RENDER, {
 	            preRenderId: this.getPreRenderConfig().id,
 	            embedComponentType: this.viewConfig.embedComponentType,
@@ -23641,14 +23601,16 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	        this.beforePrerenderVisible();
 	        if (this.hostElement) {
 	            this.insertedDomEl = this.createPreRenderPlaceholder();
-	            if (this.viewConfig.fullHeight) {
-	                // If fullHeight has already sized the wrapper, seed the
-	                // placeholder with the same height so syncPreRenderStyle gets
-	                // an accurate rect.
-	                const existingHeight = this.preRenderWrapper.style.height;
-	                if (existingHeight) {
-	                    this.insertedDomEl.style.height = existingHeight;
-	                }
+	            // Carry a height fullHeight has already measured onto the fresh
+	            // placeholder, so a re-show does not flash at frameParams height.
+	            // UNMEASURED_WRAPPER_HEIGHT is what createPreRenderWrapper() seeds
+	            // before anything has been measured; treating that as a measurement
+	            // is what made a first reveal overshoot to a full viewport.
+	            const wrapperHeight = this.preRenderWrapper.style.height;
+	            if (this.viewConfig.fullHeight
+	                && wrapperHeight
+	                && wrapperHeight !== UNMEASURED_WRAPPER_HEIGHT) {
+	                this.insertedDomEl.style.height = wrapperHeight;
 	            }
 	            const placeHolderId = this.getPreRenderIds().placeHolder;
 	            // Remove any stale placeholder from a previous cycle. It is located
@@ -23662,29 +23624,19 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            (_a = this.hostElement.querySelector(`#${placeHolderId}`)) === null || _a === void 0 ? void 0 : _a.remove();
 	            this.hostElement.appendChild(this.insertedDomEl);
 	            this.syncPreRenderStyle();
-	            const customContainer = this.getCustomPreRenderContainer();
-	            if (customContainer && !this.containerScrollListener) {
-	                this.containerScrollListener = () => this.syncPreRenderStyle();
-	                customContainer.addEventListener('scroll', this.containerScrollListener);
-	            }
-	            if (!this.getPreRenderConfig().doNotTrackSize) {
-	                const observeTarget = (_b = this.insertedDomEl) !== null && _b !== void 0 ? _b : this.hostElement;
-	                this.resizeObserver = new ResizeObserver((entries) => {
-	                    entries.forEach((entry) => {
-	                        if (entry.target === observeTarget) {
-	                            this.syncPreRenderStyle();
-	                        }
-	                    });
-	                });
-	                this.resizeObserver.observe(observeTarget);
-	            }
+	            this.observePreRenderSize();
 	        }
 	        removeStyleProperties(this.preRenderWrapper, [
 	            'z-index',
 	            'opacity',
-	            'pointer-events',
 	            'overflow',
+	            'transform',
 	        ]);
+	        // Set rather than removed: a container that carries `pointer-events:
+	        // none` — the usual styling for a parking root that must not swallow
+	        // clicks — passes it down, and dropping the property here would leave
+	        // the inherited `none` in force and the frame dead to input.
+	        setStyleProperties(this.preRenderWrapper, { pointerEvents: 'auto' });
 	        this.subscribeToEvents();
 	        // Setup fullscreen change handler for prerendered components
 	        if (this.iFrame) {
@@ -23737,6 +23689,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * If the component is not preRendered, it issues a warning.
 	     */
 	    hidePreRender() {
+	        var _a;
 	        uploadMixpanelEvent(MIXPANEL_EVENT.VISUAL_SDK_HIDE_PRE_RENDER, {
 	            preRenderId: this.getPreRenderConfig().id,
 	            embedComponentType: this.viewConfig.embedComponentType,
@@ -23756,12 +23709,15 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	            top: '0',
 	            left: '0',
 	            overflow: 'hidden',
+	            // Keeps the measured size — so the next show needs no resize, which
+	            // is the point of pre-rendering — while lifting the box out of
+	            // the container's scrollable area. Overflow only extends
+	            // downwards, so a hidden frame parked above the top edge adds
+	            // none, where one left at full height shows as blank scroll space.
+	            transform: PRERENDER_PARKED_TRANSFORM,
 	        };
 	        setStyleProperties(this.preRenderWrapper, preRenderHideStyles);
-	        this.removeContainerScrollListener();
-	        if (this.resizeObserver) {
-	            this.resizeObserver.disconnect();
-	        }
+	        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
 	        const placeHolderEle = this.getPreRenderPlaceHolderElement();
 	        if (placeHolderEle) {
 	            placeHolderEle.parentElement.removeChild(placeHolderEle);
@@ -23946,7 +23902,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * @param dataSources A list of data source GUIDs
 	     */
 	    getIFrameSrc() {
-	        const queryParams = this.getUrlQueryParamsObject();
+	        const queryParams = this.getEmbedParamsObject();
 	        const path = 'search-bar-embed';
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
@@ -24133,7 +24089,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	    }
 	    getEmbedParams() {
 	        const { runtimeParameters, runtimeFilters, excludeRuntimeParametersfromURL, excludeRuntimeFiltersfromURL, } = this.viewConfig;
-	        const queryParams = this.getUrlQueryParamsObject();
+	        const queryParams = this.getEmbedParamsObject();
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {
@@ -24726,7 +24682,7 @@ mutation GetUnsavedAnswerTML($session: BachSessionIdInput!, $exportDependencies:
 	     * embedded Liveboard or visualization.
 	     */
 	    getEmbedParams() {
-	        const params = this.getUrlQueryParamsObject();
+	        const params = this.getEmbedParamsObject();
 	        return getQueryParamString(params, true);
 	    }
 	    getEmbedParamsObject() {
@@ -25184,7 +25140,7 @@ query GetEurekaVizSnapshots(
 	     * embedded Liveboard or visualization.
 	     */
 	    getEmbedParams() {
-	        const params = this.getUrlQueryParamsObject();
+	        const params = this.getEmbedParamsObject();
 	        const queryParams = getQueryParamString(params, true);
 	        return queryParams;
 	    }
@@ -25957,7 +25913,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
 	    getIframeSrc() {
 	        const { sessionId, genNo, acSessionId, acGenNo, convId, messageId, } = this.viewConfig;
 	        const path = 'conv-assist-answer';
-	        const queryParams = this.getUrlQueryParamsObject();
+	        const queryParams = this.getEmbedParamsObject();
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {
@@ -26160,7 +26116,7 @@ query SendMessage($params: Input_convassist_SendMessageRequest) {
 	        const path = sharedConversationId
 	            ? `insights/conv-assist/s/${encodeURIComponent(sharedConversationId)}`
 	            : 'insights/conv-assist';
-	        const queryParams = this.getUrlQueryParamsObject();
+	        const queryParams = this.getEmbedParamsObject();
 	        let query = '';
 	        const queryParamsString = getQueryParamString(queryParams, true);
 	        if (queryParamsString) {