@memberjunction/ng-dashboards 5.47.0 → 5.49.0

package/dist/ThemeStudio/theme-studio.constants.d.ts

@@ -0,0 +1,79 @@
+/**
+ * @fileoverview Shared constants for the Theme Studio + Theme Manager.
+ * @module ThemeStudio
+ */
+import { ContrastCheck, DerivedTheme, ThemeSeeds } from '@memberjunction/theme-engine';
+/**
+ * The seeded, built-in MemberJunction theme (created by migration
+ * V202607202101__v5.49.x__Add_Theme_Entity.sql with this stable, hardcoded ID).
+ * It is protected from edit and delete so there is always a safe fallback theme,
+ * regardless of what the user does to their own themes. Duplicating it is allowed.
+ */
+export declare const MJ_BUILTIN_THEME_ID = "64A6B519-CFBA-4F25-98D4-8398D397E21C";
+/** Whether a theme id is the protected built-in MemberJunction theme (case-insensitive). */
+export declare function isBuiltInTheme(id: string | null | undefined): boolean;
+/** A chrome selector a themer can target from Custom CSS, with a one-line description. */
+export interface ChromeSelectorInfo {
+    selector: string;
+    description: string;
+}
+/**
+ * Real MJ chrome selectors a themer can target from Custom CSS — component element
+ * tags (Angular selectors) + the shell logo class, each with a one-line description
+ * so the catalog can render as clickable chips instead of hiding behind typing.
+ * Curated to the persistent chrome worth theming (not transient dialogs/resources).
+ * Element tags are reliable targets; internal component classes are view-encapsulated
+ * and generally not selectable from an overlay.
+ */
+export declare const MJ_CHROME_SELECTOR_INFO: ChromeSelectorInfo[];
+/** Flat selector list (autocomplete + validation). */
+export declare const MJ_CHROME_SELECTORS: string[];
+/** One category in the visual token browser. */
+export interface TokenCategory {
+    key: string;
+    label: string;
+    match: RegExp;
+}
+/**
+ * Categories for the visual token browser, in display order. A token lands in the
+ * first category whose regex matches; anything unmatched (e.g. an override of a base
+ * token outside the derived contract) falls into the trailing "Other" bucket the
+ * component appends.
+ */
+export declare const TOKEN_CATEGORIES: TokenCategory[];
+/**
+ * Reverse-highlight map: token name → selectors INSIDE the preview canvas whose
+ * rendering uses that token. The canvas markup + CSS are authored in this package,
+ * so this mapping is exact by construction (unlike inferring provenance from
+ * resolved styles, which is deliberately out of scope). Tokens without an entry
+ * simply don't highlight. Selectors are matched under `.ts-canvas`.
+ */
+export declare const TOKEN_PREVIEW_TARGETS: Record<string, string[]>;
+/**
+ * A curated intent that expands to a token-override set (Q2 recipes): taste-level
+ * power with zero token names on screen. Values are computed at toggle-on time from
+ * the CURRENT derived theme so they follow the brand; toggling off removes exactly
+ * the keys the recipe produced. Fully reversible, serialized through the same
+ * `Overrides` JSON as hand-edited tokens.
+ */
+export interface ThemeRecipe {
+    id: string;
+    name: string;
+    description: string;
+    tokens: (derived: DerivedTheme, seeds: ThemeSeeds) => Record<string, string>;
+}
+export declare const THEME_RECIPES: ThemeRecipe[];
+/** Parse a persisted Overrides JSON map: trims keys, drops blanks, coerces values to strings. */
+export declare function parseOverridesJson(json: string | null): Record<string, string>;
+/**
+ * Pick the WORST of the light/dark text-on-primary contrast checks (Q1#3) — a failing
+ * dark pair must not hide while previewing light. A failing mode always beats a passing
+ * one; between two of the same outcome, lower ratio wins.
+ */
+export declare function pickWorstOnPrimary(light: ContrastCheck | undefined, dark: ContrastCheck | undefined): {
+    check: ContrastCheck;
+    mode: 'light' | 'dark';
+} | undefined;
+/** Inline custom-CSS validation (Q3#6): @import removal notice + unknown --mj-* names. */
+export declare function buildCssWarnings(css: string, knownTokens: ReadonlySet<string>): string[];
+//# sourceMappingURL=theme-studio.constants.d.ts.map

package/dist/ThemeStudio/theme-studio.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-studio.constants.d.ts","sourceRoot":"","sources":["../../src/ThemeStudio/theme-studio.constants.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,YAAY,EAA0B,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/G;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,yCAAyC,CAAC;AAE1E,4FAA4F;AAC5F,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAErE;AAED,0FAA0F;AAC1F,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,EAAE,kBAAkB,EAoBvD,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,mBAAmB,EAAE,MAAM,EAAmD,CAAC;AAE5F,gDAAgD;AAChD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,EAU3C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAuC1D,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC9E;AAQD,eAAO,MAAM,aAAa,EAAE,WAAW,EA+CtC,CAAC;AAEF,iGAAiG;AACjG,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAY9E;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,aAAa,GAAG,SAAS,EAChC,IAAI,EAAE,aAAa,GAAG,SAAS,GAC9B;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,GAAG,SAAS,CAS9D;AAED,0FAA0F;AAC1F,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,EAAE,CAiBxF"}

package/dist/ThemeStudio/theme-studio.constants.js

@@ -0,0 +1,217 @@
+/**
+ * @fileoverview Shared constants for the Theme Studio + Theme Manager.
+ * @module ThemeStudio
+ */
+import { hexToOKLCH, oklchToHex } from '@memberjunction/theme-engine';
+/**
+ * The seeded, built-in MemberJunction theme (created by migration
+ * V202607202101__v5.49.x__Add_Theme_Entity.sql with this stable, hardcoded ID).
+ * It is protected from edit and delete so there is always a safe fallback theme,
+ * regardless of what the user does to their own themes. Duplicating it is allowed.
+ */
+export const MJ_BUILTIN_THEME_ID = '64A6B519-CFBA-4F25-98D4-8398D397E21C';
+/** Whether a theme id is the protected built-in MemberJunction theme (case-insensitive). */
+export function isBuiltInTheme(id) {
+    return !!id && id.toUpperCase() === MJ_BUILTIN_THEME_ID;
+}
+/**
+ * Real MJ chrome selectors a themer can target from Custom CSS — component element
+ * tags (Angular selectors) + the shell logo class, each with a one-line description
+ * so the catalog can render as clickable chips instead of hiding behind typing.
+ * Curated to the persistent chrome worth theming (not transient dialogs/resources).
+ * Element tags are reliable targets; internal component classes are view-encapsulated
+ * and generally not selectable from an overlay.
+ */
+export const MJ_CHROME_SELECTOR_INFO = [
+    { selector: 'mj-shell', description: 'The top-level app shell (header bar + workspace)' },
+    { selector: 'mj-app-nav', description: 'Top app navigation strip' },
+    { selector: 'mj-app-switcher', description: 'App switcher menu' },
+    { selector: 'mj-tab-container', description: 'Workspace tab strip + tab content host' },
+    { selector: 'mj-single-dashboard', description: 'Dashboard resource host' },
+    { selector: 'mj-single-record', description: 'Record form resource host' },
+    { selector: 'mj-single-query', description: 'Query resource host' },
+    { selector: 'mj-single-search-result', description: 'Search results resource host' },
+    { selector: 'mj-command-palette', description: 'Cmd/Ctrl-K command palette' },
+    { selector: 'mj-omnibar-palette', description: 'Omnibar search palette' },
+    { selector: 'mj-notifications-resource', description: 'Notifications panel' },
+    { selector: 'mj-empty-state', description: 'Empty-state placeholder blocks' },
+    { selector: 'mj-loading', description: 'Loading indicator (animated logo)' },
+    { selector: 'mj-dialog', description: 'Modal dialogs' },
+    { selector: 'mj-dialog-actions', description: 'Dialog footer action row' },
+    { selector: 'mj-profile-dialog', description: 'User profile dialog' },
+    { selector: 'mj-server-connectivity-banner', description: 'Server connectivity banner' },
+    { selector: 'mj-system-validation-banner', description: 'System validation banner' },
+    { selector: '.mj-logo', description: 'The shell logo element' },
+];
+/** Flat selector list (autocomplete + validation). */
+export const MJ_CHROME_SELECTORS = MJ_CHROME_SELECTOR_INFO.map((i) => i.selector);
+/**
+ * Categories for the visual token browser, in display order. A token lands in the
+ * first category whose regex matches; anything unmatched (e.g. an override of a base
+ * token outside the derived contract) falls into the trailing "Other" bucket the
+ * component appends.
+ */
+export const TOKEN_CATEGORIES = [
+    { key: 'brand', label: 'Brand', match: /^--mj-brand-/ },
+    { key: 'bg', label: 'Backgrounds', match: /^--mj-bg-/ },
+    { key: 'text', label: 'Text', match: /^--mj-text-/ },
+    { key: 'border', label: 'Borders', match: /^--mj-border-/ },
+    { key: 'status', label: 'Status', match: /^--mj-status-/ },
+    { key: 'viz', label: 'Viz', match: /^--mj-viz-/ },
+    { key: 'shape', label: 'Shape', match: /^--mj-(radius|shadow)-/ },
+    { key: 'type', label: 'Type', match: /^--mj-font-/ },
+    { key: 'ramps', label: 'Ramps (primitives)', match: /^--mj-color-/ },
+];
+/**
+ * Reverse-highlight map: token name → selectors INSIDE the preview canvas whose
+ * rendering uses that token. The canvas markup + CSS are authored in this package,
+ * so this mapping is exact by construction (unlike inferring provenance from
+ * resolved styles, which is deliberately out of scope). Tokens without an entry
+ * simply don't highlight. Selectors are matched under `.ts-canvas`.
+ */
+export const TOKEN_PREVIEW_TARGETS = {
+    '--mj-brand-primary': ['.mx-btn.pri', '.mx-av', '.mx-appico', '.mx-tabs i.on', '.mx-prog i', '.mx-swch:not(.off)', '.rhead', 'table.grid th', '.ag-find .fdot', '.mx-btn.out'],
+    '--mj-brand-primary-hover': ['.states-row .is-hover'],
+    '--mj-brand-primary-active': ['.states-row .is-active'],
+    '--mj-brand-on-primary': ['.mx-btn.pri', '.mx-av', '.rhead'],
+    '--mj-brand-accent': ['.kpi', '.zone-lab'],
+    '--mj-bg-page': ['.mx', '.pv-view'],
+    '--mj-bg-surface': ['.mx-shell', '.mx-ph', '.mx-cell', '.mx-chip', '.report'],
+    '--mj-bg-surface-card': ['.kpi', '.rfoot', '.ag-find', 'table.grid tr:nth-child(even) td'],
+    '--mj-bg-surface-sunken': ['.mx-search', '.mx-input', '.mx-btn.sec', '.mx-dlg-t', '.mx-stat.neu'],
+    '--mj-bg-surface-hover': ['.mx-nav b', '.mx-lnav b', '.mx-chip'],
+    '--mj-text-primary': ['.mx-ph-title', '.mx-dlg-t', '.kpi .n', 'table.grid td b'],
+    '--mj-text-secondary': ['.mx-lbl', '.mx-tabs i', 'table.grid td', '.ag-sum', '.bar .bv'],
+    '--mj-text-muted': ['.mx-cap', '.mx-ph-sub', '.kpi .l', '.cats span', '.rfoot'],
+    '--mj-border-default': ['.mx-cell', '.mx-shell', '.mx-input', '.mx-dlg', 'table.grid td'],
+    '--mj-border-strong': ['.mx-swch.off'],
+    '--mj-border-focus': ['.mx-input.focus', '.states-row .is-focus'],
+    '--mj-status-success': ['.mx-stat.suc', '.kpi .d.up'],
+    '--mj-status-success-bg': ['.mx-stat.suc'],
+    '--mj-status-success-text': ['.mx-stat.suc'],
+    '--mj-status-warning': ['.mx-stat.wrn'],
+    '--mj-status-warning-bg': ['.mx-stat.wrn'],
+    '--mj-status-warning-text': ['.mx-stat.wrn'],
+    '--mj-status-error': ['.mx-btn.dgr', '.kpi .d.dn'],
+    '--mj-status-info': ['.mx-alert'],
+    '--mj-status-info-bg': ['.mx-alert'],
+    '--mj-status-info-text': ['.mx-alert'],
+    '--mj-status-info-border': ['.mx-alert'],
+    '--mj-viz-1': ['.bar:nth-child(1) .fill'],
+    '--mj-viz-2': ['.bar:nth-child(2) .fill'],
+    '--mj-viz-3': ['.bar:nth-child(3) .fill'],
+    '--mj-viz-4': ['.bar:nth-child(4) .fill'],
+    '--mj-viz-5': ['.bar:nth-child(5) .fill'],
+    '--mj-viz-6': ['.bar:nth-child(6) .fill'],
+    '--mj-radius-sm': ['.mx-btn', '.mx-input', '.mx-alert'],
+    '--mj-radius-md': ['.mx-cell', '.mx-dlg', '.kpi', '.ag-find'],
+    '--mj-radius-lg': ['.mx', '.report'],
+    '--mj-shadow-brand-md': ['.report'],
+    '--mj-font-family': ['.mx-ph-title', '.ag-sum', '.kpi .n'],
+};
+/** Reduce a hex color's OKLCH chroma by `factor` (0..1 = fully muted..unchanged). */
+function muteHex(hex, factor) {
+    const c = hexToOKLCH(hex);
+    return oklchToHex({ ...c, c: c.c * factor });
+}
+export const THEME_RECIPES = [
+    {
+        id: 'flatter',
+        name: 'Flatter look',
+        description: 'Remove elevation shadows for a flat, print-like surface.',
+        tokens: () => ({
+            '--mj-shadow-brand-sm': 'none',
+            '--mj-shadow-brand-md': 'none',
+            '--mj-shadow-sm': 'none',
+            '--mj-shadow-md': 'none',
+            '--mj-shadow-lg': 'none',
+        }),
+    },
+    {
+        id: 'softer',
+        name: 'Softer corners',
+        description: 'Rounder radii across chrome and generated content.',
+        tokens: (_derived, seeds) => {
+            const base = Math.max(12, (seeds.radius ?? 8) * 1.5);
+            const px = (n) => `${Math.round(n)}px`;
+            return {
+                '--mj-radius-sm': px(base / 2),
+                '--mj-radius-md': px(base),
+                '--mj-radius-lg': px(base * 1.5),
+                '--mj-radius-xl': px(base * 2),
+                '--mj-radius-2xl': px(base * 3),
+            };
+        },
+    },
+    {
+        id: 'muted',
+        name: 'Muted professional',
+        description: 'Desaturate accent, tertiary, and chart colors for a quieter palette.',
+        // Mutes the PRIMITIVE ramps (not the semantic tokens): every semantic token and
+        // the dark block re-point off the primitives, so both modes stay correct.
+        tokens: (derived) => {
+            const out = {};
+            for (const [k, v] of Object.entries(derived.primitives)) {
+                if (/^--mj-color-(accent|tertiary)-/.test(k))
+                    out[k] = muteHex(v, 0.4);
+            }
+            for (let i = 1; i <= 10; i++) {
+                const v = derived.overlayVars[`--mj-viz-${i}`];
+                if (v)
+                    out[`--mj-viz-${i}`] = muteHex(v, 0.45);
+            }
+            return out;
+        },
+    },
+];
+/** Parse a persisted Overrides JSON map: trims keys, drops blanks, coerces values to strings. */
+export function parseOverridesJson(json) {
+    if (!json)
+        return {};
+    try {
+        const obj = JSON.parse(json);
+        const out = {};
+        for (const [k, v] of Object.entries(obj)) {
+            if (k.trim())
+                out[k.trim()] = String(v);
+        }
+        return out;
+    }
+    catch {
+        return {};
+    }
+}
+/**
+ * Pick the WORST of the light/dark text-on-primary contrast checks (Q1#3) — a failing
+ * dark pair must not hide while previewing light. A failing mode always beats a passing
+ * one; between two of the same outcome, lower ratio wins.
+ */
+export function pickWorstOnPrimary(light, dark) {
+    if (!light || !dark) {
+        const only = light ?? dark;
+        return only ? { check: only, mode: light ? 'light' : 'dark' } : undefined;
+    }
+    if (light.passes !== dark.passes) {
+        return light.passes ? { check: dark, mode: 'dark' } : { check: light, mode: 'light' };
+    }
+    return light.ratio <= dark.ratio ? { check: light, mode: 'light' } : { check: dark, mode: 'dark' };
+}
+/** Inline custom-CSS validation (Q3#6): @import removal notice + unknown --mj-* names. */
+export function buildCssWarnings(css, knownTokens) {
+    const warnings = [];
+    if (/@import\b/i.test(css)) {
+        warnings.push('@import is not supported and is removed on save.');
+    }
+    const unknown = new Set();
+    for (const match of css.matchAll(/--mj-[a-zA-Z0-9-]+/g)) {
+        if (!knownTokens.has(match[0]))
+            unknown.add(match[0]);
+    }
+    if (unknown.size > 0) {
+        const list = Array.from(unknown);
+        const shown = list.slice(0, 4).join(', ');
+        warnings.push(`Unknown token${list.length > 1 ? 's' : ''}: ${shown}${list.length > 4 ? ` (+${list.length - 4} more)` : ''} — check the token browser for exact names.`);
+    }
+    return warnings;
+}
+//# sourceMappingURL=theme-studio.constants.js.map

package/dist/ThemeStudio/theme-studio.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-studio.constants.js","sourceRoot":"","sources":["../../src/ThemeStudio/theme-studio.constants.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Shared constants for the Theme Studio + Theme Manager.\n * @module ThemeStudio\n */\n\nimport { ContrastCheck, DerivedTheme, hexToOKLCH, oklchToHex, ThemeSeeds } from '@memberjunction/theme-engine';\n\n/**\n * The seeded, built-in MemberJunction theme (created by migration\n * V202607202101__v5.49.x__Add_Theme_Entity.sql with this stable, hardcoded ID).\n * It is protected from edit and delete so there is always a safe fallback theme,\n * regardless of what the user does to their own themes. Duplicating it is allowed.\n */\nexport const MJ_BUILTIN_THEME_ID = '64A6B519-CFBA-4F25-98D4-8398D397E21C';\n\n/** Whether a theme id is the protected built-in MemberJunction theme (case-insensitive). */\nexport function isBuiltInTheme(id: string | null | undefined): boolean {\n  return !!id && id.toUpperCase() === MJ_BUILTIN_THEME_ID;\n}\n\n/** A chrome selector a themer can target from Custom CSS, with a one-line description. */\nexport interface ChromeSelectorInfo {\n  selector: string;\n  description: string;\n}\n\n/**\n * Real MJ chrome selectors a themer can target from Custom CSS — component element\n * tags (Angular selectors) + the shell logo class, each with a one-line description\n * so the catalog can render as clickable chips instead of hiding behind typing.\n * Curated to the persistent chrome worth theming (not transient dialogs/resources).\n * Element tags are reliable targets; internal component classes are view-encapsulated\n * and generally not selectable from an overlay.\n */\nexport const MJ_CHROME_SELECTOR_INFO: ChromeSelectorInfo[] = [\n  { selector: 'mj-shell', description: 'The top-level app shell (header bar + workspace)' },\n  { selector: 'mj-app-nav', description: 'Top app navigation strip' },\n  { selector: 'mj-app-switcher', description: 'App switcher menu' },\n  { selector: 'mj-tab-container', description: 'Workspace tab strip + tab content host' },\n  { selector: 'mj-single-dashboard', description: 'Dashboard resource host' },\n  { selector: 'mj-single-record', description: 'Record form resource host' },\n  { selector: 'mj-single-query', description: 'Query resource host' },\n  { selector: 'mj-single-search-result', description: 'Search results resource host' },\n  { selector: 'mj-command-palette', description: 'Cmd/Ctrl-K command palette' },\n  { selector: 'mj-omnibar-palette', description: 'Omnibar search palette' },\n  { selector: 'mj-notifications-resource', description: 'Notifications panel' },\n  { selector: 'mj-empty-state', description: 'Empty-state placeholder blocks' },\n  { selector: 'mj-loading', description: 'Loading indicator (animated logo)' },\n  { selector: 'mj-dialog', description: 'Modal dialogs' },\n  { selector: 'mj-dialog-actions', description: 'Dialog footer action row' },\n  { selector: 'mj-profile-dialog', description: 'User profile dialog' },\n  { selector: 'mj-server-connectivity-banner', description: 'Server connectivity banner' },\n  { selector: 'mj-system-validation-banner', description: 'System validation banner' },\n  { selector: '.mj-logo', description: 'The shell logo element' },\n];\n\n/** Flat selector list (autocomplete + validation). */\nexport const MJ_CHROME_SELECTORS: string[] = MJ_CHROME_SELECTOR_INFO.map((i) => i.selector);\n\n/** One category in the visual token browser. */\nexport interface TokenCategory {\n  key: string;\n  label: string;\n  match: RegExp;\n}\n\n/**\n * Categories for the visual token browser, in display order. A token lands in the\n * first category whose regex matches; anything unmatched (e.g. an override of a base\n * token outside the derived contract) falls into the trailing \"Other\" bucket the\n * component appends.\n */\nexport const TOKEN_CATEGORIES: TokenCategory[] = [\n  { key: 'brand', label: 'Brand', match: /^--mj-brand-/ },\n  { key: 'bg', label: 'Backgrounds', match: /^--mj-bg-/ },\n  { key: 'text', label: 'Text', match: /^--mj-text-/ },\n  { key: 'border', label: 'Borders', match: /^--mj-border-/ },\n  { key: 'status', label: 'Status', match: /^--mj-status-/ },\n  { key: 'viz', label: 'Viz', match: /^--mj-viz-/ },\n  { key: 'shape', label: 'Shape', match: /^--mj-(radius|shadow)-/ },\n  { key: 'type', label: 'Type', match: /^--mj-font-/ },\n  { key: 'ramps', label: 'Ramps (primitives)', match: /^--mj-color-/ },\n];\n\n/**\n * Reverse-highlight map: token name → selectors INSIDE the preview canvas whose\n * rendering uses that token. The canvas markup + CSS are authored in this package,\n * so this mapping is exact by construction (unlike inferring provenance from\n * resolved styles, which is deliberately out of scope). Tokens without an entry\n * simply don't highlight. Selectors are matched under `.ts-canvas`.\n */\nexport const TOKEN_PREVIEW_TARGETS: Record<string, string[]> = {\n  '--mj-brand-primary': ['.mx-btn.pri', '.mx-av', '.mx-appico', '.mx-tabs i.on', '.mx-prog i', '.mx-swch:not(.off)', '.rhead', 'table.grid th', '.ag-find .fdot', '.mx-btn.out'],\n  '--mj-brand-primary-hover': ['.states-row .is-hover'],\n  '--mj-brand-primary-active': ['.states-row .is-active'],\n  '--mj-brand-on-primary': ['.mx-btn.pri', '.mx-av', '.rhead'],\n  '--mj-brand-accent': ['.kpi', '.zone-lab'],\n  '--mj-bg-page': ['.mx', '.pv-view'],\n  '--mj-bg-surface': ['.mx-shell', '.mx-ph', '.mx-cell', '.mx-chip', '.report'],\n  '--mj-bg-surface-card': ['.kpi', '.rfoot', '.ag-find', 'table.grid tr:nth-child(even) td'],\n  '--mj-bg-surface-sunken': ['.mx-search', '.mx-input', '.mx-btn.sec', '.mx-dlg-t', '.mx-stat.neu'],\n  '--mj-bg-surface-hover': ['.mx-nav b', '.mx-lnav b', '.mx-chip'],\n  '--mj-text-primary': ['.mx-ph-title', '.mx-dlg-t', '.kpi .n', 'table.grid td b'],\n  '--mj-text-secondary': ['.mx-lbl', '.mx-tabs i', 'table.grid td', '.ag-sum', '.bar .bv'],\n  '--mj-text-muted': ['.mx-cap', '.mx-ph-sub', '.kpi .l', '.cats span', '.rfoot'],\n  '--mj-border-default': ['.mx-cell', '.mx-shell', '.mx-input', '.mx-dlg', 'table.grid td'],\n  '--mj-border-strong': ['.mx-swch.off'],\n  '--mj-border-focus': ['.mx-input.focus', '.states-row .is-focus'],\n  '--mj-status-success': ['.mx-stat.suc', '.kpi .d.up'],\n  '--mj-status-success-bg': ['.mx-stat.suc'],\n  '--mj-status-success-text': ['.mx-stat.suc'],\n  '--mj-status-warning': ['.mx-stat.wrn'],\n  '--mj-status-warning-bg': ['.mx-stat.wrn'],\n  '--mj-status-warning-text': ['.mx-stat.wrn'],\n  '--mj-status-error': ['.mx-btn.dgr', '.kpi .d.dn'],\n  '--mj-status-info': ['.mx-alert'],\n  '--mj-status-info-bg': ['.mx-alert'],\n  '--mj-status-info-text': ['.mx-alert'],\n  '--mj-status-info-border': ['.mx-alert'],\n  '--mj-viz-1': ['.bar:nth-child(1) .fill'],\n  '--mj-viz-2': ['.bar:nth-child(2) .fill'],\n  '--mj-viz-3': ['.bar:nth-child(3) .fill'],\n  '--mj-viz-4': ['.bar:nth-child(4) .fill'],\n  '--mj-viz-5': ['.bar:nth-child(5) .fill'],\n  '--mj-viz-6': ['.bar:nth-child(6) .fill'],\n  '--mj-radius-sm': ['.mx-btn', '.mx-input', '.mx-alert'],\n  '--mj-radius-md': ['.mx-cell', '.mx-dlg', '.kpi', '.ag-find'],\n  '--mj-radius-lg': ['.mx', '.report'],\n  '--mj-shadow-brand-md': ['.report'],\n  '--mj-font-family': ['.mx-ph-title', '.ag-sum', '.kpi .n'],\n};\n\n/**\n * A curated intent that expands to a token-override set (Q2 recipes): taste-level\n * power with zero token names on screen. Values are computed at toggle-on time from\n * the CURRENT derived theme so they follow the brand; toggling off removes exactly\n * the keys the recipe produced. Fully reversible, serialized through the same\n * `Overrides` JSON as hand-edited tokens.\n */\nexport interface ThemeRecipe {\n  id: string;\n  name: string;\n  description: string;\n  tokens: (derived: DerivedTheme, seeds: ThemeSeeds) => Record<string, string>;\n}\n\n/** Reduce a hex color's OKLCH chroma by `factor` (0..1 = fully muted..unchanged). */\nfunction muteHex(hex: string, factor: number): string {\n  const c = hexToOKLCH(hex);\n  return oklchToHex({ ...c, c: c.c * factor });\n}\n\nexport const THEME_RECIPES: ThemeRecipe[] = [\n  {\n    id: 'flatter',\n    name: 'Flatter look',\n    description: 'Remove elevation shadows for a flat, print-like surface.',\n    tokens: () => ({\n      '--mj-shadow-brand-sm': 'none',\n      '--mj-shadow-brand-md': 'none',\n      '--mj-shadow-sm': 'none',\n      '--mj-shadow-md': 'none',\n      '--mj-shadow-lg': 'none',\n    }),\n  },\n  {\n    id: 'softer',\n    name: 'Softer corners',\n    description: 'Rounder radii across chrome and generated content.',\n    tokens: (_derived, seeds) => {\n      const base = Math.max(12, (seeds.radius ?? 8) * 1.5);\n      const px = (n: number) => `${Math.round(n)}px`;\n      return {\n        '--mj-radius-sm': px(base / 2),\n        '--mj-radius-md': px(base),\n        '--mj-radius-lg': px(base * 1.5),\n        '--mj-radius-xl': px(base * 2),\n        '--mj-radius-2xl': px(base * 3),\n      };\n    },\n  },\n  {\n    id: 'muted',\n    name: 'Muted professional',\n    description: 'Desaturate accent, tertiary, and chart colors for a quieter palette.',\n    // Mutes the PRIMITIVE ramps (not the semantic tokens): every semantic token and\n    // the dark block re-point off the primitives, so both modes stay correct.\n    tokens: (derived) => {\n      const out: Record<string, string> = {};\n      for (const [k, v] of Object.entries(derived.primitives)) {\n        if (/^--mj-color-(accent|tertiary)-/.test(k)) out[k] = muteHex(v, 0.4);\n      }\n      for (let i = 1; i <= 10; i++) {\n        const v = derived.overlayVars[`--mj-viz-${i}`];\n        if (v) out[`--mj-viz-${i}`] = muteHex(v, 0.45);\n      }\n      return out;\n    },\n  },\n];\n\n/** Parse a persisted Overrides JSON map: trims keys, drops blanks, coerces values to strings. */\nexport function parseOverridesJson(json: string | null): Record<string, string> {\n  if (!json) return {};\n  try {\n    const obj = JSON.parse(json) as Record<string, string>;\n    const out: Record<string, string> = {};\n    for (const [k, v] of Object.entries(obj)) {\n      if (k.trim()) out[k.trim()] = String(v);\n    }\n    return out;\n  } catch {\n    return {};\n  }\n}\n\n/**\n * Pick the WORST of the light/dark text-on-primary contrast checks (Q1#3) — a failing\n * dark pair must not hide while previewing light. A failing mode always beats a passing\n * one; between two of the same outcome, lower ratio wins.\n */\nexport function pickWorstOnPrimary(\n  light: ContrastCheck | undefined,\n  dark: ContrastCheck | undefined,\n): { check: ContrastCheck; mode: 'light' | 'dark' } | undefined {\n  if (!light || !dark) {\n    const only = light ?? dark;\n    return only ? { check: only, mode: light ? 'light' : 'dark' } : undefined;\n  }\n  if (light.passes !== dark.passes) {\n    return light.passes ? { check: dark, mode: 'dark' } : { check: light, mode: 'light' };\n  }\n  return light.ratio <= dark.ratio ? { check: light, mode: 'light' } : { check: dark, mode: 'dark' };\n}\n\n/** Inline custom-CSS validation (Q3#6): @import removal notice + unknown --mj-* names. */\nexport function buildCssWarnings(css: string, knownTokens: ReadonlySet<string>): string[] {\n  const warnings: string[] = [];\n  if (/@import\\b/i.test(css)) {\n    warnings.push('@import is not supported and is removed on save.');\n  }\n  const unknown = new Set<string>();\n  for (const match of css.matchAll(/--mj-[a-zA-Z0-9-]+/g)) {\n    if (!knownTokens.has(match[0])) unknown.add(match[0]);\n  }\n  if (unknown.size > 0) {\n    const list = Array.from(unknown);\n    const shown = list.slice(0, 4).join(', ');\n    warnings.push(\n      `Unknown token${list.length > 1 ? 's' : ''}: ${shown}${list.length > 4 ? ` (+${list.length - 4} more)` : ''} — check the token browser for exact names.`,\n    );\n  }\n  return warnings;\n}\n"]}

package/dist/core-dashboards.module.d.ts

@@ -4,64 +4,68 @@ import * as i2 from "./BulkOperations/bulk-operations-operations.component";
 import * as i3 from "./BulkOperations/bulk-operations-run-history.component";
 import * as i4 from "./EntityAdmin/entity-admin-dashboard.component";
 import * as i5 from "./Home/home-dashboard.component";
-import * as i6 from "./Home/action-pin-config-dialog.component";
-import * as i7 from "./Home/action-pin-runner-dialog.component";
-import * as i8 from "./SystemDiagnostics/system-diagnostics.component";
-import * as i9 from "./DevTools/app-state-inspector.component";
-import * as i10 from "./DevTools/layout-inspector.component";
-import * as i11 from "./DevTools/class-registry.component";
-import * as i12 from "./DevTools/lazy-module-status.component";
-import * as i13 from "./DevTools/settings-explorer.component";
-import * as i14 from "./DevTools/event-monitor.component";
-import * as i15 from "./DevTools/graphql-console.component";
-import * as i16 from "./Admin/admin-dev-tools-resource.component";
-import * as i17 from "./Admin/admin-identity-access.component";
-import * as i18 from "./Admin/admin-data-schema.component";
-import * as i19 from "./Admin/admin-monitoring.component";
-import * as i20 from "./QueryBrowser/query-browser-resource.component";
-import * as i21 from "./DashboardBrowser/dashboard-browser-resource.component";
-import * as i22 from "./DashboardBrowser/dashboard-share-dialog.component";
-import * as i23 from "./APIKeys/api-keys-resource.component";
-import * as i24 from "./APIKeys/api-key-create-dialog.component";
-import * as i25 from "./APIKeys/api-key-edit-panel.component";
-import * as i26 from "./APIKeys/api-key-list.component";
-import * as i27 from "./APIKeys/api-applications-panel.component";
-import * as i28 from "./APIKeys/api-scopes-panel.component";
-import * as i29 from "./APIKeys/api-usage-panel.component";
-import * as i30 from "./ApplicationRoles/application-roles-resource.component";
-import * as i31 from "./RealtimeRecordings/realtime-recordings-dashboard.component";
-import * as i32 from "./Permissions/user-access-resource.component";
-import * as i33 from "./Permissions/resource-access-resource.component";
-import * as i34 from "./Permissions/audit-log-resource.component";
-import * as i35 from "./VersionHistory/components/labels-resource.component";
-import * as i36 from "./VersionHistory/components/diff-resource.component";
-import * as i37 from "./VersionHistory/components/restore-resource.component";
-import * as i38 from "./VersionHistory/components/graph-resource.component";
-import * as i39 from "@angular/common";
-import * as i40 from "@angular/forms";
-import * as i41 from "@memberjunction/ng-ui-components";
-import * as i42 from "@memberjunction/ng-container-directives";
-import * as i43 from "@memberjunction/ng-shared-generic";
-import * as i44 from "@memberjunction/ng-record-process-studio";
-import * as i45 from "@memberjunction/ng-code-editor";
-import * as i46 from "@memberjunction/ng-explorer-settings";
-import * as i47 from "@memberjunction/ng-entity-relationship-diagram";
-import * as i48 from "@memberjunction/ng-query-viewer";
-import * as i49 from "@memberjunction/ng-dashboard-viewer";
-import * as i50 from "@memberjunction/ng-versions";
-import * as i51 from "@memberjunction/ng-export-service";
-import * as i52 from "@memberjunction/ng-trees";
-import * as i53 from "@memberjunction/ng-resource-permissions";
-import * as i54 from "./shared/shared-pipes.module";
-import * as i55 from "angular-split";
-import * as i56 from "@memberjunction/ng-media-player";
+import * as i6 from "./ThemeStudio/theme-studio-dashboard.component";
+import * as i7 from "./ThemeStudio/theme-studio-resource.component";
+import * as i8 from "./ThemeStudio/theme-manager-dashboard.component";
+import * as i9 from "./ThemeStudio/theme-manager-resource.component";
+import * as i10 from "./Home/action-pin-config-dialog.component";
+import * as i11 from "./Home/action-pin-runner-dialog.component";
+import * as i12 from "./SystemDiagnostics/system-diagnostics.component";
+import * as i13 from "./DevTools/app-state-inspector.component";
+import * as i14 from "./DevTools/layout-inspector.component";
+import * as i15 from "./DevTools/class-registry.component";
+import * as i16 from "./DevTools/lazy-module-status.component";
+import * as i17 from "./DevTools/settings-explorer.component";
+import * as i18 from "./DevTools/event-monitor.component";
+import * as i19 from "./DevTools/graphql-console.component";
+import * as i20 from "./Admin/admin-dev-tools-resource.component";
+import * as i21 from "./Admin/admin-identity-access.component";
+import * as i22 from "./Admin/admin-data-schema.component";
+import * as i23 from "./Admin/admin-monitoring.component";
+import * as i24 from "./QueryBrowser/query-browser-resource.component";
+import * as i25 from "./DashboardBrowser/dashboard-browser-resource.component";
+import * as i26 from "./DashboardBrowser/dashboard-share-dialog.component";
+import * as i27 from "./APIKeys/api-keys-resource.component";
+import * as i28 from "./APIKeys/api-key-create-dialog.component";
+import * as i29 from "./APIKeys/api-key-edit-panel.component";
+import * as i30 from "./APIKeys/api-key-list.component";
+import * as i31 from "./APIKeys/api-applications-panel.component";
+import * as i32 from "./APIKeys/api-scopes-panel.component";
+import * as i33 from "./APIKeys/api-usage-panel.component";
+import * as i34 from "./ApplicationRoles/application-roles-resource.component";
+import * as i35 from "./RealtimeRecordings/realtime-recordings-dashboard.component";
+import * as i36 from "./Permissions/user-access-resource.component";
+import * as i37 from "./Permissions/resource-access-resource.component";
+import * as i38 from "./Permissions/audit-log-resource.component";
+import * as i39 from "./VersionHistory/components/labels-resource.component";
+import * as i40 from "./VersionHistory/components/diff-resource.component";
+import * as i41 from "./VersionHistory/components/restore-resource.component";
+import * as i42 from "./VersionHistory/components/graph-resource.component";
+import * as i43 from "@angular/common";
+import * as i44 from "@angular/forms";
+import * as i45 from "@memberjunction/ng-ui-components";
+import * as i46 from "@memberjunction/ng-container-directives";
+import * as i47 from "@memberjunction/ng-shared-generic";
+import * as i48 from "@memberjunction/ng-record-process-studio";
+import * as i49 from "@memberjunction/ng-code-editor";
+import * as i50 from "@memberjunction/ng-explorer-settings";
+import * as i51 from "@memberjunction/ng-entity-relationship-diagram";
+import * as i52 from "@memberjunction/ng-query-viewer";
+import * as i53 from "@memberjunction/ng-dashboard-viewer";
+import * as i54 from "@memberjunction/ng-versions";
+import * as i55 from "@memberjunction/ng-export-service";
+import * as i56 from "@memberjunction/ng-trees";
+import * as i57 from "@memberjunction/ng-resource-permissions";
+import * as i58 from "./shared/shared-pipes.module";
+import * as i59 from "angular-split";
+import * as i60 from "@memberjunction/ng-media-player";
 /**
  * CoreDashboardsModule — eagerly loaded core features: Home, EntityAdmin,
  * SystemDiagnostics, QueryBrowser, DashboardBrowser, APIKeys, VersionHistory.
  */
 export declare class CoreDashboardsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreDashboardsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreDashboardsModule, [typeof i1.BulkOperationsContainerComponent, typeof i2.BulkOperationsOperationsComponent, typeof i3.BulkOperationsRunHistoryComponent, typeof i4.EntityAdminDashboardComponent, typeof i5.HomeDashboardComponent, typeof i6.ActionPinConfigDialogComponent, typeof i7.ActionPinRunnerDialogComponent, typeof i8.SystemDiagnosticsComponent, typeof i9.AppStateInspectorComponent, typeof i10.LayoutInspectorComponent, typeof i11.ClassRegistryInspectorComponent, typeof i12.LazyModuleStatusComponent, typeof i13.SettingsExplorerComponent, typeof i14.EventMonitorComponent, typeof i15.GraphQLConsoleComponent, typeof i16.AdminDevToolsResourceComponent, typeof i17.AdminIdentityAccessComponent, typeof i18.AdminDataSchemaComponent, typeof i19.AdminMonitoringComponent, typeof i20.QueryBrowserResourceComponent, typeof i21.DashboardBrowserResourceComponent, typeof i22.DashboardShareDialogComponent, typeof i23.APIKeysResourceComponent, typeof i24.APIKeyCreateDialogComponent, typeof i25.APIKeyEditPanelComponent, typeof i26.APIKeyListComponent, typeof i27.APIApplicationsPanelComponent, typeof i28.APIScopesPanelComponent, typeof i29.APIUsagePanelComponent, typeof i30.ApplicationRolesResourceComponent, typeof i31.RealtimeRecordingsDashboardComponent, typeof i32.PermissionsUserAccessResourceComponent, typeof i33.PermissionsResourceAccessResourceComponent, typeof i34.PermissionsAuditLogResourceComponent, typeof i35.VersionHistoryLabelsResourceComponent, typeof i36.VersionHistoryDiffResourceComponent, typeof i37.VersionHistoryRestoreResourceComponent, typeof i38.VersionHistoryGraphResourceComponent], [typeof i39.CommonModule, typeof i40.FormsModule, typeof i40.ReactiveFormsModule, typeof i41.MJButtonDirective, typeof i41.MJClickableDirective, typeof i41.MJDatepickerComponent, typeof i41.MJWindowComponent, typeof i41.MJWindowTitlebarComponent, typeof i41.MJDropdownComponent, typeof i41.MJComboboxComponent, typeof i41.MJPageHeaderComponent, typeof i41.MJPageLayoutComponent, typeof i41.MJPageBodyComponent, typeof i41.MJPageSearchComponent, typeof i41.MJFilterPopoverComponent, typeof i41.MJFilterPanelComponent, typeof i41.MJFilterChipComponent, typeof i41.MJPageHeaderInteriorComponent, typeof i41.MJPageBodyInteriorComponent, typeof i41.MJViewToggleComponent, typeof i41.MJStatBadgeComponent, typeof i41.MJRefreshButtonComponent, typeof i41.MJLeftNavComponent, typeof i41.MJLeftNavContentComponent, typeof i41.MJTabNavComponent, typeof i41.MJEmptyStateComponent, typeof i41.MJAlertComponent, typeof i41.MJAccordionModule, typeof i42.ContainerDirectivesModule, typeof i43.SharedGenericModule, typeof i44.RecordProcessStudioComponent, typeof i44.RecordProcessHistoryComponent, typeof i45.CodeEditorModule, typeof i46.ExplorerSettingsModule, typeof i47.EntityRelationshipDiagramModule, typeof i48.QueryViewerModule, typeof i49.DashboardViewerModule, typeof i50.VersionsModule, typeof i51.ExportServiceModule, typeof i52.NgTreesModule, typeof i53.ResourcePermissionsModule, typeof i54.SharedPipesModule, typeof i55.AngularSplitModule, typeof i56.MJStorageMediaPlayerComponent], [typeof i1.BulkOperationsContainerComponent, typeof i2.BulkOperationsOperationsComponent, typeof i3.BulkOperationsRunHistoryComponent, typeof i4.EntityAdminDashboardComponent, typeof i5.HomeDashboardComponent, typeof i8.SystemDiagnosticsComponent, typeof i9.AppStateInspectorComponent, typeof i10.LayoutInspectorComponent, typeof i11.ClassRegistryInspectorComponent, typeof i12.LazyModuleStatusComponent, typeof i13.SettingsExplorerComponent, typeof i14.EventMonitorComponent, typeof i15.GraphQLConsoleComponent, typeof i16.AdminDevToolsResourceComponent, typeof i17.AdminIdentityAccessComponent, typeof i18.AdminDataSchemaComponent, typeof i19.AdminMonitoringComponent, typeof i20.QueryBrowserResourceComponent, typeof i21.DashboardBrowserResourceComponent, typeof i22.DashboardShareDialogComponent, typeof i23.APIKeysResourceComponent, typeof i24.APIKeyCreateDialogComponent, typeof i25.APIKeyEditPanelComponent, typeof i26.APIKeyListComponent, typeof i27.APIApplicationsPanelComponent, typeof i28.APIScopesPanelComponent, typeof i29.APIUsagePanelComponent, typeof i30.ApplicationRolesResourceComponent, typeof i31.RealtimeRecordingsDashboardComponent, typeof i32.PermissionsUserAccessResourceComponent, typeof i33.PermissionsResourceAccessResourceComponent, typeof i34.PermissionsAuditLogResourceComponent, typeof i35.VersionHistoryLabelsResourceComponent, typeof i36.VersionHistoryDiffResourceComponent, typeof i37.VersionHistoryRestoreResourceComponent, typeof i38.VersionHistoryGraphResourceComponent, typeof i54.SharedPipesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreDashboardsModule, [typeof i1.BulkOperationsContainerComponent, typeof i2.BulkOperationsOperationsComponent, typeof i3.BulkOperationsRunHistoryComponent, typeof i4.EntityAdminDashboardComponent, typeof i5.HomeDashboardComponent, typeof i6.ThemeStudioDashboardComponent, typeof i7.ThemeStudioResourceComponent, typeof i8.ThemeManagerDashboardComponent, typeof i9.ThemeManagerResourceComponent, typeof i10.ActionPinConfigDialogComponent, typeof i11.ActionPinRunnerDialogComponent, typeof i12.SystemDiagnosticsComponent, typeof i13.AppStateInspectorComponent, typeof i14.LayoutInspectorComponent, typeof i15.ClassRegistryInspectorComponent, typeof i16.LazyModuleStatusComponent, typeof i17.SettingsExplorerComponent, typeof i18.EventMonitorComponent, typeof i19.GraphQLConsoleComponent, typeof i20.AdminDevToolsResourceComponent, typeof i21.AdminIdentityAccessComponent, typeof i22.AdminDataSchemaComponent, typeof i23.AdminMonitoringComponent, typeof i24.QueryBrowserResourceComponent, typeof i25.DashboardBrowserResourceComponent, typeof i26.DashboardShareDialogComponent, typeof i27.APIKeysResourceComponent, typeof i28.APIKeyCreateDialogComponent, typeof i29.APIKeyEditPanelComponent, typeof i30.APIKeyListComponent, typeof i31.APIApplicationsPanelComponent, typeof i32.APIScopesPanelComponent, typeof i33.APIUsagePanelComponent, typeof i34.ApplicationRolesResourceComponent, typeof i35.RealtimeRecordingsDashboardComponent, typeof i36.PermissionsUserAccessResourceComponent, typeof i37.PermissionsResourceAccessResourceComponent, typeof i38.PermissionsAuditLogResourceComponent, typeof i39.VersionHistoryLabelsResourceComponent, typeof i40.VersionHistoryDiffResourceComponent, typeof i41.VersionHistoryRestoreResourceComponent, typeof i42.VersionHistoryGraphResourceComponent], [typeof i43.CommonModule, typeof i44.FormsModule, typeof i44.ReactiveFormsModule, typeof i45.MJButtonDirective, typeof i45.MJClickableDirective, typeof i45.MJDatepickerComponent, typeof i45.MJWindowComponent, typeof i45.MJWindowTitlebarComponent, typeof i45.MJDropdownComponent, typeof i45.MJComboboxComponent, typeof i45.MJPageHeaderComponent, typeof i45.MJPageLayoutComponent, typeof i45.MJPageBodyComponent, typeof i45.MJPageSearchComponent, typeof i45.MJFilterPopoverComponent, typeof i45.MJFilterPanelComponent, typeof i45.MJFilterChipComponent, typeof i45.MJPageHeaderInteriorComponent, typeof i45.MJPageBodyInteriorComponent, typeof i45.MJViewToggleComponent, typeof i45.MJStatBadgeComponent, typeof i45.MJRefreshButtonComponent, typeof i45.MJLeftNavComponent, typeof i45.MJLeftNavContentComponent, typeof i45.MJSwitchComponent, typeof i45.MJTabNavComponent, typeof i45.MJEmptyStateComponent, typeof i45.MJAlertComponent, typeof i45.MJAccordionModule, typeof i46.ContainerDirectivesModule, typeof i47.SharedGenericModule, typeof i48.RecordProcessStudioComponent, typeof i48.RecordProcessHistoryComponent, typeof i49.CodeEditorModule, typeof i50.ExplorerSettingsModule, typeof i51.EntityRelationshipDiagramModule, typeof i52.QueryViewerModule, typeof i53.DashboardViewerModule, typeof i54.VersionsModule, typeof i55.ExportServiceModule, typeof i56.NgTreesModule, typeof i57.ResourcePermissionsModule, typeof i58.SharedPipesModule, typeof i59.AngularSplitModule, typeof i60.MJStorageMediaPlayerComponent], [typeof i1.BulkOperationsContainerComponent, typeof i2.BulkOperationsOperationsComponent, typeof i3.BulkOperationsRunHistoryComponent, typeof i4.EntityAdminDashboardComponent, typeof i5.HomeDashboardComponent, typeof i6.ThemeStudioDashboardComponent, typeof i7.ThemeStudioResourceComponent, typeof i8.ThemeManagerDashboardComponent, typeof i9.ThemeManagerResourceComponent, typeof i12.SystemDiagnosticsComponent, typeof i13.AppStateInspectorComponent, typeof i14.LayoutInspectorComponent, typeof i15.ClassRegistryInspectorComponent, typeof i16.LazyModuleStatusComponent, typeof i17.SettingsExplorerComponent, typeof i18.EventMonitorComponent, typeof i19.GraphQLConsoleComponent, typeof i20.AdminDevToolsResourceComponent, typeof i21.AdminIdentityAccessComponent, typeof i22.AdminDataSchemaComponent, typeof i23.AdminMonitoringComponent, typeof i24.QueryBrowserResourceComponent, typeof i25.DashboardBrowserResourceComponent, typeof i26.DashboardShareDialogComponent, typeof i27.APIKeysResourceComponent, typeof i28.APIKeyCreateDialogComponent, typeof i29.APIKeyEditPanelComponent, typeof i30.APIKeyListComponent, typeof i31.APIApplicationsPanelComponent, typeof i32.APIScopesPanelComponent, typeof i33.APIUsagePanelComponent, typeof i34.ApplicationRolesResourceComponent, typeof i35.RealtimeRecordingsDashboardComponent, typeof i36.PermissionsUserAccessResourceComponent, typeof i37.PermissionsResourceAccessResourceComponent, typeof i38.PermissionsAuditLogResourceComponent, typeof i39.VersionHistoryLabelsResourceComponent, typeof i40.VersionHistoryDiffResourceComponent, typeof i41.VersionHistoryRestoreResourceComponent, typeof i42.VersionHistoryGraphResourceComponent, typeof i58.SharedPipesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreDashboardsModule>;
 }
 export type { ShareDialogResult } from './DashboardBrowser/dashboard-share-dialog.component';

package/dist/core-dashboards.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core-dashboards.module.d.ts","sourceRoot":"","sources":["../src/core-dashboards.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA;;;GAGG;AACH,qBAoIa,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAAI;AAGrC,YAAY,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,qDAAqD,CAAC;AAIpG,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"core-dashboards.module.d.ts","sourceRoot":"","sources":["../src/core-dashboards.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA;;;GAGG;AACH,qBA6Ia,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAAI;AAGrC,YAAY,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,6BAA6B,EAAE,MAAM,qDAAqD,CAAC;AAIpG,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/core-dashboards.module.js

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MJButtonDirective, MJClickableDirective, MJDatepickerComponent, MJWindowComponent, MJWindowTitlebarComponent, MJDropdownComponent, MJComboboxComponent, MJPageHeaderComponent, MJPageLayoutComponent, MJPageBodyComponent, MJPageSearchComponent, MJFilterPopoverComponent, MJFilterPanelComponent, MJFilterChipComponent, MJPageHeaderInteriorComponent, MJPageBodyInteriorComponent, MJViewToggleComponent, MJStatBadgeComponent, MJRefreshButtonComponent, MJLeftNavComponent, MJLeftNavContentComponent, MJTabNavComponent, MJEmptyStateComponent, MJAlertComponent, MJAccordionModule } from '@memberjunction/ng-ui-components';
+import { MJButtonDirective, MJClickableDirective, MJDatepickerComponent, MJWindowComponent, MJWindowTitlebarComponent, MJDropdownComponent, MJComboboxComponent, MJPageHeaderComponent, MJPageLayoutComponent, MJPageBodyComponent, MJPageSearchComponent, MJFilterPopoverComponent, MJFilterPanelComponent, MJFilterChipComponent, MJPageHeaderInteriorComponent, MJPageBodyInteriorComponent, MJViewToggleComponent, MJStatBadgeComponent, MJRefreshButtonComponent, MJLeftNavComponent, MJLeftNavContentComponent, MJSwitchComponent, MJTabNavComponent, MJEmptyStateComponent, MJAlertComponent, MJAccordionModule } from '@memberjunction/ng-ui-components';
 import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
 import { CodeEditorModule } from '@memberjunction/ng-code-editor';
@@ -20,6 +20,10 @@ import { HomeDashboardComponent } from './Home/home-dashboard.component';
 import { ActionPinConfigDialogComponent } from './Home/action-pin-config-dialog.component';
 import { ActionPinRunnerDialogComponent } from './Home/action-pin-runner-dialog.component';
 import { SystemDiagnosticsComponent } from './SystemDiagnostics/system-diagnostics.component';
+import { ThemeStudioDashboardComponent } from './ThemeStudio/theme-studio-dashboard.component';
+import { ThemeStudioResourceComponent } from './ThemeStudio/theme-studio-resource.component';
+import { ThemeManagerDashboardComponent } from './ThemeStudio/theme-manager-dashboard.component';
+import { ThemeManagerResourceComponent } from './ThemeStudio/theme-manager-resource.component';
 // Developer Tools
 import { AppStateInspectorComponent } from './DevTools/app-state-inspector.component';
 import { LayoutInspectorComponent } from './DevTools/layout-inspector.component';
@@ -93,6 +97,7 @@ export class CoreDashboardsModule {
             MJRefreshButtonComponent,
             MJLeftNavComponent,
             MJLeftNavContentComponent,
+            MJSwitchComponent,
             MJTabNavComponent,
             MJEmptyStateComponent,
             MJAlertComponent,
@@ -123,6 +128,10 @@ export class CoreDashboardsModule {
                     BulkOperationsRunHistoryComponent,
                     EntityAdminDashboardComponent,
                     HomeDashboardComponent,
+                    ThemeStudioDashboardComponent,
+                    ThemeStudioResourceComponent,
+                    ThemeManagerDashboardComponent,
+                    ThemeManagerResourceComponent,
                     ActionPinConfigDialogComponent,
                     ActionPinRunnerDialogComponent,
                     SystemDiagnosticsComponent,
@@ -187,6 +196,7 @@ export class CoreDashboardsModule {
                     MJRefreshButtonComponent,
                     MJLeftNavComponent,
                     MJLeftNavContentComponent,
+                    MJSwitchComponent,
                     MJTabNavComponent,
                     MJEmptyStateComponent,
                     MJAlertComponent,
@@ -214,6 +224,10 @@ export class CoreDashboardsModule {
                     BulkOperationsRunHistoryComponent,
                     EntityAdminDashboardComponent,
                     HomeDashboardComponent,
+                    ThemeStudioDashboardComponent,
+                    ThemeStudioResourceComponent,
+                    ThemeManagerDashboardComponent,
+                    ThemeManagerResourceComponent,
                     SystemDiagnosticsComponent,
                     AppStateInspectorComponent,
                     LayoutInspectorComponent,
@@ -254,6 +268,10 @@ export class CoreDashboardsModule {
         BulkOperationsRunHistoryComponent,
         EntityAdminDashboardComponent,
         HomeDashboardComponent,
+        ThemeStudioDashboardComponent,
+        ThemeStudioResourceComponent,
+        ThemeManagerDashboardComponent,
+        ThemeManagerResourceComponent,
         ActionPinConfigDialogComponent,
         ActionPinRunnerDialogComponent,
         SystemDiagnosticsComponent,
@@ -315,6 +333,7 @@ export class CoreDashboardsModule {
         MJRefreshButtonComponent,
         MJLeftNavComponent,
         MJLeftNavContentComponent,
+        MJSwitchComponent,
         MJTabNavComponent,
         MJEmptyStateComponent,
         MJAlertComponent,
@@ -339,6 +358,10 @@ export class CoreDashboardsModule {
         BulkOperationsRunHistoryComponent,
         EntityAdminDashboardComponent,
         HomeDashboardComponent,
+        ThemeStudioDashboardComponent,
+        ThemeStudioResourceComponent,
+        ThemeManagerDashboardComponent,
+        ThemeManagerResourceComponent,
         SystemDiagnosticsComponent,
         AppStateInspectorComponent,
         LayoutInspectorComponent,