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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.50.0",
+    "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.
      */
@@ -499,6 +552,31 @@ export interface CustomCssVariables {
      */
     '--ts-var-liveboard-tile-background'?: string;
 
+    /**
+     * Font color of the insight tiles in the Liveboard.
+     */
+    '--ts-var-liveboard-insight-tile-font-color'?: string;
+
+    /**
+     * Background color of the insight tiles in the Liveboard.
+     */
+    '--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.
      */
@@ -757,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.
      */
@@ -1166,6 +1253,11 @@ export interface CustomCssVariables {
      */
     '--ts-var-spotterviz-border-color'?: string;
 
+    /**
+     * Expanded user chat message bubble border color in SpotterViz.
+     */
+    '--ts-var-spotterviz-expanded-border-color'?: string;
+
     /**
      * Background color of the reference-mode toggle button in the SpotterViz
      * chat input when it is unselected and the user hovers over it.
@@ -1185,4 +1277,62 @@ export interface CustomCssVariables {
      * on each referenced-entity chip in the chat input.
      */
     '--ts-var-spotterviz-reference-icon-selected-background'?: string;
+
+    /**
+     * Background color of the shared conversation header (recipient's read-only view).
+     */
+    '--ts-var-shared-conv-header-background'?: string;
+
+    /**
+     * Border color of the shared conversation header.
+     */
+    '--ts-var-shared-conv-header-border-color'?: string;
+
+    /**
+     * Font color of the title text in the shared conversation header.
+     */
+    '--ts-var-shared-conv-title-color'?: string;
+
+    /**
+     * Background gradient color-stop of the share chat header's outer container
+     * (sender's pre-share header). Defaults to transparent.
+     */
+    '--ts-var-share-chat-header-container-background'?: string;
+
+    /**
+     * Background color of the share chat header's inner title/actions row.
+     * Defaults to transparent.
+     */
+    '--ts-var-share-chat-header-background'?: string;
+
+    /**
+     * Font color of the title text in the share chat header.
+     */
+    '--ts-var-share-chat-header-title-color'?: string;
+
+    /**
+     * Font color of the title input field in the share chat header.
+     */
+    '--ts-var-share-chat-header-input-text-color'?: string;
+
+    /**
+     * Background color of the title input field in the share chat header.
+     */
+    '--ts-var-share-chat-header-input-background'?: string;
+
+    /**
+     * Border color of the title input field in the share chat header.
+     */
+    '--ts-var-share-chat-header-input-border-color'?: string;
+
+    /**
+     * Background color of the shimmer loading effect. Also affects the
+     * saved chats sidebar's new-chat shimmer, which shares the same style.
+     */
+    '--ts-var-shimmer-background'?: string;
+
+    /**
+     * Background color of the shimmer sweep animation's gradient mid-stop.
+     */
+    '--ts-var-shimmer-sweep-background'?: string;
 }