@deephaven/components 0.49.2-theme-plugins.43 → 0.50.0

package/dist/LoadingSpinner.css

@@ -2,7 +2,7 @@
 .loading-spinner {
   --primary-color: var(
     --dh-loading-spinner-primary-color,
-    var(--dh-accent-color, #4c7dee)
+    var(--dh-color-accent, #4c7dee)
   );
   --secondary-color: var(
     --dh-loading-spinner-secondary-color,

package/dist/LoadingSpinner.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/LoadingSpinner.scss"],"names":[],"mappings":"AAAA;AACA;EACE;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAKE;;;AAKF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE","file":"LoadingSpinner.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n.loading-spinner {\n  --primary-color: var(\n    --dh-loading-spinner-primary-color,\n    var(--dh-accent-color, #4c7dee)\n  );\n  --secondary-color: var(\n    --dh-loading-spinner-secondary-color,\n    rgba(240, 240, 240, 0.5)\n  );\n  --border-width: 1px;\n  --size: 14px;\n\n  box-sizing: border-box;\n  display: inline-block;\n  margin: 0 auto;\n  width: var(--size);\n  height: var(--size);\n}\n\n.loading-spinner-large {\n  --border-width: 4px;\n  --size: 56px;\n}\n\n.loading-spinner-vertical-align {\n  // The original LoadingSpinner used `.fa-layers` to create the spinner icon.\n  // This includes a vertical aligment adjustment to center the spinner along\n  // side of other inline content. Copying this value from the `.fa-layers`\n  // class to avoid breaking alignment of the new spinner.\n  vertical-align: -0.125em;\n}\n\n// Spinning circle with colored border and transparent center. Half of the\n// circle is the primary color. The other half is the secondary color.\n.loading-spinner::after {\n  animation: loading-spinner-rotate 2s linear infinite;\n  border: var(--border-width) solid;\n  border-color: var(--primary-color) var(--primary-color) var(--secondary-color)\n    var(--secondary-color);\n  border-radius: 50%;\n  box-sizing: border-box;\n  content: '';\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n}\n\n@keyframes loading-spinner-rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../src/LoadingSpinner.scss"],"names":[],"mappings":"AAAA;AACA;EACE;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EAKE;;;AAKF;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IACE","file":"LoadingSpinner.css","sourcesContent":["/* stylelint-disable alpha-value-notation */\n.loading-spinner {\n  --primary-color: var(\n    --dh-loading-spinner-primary-color,\n    var(--dh-color-accent, #4c7dee)\n  );\n  --secondary-color: var(\n    --dh-loading-spinner-secondary-color,\n    rgba(240, 240, 240, 0.5)\n  );\n  --border-width: 1px;\n  --size: 14px;\n\n  box-sizing: border-box;\n  display: inline-block;\n  margin: 0 auto;\n  width: var(--size);\n  height: var(--size);\n}\n\n.loading-spinner-large {\n  --border-width: 4px;\n  --size: 56px;\n}\n\n.loading-spinner-vertical-align {\n  // The original LoadingSpinner used `.fa-layers` to create the spinner icon.\n  // This includes a vertical aligment adjustment to center the spinner along\n  // side of other inline content. Copying this value from the `.fa-layers`\n  // class to avoid breaking alignment of the new spinner.\n  vertical-align: -0.125em;\n}\n\n// Spinning circle with colored border and transparent center. Half of the\n// circle is the primary color. The other half is the secondary color.\n.loading-spinner::after {\n  animation: loading-spinner-rotate 2s linear infinite;\n  border: var(--border-width) solid;\n  border-color: var(--primary-color) var(--primary-color) var(--secondary-color)\n    var(--secondary-color);\n  border-radius: 50%;\n  box-sizing: border-box;\n  content: '';\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n}\n\n@keyframes loading-spinner-rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n"]}

package/dist/theme/ThemeModel.d.ts

@@ -4,8 +4,8 @@ export type ThemePreloadStyleContent = `:root{${string}`;
 export declare const DEFAULT_DARK_THEME_KEY = "default-dark";
 export declare const DEFAULT_LIGHT_THEME_KEY = "default-light";
 export declare const DEFAULT_PRELOAD_DATA_VARIABLES: {
-    '--dh-accent-color': string;
-    '--dh-background-color': string;
+    '--dh-color-accent': string;
+    '--dh-color-background': string;
 };
 export declare const THEME_CACHE_LOCAL_STORAGE_KEY = "deephaven.themeCache";
 export interface ThemePreloadData {

package/dist/theme/ThemeModel.js

@@ -3,9 +3,9 @@ export var DEFAULT_LIGHT_THEME_KEY = 'default-light';
 
 // Css properties that are used in preload data with default values.
 export var DEFAULT_PRELOAD_DATA_VARIABLES = {
-  '--dh-accent-color': '#4c7dee',
+  '--dh-color-accent': '#4c7dee',
   // dark theme --dh-color-blue-700
-  '--dh-background-color': '#1a171a' // dark theme --dh-color-gray-50
+  '--dh-color-background': '#1a171a' // dark theme --dh-color-gray-50
 };
 
 export var THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';

package/dist/theme/ThemeModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type ThemePreloadStyleContent = `:root{${string}`;\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\n\n// Css properties that are used in preload data with default values.\nexport const DEFAULT_PRELOAD_DATA_VARIABLES = {\n  '--dh-accent-color': '#4c7dee', // dark theme --dh-color-blue-700\n  '--dh-background-color': '#1a171a', // dark theme --dh-color-gray-50\n} satisfies Record<`--dh-${string}`, string>;\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: ThemePreloadStyleContent;\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":"AAIA,OAAO,IAAMA,sBAAsB,GAAG,cAAqC;AAC3E,OAAO,IAAMC,uBAAuB,GAAG,eAAsC;;AAE7E;AACA,OAAO,IAAMC,8BAA8B,GAAG;EAC5C,mBAAmB,EAAE,SAAS;EAAE;EAChC,uBAAuB,EAAE,SAAS,CAAE;AACtC,CAA4C;;AAE5C,OAAO,IAAMC,6BAA6B,GAAG,sBAAsB"}
+{"version":3,"file":"ThemeModel.js","names":["DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY"],"sources":["../../src/theme/ThemeModel.ts"],"sourcesContent":["export type BaseThemeType = 'dark' | 'light';\nexport type BaseThemeKey = `default-${BaseThemeType}`;\nexport type ThemePreloadStyleContent = `:root{${string}`;\n\nexport const DEFAULT_DARK_THEME_KEY = 'default-dark' satisfies BaseThemeKey;\nexport const DEFAULT_LIGHT_THEME_KEY = 'default-light' satisfies BaseThemeKey;\n\n// Css properties that are used in preload data with default values.\nexport const DEFAULT_PRELOAD_DATA_VARIABLES = {\n  '--dh-color-accent': '#4c7dee', // dark theme --dh-color-blue-700\n  '--dh-color-background': '#1a171a', // dark theme --dh-color-gray-50\n} satisfies Record<`--dh-${string}`, string>;\n\nexport const THEME_CACHE_LOCAL_STORAGE_KEY = 'deephaven.themeCache';\n\nexport interface ThemePreloadData {\n  themeKey: string;\n  preloadStyleContent?: ThemePreloadStyleContent;\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":"AAIA,OAAO,IAAMA,sBAAsB,GAAG,cAAqC;AAC3E,OAAO,IAAMC,uBAAuB,GAAG,eAAsC;;AAE7E;AACA,OAAO,IAAMC,8BAA8B,GAAG;EAC5C,mBAAmB,EAAE,SAAS;EAAE;EAChC,uBAAuB,EAAE,SAAS,CAAE;AACtC,CAA4C;;AAE5C,OAAO,IAAMC,6BAA6B,GAAG,sBAAsB"}

package/dist/theme/ThemeProvider.js

@@ -17,7 +17,7 @@ export function ThemeProvider(_ref) {
     return (_getThemePreloadData$ = (_getThemePreloadData = getThemePreloadData()) === null || _getThemePreloadData === void 0 ? void 0 : _getThemePreloadData.themeKey) !== null && _getThemePreloadData$ !== void 0 ? _getThemePreloadData$ : DEFAULT_DARK_THEME_KEY;
   });
   var activeThemes = useMemo(() =>
-  // Themes remain inactive until a non-null themes value is provided. This
+  // Themes remain inactive until a non-null themes array is provided. This
   // avoids the default base theme overriding the preload if we are waiting
   // on additional themes to be available.
   themes == null ? null : getActiveThemes(selectedThemeKey, {

package/dist/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","getThemePreloadData","setThemePreloadData","log","module","ThemeContext","ThemeProvider","themes","children","baseThemes","selectedThemeKey","setSelectedThemeKey","themeKey","activeThemes","base","custom","updateThemePreloadData","debug","map","theme","preloadStyleContent","value","styleContent"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_DARK_THEME_KEY, ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\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  themes: ThemeData[] | null;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes,\n  children,\n}: ThemeProviderProps): JSX.Element {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  const activeThemes = useMemo(\n    () =>\n      // Themes remain inactive until a non-null themes value is provided. This\n      // avoids the default base theme overriding the preload if we are waiting\n      // on additional themes to be available.\n      themes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: themes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, themes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      log.debug('Active themes:', activeThemes?.map(theme => theme.themeKey));\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent: calculatePreloadStyleContent(),\n      });\n    },\n    [activeThemes, selectedThemeKey]\n  );\n\n  const value = useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, selectedThemeKey]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {activeThemes?.map(theme => (\n        <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n          {theme.styleContent}\n        </style>\n      ))}\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"AAAA,SAASA,aAAa,EAAaC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC9E,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SACxBC,sBAAsB;AAAA,SAE7BC,4BAA4B,EAC5BC,eAAe,EACfC,oBAAoB,EACpBC,mBAAmB,EACnBC,mBAAmB;AAAA;AAAA;AASrB,IAAMC,GAAG,GAAGP,GAAG,CAACQ,MAAM,CAAC,eAAe,CAAC;AAEvC,OAAO,IAAMC,YAAY,gBAAGb,aAAa,CAA2B,IAAI,CAAC;AAOzE,OAAO,SAASc,aAAa,OAGO;EAAA,IAHN;IAC5BC,MAAM;IACNC;EACkB,CAAC;EACnB,IAAMC,UAAU,GAAGf,OAAO,CAAC,MAAMM,oBAAoB,EAAE,EAAE,EAAE,CAAC;EAE5D,IAAM,CAACU,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CACtD;IAAA;IAAA,wDAAMM,mBAAmB,EAAE,yDAArB,qBAAuBW,QAAQ,yEAAIf,sBAAsB;EAAA,EAChE;EAED,IAAMgB,YAAY,GAAGnB,OAAO,CAC1B;EACE;EACA;EACA;EACAa,MAAM,IAAI,IAAI,GACV,IAAI,GACJR,eAAe,CAACW,gBAAgB,EAAE;IAChCI,IAAI,EAAEL,UAAU;IAChBM,MAAM,EAAER,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI;EACpB,CAAC,CAAC,EACR,CAACE,UAAU,EAAEC,gBAAgB,EAAEH,MAAM,CAAC,CACvC;EAEDd,SAAS,CACP,SAASuB,sBAAsB,GAAG;IAChCb,GAAG,CAACc,KAAK,CAAC,gBAAgB,EAAEJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACP,QAAQ,CAAC,CAAC;IAEvEV,mBAAmB,CAAC;MAClBU,QAAQ,EAAEF,gBAAgB;MAC1BU,mBAAmB,EAAEtB,4BAA4B;IACnD,CAAC,CAAC;EACJ,CAAC,EACD,CAACe,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,IAAMW,KAAK,GAAG3B,OAAO,CACnB,OAAO;IACLmB,YAAY;IACZH,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CAACE,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,oBACE,MAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAEW,KAAM;IAAA,WACjCR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,iBACtB;MAAO,kBAAgBA,KAAK,CAACP,QAAS;MAAA,UACnCO,KAAK,CAACG;IAAY,GADuBH,KAAK,CAACP,QAAQ,CAG3D,CAAC,EACDJ,QAAQ;EAAA,EACa;AAE5B;AAEA,eAAeF,aAAa"}
+{"version":3,"file":"ThemeProvider.js","names":["createContext","useEffect","useMemo","useState","Log","DEFAULT_DARK_THEME_KEY","calculatePreloadStyleContent","getActiveThemes","getDefaultBaseThemes","getThemePreloadData","setThemePreloadData","log","module","ThemeContext","ThemeProvider","themes","children","baseThemes","selectedThemeKey","setSelectedThemeKey","themeKey","activeThemes","base","custom","updateThemePreloadData","debug","map","theme","preloadStyleContent","value","styleContent"],"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, ReactNode, useEffect, useMemo, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { DEFAULT_DARK_THEME_KEY, ThemeData } from './ThemeModel';\nimport {\n  calculatePreloadStyleContent,\n  getActiveThemes,\n  getDefaultBaseThemes,\n  getThemePreloadData,\n  setThemePreloadData,\n} from './ThemeUtils';\n\nexport interface ThemeContextValue {\n  activeThemes: ThemeData[] | null;\n  selectedThemeKey: string;\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  themes: ThemeData[] | null;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n  themes,\n  children,\n}: ThemeProviderProps): JSX.Element {\n  const baseThemes = useMemo(() => getDefaultBaseThemes(), []);\n\n  const [selectedThemeKey, setSelectedThemeKey] = useState<string>(\n    () => getThemePreloadData()?.themeKey ?? DEFAULT_DARK_THEME_KEY\n  );\n\n  const activeThemes = useMemo(\n    () =>\n      // Themes remain inactive until a non-null themes array is provided. This\n      // avoids the default base theme overriding the preload if we are waiting\n      // on additional themes to be available.\n      themes == null\n        ? null\n        : getActiveThemes(selectedThemeKey, {\n            base: baseThemes,\n            custom: themes ?? [],\n          }),\n    [baseThemes, selectedThemeKey, themes]\n  );\n\n  useEffect(\n    function updateThemePreloadData() {\n      log.debug('Active themes:', activeThemes?.map(theme => theme.themeKey));\n\n      setThemePreloadData({\n        themeKey: selectedThemeKey,\n        preloadStyleContent: calculatePreloadStyleContent(),\n      });\n    },\n    [activeThemes, selectedThemeKey]\n  );\n\n  const value = useMemo(\n    () => ({\n      activeThemes,\n      selectedThemeKey,\n      setSelectedThemeKey,\n    }),\n    [activeThemes, selectedThemeKey]\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {activeThemes?.map(theme => (\n        <style data-theme-key={theme.themeKey} key={theme.themeKey}>\n          {theme.styleContent}\n        </style>\n      ))}\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport default ThemeProvider;\n"],"mappings":"AAAA,SAASA,aAAa,EAAaC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC9E,OAAOC,GAAG,MAAM,gBAAgB;AAAC,SACxBC,sBAAsB;AAAA,SAE7BC,4BAA4B,EAC5BC,eAAe,EACfC,oBAAoB,EACpBC,mBAAmB,EACnBC,mBAAmB;AAAA;AAAA;AASrB,IAAMC,GAAG,GAAGP,GAAG,CAACQ,MAAM,CAAC,eAAe,CAAC;AAEvC,OAAO,IAAMC,YAAY,gBAAGb,aAAa,CAA2B,IAAI,CAAC;AAOzE,OAAO,SAASc,aAAa,OAGO;EAAA,IAHN;IAC5BC,MAAM;IACNC;EACkB,CAAC;EACnB,IAAMC,UAAU,GAAGf,OAAO,CAAC,MAAMM,oBAAoB,EAAE,EAAE,EAAE,CAAC;EAE5D,IAAM,CAACU,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGhB,QAAQ,CACtD;IAAA;IAAA,wDAAMM,mBAAmB,EAAE,yDAArB,qBAAuBW,QAAQ,yEAAIf,sBAAsB;EAAA,EAChE;EAED,IAAMgB,YAAY,GAAGnB,OAAO,CAC1B;EACE;EACA;EACA;EACAa,MAAM,IAAI,IAAI,GACV,IAAI,GACJR,eAAe,CAACW,gBAAgB,EAAE;IAChCI,IAAI,EAAEL,UAAU;IAChBM,MAAM,EAAER,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI;EACpB,CAAC,CAAC,EACR,CAACE,UAAU,EAAEC,gBAAgB,EAAEH,MAAM,CAAC,CACvC;EAEDd,SAAS,CACP,SAASuB,sBAAsB,GAAG;IAChCb,GAAG,CAACc,KAAK,CAAC,gBAAgB,EAAEJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACP,QAAQ,CAAC,CAAC;IAEvEV,mBAAmB,CAAC;MAClBU,QAAQ,EAAEF,gBAAgB;MAC1BU,mBAAmB,EAAEtB,4BAA4B;IACnD,CAAC,CAAC;EACJ,CAAC,EACD,CAACe,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,IAAMW,KAAK,GAAG3B,OAAO,CACnB,OAAO;IACLmB,YAAY;IACZH,gBAAgB;IAChBC;EACF,CAAC,CAAC,EACF,CAACE,YAAY,EAAEH,gBAAgB,CAAC,CACjC;EAED,oBACE,MAAC,YAAY,CAAC,QAAQ;IAAC,KAAK,EAAEW,KAAM;IAAA,WACjCR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,GAAG,CAACC,KAAK,iBACtB;MAAO,kBAAgBA,KAAK,CAACP,QAAS;MAAA,UACnCO,KAAK,CAACG;IAAY,GADuBH,KAAK,CAACP,QAAQ,CAG3D,CAAC,EACDJ,QAAQ;EAAA,EACa;AAE5B;AAEA,eAAeF,aAAa"}

package/dist/theme/ThemeUtils.d.ts

@@ -1,10 +1,18 @@
 import { ThemeData, ThemePreloadData, ThemePreloadStyleContent, ThemeRegistrationData } from './ThemeModel';
+export declare const TMP_CSS_PROP_PREFIX = "dh-tmp";
+export type VarExpressionResolver = (varExpression: string) => string;
 /**
  * Creates a string containing preload style content for the current theme.
  * This resolves the current values of a few CSS variables that can be used
  * to style the page before the theme is loaded on next page load.
  */
 export declare function calculatePreloadStyleContent(): ThemePreloadStyleContent;
+/**
+ * Extracts all css variable expressions from the given record and returns
+ * a set of unique expressions.
+ * @param record The record to extract css variable expressions from
+ */
+export declare function extractDistinctCssVariableExpressions(record: Record<string, string>): Set<string>;
 /**
  * Returns an array of the active themes. The first item will always be one
  * of the base themes. Optionally, the second item will be a custom theme.
@@ -19,6 +27,59 @@ export declare function getDefaultBaseThemes(): ThemeData[];
  * invalid
  */
 export declare function getThemePreloadData(): ThemePreloadData | null;
+/**
+ * Identifies start and end indices of any css variable expressions in the given
+ * string.
+ *
+ * e.g.
+ * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')
+ * yields:
+ * [
+ *   [0, 12],
+ *   [14, 26],
+ * ]
+ *
+ * In cases where there are nested expressions, only the indices of the outermost
+ * expression will be included.
+ *
+ * e.g.
+ * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')
+ * yields:
+ * [
+ *   [0, 34], // range for --ccc-cc expression
+ *   [36, 48], // range for --bbb-bb expression
+ * ]
+ * @param value The string to search for css variable expressions
+ * @returns An array of [start, end] index pairs for each css variable expression
+ */
+export declare function getCssVariableRanges(value: string): [number, number][];
+/**
+ * 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.
+ * Variables that resolve to color strings will also be normalized to rgb or
+ * rgba color strings.
+ *
+ * Note that the browser will force a reflow when calling `getComputedStyle` if
+ * css properties have changed. In order to avoid a reflow for every property
+ * check we use distinct setup, resolve / normalize, and cleanup passes:
+ * 1. Setup - Create a tmp element and set all css props we want to evaluate
+ * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls
+ *    and replace the original expressions with resolved values. Also normalize
+ *    css colors to rgb/a.
+ * 3. Cleanup - Remove the tmp element
+ * @param record An object whose values may contain css var expressions
+ * @param targetElement The element to resolve css variables against. Defaults
+ * to document.body
+ */
+export declare function resolveCssVariablesInRecord<T extends Record<string, string>>(record: T, targetElement?: HTMLElement): T;
+/**
+ * Resolve css variable expressions in the given string using the
+ * given resolver and replace the original expressions with the resolved values.
+ *
+ * @param resolver Function that can resolve a css variable expression
+ * @param value Value that may contain css variable expressions
+ */
+export declare function resolveCssVariablesInString(resolver: VarExpressionResolver, value: string): string;
 /**
  * Store theme preload data in local storage.
  * @param preloadData The preload data to set

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,SAAS,EACT,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAItB;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,wBAAwB,CAWvE;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,CAalD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;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;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAUnC"}
+{"version":3,"file":"ThemeUtils.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeUtils.ts"],"names":[],"mappings":"AAgBA,OAAO,EAIL,SAAS,EACT,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EAEtB,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,mBAAmB,WAAW,CAAC;AAE5C,MAAM,MAAM,qBAAqB,GAAG,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtE;;;;GAIG;AACH,wBAAgB,4BAA4B,IAAI,wBAAwB,CAWvE;AAED;;;;GAIG;AACH,wBAAgB,qCAAqC,CACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,GAAG,CAAC,MAAM,CAAC,CAUb;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,CAalD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAU7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAgCtE;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAC1E,MAAM,EAAE,CAAC,EACT,aAAa,GAAE,WAA2B,GACzC,CAAC,CA2CH;AAED;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,qBAAqB,EAC/B,KAAK,EAAE,MAAM,GACZ,MAAM,CAmBR;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;;GAEG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAUnC"}

package/dist/theme/ThemeUtils.js

@@ -1,5 +1,5 @@
 import Log from '@deephaven/log';
-import { assertNotNull } from '@deephaven/utils';
+import { assertNotNull, ColorUtils } from '@deephaven/utils';
 // Note that ?inline imports are natively supported by Vite, but consumers of
 // @deephaven/components using Webpack will need to add a rule to their module
 // config.
@@ -12,11 +12,11 @@ import { assertNotNull } from '@deephaven/utils';
 //    },
 //  ],
 // },
-import darkTheme from "./theme_default_dark.css?inline";
-import lightTheme from "./theme_default_light.css?inline";
+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 } from "./ThemeModel.js";
 var log = Log.module('ThemeUtils');
-
+export var TMP_CSS_PROP_PREFIX = 'dh-tmp';
 /**
  * Creates a string containing preload style content for the current theme.
  * This resolves the current values of a few CSS variables that can be used
@@ -34,6 +34,22 @@ export function calculatePreloadStyleContent() {
   return ":root{".concat(pairs.join(';'), "}");
 }
 
+/**
+ * Extracts all css variable expressions from the given record and returns
+ * a set of unique expressions.
+ * @param record The record to extract css variable expressions from
+ */
+export function extractDistinctCssVariableExpressions(record) {
+  var set = new Set();
+  Object.values(record).forEach(value => {
+    getCssVariableRanges(value).forEach(_ref2 => {
+      var [start, end] = _ref2;
+      set.add(value.substring(start, end + 1));
+    });
+  });
+  return set;
+}
+
 /**
  * Returns an array of the active themes. The first item will always be one
  * of the base themes. Optionally, the second item will be a custom theme.
@@ -59,11 +75,11 @@ export function getDefaultBaseThemes() {
   return [{
     name: 'Default Dark',
     themeKey: DEFAULT_DARK_THEME_KEY,
-    styleContent: darkTheme
+    styleContent: themeDark
   }, {
     name: 'Default Light',
     themeKey: DEFAULT_LIGHT_THEME_KEY,
-    styleContent: lightTheme
+    styleContent: themeLight
   }];
 }
 
@@ -81,6 +97,136 @@ export function getThemePreloadData() {
   return null;
 }
 
+/**
+ * Identifies start and end indices of any css variable expressions in the given
+ * string.
+ *
+ * e.g.
+ * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')
+ * yields:
+ * [
+ *   [0, 12],
+ *   [14, 26],
+ * ]
+ *
+ * In cases where there are nested expressions, only the indices of the outermost
+ * expression will be included.
+ *
+ * e.g.
+ * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')
+ * yields:
+ * [
+ *   [0, 34], // range for --ccc-cc expression
+ *   [36, 48], // range for --bbb-bb expression
+ * ]
+ * @param value The string to search for css variable expressions
+ * @returns An array of [start, end] index pairs for each css variable expression
+ */
+export function getCssVariableRanges(value) {
+  var ranges = [];
+  var cssVarPrefix = 'var(--';
+  var start = value.indexOf(cssVarPrefix);
+  var parenLevel = 0;
+  while (start > -1) {
+    parenLevel = 1;
+    var i = start + cssVarPrefix.length;
+    for (; i < value.length; i += 1) {
+      if (value[i] === '(') {
+        parenLevel += 1;
+      } else if (value[i] === ')') {
+        parenLevel -= 1;
+      }
+      if (parenLevel === 0) {
+        ranges.push([start, i]);
+        break;
+      }
+    }
+    if (parenLevel !== 0) {
+      log.error('Unbalanced parentheses in css var expression', value);
+      return [];
+    }
+    start = value.indexOf(cssVarPrefix, i + 1);
+  }
+  return ranges;
+}
+
+/**
+ * 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.
+ * Variables that resolve to color strings will also be normalized to rgb or
+ * rgba color strings.
+ *
+ * Note that the browser will force a reflow when calling `getComputedStyle` if
+ * css properties have changed. In order to avoid a reflow for every property
+ * check we use distinct setup, resolve / normalize, and cleanup passes:
+ * 1. Setup - Create a tmp element and set all css props we want to evaluate
+ * 2. Resolve / Normalize - Evaluate all css props via `getPropertyValue` calls
+ *    and replace the original expressions with resolved values. Also normalize
+ *    css colors to rgb/a.
+ * 3. Cleanup - Remove the tmp element
+ * @param record An object whose values may contain css var expressions
+ * @param targetElement The element to resolve css variables against. Defaults
+ * to document.body
+ */
+export function resolveCssVariablesInRecord(record) {
+  var targetElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
+  var perfStart = performance.now();
+
+  // Add a temporary div to attach temp css variables to
+  var tmpPropEl = document.createElement('div');
+  targetElement.appendChild(tmpPropEl);
+  var varExpressions = [...extractDistinctCssVariableExpressions(record)];
+
+  // Set temporary css variables for resolving var expressions
+  varExpressions.forEach((varExpression, i) => {
+    var tmpPropKey = "--".concat(TMP_CSS_PROP_PREFIX, "-").concat(i);
+    tmpPropEl.style.setProperty(tmpPropKey, varExpression);
+  });
+  var result = {};
+  var computedStyle = window.getComputedStyle(tmpPropEl);
+  var resolver = varExpression => {
+    var tmpPropKey = "--".concat(TMP_CSS_PROP_PREFIX, "-").concat(varExpressions.indexOf(varExpression));
+    var resolved = computedStyle.getPropertyValue(tmpPropKey);
+    return ColorUtils.normalizeCssColor(resolved);
+  };
+
+  // Resolve the temporary css variables
+  Object.entries(record).forEach(_ref3 => {
+    var [key, value] = _ref3;
+    result[key] = resolveCssVariablesInString(resolver, value);
+  });
+
+  // Remove the temporary css variables
+  tmpPropEl.remove();
+  log.debug('Resolved css variables', performance.now() - perfStart, 'ms');
+  return result;
+}
+
+/**
+ * Resolve css variable expressions in the given string using the
+ * given resolver and replace the original expressions with the resolved values.
+ *
+ * @param resolver Function that can resolve a css variable expression
+ * @param value Value that may contain css variable expressions
+ */
+export function resolveCssVariablesInString(resolver, value) {
+  var result = [];
+  var i = 0;
+  getCssVariableRanges(value).forEach(_ref4 => {
+    var [start, end] = _ref4;
+    if (i < start) {
+      result.push(value.substring(i, start));
+      i += start - i;
+    }
+    result.push(resolver(value.substring(start, end + 1)));
+    i += end - start + 1;
+  });
+  if (result.length === 0) {
+    return value;
+  }
+  return result.join('');
+}
+
 /**
  * Store theme preload data in local storage.
  * @param preloadData The preload data to set

package/dist/theme/ThemeUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeUtils.js","names":["Log","assertNotNull","darkTheme","lightTheme","DEFAULT_DARK_THEME_KEY","DEFAULT_LIGHT_THEME_KEY","DEFAULT_PRELOAD_DATA_VARIABLES","THEME_CACHE_LOCAL_STORAGE_KEY","log","module","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","key","defaultValue","getPropertyValue","join","getActiveThemes","themeKey","themeRegistration","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","preloadStyleContent","style","createElement","innerHTML","head","appendChild"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\nimport darkTheme from './theme_default_dark.css?inline';\nimport lightTheme from './theme_default_light.css?inline';\nimport {\n  DEFAULT_DARK_THEME_KEY,\n  DEFAULT_LIGHT_THEME_KEY,\n  DEFAULT_PRELOAD_DATA_VARIABLES,\n  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\n/**\n * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\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: darkTheme,\n    },\n    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: lightTheme,\n    },\n  ];\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 * 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 */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n"],"mappings":"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"}
+{"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","log","module","TMP_CSS_PROP_PREFIX","calculatePreloadStyleContent","bodyStyle","getComputedStyle","document","body","pairs","Object","entries","map","key","defaultValue","getPropertyValue","join","extractDistinctCssVariableExpressions","record","set","Set","values","forEach","value","getCssVariableRanges","start","end","add","substring","getActiveThemes","themeKey","themeRegistration","custom","find","theme","baseThemeKey","base","error","debug","getDefaultBaseThemes","name","styleContent","getThemePreloadData","data","localStorage","getItem","JSON","parse","ranges","cssVarPrefix","indexOf","parenLevel","i","length","push","resolveCssVariablesInRecord","targetElement","perfStart","performance","now","tmpPropEl","createElement","appendChild","varExpressions","varExpression","tmpPropKey","style","setProperty","result","computedStyle","window","resolver","resolved","normalizeCssColor","resolveCssVariablesInString","remove","setThemePreloadData","preloadData","setItem","stringify","getThemeKey","pluginName","themeName","preloadTheme","preloadStyleContent","innerHTML","head"],"sources":["../../src/theme/ThemeUtils.ts"],"sourcesContent":["import Log from '@deephaven/log';\nimport { assertNotNull, ColorUtils } from '@deephaven/utils';\n// Note that ?inline imports are natively supported by Vite, but consumers of\n// @deephaven/components using Webpack will need to add a rule to their module\n// config.\n// e.g.\n// module: {\n//  rules: [\n//    {\n//      resourceQuery: /inline/,\n//      type: 'asset/source',\n//    },\n//  ],\n// },\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  ThemeData,\n  ThemePreloadData,\n  ThemePreloadStyleContent,\n  ThemeRegistrationData,\n  THEME_CACHE_LOCAL_STORAGE_KEY,\n} from './ThemeModel';\n\nconst log = Log.module('ThemeUtils');\n\nexport const TMP_CSS_PROP_PREFIX = 'dh-tmp';\n\nexport type VarExpressionResolver = (varExpression: string) => string;\n\n/**\n * Creates a string containing preload style content for the current theme.\n * This resolves the current values of a few CSS variables that can be used\n * to style the page before the theme is loaded on next page load.\n */\nexport function calculatePreloadStyleContent(): ThemePreloadStyleContent {\n  const bodyStyle = getComputedStyle(document.body);\n\n  // Calculate the current preload variables. If the variable is not set, use\n  // the default value.\n  const pairs = Object.entries(DEFAULT_PRELOAD_DATA_VARIABLES).map(\n    ([key, defaultValue]) =>\n      `${key}:${bodyStyle.getPropertyValue(key) || defaultValue}`\n  );\n\n  return `:root{${pairs.join(';')}}`;\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    getCssVariableRanges(value).forEach(([start, end]) => {\n      set.add(value.substring(start, end + 1));\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    {\n      name: 'Default Light',\n      themeKey: DEFAULT_LIGHT_THEME_KEY,\n      styleContent: themeLight,\n    },\n  ];\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 css variable expressions in the given\n * string.\n *\n * e.g.\n * getCssVariableRanges('var(--aaa-aa) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 12],\n *   [14, 26],\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 * getCssVariableRanges('var(--ccc-cc, var(--aaa-aa, green)) var(--bbb-bb)')\n * yields:\n * [\n *   [0, 34], // range for --ccc-cc expression\n *   [36, 48], // range for --bbb-bb expression\n * ]\n * @param value The string to search for css variable expressions\n * @returns An array of [start, end] index pairs for each css variable expression\n */\nexport function getCssVariableRanges(value: string): [number, number][] {\n  const ranges: [number, number][] = [];\n\n  const cssVarPrefix = 'var(--';\n  let start = value.indexOf(cssVarPrefix);\n  let parenLevel = 0;\n\n  while (start > -1) {\n    parenLevel = 1;\n    let i = start + cssVarPrefix.length;\n    for (; i < value.length; i += 1) {\n      if (value[i] === '(') {\n        parenLevel += 1;\n      } else if (value[i] === ')') {\n        parenLevel -= 1;\n      }\n\n      if (parenLevel === 0) {\n        ranges.push([start, i]);\n        break;\n      }\n    }\n\n    if (parenLevel !== 0) {\n      log.error('Unbalanced parentheses in css var expression', value);\n      return [];\n    }\n\n    start = value.indexOf(cssVarPrefix, i + 1);\n  }\n\n  return ranges;\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 rgb or\n * rgba color strings.\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 */\nexport function resolveCssVariablesInRecord<T extends Record<string, string>>(\n  record: T,\n  targetElement: HTMLElement = document.body\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  targetElement.appendChild(tmpPropEl);\n\n  const varExpressions = [...extractDistinctCssVariableExpressions(record)];\n\n  // Set temporary css variables for resolving var expressions\n  varExpressions.forEach((varExpression, i) => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${i}`;\n    tmpPropEl.style.setProperty(tmpPropKey, varExpression);\n  });\n\n  const result = {} as T;\n\n  const computedStyle = window.getComputedStyle(tmpPropEl);\n\n  const resolver = (varExpression: string): string => {\n    const tmpPropKey = `--${TMP_CSS_PROP_PREFIX}-${varExpressions.indexOf(\n      varExpression\n    )}`;\n\n    const resolved = computedStyle.getPropertyValue(tmpPropKey);\n\n    return ColorUtils.normalizeCssColor(resolved);\n  };\n\n  // Resolve the temporary css variables\n  Object.entries(record).forEach(([key, value]) => {\n    result[key as keyof T] = resolveCssVariablesInString(\n      resolver,\n      value\n    ) as T[keyof T];\n  });\n\n  // Remove the temporary css variables\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  getCssVariableRanges(value).forEach(([start, end]) => {\n    if (i < start) {\n      result.push(value.substring(i, start));\n      i += start - i;\n    }\n\n    result.push(resolver(value.substring(start, end + 1)));\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 */\nexport function preloadTheme(): void {\n  const preloadStyleContent =\n    getThemePreloadData()?.preloadStyleContent ??\n    calculatePreloadStyleContent();\n\n  log.debug('Preloading theme content:', `'${preloadStyleContent}'`);\n\n  const style = document.createElement('style');\n  style.innerHTML = preloadStyleContent;\n  document.head.appendChild(style);\n}\n"],"mappings":"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"}

package/dist/theme/theme-dark/index.d.ts

@@ -0,0 +1,3 @@
+export declare const themeDark: string;
+export default themeDark;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-dark/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,QAKV,CAAC;AAEb,eAAe,SAAS,CAAC"}

package/dist/theme/theme-dark/index.js

@@ -0,0 +1,7 @@
+import themeDarkPalette from "./theme-dark-palette.css?inline";
+import themeDarkSemantic from "./theme-dark-semantic.css?inline";
+import themeDarkSemanticEditor from "./theme-dark-semantic-editor.css?inline";
+import themeDarkSemanticGrid from "./theme-dark-semantic-grid.css?inline";
+export var themeDark = [themeDarkPalette, themeDarkSemantic, themeDarkSemanticEditor, themeDarkSemanticGrid].join('\n');
+export default themeDark;
+//# sourceMappingURL=index.js.map

package/dist/theme/theme-dark/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["themeDarkPalette","themeDarkSemantic","themeDarkSemanticEditor","themeDarkSemanticGrid","themeDark","join"],"sources":["../../../src/theme/theme-dark/index.ts"],"sourcesContent":["import themeDarkPalette from './theme-dark-palette.css?inline';\nimport themeDarkSemantic from './theme-dark-semantic.css?inline';\nimport themeDarkSemanticEditor from './theme-dark-semantic-editor.css?inline';\nimport themeDarkSemanticGrid from './theme-dark-semantic-grid.css?inline';\n\nexport const themeDark = [\n  themeDarkPalette,\n  themeDarkSemantic,\n  themeDarkSemanticEditor,\n  themeDarkSemanticGrid,\n].join('\\n');\n\nexport default themeDark;\n"],"mappings":"OAAOA,gBAAgB;AAAA,OAChBC,iBAAiB;AAAA,OACjBC,uBAAuB;AAAA,OACvBC,qBAAqB;AAE5B,OAAO,IAAMC,SAAS,GAAG,CACvBJ,gBAAgB,EAChBC,iBAAiB,EACjBC,uBAAuB,EACvBC,qBAAqB,CACtB,CAACE,IAAI,CAAC,IAAI,CAAC;AAEZ,eAAeD,SAAS"}