@deephaven/components 0.108.1-beta.6 → 0.108.1-beta.8

package/dist/theme/ThemeModel.d.ts

@@ -2,11 +2,16 @@ export type BaseThemeType = 'dark' | 'light';
 export type BaseThemeKey = `default-${BaseThemeType}`;
 export type CssVariableStyleContent = `:root{${string}`;
 export type ThemeCssVariableName = `--dh-${string}`;
+export type ThemeCssColorVariableName = `--dh-color-${string}`;
 export type ThemePreloadColorVariable = '--dh-color-accent-contrast' | '--dh-color-accent-bg' | '--dh-color-accent-hover-bg' | '--dh-color-accent-down-bg' | '--dh-color-accent-key-focus-bg' | '--dh-color-negative-bg' | '--dh-color-loading-spinner-primary' | '--dh-color-loading-spinner-secondary' | '--dh-color-bg' | '--dh-color-fg' | '--dh-color-input-bg' | '--dh-color-input-fg' | '--dh-color-input-disabled-bg' | '--dh-color-input-border' | '--dh-color-input-placeholder' | '--dh-color-input-focus-border' | '--dh-color-text-highlight' | '--dh-color-login-form-bg' | '--dh-color-login-status-message' | '--dh-color-login-logo-bg' | '--dh-color-login-footer-fg' | '--dh-color-random-area-plot-animation-fg-fill' | '--dh-color-random-area-plot-animation-fg-stroke' | '--dh-color-random-area-plot-animation-bg' | '--dh-color-random-area-plot-animation-grid';
 export type ThemeIconsRequiringManualColorChanges = '--dh-svg-icon-select-indicator' | '--dh-svg-icon-select-indicator-hover' | '--dh-svg-icon-select-indicator-disabled' | '--dh-svg-icon-error';
 export declare const DEFAULT_DARK_THEME_KEY = "default-dark";
 export declare const DEFAULT_LIGHT_THEME_KEY = "default-light";
-export declare const THEME_KEY_OVERRIDE_QUERY_PARAM = "theme";
+export declare const EXTERNAL_THEME_KEY: "external-theme";
+export declare const MSG_REQUEST_GET_THEME = "io.deephaven.message.ThemeModel.requestExternalTheme";
+export declare const MSG_REQUEST_SET_THEME = "io.deephaven.message.ThemeModel.requestSetTheme";
+export declare const PRELOAD_TRANSPARENT_THEME_QUERY_PARAM: "preloadTransparentTheme";
+export declare const THEME_KEY_OVERRIDE_QUERY_PARAM: "theme";
 export declare const DEFAULT_DARK_THEME_PALETTE: {
     readonly blue: {
         readonly 500: "#2f5bc0";
@@ -30,6 +35,7 @@ export declare const DEFAULT_DARK_THEME_PALETTE: {
     };
 };
 export declare const DEFAULT_PRELOAD_DATA_VARIABLES: Record<ThemePreloadColorVariable, string>;
+export declare const TRANSPARENT_PRELOAD_DATA_VARIABLES: Partial<Record<ThemePreloadColorVariable, string>>;
 /**
  * Some inline SVGs require manually updating their fill color via
  * `updateSVGFillColors`. This object maps these variables to their respective
@@ -51,4 +57,9 @@ export interface ThemeRegistrationData {
     base: ThemeData[];
     custom: ThemeData[];
 }
+export interface ExternalThemeData {
+    baseThemeKey?: BaseThemeKey;
+    name: string;
+    cssVars: Record<ThemeCssColorVariableName, string>;
+}
 //# sourceMappingURL=ThemeModel.d.ts.map

package/dist/theme/ThemeModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,WAAW,aAAa,EAAE,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,SAAS,MAAM,EAAE,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AAOpD,MAAM,MAAM,yBAAyB,GACjC,4BAA4B,GAC5B,sBAAsB,GACtB,4BAA4B,GAC5B,2BAA2B,GAC3B,gCAAgC,GAChC,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,qBAAqB,GACrB,8BAA8B,GAC9B,yBAAyB,GACzB,8BAA8B,GAC9B,+BAA+B,GAC/B,2BAA2B,GAC3B,0BAA0B,GAC1B,iCAAiC,GACjC,0BAA0B,GAC1B,4BAA4B,GAC5B,+CAA+C,GAC/C,iDAAiD,GACjD,0CAA0C,GAC1C,4CAA4C,CAAC;AAEjD,MAAM,MAAM,qCAAqC,GAC7C,gCAAgC,GAChC,sCAAsC,GACtC,yCAAyC,GACzC,qBAAqB,CAAC;AAE1B,eAAO,MAAM,sBAAsB,iBAAwC,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kBAAyC,CAAC;AAC9E,eAAO,MAAM,8BAA8B,UAAU,CAAC;AAItD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;CAqB7B,CAAC;AAQX,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,yBAAyB,EACzB,MAAM,CA6BP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,qCAAqC,EACrC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB"}
+{"version":3,"file":"ThemeModel.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeModel.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,WAAW,aAAa,EAAE,CAAC;AACtD,MAAM,MAAM,uBAAuB,GAAG,SAAS,MAAM,EAAE,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,MAAM,EAAE,CAAC;AACpD,MAAM,MAAM,yBAAyB,GAAG,cAAc,MAAM,EAAE,CAAC;AAO/D,MAAM,MAAM,yBAAyB,GACjC,4BAA4B,GAC5B,sBAAsB,GACtB,4BAA4B,GAC5B,2BAA2B,GAC3B,gCAAgC,GAChC,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,qBAAqB,GACrB,8BAA8B,GAC9B,yBAAyB,GACzB,8BAA8B,GAC9B,+BAA+B,GAC/B,2BAA2B,GAC3B,0BAA0B,GAC1B,iCAAiC,GACjC,0BAA0B,GAC1B,4BAA4B,GAC5B,+CAA+C,GAC/C,iDAAiD,GACjD,0CAA0C,GAC1C,4CAA4C,CAAC;AAEjD,MAAM,MAAM,qCAAqC,GAC7C,gCAAgC,GAChC,sCAAsC,GACtC,yCAAyC,GACzC,qBAAqB,CAAC;AAE1B,eAAO,MAAM,sBAAsB,iBAAwC,CAAC;AAC5E,eAAO,MAAM,uBAAuB,kBAAyC,CAAC;AAC9E,eAAO,MAAM,kBAAkB,kBAA4B,CAAC;AAC5D,eAAO,MAAM,qBAAqB,yDACsB,CAAC;AACzD,eAAO,MAAM,qBAAqB,oDACiB,CAAC;AACpD,eAAO,MAAM,qCAAqC,2BACd,CAAC;AACrC,eAAO,MAAM,8BAA8B,SAAmB,CAAC;AAI/D,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;CAqB7B,CAAC;AAQX,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,yBAAyB,EACzB,MAAM,CA6BP,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,OAAO,CACtD,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAK1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,qCAAqC,EACrC,MAAM,CAMP,CAAC;AAEF,eAAO,MAAM,6BAA6B,yBAAyB,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,uBAAuB,CAAC;CAC/C;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;CACpD"}

package/dist/theme/ThemeModel.js

@@ -5,6 +5,10 @@
 // codebase. To be addressed by #1679
 export var DEFAULT_DARK_THEME_KEY = 'default-dark';
 export var DEFAULT_LIGHT_THEME_KEY = 'default-light';
+export var EXTERNAL_THEME_KEY = 'external-theme';
+export var MSG_REQUEST_GET_THEME = 'io.deephaven.message.ThemeModel.requestExternalTheme';
+export var MSG_REQUEST_SET_THEME = 'io.deephaven.message.ThemeModel.requestSetTheme';
+export var PRELOAD_TRANSPARENT_THEME_QUERY_PARAM = 'preloadTransparentTheme';
 export var THEME_KEY_OVERRIDE_QUERY_PARAM = 'theme';
 
 // Hex versions of some of the default dark theme color palette needed for
@@ -71,6 +75,11 @@ export var DEFAULT_PRELOAD_DATA_VARIABLES = {
   '--dh-color-random-area-plot-animation-bg': DEFAULT_DARK_THEME_PALETTE.gray[75],
   '--dh-color-random-area-plot-animation-grid': DEFAULT_DARK_THEME_PALETTE.gray[300]
 };
+export var TRANSPARENT_PRELOAD_DATA_VARIABLES = {
+  '--dh-color-bg': 'transparent',
+  '--dh-color-loading-spinner-primary': 'transparent',
+  '--dh-color-loading-spinner-secondary': 'transparent'
+};
 
 /**
  * Some inline SVGs require manually updating their fill color via

package/dist/theme/ThemeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","THEME_KEY_OVERRIDE_QUERY_PARAM","DEFAULT_DARK_THEME_PALETTE","blue","red","gray","DEFAULT_PRELOAD_DATA_VARIABLES","concat","SVG_ICON_MANUAL_COLOR_MAP","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type CssVariableStyleContent = `:root{${string}`;\nexport type ThemeCssVariableName = `--dh-${string}`;\n\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport type ThemePreloadColorVariable =\n  | '--dh-color-accent-contrast'\n  | '--dh-color-accent-bg'\n  | '--dh-color-accent-hover-bg'\n  | '--dh-color-accent-down-bg'\n  | '--dh-color-accent-key-focus-bg'\n  | '--dh-color-negative-bg'\n  | '--dh-color-loading-spinner-primary'\n  | '--dh-color-loading-spinner-secondary'\n  | '--dh-color-bg'\n  | '--dh-color-fg'\n  | '--dh-color-input-bg'\n  | '--dh-color-input-fg'\n  | '--dh-color-input-disabled-bg'\n  | '--dh-color-input-border'\n  | '--dh-color-input-placeholder'\n  | '--dh-color-input-focus-border'\n  | '--dh-color-text-highlight'\n  | '--dh-color-login-form-bg'\n  | '--dh-color-login-status-message'\n  | '--dh-color-login-logo-bg'\n  | '--dh-color-login-footer-fg'\n  | '--dh-color-random-area-plot-animation-fg-fill'\n  | '--dh-color-random-area-plot-animation-fg-stroke'\n  | '--dh-color-random-area-plot-animation-bg'\n  | '--dh-color-random-area-plot-animation-grid';\n\nexport type ThemeIconsRequiringManualColorChanges =\n  | '--dh-svg-icon-select-indicator'\n  | '--dh-svg-icon-select-indicator-hover'\n  | '--dh-svg-icon-select-indicator-disabled'\n  | '--dh-svg-icon-error';\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\nexport const THEME_KEY_OVERRIDE_QUERY_PARAM = 'theme';\n\n// Hex versions of some of the default dark theme color palette needed for\n// preload defaults.\nexport const DEFAULT_DARK_THEME_PALETTE = {\n  blue: {\n    500: '#2f5bc0',\n    400: '#254ba4',\n    600: '#3b6bda', // accent color\n    700: '#4c7dee',\n  },\n  red: {\n    600: '#c73f61',\n  },\n  gray: {\n    50: '#1a171a',\n    75: '#211f22',\n    300: '#373438',\n    400: '#403e41',\n    500: '#5b5a5c',\n    600: '#929192',\n    700: '#c0bfbf',\n    800: '#f0f0ee',\n    900: '#fcfcfa',\n  },\n} as const;\n\n// Css properties that are used in preload data with default values.\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport const DEFAULT_PRELOAD_DATA_VARIABLES: Record<\n  ThemePreloadColorVariable,\n  string\n> = {\n  '--dh-color-accent-contrast': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-accent-bg': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-accent-hover-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-accent-down-bg': DEFAULT_DARK_THEME_PALETTE.blue[400],\n  '--dh-color-accent-key-focus-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-negative-bg': DEFAULT_DARK_THEME_PALETTE.red[600],\n  '--dh-color-loading-spinner-primary': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-loading-spinner-secondary': `${DEFAULT_DARK_THEME_PALETTE.gray[800]}80`, // 50% opacity\n  '--dh-color-bg': DEFAULT_DARK_THEME_PALETTE.gray[50],\n  '--dh-color-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-bg': DEFAULT_DARK_THEME_PALETTE.gray[500],\n  '--dh-color-input-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-disabled-bg': DEFAULT_DARK_THEME_PALETTE.gray[300],\n  '--dh-color-input-border': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-placeholder': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-focus-border': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}d9`, // 85% opacity\n  '--dh-color-text-highlight': `${DEFAULT_DARK_THEME_PALETTE.blue[700]}4d`, // 30% opacity\n  '--dh-color-login-form-bg': DEFAULT_DARK_THEME_PALETTE.gray[400],\n  '--dh-color-login-status-message': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-login-logo-bg': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-login-footer-fg': DEFAULT_DARK_THEME_PALETTE.gray[700],\n  '--dh-color-random-area-plot-animation-fg-fill': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}14`, // .08 opacity\n  '--dh-color-random-area-plot-animation-fg-stroke': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}33`, // .2 opacity\n  '--dh-color-random-area-plot-animation-bg':\n    DEFAULT_DARK_THEME_PALETTE.gray[75],\n  '--dh-color-random-area-plot-animation-grid':\n    DEFAULT_DARK_THEME_PALETTE.gray[300],\n};\n\n/**\n * Some inline SVGs require manually updating their fill color via\n * `updateSVGFillColors`. This object maps these variables to their respective\n * fill color variables.\n */\nexport const SVG_ICON_MANUAL_COLOR_MAP: Record<\n  ThemeIconsRequiringManualColorChanges,\n  string\n> = {\n  '--dh-svg-icon-select-indicator': '--dh-color-selector-fg',\n  '--dh-svg-icon-select-indicator-hover': '--dh-color-selector-hover-fg',\n  '--dh-svg-icon-select-indicator-disabled': '--dh-color-selector-disabled-fg',\n  '--dh-svg-icon-error': '--dh-color-form-control-error',\n};\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: CssVariableStyleContent;\n}\n\nexport interface ThemeData {\n  baseThemeKey?: BaseThemeKey;\n  themeKey: string;\n  name: string;\n  styleContent: string;\n}\n\nexport interface ThemeRegistrationData {\n  base: ThemeData[];\n  custom: ThemeData[];\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","EXTERNAL_THEME_KEY","MSG_REQUEST_GET_THEME","MSG_REQUEST_SET_THEME","PRELOAD_TRANSPARENT_THEME_QUERY_PARAM","THEME_KEY_OVERRIDE_QUERY_PARAM","DEFAULT_DARK_THEME_PALETTE","blue","red","gray","DEFAULT_PRELOAD_DATA_VARIABLES","concat","TRANSPARENT_PRELOAD_DATA_VARIABLES","SVG_ICON_MANUAL_COLOR_MAP","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type CssVariableStyleContent = `:root{${string}`;\nexport type ThemeCssVariableName = `--dh-${string}`;\nexport type ThemeCssColorVariableName = `--dh-color-${string}`;\n\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport type ThemePreloadColorVariable =\n  | '--dh-color-accent-contrast'\n  | '--dh-color-accent-bg'\n  | '--dh-color-accent-hover-bg'\n  | '--dh-color-accent-down-bg'\n  | '--dh-color-accent-key-focus-bg'\n  | '--dh-color-negative-bg'\n  | '--dh-color-loading-spinner-primary'\n  | '--dh-color-loading-spinner-secondary'\n  | '--dh-color-bg'\n  | '--dh-color-fg'\n  | '--dh-color-input-bg'\n  | '--dh-color-input-fg'\n  | '--dh-color-input-disabled-bg'\n  | '--dh-color-input-border'\n  | '--dh-color-input-placeholder'\n  | '--dh-color-input-focus-border'\n  | '--dh-color-text-highlight'\n  | '--dh-color-login-form-bg'\n  | '--dh-color-login-status-message'\n  | '--dh-color-login-logo-bg'\n  | '--dh-color-login-footer-fg'\n  | '--dh-color-random-area-plot-animation-fg-fill'\n  | '--dh-color-random-area-plot-animation-fg-stroke'\n  | '--dh-color-random-area-plot-animation-bg'\n  | '--dh-color-random-area-plot-animation-grid';\n\nexport type ThemeIconsRequiringManualColorChanges =\n  | '--dh-svg-icon-select-indicator'\n  | '--dh-svg-icon-select-indicator-hover'\n  | '--dh-svg-icon-select-indicator-disabled'\n  | '--dh-svg-icon-error';\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\nexport const EXTERNAL_THEME_KEY = 'external-theme' as const;\nexport const MSG_REQUEST_GET_THEME =\n  'io.deephaven.message.ThemeModel.requestExternalTheme';\nexport const MSG_REQUEST_SET_THEME =\n  'io.deephaven.message.ThemeModel.requestSetTheme';\nexport const PRELOAD_TRANSPARENT_THEME_QUERY_PARAM =\n  'preloadTransparentTheme' as const;\nexport const THEME_KEY_OVERRIDE_QUERY_PARAM = 'theme' as const;\n\n// Hex versions of some of the default dark theme color palette needed for\n// preload defaults.\nexport const DEFAULT_DARK_THEME_PALETTE = {\n  blue: {\n    500: '#2f5bc0',\n    400: '#254ba4',\n    600: '#3b6bda', // accent color\n    700: '#4c7dee',\n  },\n  red: {\n    600: '#c73f61',\n  },\n  gray: {\n    50: '#1a171a',\n    75: '#211f22',\n    300: '#373438',\n    400: '#403e41',\n    500: '#5b5a5c',\n    600: '#929192',\n    700: '#c0bfbf',\n    800: '#f0f0ee',\n    900: '#fcfcfa',\n  },\n} as const;\n\n// Css properties that are used in preload data with default values.\n// DHC should only need to preload variables that are required by the empty page\n// with loading spinner that shows while plugins are loading. The rest of the\n// preload variables defined here are required by DHE due to theme plugins\n// loading after login. We should consider moving most of these to the DHE\n// codebase. To be addressed by #1679\nexport const DEFAULT_PRELOAD_DATA_VARIABLES: Record<\n  ThemePreloadColorVariable,\n  string\n> = {\n  '--dh-color-accent-contrast': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-accent-bg': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-accent-hover-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-accent-down-bg': DEFAULT_DARK_THEME_PALETTE.blue[400],\n  '--dh-color-accent-key-focus-bg': DEFAULT_DARK_THEME_PALETTE.blue[500],\n  '--dh-color-negative-bg': DEFAULT_DARK_THEME_PALETTE.red[600],\n  '--dh-color-loading-spinner-primary': DEFAULT_DARK_THEME_PALETTE.blue[600],\n  '--dh-color-loading-spinner-secondary': `${DEFAULT_DARK_THEME_PALETTE.gray[800]}80`, // 50% opacity\n  '--dh-color-bg': DEFAULT_DARK_THEME_PALETTE.gray[50],\n  '--dh-color-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-bg': DEFAULT_DARK_THEME_PALETTE.gray[500],\n  '--dh-color-input-fg': DEFAULT_DARK_THEME_PALETTE.gray[800],\n  '--dh-color-input-disabled-bg': DEFAULT_DARK_THEME_PALETTE.gray[300],\n  '--dh-color-input-border': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-placeholder': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-input-focus-border': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}d9`, // 85% opacity\n  '--dh-color-text-highlight': `${DEFAULT_DARK_THEME_PALETTE.blue[700]}4d`, // 30% opacity\n  '--dh-color-login-form-bg': DEFAULT_DARK_THEME_PALETTE.gray[400],\n  '--dh-color-login-status-message': DEFAULT_DARK_THEME_PALETTE.gray[600],\n  '--dh-color-login-logo-bg': DEFAULT_DARK_THEME_PALETTE.gray[900],\n  '--dh-color-login-footer-fg': DEFAULT_DARK_THEME_PALETTE.gray[700],\n  '--dh-color-random-area-plot-animation-fg-fill': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}14`, // .08 opacity\n  '--dh-color-random-area-plot-animation-fg-stroke': `${DEFAULT_DARK_THEME_PALETTE.blue[600]}33`, // .2 opacity\n  '--dh-color-random-area-plot-animation-bg':\n    DEFAULT_DARK_THEME_PALETTE.gray[75],\n  '--dh-color-random-area-plot-animation-grid':\n    DEFAULT_DARK_THEME_PALETTE.gray[300],\n};\n\nexport const TRANSPARENT_PRELOAD_DATA_VARIABLES: Partial<\n  Record<ThemePreloadColorVariable, string>\n> = {\n  '--dh-color-bg': 'transparent',\n  '--dh-color-loading-spinner-primary': 'transparent',\n  '--dh-color-loading-spinner-secondary': 'transparent',\n};\n\n/**\n * Some inline SVGs require manually updating their fill color via\n * `updateSVGFillColors`. This object maps these variables to their respective\n * fill color variables.\n */\nexport const SVG_ICON_MANUAL_COLOR_MAP: Record<\n  ThemeIconsRequiringManualColorChanges,\n  string\n> = {\n  '--dh-svg-icon-select-indicator': '--dh-color-selector-fg',\n  '--dh-svg-icon-select-indicator-hover': '--dh-color-selector-hover-fg',\n  '--dh-svg-icon-select-indicator-disabled': '--dh-color-selector-disabled-fg',\n  '--dh-svg-icon-error': '--dh-color-form-control-error',\n};\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: CssVariableStyleContent;\n}\n\nexport interface ThemeData {\n  baseThemeKey?: BaseThemeKey;\n  themeKey: string;\n  name: string;\n  styleContent: string;\n}\n\nexport interface ThemeRegistrationData {\n  base: ThemeData[];\n  custom: ThemeData[];\n}\n\nexport interface ExternalThemeData {\n  baseThemeKey?: BaseThemeKey;\n  name: string;\n  cssVars: Record<ThemeCssColorVariableName, string>;\n}\n"],"mappings":"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"}

package/dist/theme/ThemeProvider.d.ts

@@ -10,9 +10,10 @@ export interface ThemeContextValue {
 export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
 export interface ThemeProviderProps {
     themes: ThemeData[] | null;
+    waitForActivation?: boolean;
     defaultPreloadValues?: Record<string, string>;
     children: ReactNode;
 }
-export declare function ThemeProvider({ themes: customThemes, defaultPreloadValues, children, }: ThemeProviderProps): JSX.Element | null;
+export declare function ThemeProvider({ themes: customThemes, waitForActivation, defaultPreloadValues, children, }: ThemeProviderProps): JSX.Element | null;
 export default ThemeProvider;
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9E,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAMjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,YAAY,EACpB,oBAAqD,EACrD,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkFzC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAU9E,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAID,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IAMjC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;IAU3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EAAE,YAAY,EACpB,iBAAyB,EACzB,oBAAqD,EACrD,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAsFzC;AAED,eAAe,aAAa,CAAC"}

package/dist/theme/ThemeProvider.js

@@ -12,6 +12,7 @@ export var ThemeContext = /*#__PURE__*/createContext(null);
 export function ThemeProvider(_ref) {
   var {
     themes: customThemes,
+    waitForActivation = false,
     defaultPreloadValues = DEFAULT_PRELOAD_DATA_VARIABLES,
     children
   } = _ref;
@@ -54,6 +55,9 @@ export function ThemeProvider(_ref) {
       setSelectedThemeKey
     });
   }, [activeThemes, selectedThemeKey, themes]);
+  if (waitForActivation && activeThemes == null) {
+    return null;
+  }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [activeThemes == null ? null : /*#__PURE__*/_jsx(_Fragment, {
       children: activeThemes.map(theme => /*#__PURE__*/_jsx("style", {

package/dist/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_PRELOAD_DATA_VARIABLES","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","setThemePreloadData","overrideSVGFillColors","getDefaultSelectedThemeKey","SpectrumThemeProvider","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","ThemeContext","ThemeProvider","_ref","themes","customThemes","defaultPreloadValues","children","baseThemes","value","setValue","selectedThemeKey","setSelectedThemeKey","activeThemes","base","custom","updateThemePreloadData","preloadStyleContent","debug2","active","map","theme","themeKey","styleContent","Provider"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_PRELOAD_DATA_VARIABLES, type ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  setThemePreloadData,\n  overrideSVGFillColors,\n  getDefaultSelectedThemeKey,\n} from './ThemeUtils';\nimport { SpectrumThemeProvider } from './SpectrumThemeProvider';\nimport './theme-svg.scss';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  themes: ThemeData[];\n  setSelectedThemeKey: (themeKey: string) => void;\n}\n\nconst log = Log.module('ThemeProvider');\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  /*\n   * Additional themes to load in addition to the base themes. If no additional\n   * themes are to be loaded, this must be set to an empty array in order to\n   * tell the provider to activate the base themes.\n   */\n  themes: ThemeData[] | null;\n  defaultPreloadValues?: Record<string, string>;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes: customThemes,\n  defaultPreloadValues = DEFAULT_PRELOAD_DATA_VARIABLES,\n  children,\n}: ThemeProviderProps): JSX.Element | null {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [value, setValue] = useState<ThemeContextValue | null>(null);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    getDefaultSelectedThemeKey\n  );\n\n  // Calculate active themes once a non-null themes array is provided.\n  const activeThemes = useMemo(\n    () =>\n      customThemes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: customThemes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, customThemes]\n  );\n\n  const themes = useMemo(\n    () => [...baseThemes, ...(customThemes ?? [])],\n    [baseThemes, customThemes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      // Don't update preload data until themes have been loaded and activated\n      if (activeThemes == null || customThemes == null) {\n        return;\n      }\n\n      // Override fill color for certain inline SVGs (the originals are provided\n      // by theme-svg.scss)\n      overrideSVGFillColors(defaultPreloadValues);\n\n      const preloadStyleContent =\n        calculatePreloadStyleContent(defaultPreloadValues);\n\n      log.debug2('updateThemePreloadData:', {\n        active: activeThemes.map(theme => theme.themeKey),\n        custom: customThemes.map(theme => theme.themeKey),\n        preloadStyleContent,\n        selectedThemeKey,\n      });\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent,\n      });\n    },\n    [activeThemes, selectedThemeKey, customThemes, defaultPreloadValues]\n  );\n\n  useEffect(() => {\n    setValue({\n      activeThemes,\n      selectedThemeKey,\n      themes,\n      setSelectedThemeKey,\n    });\n  }, [activeThemes, selectedThemeKey, themes]);\n\n  return (\n    <>\n      {activeThemes == null ? null : (\n        <>\n          {activeThemes.map(theme => (\n            <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n              {theme.styleContent}\n            </style>\n          ))}\n        </>\n      )}\n      {value == null ? null : (\n        <ThemeContext.Provider value={value}>\n          <SpectrumThemeProvider>{children}</SpectrumThemeProvider>\n        </ThemeContext.Provider>\n      )}\n    </>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_PRELOAD_DATA_VARIABLES","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","setThemePreloadData","overrideSVGFillColors","getDefaultSelectedThemeKey","SpectrumThemeProvider","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","log","module","ThemeContext","ThemeProvider","_ref","themes","customThemes","waitForActivation","defaultPreloadValues","children","baseThemes","value","setValue","selectedThemeKey","setSelectedThemeKey","activeThemes","base","custom","updateThemePreloadData","preloadStyleContent","debug2","active","map","theme","themeKey","styleContent","Provider"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  type ReactNode,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_PRELOAD_DATA_VARIABLES, type ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  setThemePreloadData,\n  overrideSVGFillColors,\n  getDefaultSelectedThemeKey,\n} from './ThemeUtils';\nimport { SpectrumThemeProvider } from './SpectrumThemeProvider';\nimport './theme-svg.scss';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\n  themes: ThemeData[];\n  setSelectedThemeKey: (themeKey: string) => void;\n}\n\nconst log = Log.module('ThemeProvider');\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n\nexport interface ThemeProviderProps {\n  /*\n   * Additional themes to load in addition to the base themes. If no additional\n   * themes are to be loaded, this must be set to an empty array in order to\n   * tell the provider to activate the base themes.\n   */\n  themes: ThemeData[] | null;\n  // In DHC web, custom themes are typically loaded from plugins. Since these\n  // get loaded after login, we have to be able to render the children containing\n  // the `Login` component before themes are activated. This means that `children`\n  // get loaded before all styles are available. In cases where themes don't require\n  // children to be rendered such as external themes requested from a parent Window,\n  // we can defer the rendering of children until the themes are activated which\n  // is less likely to render initial content with the wrong theme. We can get\n  // rid of this prop if we ever find a way to load themes without depending on\n  // children. See https://deephaven.atlassian.net/browse/DH-19400\n  waitForActivation?: boolean;\n  defaultPreloadValues?: Record<string, string>;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes: customThemes,\n  waitForActivation = false,\n  defaultPreloadValues = DEFAULT_PRELOAD_DATA_VARIABLES,\n  children,\n}: ThemeProviderProps): JSX.Element | null {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [value, setValue] = useState<ThemeContextValue | null>(null);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    getDefaultSelectedThemeKey\n  );\n\n  // Calculate active themes once a non-null themes array is provided.\n  const activeThemes = useMemo(\n    () =>\n      customThemes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: customThemes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, customThemes]\n  );\n\n  const themes = useMemo(\n    () => [...baseThemes, ...(customThemes ?? [])],\n    [baseThemes, customThemes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      // Don't update preload data until themes have been loaded and activated\n      if (activeThemes == null || customThemes == null) {\n        return;\n      }\n\n      // Override fill color for certain inline SVGs (the originals are provided\n      // by theme-svg.scss)\n      overrideSVGFillColors(defaultPreloadValues);\n\n      const preloadStyleContent =\n        calculatePreloadStyleContent(defaultPreloadValues);\n\n      log.debug2('updateThemePreloadData:', {\n        active: activeThemes.map(theme => theme.themeKey),\n        custom: customThemes.map(theme => theme.themeKey),\n        preloadStyleContent,\n        selectedThemeKey,\n      });\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent,\n      });\n    },\n    [activeThemes, selectedThemeKey, customThemes, defaultPreloadValues]\n  );\n\n  useEffect(() => {\n    setValue({\n      activeThemes,\n      selectedThemeKey,\n      themes,\n      setSelectedThemeKey,\n    });\n  }, [activeThemes, selectedThemeKey, themes]);\n\n  if (waitForActivation && activeThemes == null) {\n    return null;\n  }\n\n  return (\n    <>\n      {activeThemes == null ? null : (\n        <>\n          {activeThemes.map(theme => (\n            <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n              {theme.styleContent}\n            </style>\n          ))}\n        </>\n      )}\n      {value == null ? null : (\n        <ThemeContext.Provider value={value}>\n          <SpectrumThemeProvider>{children}</SpectrumThemeProvider>\n        </ThemeContext.Provider>\n      )}\n    </>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"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"}

package/dist/theme/ThemeUtils.d.ts

@@ -1,8 +1,10 @@
-import { type ThemeData, type ThemePreloadData, type CssVariableStyleContent, type ThemeRegistrationData, type ThemeCssVariableName } from './ThemeModel';
+import { type BaseThemeKey, type ThemeData, type ThemePreloadData, type CssVariableStyleContent, type ThemeRegistrationData, type ThemeCssVariableName, type ExternalThemeData, type ThemeCssColorVariableName } from './ThemeModel';
 export declare const CSS_VAR_EXPRESSION_PREFIX = "var(--";
+export declare const DH_VAR_PREFIX = "--dh-color-";
 export declare const TMP_CSS_PROP_PREFIX = "dh-tmp";
 export declare const NON_WHITESPACE_REGEX: RegExp;
 export declare const WHITESPACE_REGEX: RegExp;
+export declare const DH_CSS_VAR_NAME_REGEXP: RegExp;
 export type VarExpressionResolver = (varExpression: string) => string;
 /**
  * Resolves the current values of CSS variables we want to preload. Preloading
@@ -50,6 +52,12 @@ export declare function getDefaultBaseThemes(): ThemeData[];
  * @returns The default selected theme key
  */
 export declare function getDefaultSelectedThemeKey(): string;
+/**
+ * Derive unique theme key from plugin root path and theme name.
+ * @param pluginName The root path of the plugin
+ * @param themeName The name of the theme
+ */
+export declare function getThemeKey(pluginName: string, themeName: string): string;
 /**
  * A theme key override can be set via a query parameter to force a specific
  * theme selection. Useful for embedded widget scenarios that don't expose the
@@ -88,6 +96,45 @@ export declare function getThemePreloadData(): ThemePreloadData | null;
  * @returns An array of [start, end] index pairs for each expression
  */
 export declare function getExpressionRanges(value: string): [number, number][];
+/**
+ * Check if the given theme key is one of the base themes.
+ * @param themeKey The theme key to check
+ * @returns True if the theme key is a base theme key, false otherwise
+ */
+export declare function isBaseThemeKey(themeKey: string): themeKey is BaseThemeKey;
+/**
+ * Determine if a given object is a `ExternalThemeData` object.
+ * @param maybeExternalThemeData An object that may or may not be a `ExternalThemeData`
+ * @returns True if the object is a `ExternalThemeData`, false otherwise
+ */
+export declare function isExternalThemeData(maybeExternalThemeData: unknown): maybeExternalThemeData is ExternalThemeData;
+/**
+ * Check if the current URL specifies an external theme key override.
+ * @returns True if the external theme key override is set, false otherwise
+ */
+export declare function isExternalThemeEnabled(): boolean;
+/**
+ * Check if PRELOAD_TRANSPARENT_THEME_QUERY_PARAM query parameter is set to true.
+ * @returns True if the preload transparent theme query parameter is set, false
+ * otherwise
+ */
+export declare function isPreloadTransparentTheme(): boolean;
+/**
+ * Validate that a given CSS variable name / value pair is a valid Deephaven
+ * color variable.
+ * @param name The name of the CSS variable to validate, e.g. '--dh-color-primary'
+ * @param value The value of the CSS color to validate
+ * @returns True if the name is a valid Deephaven color variable and the value
+ * is a valid CSS color, false otherwise
+ */
+export declare function isValidColorVar(name: string, value: string): name is ThemeCssColorVariableName;
+/**
+ * Parse external theme data into a `ThemeData` object. Invalid CSS color variable
+ * pairs are excluded from the resulting `ThemeData` object.
+ * @param externalThemeData The external theme data to parse
+ * @returns A `ThemeData` object representing the external theme
+ */
+export declare function parseExternalThemeData({ baseThemeKey, name, cssVars, }: ExternalThemeData): ThemeData;
 /**
  * Replace the `fill='...'` attribute in the given SVG content with the given
  * color string.
@@ -95,6 +142,12 @@ export declare function getExpressionRanges(value: string): [number, number][];
  * @param fillColor The color to replace the fill color with
  */
 export declare function replaceSVGFillColor(svgContent: string, fillColor: string): string;
+/**
+ * Request theme data from the parent window.
+ * @returns A promise that resolves to the external theme data
+ * @throws Error if the response is not a valid `ExternalThemeData`
+ */
+export declare function requestExternalThemeData(): Promise<ExternalThemeData>;
 /**
  * Make a copy of the given object replacing any css variable expressions
  * contained in its prop values with values resolved from the given HTML element.
@@ -129,12 +182,6 @@ export declare function resolveCssVariablesInString(resolver: VarExpressionResol
  * @param preloadData The preload data to set
  */
 export declare function setThemePreloadData(preloadData: ThemePreloadData): void;
-/**
- * Derive unique theme key from plugin root path and theme name.
- * @param pluginName The root path of the plugin
- * @param themeName The name of the theme
- */
-export declare function getThemeKey(pluginName: string, themeName: string): string;
 /**
  * Preload minimal theme variables from the cache.
  * @defaultPreloadValues Optional default values to use if a preload variable is not set.

package/dist/theme/ThemeUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAE5B,KAAK,qBAAqB,EAG1B,KAAK,oBAAoB,EAG1B,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAClD,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAC5C,eAAO,MAAM,oBAAoB,QAAO,CAAC;AACzC,eAAO,MAAM,gBAAgB,QAAO,CAAC;AAErC,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAC1C,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC3C,uBAAuB,CAazB;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,OAAO,EACX,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,CAAC,OAAO,EAAE,oBAAoB,KAAK,MAAM,CAgB3C;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,EAAE,EAAE,iBAAiB,MAAM,EAAE,EAC7B,mBAAmB,EAAE,uBAAuB,GAC3C,IAAI,CAKN;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAcb;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,iBAAiB,EAAE,qBAAqB,GACvC,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CA+BtC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,SAAS,EAAE,CAgBlD;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAMnD;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,GAAG,IAAI,CAGnD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAiCrE;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAChB,MAAM,CAKR;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,EAC1C,eAAe,UAAQ,GACtB,CAAC,CAyDH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAyBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAKvE;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEzE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC1B,oBAAoB,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAkC,GAC5E,IAAI,CAyBN;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,IAAI,CAkBN"}
+{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"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"}

package/dist/theme/ThemeUtils.js

@@ -1,13 +1,17 @@
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 import Log from '@deephaven/log';
-import { assertNotNull, ColorUtils } from '@deephaven/utils';
+import { assertNotNull, ColorUtils, requestParentResponse } from '@deephaven/utils';
 import { themeDark } from "./theme-dark/index.js";
 import { themeLight } from "./theme-light/index.js";
-import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY, SVG_ICON_MANUAL_COLOR_MAP, THEME_KEY_OVERRIDE_QUERY_PARAM } from "./ThemeModel.js";
+import { DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY, DEFAULT_PRELOAD_DATA_VARIABLES, THEME_CACHE_LOCAL_STORAGE_KEY, SVG_ICON_MANUAL_COLOR_MAP, THEME_KEY_OVERRIDE_QUERY_PARAM, EXTERNAL_THEME_KEY, MSG_REQUEST_GET_THEME, TRANSPARENT_PRELOAD_DATA_VARIABLES, PRELOAD_TRANSPARENT_THEME_QUERY_PARAM } from "./ThemeModel.js";
 var log = Log.module('ThemeUtils');
 export var CSS_VAR_EXPRESSION_PREFIX = 'var(--';
+export var DH_VAR_PREFIX = '--dh-color-';
 export var TMP_CSS_PROP_PREFIX = 'dh-tmp';
 export var NON_WHITESPACE_REGEX = /\S/;
 export var WHITESPACE_REGEX = /\s/;
+export var DH_CSS_VAR_NAME_REGEXP = /^--dh-color-[a-z0-9_-]+$/;
 /**
  * Resolves the current values of CSS variables we want to preload. Preloading
  * happens before themes are fully loaded so that we can style things like the
@@ -129,6 +133,15 @@ export function getDefaultSelectedThemeKey() {
   return (_ref2 = (_getThemeKeyOverride = getThemeKeyOverride()) !== null && _getThemeKeyOverride !== void 0 ? _getThemeKeyOverride : (_getThemePreloadData = getThemePreloadData()) === null || _getThemePreloadData === void 0 ? void 0 : _getThemePreloadData.themeKey) !== null && _ref2 !== void 0 ? _ref2 : DEFAULT_DARK_THEME_KEY;
 }
 
+/**
+ * Derive unique theme key from plugin root path and theme name.
+ * @param pluginName The root path of the plugin
+ * @param themeName The name of the theme
+ */
+export function getThemeKey(pluginName, themeName) {
+  return "".concat(pluginName, "_").concat(themeName);
+}
+
 /**
  * A theme key override can be set via a query parameter to force a specific
  * theme selection. Useful for embedded widget scenarios that don't expose the
@@ -205,6 +218,84 @@ export function getExpressionRanges(value) {
   return ranges;
 }
 
+/**
+ * Check if the given theme key is one of the base themes.
+ * @param themeKey The theme key to check
+ * @returns True if the theme key is a base theme key, false otherwise
+ */
+export function isBaseThemeKey(themeKey) {
+  return [DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY].includes(themeKey);
+}
+
+/**
+ * Determine if a given object is a `ExternalThemeData` object.
+ * @param maybeExternalThemeData An object that may or may not be a `ExternalThemeData`
+ * @returns True if the object is a `ExternalThemeData`, false otherwise
+ */
+export function isExternalThemeData(maybeExternalThemeData) {
+  if (typeof maybeExternalThemeData !== 'object' || maybeExternalThemeData == null) {
+    return false;
+  }
+  return 'name' in maybeExternalThemeData && typeof maybeExternalThemeData.name === 'string' && 'cssVars' in maybeExternalThemeData && typeof maybeExternalThemeData.cssVars === 'object' && maybeExternalThemeData.cssVars != null;
+}
+
+/**
+ * Check if the current URL specifies an external theme key override.
+ * @returns True if the external theme key override is set, false otherwise
+ */
+export function isExternalThemeEnabled() {
+  var searchParams = new URLSearchParams(window.location.search);
+  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM) === EXTERNAL_THEME_KEY;
+}
+
+/**
+ * Check if PRELOAD_TRANSPARENT_THEME_QUERY_PARAM query parameter is set to true.
+ * @returns True if the preload transparent theme query parameter is set, false
+ * otherwise
+ */
+export function isPreloadTransparentTheme() {
+  var searchParams = new URLSearchParams(window.location.search);
+  return searchParams.get(PRELOAD_TRANSPARENT_THEME_QUERY_PARAM) === 'true';
+}
+
+/**
+ * Validate that a given CSS variable name / value pair is a valid Deephaven
+ * color variable.
+ * @param name The name of the CSS variable to validate, e.g. '--dh-color-primary'
+ * @param value The value of the CSS color to validate
+ * @returns True if the name is a valid Deephaven color variable and the value
+ * is a valid CSS color, false otherwise
+ */
+export function isValidColorVar(name, value) {
+  return DH_CSS_VAR_NAME_REGEXP.test(name) && CSS.supports('color', value);
+}
+
+/**
+ * Parse external theme data into a `ThemeData` object. Invalid CSS color variable
+ * pairs are excluded from the resulting `ThemeData` object.
+ * @param externalThemeData The external theme data to parse
+ * @returns A `ThemeData` object representing the external theme
+ */
+export function parseExternalThemeData(_ref3) {
+  var {
+    baseThemeKey = DEFAULT_DARK_THEME_KEY,
+    name,
+    cssVars
+  } = _ref3;
+  var toExpression = _ref4 => {
+    var [varName, varValue] = _ref4;
+    return isValidColorVar(varName, varValue) ? "".concat(varName, ":").concat(varValue, ";") : null;
+  };
+  var sanitized = Object.entries(cssVars).map(toExpression).filter(str => str != null);
+  var styleContent = sanitized.length === 0 ? '' : ":root{".concat(sanitized.join(''), "}");
+  return {
+    baseThemeKey,
+    themeKey: EXTERNAL_THEME_KEY,
+    name,
+    styleContent
+  };
+}
+
 /**
  * Replace the `fill='...'` attribute in the given SVG content with the given
  * color string.
@@ -215,6 +306,15 @@ export function replaceSVGFillColor(svgContent, fillColor) {
   return svgContent.replace(/fill='.*?'/, "fill='".concat(encodeURIComponent(fillColor), "'"));
 }
 
+/**
+ * Request theme data from the parent window.
+ * @returns A promise that resolves to the external theme data
+ * @throws Error if the response is not a valid `ExternalThemeData`
+ */
+export function requestExternalThemeData() {
+  return _requestExternalThemeData.apply(this, arguments);
+}
+
 /**
  * Make a copy of the given object replacing any css variable expressions
  * contained in its prop values with values resolved from the given HTML element.
@@ -235,6 +335,16 @@ export function replaceSVGFillColor(svgContent, fillColor) {
  * @param isAlphaOptional If true, the alpha value will be dropped from resolved
  * 8 character hex colors if it is 'ff'. Defaults to false.
  */
+function _requestExternalThemeData() {
+  _requestExternalThemeData = _asyncToGenerator(function* () {
+    var result = yield requestParentResponse(MSG_REQUEST_GET_THEME);
+    if (!isExternalThemeData(result)) {
+      throw new Error("Unexpected external theme data response: ".concat(JSON.stringify(result)));
+    }
+    return result;
+  });
+  return _requestExternalThemeData.apply(this, arguments);
+}
 export function resolveCssVariablesInRecord(record) {
   var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
   var isAlphaOptional = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
@@ -244,8 +354,8 @@ export function resolveCssVariablesInRecord(record) {
   var tmpPropEl = document.createElement('div');
   tmpPropEl.style.display = 'none';
   var recordArray = Object.entries(record);
-  recordArray.forEach((_ref3, i) => {
-    var [, value] = _ref3;
+  recordArray.forEach((_ref5, i) => {
+    var [, value] = _ref5;
     tmpPropEl.style.setProperty("--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i), value);
     // faster to create these now all at once, even if we don't use them all
     // since the parent isn't added yet to the DOM
@@ -260,8 +370,8 @@ export function resolveCssVariablesInRecord(record) {
   targetElement.appendChild(tmpPropEl);
   var tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);
   var result = {};
-  recordArray.forEach((_ref4, i) => {
-    var [key, value] = _ref4;
+  recordArray.forEach((_ref6, i) => {
+    var [key, value] = _ref6;
     // resolves any variables in the expression
     var resolved = tempPropElComputedStyle.getPropertyValue("--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i));
     var containsCssVar = value.includes(CSS_VAR_EXPRESSION_PREFIX);
@@ -297,8 +407,8 @@ export function resolveCssVariablesInRecord(record) {
 export function resolveCssVariablesInString(resolver, value) {
   var result = [];
   var i = 0;
-  getExpressionRanges(value).forEach(_ref5 => {
-    var [start, end] = _ref5;
+  getExpressionRanges(value).forEach(_ref7 => {
+    var [start, end] = _ref7;
     if (i < start) {
       result.push(value.substring(i, start));
       i += start - i;
@@ -321,15 +431,6 @@ export function setThemePreloadData(preloadData) {
   localStorage.setItem(THEME_CACHE_LOCAL_STORAGE_KEY, JSON.stringify(preloadData));
 }
 
-/**
- * Derive unique theme key from plugin root path and theme name.
- * @param pluginName The root path of the plugin
- * @param themeName The name of the theme
- */
-export function getThemeKey(pluginName, themeName) {
-  return "".concat(pluginName, "_").concat(themeName);
-}
-
 /**
  * Preload minimal theme variables from the cache.
  * @defaultPreloadValues Optional default values to use if a preload variable is not set.
@@ -337,6 +438,16 @@ export function getThemeKey(pluginName, themeName) {
 export function preloadTheme() {
   var _getThemePreloadData2;
   var defaultPreloadValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_PRELOAD_DATA_VARIABLES;
+  // In certain cases we may want to preload a transparent theme to allow the
+  // parent container to show through. For example, when a parent Window is
+  // providing a theme via `postMessage` apis, we may not have enough information
+  // to properly preload the theme, so we can just preload a transparent
+  // theme and let the parent container show through until `postMessage`
+  // communication is complete.
+  if (isPreloadTransparentTheme()) {
+    createPreloadStyleElement('theme-preload-transparent', calculatePreloadStyleContent(TRANSPARENT_PRELOAD_DATA_VARIABLES));
+    return;
+  }
   var previousPreloadStyleContent = (_getThemePreloadData2 = getThemePreloadData()) === null || _getThemePreloadData2 === void 0 ? void 0 : _getThemePreloadData2.preloadStyleContent;
   var defaultPreloadStyleContent = calculatePreloadStyleContent(defaultPreloadValues);
   log.debug('Preloading theme content:', {
@@ -370,8 +481,8 @@ export function preloadTheme() {
  */
 export function overrideSVGFillColors(defaultValues) {
   var resolveVar = createCssVariableResolver(document.body, defaultValues);
-  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref6 => {
-    var [key, value] = _ref6;
+  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(_ref8 => {
+    var [key, value] = _ref8;
     // Clear any previous override so that our variables get resolved against the
     // actual svg content provided by the active themes and not from a previous
     // override

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","THEME_KEY_OVERRIDE_QUERY_PARAM","log","module","CSS_VAR_EXPRESSION_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","calculatePreloadStyleContent","defaultPreloadValues","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","defaultValues","computedStyle","getComputedStyle","cssVariableResolver","varName","_defaultValues","value","getPropertyValue","createPreloadStyleElement","id","preloadStyleContent","style","createElement","innerHTML","head","appendChild","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getDefaultSelectedThemeKey","_ref2","_getThemeKeyOverride","_getThemePreloadData","getThemeKeyOverride","getThemePreloadData","searchParams","URLSearchParams","window","location","search","get","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","resolveCssVariablesInRecord","targetElement","arguments","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","display","recordArray","entries","_ref3","setProperty","backgroundColor","tempPropElComputedStyle","result","_ref4","resolved","containsCssVar","isColor","CSS","supports","children","color","normalizeCssColor","remove","resolveCssVariablesInString","resolver","_ref5","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","_getThemePreloadData2","previousPreloadStyleContent","defaultPreloadStyleContent","overrideSVGFillColors","_ref6","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  type ThemeData,\n  type ThemePreloadData,\n  type CssVariableStyleContent,\n  type ThemePreloadColorVariable,\n  type ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  type ThemeCssVariableName,\n  type ThemeIconsRequiringManualColorChanges,\n  THEME_KEY_OVERRIDE_QUERY_PARAM,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n * @defaultPreloadValues Default values to use if a preload variable is not set.\n */\nexport function calculatePreloadStyleContent(\n  defaultPreloadValues: Record<string, string>\n): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(\n    document.body,\n    defaultPreloadValues\n  );\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(defaultPreloadValues).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * `defaultValues` for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function createCssVariableResolver(\n  el: Element,\n  defaultValues: Record<string, string>\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return defaultValues[varName as ThemePreloadColorVariable] ?? '';\n  };\n}\n\n/**\n * Create a style tag containing preload css variables and add to the head.\n * @param id The id of the style tag\n * @param preloadStyleContent The css variable content to add to the style tag\n */\nexport function createPreloadStyleElement(\n  id: `theme-preload-${string}`,\n  preloadStyleContent: CssVariableStyleContent\n): void {\n  const style = document.createElement('style');\n  style.id = id;\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the default selected theme key. Precedence is:\n * 1. Theme key override query parameter\n * 2. Theme key from preload data\n * 3. Default dark theme key\n * @returns The default selected theme key\n */\nexport function getDefaultSelectedThemeKey(): string {\n  return (\n    getThemeKeyOverride() ??\n    getThemePreloadData()?.themeKey ??\n    DEFAULT_DARK_THEME_KEY\n  );\n}\n\n/**\n * A theme key override can be set via a query parameter to force a specific\n * theme selection. Useful for embedded widget scenarios that don't expose the\n * theme selector.\n */\nexport function getThemeKeyOverride(): string | null {\n  const searchParams = new URLSearchParams(window.location.search);\n  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM);\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  tmpPropEl.style.display = 'none';\n\n  const recordArray = Object.entries(record);\n  recordArray.forEach(([, value], i) => {\n    tmpPropEl.style.setProperty(`--${TMP_CSS_PROP_PREFIX}-${i}`, value);\n    // faster to create these now all at once, even if we don't use them all\n    // since the parent isn't added yet to the DOM\n    const el = document.createElement('div');\n    // use background color instead of color to avoid inherited values\n    el.style.backgroundColor = value;\n    tmpPropEl.appendChild(el);\n  });\n\n  // append only once to avoid multiple re-layouts\n  // must be part of DOM to get computed color\n  targetElement.appendChild(tmpPropEl);\n  const tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);\n\n  const result = {} as T;\n  recordArray.forEach(([key, value], i) => {\n    // resolves any variables in the expression\n    let resolved = tempPropElComputedStyle.getPropertyValue(\n      `--${TMP_CSS_PROP_PREFIX}-${i}`\n    );\n\n    const containsCssVar = value.includes(CSS_VAR_EXPRESSION_PREFIX);\n    const isColor = CSS.supports('color', resolved);\n\n    if (\n      // only try to normalize non-hex strings that are valid colors\n      // otherwise non-colors will be made #00000000\n      isColor &&\n      !/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(resolved)\n    ) {\n      // getting the computed background color is necessary\n      // because resolved can still contain a color-mix() function\n      const el = tmpPropEl.children[i] as HTMLDivElement;\n      const computedStyle = window.getComputedStyle(el);\n      const color = computedStyle.getPropertyValue('background-color');\n      // convert color to hex, which is what monaco and plotly require\n      resolved = ColorUtils.normalizeCssColor(color, isAlphaOptional);\n    }\n    (result as Record<string, string>)[key] =\n      containsCssVar || isColor ? resolved : value;\n  });\n\n  // Remove the temporary div\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * Preload minimal theme variables from the cache.\n * @defaultPreloadValues Optional default values to use if a preload variable is not set.\n */\nexport function preloadTheme(\n  defaultPreloadValues: Record<string, string> = DEFAULT_PRELOAD_DATA_VARIABLES\n): void {\n  const previousPreloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent;\n\n  const defaultPreloadStyleContent =\n    calculatePreloadStyleContent(defaultPreloadValues);\n\n  log.debug('Preloading theme content:', {\n    defaultPreloadStyleContent,\n    previousPreloadStyleContent,\n  });\n\n  createPreloadStyleElement(\n    'theme-preload-defaults',\n    defaultPreloadStyleContent\n  );\n\n  // Any preload variables that were saved by last theme load should override\n  // the defaults\n  if (previousPreloadStyleContent != null) {\n    createPreloadStyleElement(\n      'theme-preload-previous',\n      previousPreloadStyleContent\n    );\n  }\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function overrideSVGFillColors(\n  defaultValues: Record<string, string>\n): void {\n  const resolveVar = createCssVariableResolver(document.body, defaultValues);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","ColorUtils","requestParentResponse","themeDark","themeLight","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","SVG_ICON_MANUAL_COLOR_MAP","THEME_KEY_OVERRIDE_QUERY_PARAM","EXTERNAL_THEME_KEY","MSG_REQUEST_GET_THEME","TRANSPARENT_PRELOAD_DATA_VARIABLES","PRELOAD_TRANSPARENT_THEME_QUERY_PARAM","log","module","CSS_VAR_EXPRESSION_PREFIX","DH_VAR_PREFIX","TMP_CSS_PROP_PREFIX","NON_WHITESPACE_REGEX","WHITESPACE_REGEX","DH_CSS_VAR_NAME_REGEXP","calculatePreloadStyleContent","defaultPreloadValues","resolveVar","createCssVariableResolver","document","body","pairs","Object","keys","map","key","concat","join","el","defaultValues","computedStyle","getComputedStyle","cssVariableResolver","varName","_defaultValues","value","getPropertyValue","createPreloadStyleElement","id","preloadStyleContent","style","createElement","innerHTML","head","appendChild","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","getExpressionRanges","_ref","start","end","expression","substring","includes","add","getActiveThemes","themeKey","themeRegistration","_custom$baseThemeKey","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getDefaultSelectedThemeKey","_ref2","_getThemeKeyOverride","_getThemePreloadData","getThemeKeyOverride","getThemePreloadData","getThemeKey","pluginName","themeName","searchParams","URLSearchParams","window","location","search","get","data","localStorage","getItem","JSON","parse","_unused","_NON_WHITESPACE_REGEX","_NON_WHITESPACE_REGEX2","ranges","exec","index","parenLevel","i","length","test","push","isBaseThemeKey","isExternalThemeData","maybeExternalThemeData","cssVars","isExternalThemeEnabled","isPreloadTransparentTheme","isValidColorVar","CSS","supports","parseExternalThemeData","_ref3","toExpression","_ref4","varValue","sanitized","entries","filter","str","replaceSVGFillColor","svgContent","fillColor","replace","encodeURIComponent","requestExternalThemeData","_requestExternalThemeData","apply","arguments","_asyncToGenerator","result","Error","stringify","resolveCssVariablesInRecord","targetElement","undefined","isAlphaOptional","perfStart","performance","now","tmpPropEl","display","recordArray","_ref5","setProperty","backgroundColor","tempPropElComputedStyle","_ref6","resolved","containsCssVar","isColor","children","color","normalizeCssColor","remove","resolveCssVariablesInString","resolver","_ref7","setThemePreloadData","preloadData","setItem","preloadTheme","_getThemePreloadData2","previousPreloadStyleContent","defaultPreloadStyleContent","overrideSVGFillColors","_ref8","removeProperty","newSVGContent"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport {\n  assertNotNull,\n  ColorUtils,\n  requestParentResponse,\n} from '@deephaven/utils';\nimport { themeDark } from './theme-dark';\nimport { themeLight } from './theme-light';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  type BaseThemeKey,\n  type ThemeData,\n  type ThemePreloadData,\n  type CssVariableStyleContent,\n  type ThemePreloadColorVariable,\n  type ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n  SVG_ICON_MANUAL_COLOR_MAP,\n  type ThemeCssVariableName,\n  type ThemeIconsRequiringManualColorChanges,\n  THEME_KEY_OVERRIDE_QUERY_PARAM,\n  EXTERNAL_THEME_KEY,\n  type ExternalThemeData,\n  MSG_REQUEST_GET_THEME,\n  type ThemeCssColorVariableName,\n  TRANSPARENT_PRELOAD_DATA_VARIABLES,\n  PRELOAD_TRANSPARENT_THEME_QUERY_PARAM,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const CSS_VAR_EXPRESSION_PREFIX = 'var(--';\nexport const DH_VAR_PREFIX = '--dh-color-';\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\nexport const NON_WHITESPACE_REGEX = /\\S/;\nexport const WHITESPACE_REGEX = /\\s/;\n\nexport const DH_CSS_VAR_NAME_REGEXP = /^--dh-color-[a-z0-9_-]+$/;\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Resolves the current values of CSS variables we want to preload. Preloading\n * happens before themes are fully loaded so that we can style things like the\n * loading spinner and background color which are shown to the user early on in\n * the app lifecycle.\n * @defaultPreloadValues Default values to use if a preload variable is not set.\n */\nexport function calculatePreloadStyleContent(\n  defaultPreloadValues: Record<string, string>\n): CssVariableStyleContent {\n  const resolveVar = createCssVariableResolver(\n    document.body,\n    defaultPreloadValues\n  );\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.keys(defaultPreloadValues).map(\n    key => `${key}:${resolveVar(key as ThemePreloadColorVariable)}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\n}\n\n/**\n * Create a resolver function for calculating the value of a css variable based\n * on a given element's computed style. If the variable resolves to '', we check\n * `defaultValues` for a default value, and if one does not exist,\n * return ''.\n * @param el Element to resolve css variables against\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function createCssVariableResolver(\n  el: Element,\n  defaultValues: Record<string, string>\n): (varName: ThemeCssVariableName) => string {\n  const computedStyle = getComputedStyle(el);\n\n  /**\n   * Resolve the given css variable name to a value. If the variable is not set,\n   * return the default preload value or '' if one does not exist.\n   */\n  return function cssVariableResolver(varName: ThemeCssVariableName): string {\n    const value = computedStyle.getPropertyValue(varName);\n\n    if (value !== '') {\n      return value;\n    }\n\n    return defaultValues[varName as ThemePreloadColorVariable] ?? '';\n  };\n}\n\n/**\n * Create a style tag containing preload css variables and add to the head.\n * @param id The id of the style tag\n * @param preloadStyleContent The css variable content to add to the style tag\n */\nexport function createPreloadStyleElement(\n  id: `theme-preload-${string}`,\n  preloadStyleContent: CssVariableStyleContent\n): void {\n  const style = document.createElement('style');\n  style.id = id;\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n\n/**\n * Extracts all css variable expressions from the given record and returns\n * a set of unique expressions.\n * @param record The record to extract css variable expressions from\n */\nexport function extractDistinctCssVariableExpressions(\n  record: Record<string, string>\n): Set<string> {\n  const set = new Set<string>();\n\n  Object.values(record).forEach(value => {\n    getExpressionRanges(value).forEach(([start, end]) => {\n      const expression = value.substring(start, end + 1);\n\n      if (expression.includes(CSS_VAR_EXPRESSION_PREFIX)) {\n        set.add(expression);\n      }\n    });\n  });\n\n  return set;\n}\n\n/**\n * Returns an array of the active themes. The first item will always be one\n * of the base themes. Optionally, the second item will be a custom theme.\n */\nexport function getActiveThemes(\n  themeKey: string,\n  themeRegistration: ThemeRegistrationData\n): [ThemeData] | [ThemeData, ThemeData] {\n  const custom = themeRegistration.custom.find(\n    theme => theme.themeKey === themeKey\n  );\n\n  const baseThemeKey = custom?.baseThemeKey ?? themeKey;\n\n  let base = themeRegistration.base.find(\n    theme => theme.themeKey === baseThemeKey\n  );\n\n  if (base == null) {\n    log.error(\n      `No registered base theme found for theme key: '${baseThemeKey}'`,\n      'Registered:',\n      themeRegistration.base.map(theme => theme.themeKey),\n      themeRegistration.custom.map(theme => theme.themeKey)\n    );\n    base = themeRegistration.base.find(\n      theme => theme.themeKey === DEFAULT_DARK_THEME_KEY\n    );\n\n    assertNotNull(\n      base,\n      `Default base theme '${DEFAULT_DARK_THEME_KEY}' is not registered`\n    );\n  }\n\n  log.debug('Applied themes:', base.themeKey, custom?.themeKey);\n\n  return custom == null ? [base] : [base, custom];\n}\n\n/**\n * Get default base theme data.\n */\nexport function getDefaultBaseThemes(): ThemeData[] {\n  return [\n    {\n      name: 'Default Dark',\n      themeKey: DEFAULT_DARK_THEME_KEY,\n      styleContent: themeDark,\n    },\n    // The ThemePicker shows whenever more than 1 theme is available. Disable\n    // light theme for now to keep the picker hidden until it is fully\n    // implemented by #1539.\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\n}\n\n/**\n * Get the default selected theme key. Precedence is:\n * 1. Theme key override query parameter\n * 2. Theme key from preload data\n * 3. Default dark theme key\n * @returns The default selected theme key\n */\nexport function getDefaultSelectedThemeKey(): string {\n  return (\n    getThemeKeyOverride() ??\n    getThemePreloadData()?.themeKey ??\n    DEFAULT_DARK_THEME_KEY\n  );\n}\n\n/**\n * Derive unique theme key from plugin root path and theme name.\n * @param pluginName The root path of the plugin\n * @param themeName The name of the theme\n */\nexport function getThemeKey(pluginName: string, themeName: string): string {\n  return `${pluginName}_${themeName}`;\n}\n\n/**\n * A theme key override can be set via a query parameter to force a specific\n * theme selection. Useful for embedded widget scenarios that don't expose the\n * theme selector.\n */\nexport function getThemeKeyOverride(): string | null {\n  const searchParams = new URLSearchParams(window.location.search);\n  return searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM);\n}\n\n/**\n * Get the preload data from local storage or null if it does not exist or is\n * invalid\n */\nexport function getThemePreloadData(): ThemePreloadData | null {\n  const data = localStorage.getItem(THEME_CACHE_LOCAL_STORAGE_KEY);\n\n  try {\n    return data == null ? null : JSON.parse(data);\n  } catch {\n    // ignore\n  }\n\n  return null;\n}\n\n/**\n * Identifies start and end indices of any top-level expressions in the given\n * string.\n *\n * e.g.\n * getExpressionRanges('var(--aaa-aa) #fff var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],  // 'var(--aaa-aa)'\n *   [14, 17]  // '#fff'\n *   [19, 31], // 'var(--bbb-bb)'\n * ]\n *\n * In cases where there are nested expressions, only the indices of the outermost\n * expression will be included.\n *\n * e.g.\n * getExpressionRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34],  // 'var(--ccc-cc, var(--aaa-aa, green))'\n *   [36, 48], // 'var(--bbb-bb)'\n * ]\n * @param value The string to search for expressions\n * @returns An array of [start, end] index pairs for each expression\n */\nexport function getExpressionRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  let start = NON_WHITESPACE_REGEX.exec(value)?.index ?? 0;\n  let parenLevel = 0;\n\n  for (let i = 0; i < value.length; i += 1) {\n    if (value[i] === '(') {\n      parenLevel += 1;\n    } else if (value[i] === ')') {\n      parenLevel -= 1;\n    }\n\n    if (\n      i === value.length - 1 ||\n      (WHITESPACE_REGEX.test(value[i + 1]) && parenLevel === 0)\n    ) {\n      ranges.push([start, i]);\n\n      while (i < value.length - 1 && WHITESPACE_REGEX.test(value[i + 1])) {\n        i += 1;\n      }\n\n      start = i + 1;\n    }\n  }\n\n  if (parenLevel !== 0) {\n    log.error('Unbalanced parentheses in css var expression', value);\n    return [];\n  }\n\n  return ranges;\n}\n\n/**\n * Check if the given theme key is one of the base themes.\n * @param themeKey The theme key to check\n * @returns True if the theme key is a base theme key, false otherwise\n */\nexport function isBaseThemeKey(themeKey: string): themeKey is BaseThemeKey {\n  return [DEFAULT_DARK_THEME_KEY, DEFAULT_LIGHT_THEME_KEY].includes(themeKey);\n}\n\n/**\n * Determine if a given object is a `ExternalThemeData` object.\n * @param maybeExternalThemeData An object that may or may not be a `ExternalThemeData`\n * @returns True if the object is a `ExternalThemeData`, false otherwise\n */\nexport function isExternalThemeData(\n  maybeExternalThemeData: unknown\n): maybeExternalThemeData is ExternalThemeData {\n  if (\n    typeof maybeExternalThemeData !== 'object' ||\n    maybeExternalThemeData == null\n  ) {\n    return false;\n  }\n\n  return (\n    'name' in maybeExternalThemeData &&\n    typeof maybeExternalThemeData.name === 'string' &&\n    'cssVars' in maybeExternalThemeData &&\n    typeof maybeExternalThemeData.cssVars === 'object' &&\n    maybeExternalThemeData.cssVars != null\n  );\n}\n\n/**\n * Check if the current URL specifies an external theme key override.\n * @returns True if the external theme key override is set, false otherwise\n */\nexport function isExternalThemeEnabled(): boolean {\n  const searchParams = new URLSearchParams(window.location.search);\n  return (\n    searchParams.get(THEME_KEY_OVERRIDE_QUERY_PARAM) === EXTERNAL_THEME_KEY\n  );\n}\n\n/**\n * Check if PRELOAD_TRANSPARENT_THEME_QUERY_PARAM query parameter is set to true.\n * @returns True if the preload transparent theme query parameter is set, false\n * otherwise\n */\nexport function isPreloadTransparentTheme(): boolean {\n  const searchParams = new URLSearchParams(window.location.search);\n  return searchParams.get(PRELOAD_TRANSPARENT_THEME_QUERY_PARAM) === 'true';\n}\n\n/**\n * Validate that a given CSS variable name / value pair is a valid Deephaven\n * color variable.\n * @param name The name of the CSS variable to validate, e.g. '--dh-color-primary'\n * @param value The value of the CSS color to validate\n * @returns True if the name is a valid Deephaven color variable and the value\n * is a valid CSS color, false otherwise\n */\nexport function isValidColorVar(\n  name: string,\n  value: string\n): name is ThemeCssColorVariableName {\n  return DH_CSS_VAR_NAME_REGEXP.test(name) && CSS.supports('color', value);\n}\n\n/**\n * Parse external theme data into a `ThemeData` object. Invalid CSS color variable\n * pairs are excluded from the resulting `ThemeData` object.\n * @param externalThemeData The external theme data to parse\n * @returns A `ThemeData` object representing the external theme\n */\nexport function parseExternalThemeData({\n  baseThemeKey = DEFAULT_DARK_THEME_KEY,\n  name,\n  cssVars,\n}: ExternalThemeData): ThemeData {\n  const toExpression = ([varName, varValue]: [string, string]) =>\n    isValidColorVar(varName, varValue) ? `${varName}:${varValue};` : null;\n\n  const sanitized = Object.entries(cssVars)\n    .map(toExpression)\n    .filter((str): str is string => str != null);\n\n  const styleContent =\n    sanitized.length === 0 ? '' : `:root{${sanitized.join('')}}`;\n\n  return {\n    baseThemeKey,\n    themeKey: EXTERNAL_THEME_KEY,\n    name,\n    styleContent,\n  };\n}\n\n/**\n * Replace the `fill='...'` attribute in the given SVG content with the given\n * color string.\n * @param svgContent Inline SVG content to replace the fill color in\n * @param fillColor The color to replace the fill color with\n */\nexport function replaceSVGFillColor(\n  svgContent: string,\n  fillColor: string\n): string {\n  return svgContent.replace(\n    /fill='.*?'/,\n    `fill='${encodeURIComponent(fillColor)}'`\n  );\n}\n\n/**\n * Request theme data from the parent window.\n * @returns A promise that resolves to the external theme data\n * @throws Error if the response is not a valid `ExternalThemeData`\n */\nexport async function requestExternalThemeData(): Promise<ExternalThemeData> {\n  const result = await requestParentResponse(MSG_REQUEST_GET_THEME);\n\n  if (!isExternalThemeData(result)) {\n    throw new Error(\n      `Unexpected external theme data response: ${JSON.stringify(result)}`\n    );\n  }\n\n  return result;\n}\n\n/**\n * Make a copy of the given object replacing any css variable expressions\n * contained in its prop values with values resolved from the given HTML element.\n * Variables that resolve to color strings will also be normalized to 8 digit\n * hex values (or optionally 6 digit hex if `isAlphaOptional` is true).\n *\n * Note that the browser will force a reflow when calling `getComputedStyle` if\n * css properties have changed. In order to avoid a reflow for every property\n * check we use distinct setup, resolve / normalize, and cleanup passes:\n * 1. Setup - Create a tmp element and set all css props we want to evaluate\n * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls\n *    and replace the original expressions with resolved values. Also normalize\n *    css colors to rgb/a.\n * 3. Cleanup - Remove the tmp element\n * @param record An object whose values may contain css var expressions\n * @param targetElement The element to resolve css variables against. Defaults\n * to document.body\n * @param isAlphaOptional If true, the alpha value will be dropped from resolved\n * 8 character hex colors if it is 'ff'. Defaults to false.\n */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body,\n  isAlphaOptional = false\n): T {\n  const perfStart = performance.now();\n\n  // Add a temporary div to attach temp css variables to\n  const tmpPropEl = document.createElement('div');\n  tmpPropEl.style.display = 'none';\n\n  const recordArray = Object.entries(record);\n  recordArray.forEach(([, value], i) => {\n    tmpPropEl.style.setProperty(`--${TMP_CSS_PROP_PREFIX}-${i}`, value);\n    // faster to create these now all at once, even if we don't use them all\n    // since the parent isn't added yet to the DOM\n    const el = document.createElement('div');\n    // use background color instead of color to avoid inherited values\n    el.style.backgroundColor = value;\n    tmpPropEl.appendChild(el);\n  });\n\n  // append only once to avoid multiple re-layouts\n  // must be part of DOM to get computed color\n  targetElement.appendChild(tmpPropEl);\n  const tempPropElComputedStyle = window.getComputedStyle(tmpPropEl);\n\n  const result = {} as T;\n  recordArray.forEach(([key, value], i) => {\n    // resolves any variables in the expression\n    let resolved = tempPropElComputedStyle.getPropertyValue(\n      `--${TMP_CSS_PROP_PREFIX}-${i}`\n    );\n\n    const containsCssVar = value.includes(CSS_VAR_EXPRESSION_PREFIX);\n    const isColor = CSS.supports('color', resolved);\n\n    if (\n      // only try to normalize non-hex strings that are valid colors\n      // otherwise non-colors will be made #00000000\n      isColor &&\n      !/^#[0-9A-F]{6}[0-9a-f]{0,2}$/i.test(resolved)\n    ) {\n      // getting the computed background color is necessary\n      // because resolved can still contain a color-mix() function\n      const el = tmpPropEl.children[i] as HTMLDivElement;\n      const computedStyle = window.getComputedStyle(el);\n      const color = computedStyle.getPropertyValue('background-color');\n      // convert color to hex, which is what monaco and plotly require\n      resolved = ColorUtils.normalizeCssColor(color, isAlphaOptional);\n    }\n    (result as Record<string, string>)[key] =\n      containsCssVar || isColor ? resolved : value;\n  });\n\n  // Remove the temporary div\n  tmpPropEl.remove();\n\n  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');\n\n  return result;\n}\n\n/**\n * Resolve css variable expressions in the given string using the\n * given resolver and replace the original expressions with the resolved values.\n *\n * @param resolver Function that can resolve a css variable expression\n * @param value Value that may contain css variable expressions\n */\nexport function resolveCssVariablesInString(\n  resolver: VarExpressionResolver,\n  value: string\n): string {\n  const result: string[] = [];\n  let i = 0;\n  getExpressionRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    const expression = value.substring(start, end + 1);\n\n    result.push(\n      expression.includes(CSS_VAR_EXPRESSION_PREFIX)\n        ? resolver(expression)\n        : expression\n    );\n\n    i += end - start + 1;\n  });\n\n  if (result.length === 0) {\n    return value;\n  }\n\n  return result.join('');\n}\n\n/**\n * Store theme preload data in local storage.\n * @param preloadData The preload data to set\n */\nexport function setThemePreloadData(preloadData: ThemePreloadData): void {\n  localStorage.setItem(\n    THEME_CACHE_LOCAL_STORAGE_KEY,\n    JSON.stringify(preloadData)\n  );\n}\n\n/**\n * Preload minimal theme variables from the cache.\n * @defaultPreloadValues Optional default values to use if a preload variable is not set.\n */\nexport function preloadTheme(\n  defaultPreloadValues: Record<string, string> = DEFAULT_PRELOAD_DATA_VARIABLES\n): void {\n  // In certain cases we may want to preload a transparent theme to allow the\n  // parent container to show through. For example, when a parent Window is\n  // providing a theme via `postMessage` apis, we may not have enough information\n  // to properly preload the theme, so we can just preload a transparent\n  // theme and let the parent container show through until `postMessage`\n  // communication is complete.\n  if (isPreloadTransparentTheme()) {\n    createPreloadStyleElement(\n      'theme-preload-transparent',\n      calculatePreloadStyleContent(TRANSPARENT_PRELOAD_DATA_VARIABLES)\n    );\n    return;\n  }\n\n  const previousPreloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent;\n\n  const defaultPreloadStyleContent =\n    calculatePreloadStyleContent(defaultPreloadValues);\n\n  log.debug('Preloading theme content:', {\n    defaultPreloadStyleContent,\n    previousPreloadStyleContent,\n  });\n\n  createPreloadStyleElement(\n    'theme-preload-defaults',\n    defaultPreloadStyleContent\n  );\n\n  // Any preload variables that were saved by last theme load should override\n  // the defaults\n  if (previousPreloadStyleContent != null) {\n    createPreloadStyleElement(\n      'theme-preload-previous',\n      previousPreloadStyleContent\n    );\n  }\n}\n\n/**\n * Inline SVGs cannot depend on dynamic CSS variables, so we have to statically\n * update them if we want to change their color.\n *\n * This function:\n * 1. Clears any previous overrides\n * 2. Resolves CSS variables containing inline SVG urls\n * 3. Resolves mapped color variables and replaces the `fill='...'` attribute with the result\n * 4. Sets the original CSS variable to the new replaced value\n *\n * Note that it is preferable to use inline SVGs as background-mask values and\n * just change the background color instead of relying on this util, but this\n * is not always possible. e.g. <select> elements don't support pseudo elements,\n * so there's not a good way to set icons via masks.\n * @param defaultValues Default values to use if a variable is not set.\n */\nexport function overrideSVGFillColors(\n  defaultValues: Record<string, string>\n): void {\n  const resolveVar = createCssVariableResolver(document.body, defaultValues);\n\n  Object.entries(SVG_ICON_MANUAL_COLOR_MAP).forEach(([key, value]) => {\n    // Clear any previous override so that our variables get resolved against the\n    // actual svg content provided by the active themes and not from a previous\n    // override\n    document.body.style.removeProperty(key);\n\n    const svgContent = resolveVar(key as ThemeIconsRequiringManualColorChanges);\n    const fillColor = resolveVar(value as ThemePreloadColorVariable);\n\n    const newSVGContent = replaceSVGFillColor(svgContent, fillColor);\n\n    // This will take precedence over any values for the variable provided by\n    // the active themes\n    document.body.style.setProperty(key, newSVGContent);\n  });\n}\n"],"mappings":";;AAAA,OAAOA,GAAG,MAAM,gBAAgB;AAChC,SACEC,aAAa,EACbC,UAAU,EACVC,qBAAqB,QAChB,kBAAkB;AAAC,SACjBC,SAAS;AAAA,SACTC,UAAU;AAAA,SAEjBC,sBAAsB,EACtBC,uBAAuB,EACvBC,8BAA8B,EAO9BC,6BAA6B,EAC7BC,yBAAyB,EAGzBC,8BAA8B,EAC9BC,kBAAkB,EAElBC,qBAAqB,EAErBC,kCAAkC,EAClCC,qCAAqC;AAGvC,IAAMC,GAAG,GAAGhB,GAAG,CAACiB,MAAM,CAAC,YAAY,CAAC;AAEpC,OAAO,IAAMC,yBAAyB,GAAG,QAAQ;AACjD,OAAO,IAAMC,aAAa,GAAG,aAAa;AAC1C,OAAO,IAAMC,mBAAmB,GAAG,QAAQ;AAC3C,OAAO,IAAMC,oBAAoB,GAAG,IAAI;AACxC,OAAO,IAAMC,gBAAgB,GAAG,IAAI;AAEpC,OAAO,IAAMC,sBAAsB,GAAG,0BAA0B;AAIhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,4BAA4BA,CAC1CC,oBAA4C,EACnB;EACzB,IAAMC,UAAU,GAAGC,yBAAyB,CAC1CC,QAAQ,CAACC,IAAI,EACbJ,oBACF,CAAC;;EAED;EACA;EACA,IAAMK,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACP,oBAAoB,CAAC,CAACQ,GAAG,CACjDC,GAAG,OAAAC,MAAA,CAAOD,GAAG,OAAAC,MAAA,CAAIT,UAAU,CAACQ,GAAgC,CAAC,CAC/D,CAAC;EAED,gBAAAC,MAAA,CAAgBL,KAAK,CAACM,IAAI,CAAC,GAAG,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAST,yBAAyBA,CACvCU,EAAW,EACXC,aAAqC,EACM;EAC3C,IAAMC,aAAa,GAAGC,gBAAgB,CAACH,EAAE,CAAC;;EAE1C;AACF;AACA;AACA;EACE,OAAO,SAASI,mBAAmBA,CAACC,OAA6B,EAAU;IAAA,IAAAC,cAAA;IACzE,IAAMC,KAAK,GAAGL,aAAa,CAACM,gBAAgB,CAACH,OAAO,CAAC;IAErD,IAAIE,KAAK,KAAK,EAAE,EAAE;MAChB,OAAOA,KAAK;IACd;IAEA,QAAAD,cAAA,GAAOL,aAAa,CAACI,OAAO,CAA8B,cAAAC,cAAA,cAAAA,cAAA,GAAI,EAAE;EAClE,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,yBAAyBA,CACvCC,EAA6B,EAC7BC,mBAA4C,EACtC;EACN,IAAMC,KAAK,GAAGrB,QAAQ,CAACsB,aAAa,CAAC,OAAO,CAAC;EAC7CD,KAAK,CAACF,EAAE,GAAGA,EAAE;EACbE,KAAK,CAACE,SAAS,GAAGH,mBAAmB;EACrCpB,QAAQ,CAACwB,IAAI,CAACC,WAAW,CAACJ,KAAK,CAAC;AAClC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASK,qCAAqCA,CACnDC,MAA8B,EACjB;EACb,IAAMC,GAAG,GAAG,IAAIC,GAAG,CAAS,CAAC;EAE7B1B,MAAM,CAAC2B,MAAM,CAACH,MAAM,CAAC,CAACI,OAAO,CAACf,KAAK,IAAI;IACrCgB,mBAAmB,CAAChB,KAAK,CAAC,CAACe,OAAO,CAACE,IAAA,IAAkB;MAAA,IAAjB,CAACC,KAAK,EAAEC,GAAG,CAAC,GAAAF,IAAA;MAC9C,IAAMG,UAAU,GAAGpB,KAAK,CAACqB,SAAS,CAACH,KAAK,EAAEC,GAAG,GAAG,CAAC,CAAC;MAElD,IAAIC,UAAU,CAACE,QAAQ,CAAChD,yBAAyB,CAAC,EAAE;QAClDsC,GAAG,CAACW,GAAG,CAACH,UAAU,CAAC;MACrB;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOR,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASY,eAAeA,CAC7BC,QAAgB,EAChBC,iBAAwC,EACF;EAAA,IAAAC,oBAAA;EACtC,IAAMC,MAAM,GAAGF,iBAAiB,CAACE,MAAM,CAACC,IAAI,CAC1CC,KAAK,IAAIA,KAAK,CAACL,QAAQ,KAAKA,QAC9B,CAAC;EAED,IAAMM,YAAY,IAAAJ,oBAAA,GAAGC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEG,YAAY,cAAAJ,oBAAA,cAAAA,oBAAA,GAAIF,QAAQ;EAErD,IAAIO,IAAI,GAAGN,iBAAiB,CAACM,IAAI,CAACH,IAAI,CACpCC,KAAK,IAAIA,KAAK,CAACL,QAAQ,KAAKM,YAC9B,CAAC;EAED,IAAIC,IAAI,IAAI,IAAI,EAAE;IAChB5D,GAAG,CAAC6D,KAAK,mDAAA1C,MAAA,CAC2CwC,YAAY,QAC9D,aAAa,EACbL,iBAAiB,CAACM,IAAI,CAAC3C,GAAG,CAACyC,KAAK,IAAIA,KAAK,CAACL,QAAQ,CAAC,EACnDC,iBAAiB,CAACE,MAAM,CAACvC,GAAG,CAACyC,KAAK,IAAIA,KAAK,CAACL,QAAQ,CACtD,CAAC;IACDO,IAAI,GAAGN,iBAAiB,CAACM,IAAI,CAACH,IAAI,CAChCC,KAAK,IAAIA,KAAK,CAACL,QAAQ,KAAK/D,sBAC9B,CAAC;IAEDL,aAAa,CACX2E,IAAI,yBAAAzC,MAAA,CACmB7B,sBAAsB,wBAC/C,CAAC;EACH;EAEAU,GAAG,CAAC8D,KAAK,CAAC,iBAAiB,EAAEF,IAAI,CAACP,QAAQ,EAAEG,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEH,QAAQ,CAAC;EAE7D,OAAOG,MAAM,IAAI,IAAI,GAAG,CAACI,IAAI,CAAC,GAAG,CAACA,IAAI,EAAEJ,MAAM,CAAC;AACjD;;AAEA;AACA;AACA;AACA,OAAO,SAASO,oBAAoBA,CAAA,EAAgB;EAClD,OAAO,CACL;IACEC,IAAI,EAAE,cAAc;IACpBX,QAAQ,EAAE/D,sBAAsB;IAChC2E,YAAY,EAAE7E;EAChB,CAAC;EACD;EACA;EACA;EACA;IACE4E,IAAI,EAAE,eAAe;IACrBX,QAAQ,EAAE9D,uBAAuB;IACjC0E,YAAY,EAAE5E;EAChB,CAAC,CACF;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS6E,0BAA0BA,CAAA,EAAW;EAAA,IAAAC,KAAA,EAAAC,oBAAA,EAAAC,oBAAA;EACnD,QAAAF,KAAA,IAAAC,oBAAA,GACEE,mBAAmB,CAAC,CAAC,cAAAF,oBAAA,cAAAA,oBAAA,IAAAC,oBAAA,GACrBE,mBAAmB,CAAC,CAAC,cAAAF,oBAAA,uBAArBA,oBAAA,CAAuBhB,QAAQ,cAAAc,KAAA,cAAAA,KAAA,GAC/B7E,sBAAsB;AAE1B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASkF,WAAWA,CAACC,UAAkB,EAAEC,SAAiB,EAAU;EACzE,UAAAvD,MAAA,CAAUsD,UAAU,OAAAtD,MAAA,CAAIuD,SAAS;AACnC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASJ,mBAAmBA,CAAA,EAAkB;EACnD,IAAMK,YAAY,GAAG,IAAIC,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;EAChE,OAAOJ,YAAY,CAACK,GAAG,CAACrF,8BAA8B,CAAC;AACzD;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAAS4E,mBAAmBA,CAAA,EAA4B;EAC7D,IAAMU,IAAI,GAAGC,YAAY,CAACC,OAAO,CAAC1F,6BAA6B,CAAC;EAEhE,IAAI;IACF,OAAOwF,IAAI,IAAI,IAAI,GAAG,IAAI,GAAGG,IAAI,CAACC,KAAK,CAACJ,IAAI,CAAC;EAC/C,CAAC,CAAC,OAAAK,OAAA,EAAM;IACN;EAAA;EAGF,OAAO,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS1C,mBAAmBA,CAAChB,KAAa,EAAsB;EAAA,IAAA2D,qBAAA,EAAAC,sBAAA;EACrE,IAAMC,MAA0B,GAAG,EAAE;EAErC,IAAI3C,KAAK,IAAAyC,qBAAA,IAAAC,sBAAA,GAAGnF,oBAAoB,CAACqF,IAAI,CAAC9D,KAAK,CAAC,cAAA4D,sBAAA,uBAAhCA,sBAAA,CAAkCG,KAAK,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,CAAC;EACxD,IAAIK,UAAU,GAAG,CAAC;EAElB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGjE,KAAK,CAACkE,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACxC,IAAIjE,KAAK,CAACiE,CAAC,CAAC,KAAK,GAAG,EAAE;MACpBD,UAAU,IAAI,CAAC;IACjB,CAAC,MAAM,IAAIhE,KAAK,CAACiE,CAAC,CAAC,KAAK,GAAG,EAAE;MAC3BD,UAAU,IAAI,CAAC;IACjB;IAEA,IACEC,CAAC,KAAKjE,KAAK,CAACkE,MAAM,GAAG,CAAC,IACrBxF,gBAAgB,CAACyF,IAAI,CAACnE,KAAK,CAACiE,CAAC,GAAG,CAAC,CAAC,CAAC,IAAID,UAAU,KAAK,CAAE,EACzD;MACAH,MAAM,CAACO,IAAI,CAAC,CAAClD,KAAK,EAAE+C,CAAC,CAAC,CAAC;MAEvB,OAAOA,CAAC,GAAGjE,KAAK,CAACkE,MAAM,GAAG,CAAC,IAAIxF,gBAAgB,CAACyF,IAAI,CAACnE,KAAK,CAACiE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAClEA,CAAC,IAAI,CAAC;MACR;MAEA/C,KAAK,GAAG+C,CAAC,GAAG,CAAC;IACf;EACF;EAEA,IAAID,UAAU,KAAK,CAAC,EAAE;IACpB5F,GAAG,CAAC6D,KAAK,CAAC,8CAA8C,EAAEjC,KAAK,CAAC;IAChE,OAAO,EAAE;EACX;EAEA,OAAO6D,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,cAAcA,CAAC5C,QAAgB,EAA4B;EACzE,OAAO,CAAC/D,sBAAsB,EAAEC,uBAAuB,CAAC,CAAC2D,QAAQ,CAACG,QAAQ,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS6C,mBAAmBA,CACjCC,sBAA+B,EACc;EAC7C,IACE,OAAOA,sBAAsB,KAAK,QAAQ,IAC1CA,sBAAsB,IAAI,IAAI,EAC9B;IACA,OAAO,KAAK;EACd;EAEA,OACE,MAAM,IAAIA,sBAAsB,IAChC,OAAOA,sBAAsB,CAACnC,IAAI,KAAK,QAAQ,IAC/C,SAAS,IAAImC,sBAAsB,IACnC,OAAOA,sBAAsB,CAACC,OAAO,KAAK,QAAQ,IAClDD,sBAAsB,CAACC,OAAO,IAAI,IAAI;AAE1C;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAAA,EAAY;EAChD,IAAM1B,YAAY,GAAG,IAAIC,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;EAChE,OACEJ,YAAY,CAACK,GAAG,CAACrF,8BAA8B,CAAC,KAAKC,kBAAkB;AAE3E;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS0G,yBAAyBA,CAAA,EAAY;EACnD,IAAM3B,YAAY,GAAG,IAAIC,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC;EAChE,OAAOJ,YAAY,CAACK,GAAG,CAACjF,qCAAqC,CAAC,KAAK,MAAM;AAC3E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASwG,eAAeA,CAC7BvC,IAAY,EACZpC,KAAa,EACsB;EACnC,OAAOrB,sBAAsB,CAACwF,IAAI,CAAC/B,IAAI,CAAC,IAAIwC,GAAG,CAACC,QAAQ,CAAC,OAAO,EAAE7E,KAAK,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS8E,sBAAsBA,CAAAC,KAAA,EAIL;EAAA,IAJM;IACrChD,YAAY,GAAGrE,sBAAsB;IACrC0E,IAAI;IACJoC;EACiB,CAAC,GAAAO,KAAA;EAClB,IAAMC,YAAY,GAAGC,KAAA;IAAA,IAAC,CAACnF,OAAO,EAAEoF,QAAQ,CAAmB,GAAAD,KAAA;IAAA,OACzDN,eAAe,CAAC7E,OAAO,EAAEoF,QAAQ,CAAC,MAAA3F,MAAA,CAAMO,OAAO,OAAAP,MAAA,CAAI2F,QAAQ,SAAM,IAAI;EAAA;EAEvE,IAAMC,SAAS,GAAGhG,MAAM,CAACiG,OAAO,CAACZ,OAAO,CAAC,CACtCnF,GAAG,CAAC2F,YAAY,CAAC,CACjBK,MAAM,CAAEC,GAAG,IAAoBA,GAAG,IAAI,IAAI,CAAC;EAE9C,IAAMjD,YAAY,GAChB8C,SAAS,CAACjB,MAAM,KAAK,CAAC,GAAG,EAAE,YAAA3E,MAAA,CAAY4F,SAAS,CAAC3F,IAAI,CAAC,EAAE,CAAC,MAAG;EAE9D,OAAO;IACLuC,YAAY;IACZN,QAAQ,EAAEzD,kBAAkB;IAC5BoE,IAAI;IACJC;EACF,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASkD,mBAAmBA,CACjCC,UAAkB,EAClBC,SAAiB,EACT;EACR,OAAOD,UAAU,CAACE,OAAO,CACvB,YAAY,WAAAnG,MAAA,CACHoG,kBAAkB,CAACF,SAAS,CAAC,MACxC,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAsBG,wBAAwBA,CAAA;EAAA,OAAAC,yBAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;;AAY9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnBA,SAAAF,0BAAA;EAAAA,yBAAA,GAAAG,iBAAA,CAZO,aAAsE;IAC3E,IAAMC,MAAM,SAAS1I,qBAAqB,CAACU,qBAAqB,CAAC;IAEjE,IAAI,CAACqG,mBAAmB,CAAC2B,MAAM,CAAC,EAAE;MAChC,MAAM,IAAIC,KAAK,6CAAA3G,MAAA,CAC+BiE,IAAI,CAAC2C,SAAS,CAACF,MAAM,CAAC,CACpE,CAAC;IACH;IAEA,OAAOA,MAAM;EACf,CAAC;EAAA,OAAAJ,yBAAA,CAAAC,KAAA,OAAAC,SAAA;AAAA;AAsBD,OAAO,SAASK,2BAA2BA,CACzCzF,MAAS,EAGN;EAAA,IAFH0F,aAA0B,GAAAN,SAAA,CAAA7B,MAAA,QAAA6B,SAAA,QAAAO,SAAA,GAAAP,SAAA,MAAG/G,QAAQ,CAACC,IAAI;EAAA,IAC1CsH,eAAe,GAAAR,SAAA,CAAA7B,MAAA,QAAA6B,SAAA,QAAAO,SAAA,GAAAP,SAAA,MAAG,KAAK;EAEvB,IAAMS,SAAS,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;;EAEnC;EACA,IAAMC,SAAS,GAAG3H,QAAQ,CAACsB,aAAa,CAAC,KAAK,CAAC;EAC/CqG,SAAS,CAACtG,KAAK,CAACuG,OAAO,GAAG,MAAM;EAEhC,IAAMC,WAAW,GAAG1H,MAAM,CAACiG,OAAO,CAACzE,MAAM,CAAC;EAC1CkG,WAAW,CAAC9F,OAAO,CAAC,CAAA+F,KAAA,EAAY7C,CAAC,KAAK;IAAA,IAAjB,GAAGjE,KAAK,CAAC,GAAA8G,KAAA;IAC5BH,SAAS,CAACtG,KAAK,CAAC0G,WAAW,MAAAxH,MAAA,CAAMf,mBAAmB,OAAAe,MAAA,CAAI0E,CAAC,GAAIjE,KAAK,CAAC;IACnE;IACA;IACA,IAAMP,EAAE,GAAGT,QAAQ,CAACsB,aAAa,CAAC,KAAK,CAAC;IACxC;IACAb,EAAE,CAACY,KAAK,CAAC2G,eAAe,GAAGhH,KAAK;IAChC2G,SAAS,CAAClG,WAAW,CAAChB,EAAE,CAAC;EAC3B,CAAC,CAAC;;EAEF;EACA;EACA4G,aAAa,CAAC5F,WAAW,CAACkG,SAAS,CAAC;EACpC,IAAMM,uBAAuB,GAAGhE,MAAM,CAACrD,gBAAgB,CAAC+G,SAAS,CAAC;EAElE,IAAMV,MAAM,GAAG,CAAC,CAAM;EACtBY,WAAW,CAAC9F,OAAO,CAAC,CAAAmG,KAAA,EAAejD,CAAC,KAAK;IAAA,IAApB,CAAC3E,GAAG,EAAEU,KAAK,CAAC,GAAAkH,KAAA;IAC/B;IACA,IAAIC,QAAQ,GAAGF,uBAAuB,CAAChH,gBAAgB,MAAAV,MAAA,CAChDf,mBAAmB,OAAAe,MAAA,CAAI0E,CAAC,CAC/B,CAAC;IAED,IAAMmD,cAAc,GAAGpH,KAAK,CAACsB,QAAQ,CAAChD,yBAAyB,CAAC;IAChE,IAAM+I,OAAO,GAAGzC,GAAG,CAACC,QAAQ,CAAC,OAAO,EAAEsC,QAAQ,CAAC;IAE/C;IACE;IACA;IACAE,OAAO,IACP,CAAC,8BAA8B,CAAClD,IAAI,CAACgD,QAAQ,CAAC,EAC9C;MACA;MACA;MACA,IAAM1H,EAAE,GAAGkH,SAAS,CAACW,QAAQ,CAACrD,CAAC,CAAmB;MAClD,IAAMtE,aAAa,GAAGsD,MAAM,CAACrD,gBAAgB,CAACH,EAAE,CAAC;MACjD,IAAM8H,KAAK,GAAG5H,aAAa,CAACM,gBAAgB,CAAC,kBAAkB,CAAC;MAChE;MACAkH,QAAQ,GAAG7J,UAAU,CAACkK,iBAAiB,CAACD,KAAK,EAAEhB,eAAe,CAAC;IACjE;IACCN,MAAM,CAA4B3G,GAAG,CAAC,GACrC8H,cAAc,IAAIC,OAAO,GAAGF,QAAQ,GAAGnH,KAAK;EAChD,CAAC,CAAC;;EAEF;EACA2G,SAAS,CAACc,MAAM,CAAC,CAAC;EAElBrJ,GAAG,CAAC8D,KAAK,CAAC,wBAAwB,EAAEuE,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,SAAS,EAAE,IAAI,CAAC;EAExE,OAAOP,MAAM;AACf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASyB,2BAA2BA,CACzCC,QAA+B,EAC/B3H,KAAa,EACL;EACR,IAAMiG,MAAgB,GAAG,EAAE;EAC3B,IAAIhC,CAAC,GAAG,CAAC;EACTjD,mBAAmB,CAAChB,KAAK,CAAC,CAACe,OAAO,CAAC6G,KAAA,IAAkB;IAAA,IAAjB,CAAC1G,KAAK,EAAEC,GAAG,CAAC,GAAAyG,KAAA;IAC9C,IAAI3D,CAAC,GAAG/C,KAAK,EAAE;MACb+E,MAAM,CAAC7B,IAAI,CAACpE,KAAK,CAACqB,SAAS,CAAC4C,CAAC,EAAE/C,KAAK,CAAC,CAAC;MACtC+C,CAAC,IAAI/C,KAAK,GAAG+C,CAAC;IAChB;IAEA,IAAM7C,UAAU,GAAGpB,KAAK,CAACqB,SAAS,CAACH,KAAK,EAAEC,GAAG,GAAG,CAAC,CAAC;IAElD8E,MAAM,CAAC7B,IAAI,CACThD,UAAU,CAACE,QAAQ,CAAChD,yBAAyB,CAAC,GAC1CqJ,QAAQ,CAACvG,UAAU,CAAC,GACpBA,UACN,CAAC;IAED6C,CAAC,IAAI9C,GAAG,GAAGD,KAAK,GAAG,CAAC;EACtB,CAAC,CAAC;EAEF,IAAI+E,MAAM,CAAC/B,MAAM,KAAK,CAAC,EAAE;IACvB,OAAOlE,KAAK;EACd;EAEA,OAAOiG,MAAM,CAACzG,IAAI,CAAC,EAAE,CAAC;AACxB;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASqI,mBAAmBA,CAACC,WAA6B,EAAQ;EACvExE,YAAY,CAACyE,OAAO,CAClBlK,6BAA6B,EAC7B2F,IAAI,CAAC2C,SAAS,CAAC2B,WAAW,CAC5B,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,YAAYA,CAAA,EAEpB;EAAA,IAAAC,qBAAA;EAAA,IADNpJ,oBAA4C,GAAAkH,SAAA,CAAA7B,MAAA,QAAA6B,SAAA,QAAAO,SAAA,GAAAP,SAAA,MAAGnI,8BAA8B;EAE7E;EACA;EACA;EACA;EACA;EACA;EACA,IAAI8G,yBAAyB,CAAC,CAAC,EAAE;IAC/BxE,yBAAyB,CACvB,2BAA2B,EAC3BtB,4BAA4B,CAACV,kCAAkC,CACjE,CAAC;IACD;EACF;EAEA,IAAMgK,2BAA2B,IAAAD,qBAAA,GAC/BtF,mBAAmB,CAAC,CAAC,cAAAsF,qBAAA,uBAArBA,qBAAA,CAAuB7H,mBAAmB;EAE5C,IAAM+H,0BAA0B,GAC9BvJ,4BAA4B,CAACC,oBAAoB,CAAC;EAEpDT,GAAG,CAAC8D,KAAK,CAAC,2BAA2B,EAAE;IACrCiG,0BAA0B;IAC1BD;EACF,CAAC,CAAC;EAEFhI,yBAAyB,CACvB,wBAAwB,EACxBiI,0BACF,CAAC;;EAED;EACA;EACA,IAAID,2BAA2B,IAAI,IAAI,EAAE;IACvChI,yBAAyB,CACvB,wBAAwB,EACxBgI,2BACF,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASE,qBAAqBA,CACnC1I,aAAqC,EAC/B;EACN,IAAMZ,UAAU,GAAGC,yBAAyB,CAACC,QAAQ,CAACC,IAAI,EAAES,aAAa,CAAC;EAE1EP,MAAM,CAACiG,OAAO,CAACtH,yBAAyB,CAAC,CAACiD,OAAO,CAACsH,KAAA,IAAkB;IAAA,IAAjB,CAAC/I,GAAG,EAAEU,KAAK,CAAC,GAAAqI,KAAA;IAC7D;IACA;IACA;IACArJ,QAAQ,CAACC,IAAI,CAACoB,KAAK,CAACiI,cAAc,CAAChJ,GAAG,CAAC;IAEvC,IAAMkG,UAAU,GAAG1G,UAAU,CAACQ,GAA4C,CAAC;IAC3E,IAAMmG,SAAS,GAAG3G,UAAU,CAACkB,KAAkC,CAAC;IAEhE,IAAMuI,aAAa,GAAGhD,mBAAmB,CAACC,UAAU,EAAEC,SAAS,CAAC;;IAEhE;IACA;IACAzG,QAAQ,CAACC,IAAI,CAACoB,KAAK,CAAC0G,WAAW,CAACzH,GAAG,EAAEiJ,aAAa,CAAC;EACrD,CAAC,CAAC;AACJ"}

package/dist/theme/index.d.ts

@@ -7,5 +7,6 @@ export * from './ThemeUtils';
 export * from './useTheme';
 export * from './Logo';
 export * from './colorUtils';
+export * from './useExternalTheme';
 export * from './useSpectrumThemeProvider';
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}

package/dist/theme/index.js

@@ -7,5 +7,6 @@ export * from "./ThemeUtils.js";
 export * from "./useTheme.js";
 export * from "./Logo.js";
 export * from "./colorUtils.js";
+export * from "./useExternalTheme.js";
 export * from "./useSpectrumThemeProvider.js";
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useSpectrumThemeProvider';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/theme/index.ts"],"sourcesContent":["export * from './theme-dark';\nexport * from './theme-light';\nexport * from './ThemeModel';\nexport * from './ThemePicker';\nexport * from './ThemeProvider';\nexport * from './ThemeUtils';\nexport * from './useTheme';\nexport * from './Logo';\nexport * from './colorUtils';\nexport * from './useExternalTheme';\nexport * from './useSpectrumThemeProvider';\n"],"mappings":""}

package/dist/theme/useExternalTheme.d.ts

@@ -0,0 +1,15 @@
+import { type ThemeData } from './ThemeModel';
+export interface UseExternalThemeResult {
+    isEnabled: boolean;
+    isPending: boolean;
+    themeData?: ThemeData;
+}
+/**
+ * If external theme is configured via `theme=EXTERNAL_THEME_KEY` query param,
+ * handle `postMessage` communication to retrieve the theme data from the parent
+ * Window. The hook will also listen for `MSG_REQUEST_SET_THEME` messages from
+ * the parent and current Window to allow explicitly setting the theme.
+ */
+export declare function useExternalTheme(): UseExternalThemeResult;
+export default useExternalTheme;
+//# sourceMappingURL=useExternalTheme.d.ts.map

package/dist/theme/useExternalTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useExternalTheme.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAStB,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,sBAAsB,CA8DzD;AAED,eAAe,gBAAgB,CAAC"}

package/dist/theme/useExternalTheme.js

@@ -0,0 +1,68 @@
+import { useCallback, useEffect, useState } from 'react';
+import Log from '@deephaven/log';
+import { getWindowParent } from '@deephaven/utils';
+import { MSG_REQUEST_SET_THEME } from "./ThemeModel.js";
+import { isExternalThemeData, isExternalThemeEnabled, parseExternalThemeData, requestExternalThemeData } from "./ThemeUtils.js";
+var logger = Log.module('useExternalTheme');
+/**
+ * If external theme is configured via `theme=EXTERNAL_THEME_KEY` query param,
+ * handle `postMessage` communication to retrieve the theme data from the parent
+ * Window. The hook will also listen for `MSG_REQUEST_SET_THEME` messages from
+ * the parent and current Window to allow explicitly setting the theme.
+ */
+export function useExternalTheme() {
+  var [result, setResult] = useState(() => {
+    var isEnabled = isExternalThemeEnabled();
+    return {
+      isEnabled,
+      isPending: isEnabled
+    };
+  });
+
+  /** Parse external theme data and update the result */
+  var handleExternalThemeData = useCallback(externalThemeData => {
+    var themeData = parseExternalThemeData(externalThemeData);
+    setResult({
+      isEnabled: true,
+      isPending: false,
+      themeData
+    });
+  }, []);
+  useEffect(() => {
+    if (!result.isEnabled) {
+      return;
+    }
+    logger.debug('Requesting external theme data');
+
+    /** Parent or current Window can explicitly set the theme */
+    function onMessage(event) {
+      var parent = getWindowParent();
+
+      // Allow messages from parent or current window
+      if (event.source !== window && event.source !== parent) {
+        return;
+      }
+      if (event.data.message === MSG_REQUEST_SET_THEME) {
+        if (isExternalThemeData(event.data.payload)) {
+          handleExternalThemeData(event.data.payload);
+        }
+      }
+    }
+    window.addEventListener('message', onMessage);
+
+    /** Request initial theme data from parent window */
+    requestExternalThemeData().then(handleExternalThemeData).catch(err => {
+      logger.error(err);
+      setResult({
+        isEnabled: true,
+        isPending: false
+      });
+    });
+    return () => {
+      window.removeEventListener('message', onMessage);
+    };
+  }, [handleExternalThemeData, result.isEnabled]);
+  return result;
+}
+export default useExternalTheme;
+//# sourceMappingURL=useExternalTheme.js.map

package/dist/theme/useExternalTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalTheme.js","names":["useCallback","useEffect","useState","Log","getWindowParent","MSG_REQUEST_SET_THEME","isExternalThemeData","isExternalThemeEnabled","parseExternalThemeData","requestExternalThemeData","logger","module","useExternalTheme","result","setResult","isEnabled","isPending","handleExternalThemeData","externalThemeData","themeData","debug","onMessage","event","parent","source","window","data","message","payload","addEventListener","then","catch","err","error","removeEventListener"],"sources":["../../src/theme/useExternalTheme.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { getWindowParent, type PostMessage } from '@deephaven/utils';\nimport {\n  MSG_REQUEST_SET_THEME,\n  type ExternalThemeData,\n  type ThemeData,\n} from './ThemeModel';\nimport {\n  isExternalThemeData,\n  isExternalThemeEnabled,\n  parseExternalThemeData,\n  requestExternalThemeData,\n} from './ThemeUtils';\n\nconst logger = Log.module('useExternalTheme');\nexport interface UseExternalThemeResult {\n  isEnabled: boolean;\n  isPending: boolean;\n  themeData?: ThemeData;\n}\n\n/**\n * If external theme is configured via `theme=EXTERNAL_THEME_KEY` query param,\n * handle `postMessage` communication to retrieve the theme data from the parent\n * Window. The hook will also listen for `MSG_REQUEST_SET_THEME` messages from\n * the parent and current Window to allow explicitly setting the theme.\n */\nexport function useExternalTheme(): UseExternalThemeResult {\n  const [result, setResult] = useState<UseExternalThemeResult>(() => {\n    const isEnabled = isExternalThemeEnabled();\n    return {\n      isEnabled,\n      isPending: isEnabled,\n    };\n  });\n\n  /** Parse external theme data and update the result */\n  const handleExternalThemeData = useCallback(\n    (externalThemeData: ExternalThemeData) => {\n      const themeData = parseExternalThemeData(externalThemeData);\n\n      setResult({\n        isEnabled: true,\n        isPending: false,\n        themeData,\n      });\n    },\n    []\n  );\n\n  useEffect(() => {\n    if (!result.isEnabled) {\n      return;\n    }\n\n    logger.debug('Requesting external theme data');\n\n    /** Parent or current Window can explicitly set the theme */\n    function onMessage(event: MessageEvent<PostMessage<unknown>>): void {\n      const parent = getWindowParent();\n\n      // Allow messages from parent or current window\n      if (event.source !== window && event.source !== parent) {\n        return;\n      }\n\n      if (event.data.message === MSG_REQUEST_SET_THEME) {\n        if (isExternalThemeData(event.data.payload)) {\n          handleExternalThemeData(event.data.payload);\n        }\n      }\n    }\n\n    window.addEventListener('message', onMessage);\n\n    /** Request initial theme data from parent window */\n    requestExternalThemeData()\n      .then(handleExternalThemeData)\n      .catch(err => {\n        logger.error(err);\n        setResult({ isEnabled: true, isPending: false });\n      });\n\n    return () => {\n      window.removeEventListener('message', onMessage);\n    };\n  }, [handleExternalThemeData, result.isEnabled]);\n\n  return result;\n}\n\nexport default useExternalTheme;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACxD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,eAAe,QAA0B,kBAAkB;AAAC,SAEnEC,qBAAqB;AAAA,SAKrBC,mBAAmB,EACnBC,sBAAsB,EACtBC,sBAAsB,EACtBC,wBAAwB;AAG1B,IAAMC,MAAM,GAAGP,GAAG,CAACQ,MAAM,CAAC,kBAAkB,CAAC;AAO7C;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAA,EAA2B;EACzD,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGZ,QAAQ,CAAyB,MAAM;IACjE,IAAMa,SAAS,GAAGR,sBAAsB,CAAC,CAAC;IAC1C,OAAO;MACLQ,SAAS;MACTC,SAAS,EAAED;IACb,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,IAAME,uBAAuB,GAAGjB,WAAW,CACxCkB,iBAAoC,IAAK;IACxC,IAAMC,SAAS,GAAGX,sBAAsB,CAACU,iBAAiB,CAAC;IAE3DJ,SAAS,CAAC;MACRC,SAAS,EAAE,IAAI;MACfC,SAAS,EAAE,KAAK;MAChBG;IACF,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAEDlB,SAAS,CAAC,MAAM;IACd,IAAI,CAACY,MAAM,CAACE,SAAS,EAAE;MACrB;IACF;IAEAL,MAAM,CAACU,KAAK,CAAC,gCAAgC,CAAC;;IAE9C;IACA,SAASC,SAASA,CAACC,KAAyC,EAAQ;MAClE,IAAMC,MAAM,GAAGnB,eAAe,CAAC,CAAC;;MAEhC;MACA,IAAIkB,KAAK,CAACE,MAAM,KAAKC,MAAM,IAAIH,KAAK,CAACE,MAAM,KAAKD,MAAM,EAAE;QACtD;MACF;MAEA,IAAID,KAAK,CAACI,IAAI,CAACC,OAAO,KAAKtB,qBAAqB,EAAE;QAChD,IAAIC,mBAAmB,CAACgB,KAAK,CAACI,IAAI,CAACE,OAAO,CAAC,EAAE;UAC3CX,uBAAuB,CAACK,KAAK,CAACI,IAAI,CAACE,OAAO,CAAC;QAC7C;MACF;IACF;IAEAH,MAAM,CAACI,gBAAgB,CAAC,SAAS,EAAER,SAAS,CAAC;;IAE7C;IACAZ,wBAAwB,CAAC,CAAC,CACvBqB,IAAI,CAACb,uBAAuB,CAAC,CAC7Bc,KAAK,CAACC,GAAG,IAAI;MACZtB,MAAM,CAACuB,KAAK,CAACD,GAAG,CAAC;MACjBlB,SAAS,CAAC;QAAEC,SAAS,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAM,CAAC,CAAC;IAClD,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXS,MAAM,CAACS,mBAAmB,CAAC,SAAS,EAAEb,SAAS,CAAC;IAClD,CAAC;EACH,CAAC,EAAE,CAACJ,uBAAuB,EAAEJ,MAAM,CAACE,SAAS,CAAC,CAAC;EAE/C,OAAOF,MAAM;AACf;AAEA,eAAeD,gBAAgB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/components",
-  "version": "0.108.1-beta.6+09077bfe",
+  "version": "0.108.1-beta.8+e57e6c5c",
   "description": "Deephaven React component library",
   "author": "Deephaven Data Labs LLC",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
   },
   "dependencies": {
     "@adobe/react-spectrum": "3.38.0",
-    "@deephaven/icons": "^0.108.1-beta.6+09077bfe",
-    "@deephaven/log": "^0.108.1-beta.6+09077bfe",
-    "@deephaven/react-hooks": "^0.108.1-beta.6+09077bfe",
-    "@deephaven/utils": "^0.108.1-beta.6+09077bfe",
+    "@deephaven/icons": "^0.108.1-beta.8+e57e6c5c",
+    "@deephaven/log": "^0.108.1-beta.8+e57e6c5c",
+    "@deephaven/react-hooks": "^0.108.1-beta.8+e57e6c5c",
+    "@deephaven/utils": "^0.108.1-beta.8+e57e6c5c",
     "@fortawesome/fontawesome-svg-core": "^6.2.1",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@internationalized/date": "^3.5.5",
@@ -61,8 +61,8 @@
     "react-is": ">=16.8.0"
   },
   "devDependencies": {
-    "@deephaven/mocks": "^0.108.1-beta.6+09077bfe",
-    "@deephaven/test-utils": "^0.108.1-beta.6+09077bfe",
+    "@deephaven/mocks": "^0.108.1-beta.8+e57e6c5c",
+    "@deephaven/test-utils": "^0.108.1-beta.8+e57e6c5c",
     "react-redux": "^7.2.4"
   },
   "files": [
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "09077bfefd41a24172a6e77f8c9684938c757220"
+  "gitHead": "e57e6c5c2e9b94209572708387ef3c7c4260242d"
 }