@thoughtspot/visual-embed-sdk 1.50.1 → 1.51.0-test

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.50.1",
+    "version": "1.51.0-test",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",

package/src/config.ts

@@ -76,3 +76,4 @@ export const URL_MAX_LENGTH = 2000;
  */
 export const DEFAULT_EMBED_WIDTH = '100%';
 export const DEFAULT_EMBED_HEIGHT = '100%';
+export const DEFAULT_LAZY_LOADING_MARGIN = '500px 0px';

package/src/css-variables.ts

@@ -44,6 +44,51 @@ export interface CustomCssVariables {
      */
     '--ts-var-nav-color'?: string;
 
+    /**
+     * Background color of the left navigation panel.
+     */
+    '--ts-var-left-nav-background'?: string;
+
+    /**
+     * Background color of the active tab in the left navigation panel.
+     */
+    '--ts-var-left-nav-active-tab-background'?: string;
+
+    /**
+     * Border color of the active tab in the left navigation panel.
+     */
+    '--ts-var-left-nav-active-tab-border-color'?: string;
+
+    /**
+     * Font color of the section title in the left navigation panel.
+     */
+    '--ts-var-left-nav-section-title-color'?: string;
+
+    /**
+     * Font color of the items in the left navigation panel.
+     */
+    '--ts-var-left-nav-item-color'?: string;
+
+    /**
+     * Font color of the selected item in the left navigation panel.
+     */
+    '--ts-var-left-nav-item-selection-color'?: string;
+
+    /**
+     * Background color of the selected item in the left navigation panel.
+     */
+    '--ts-var-left-nav-item-selection-background'?: string;
+
+    /**
+     * Color of the active tab icon in the left navigation panel.
+     */
+    '--ts-var-left-nav-tab-icon-active-color'?: string;
+
+    /**
+     * Color of the inactive tab icon in the left navigation panel.
+     */
+    '--ts-var-left-nav-tab-icon-inactive-color'?: string;
+
     /**
      * Background color of the *Search data* button.
      */
@@ -489,6 +534,14 @@ export interface CustomCssVariables {
      */
     '--ts-var-liveboard-header-font-color'?: string;
 
+    /**
+     * Left and right margin of the header and the tab/filter section of an
+     * embedded Liveboard. Use alongside the `liveboardGutter` view config to
+     * keep the header aligned with a custom tile-grid gutter.
+     * @version SDK: 1.53.0 | ThoughtSpot Cloud: 26.10.0.cl
+     */
+    '--ts-var-liveboard-header-horizontal-margin'?: string;
+
     /**
      * Border color of the tiles in the Liveboard.
      */
@@ -509,6 +562,21 @@ export interface CustomCssVariables {
      */
     '--ts-var-liveboard-insight-tile-background'?: string;
 
+    /**
+     * Icon color of the insight tiles in the Liveboard.
+     */
+    '--ts-var-liveboard-insight-tile-icon-color'?: string;
+
+    /**
+     * Font color of the success text in the insight tiles in the Liveboard.
+     */
+    '--ts-var-liveboard-insight-tile-success-color'?: string;
+
+    /**
+     * Font color of the failure text in the insight tiles in the Liveboard.
+     */
+    '--ts-var-liveboard-insight-tile-failure-color'?: string;
+
     /**
      * Border radius of the tiles in the Liveboard.
      */
@@ -767,6 +835,15 @@ export interface CustomCssVariables {
      */
     '--ts-var-parameter-chip-active-text-color'?: string;
 
+    /**
+     * Color of the dot indicator shown on a filter or parameter chip in the
+     * centralized filter modal on a Liveboard. The dot appears when the
+     * filter or parameter value has been modified but the changes are not
+     * yet applied to the Liveboard.
+     * @version SDK: 1.52.0 | ThoughtSpot: 26.10.0.cl
+     */
+    '--ts-var-unsaved-filter-indicator-color'?: string;
+
     /**
      * Background color of the action button in the Liveboard header.
      */