udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/cjs/index.cjs.js

@@ -9,8 +9,7 @@ var searchObject = require('./searchObject-DeDFFGcx.js');
 var catalogTree = require('./catalogTree-CnzW15ah.js');
 var configService = require('./configService-D-lDX-f_.js');
 var apiMethodInstance = require('./apiMethodInstance-BBY8QR38.js');
-var webComponents = require('@fluentui/web-components');
-var tokens = require('@fluentui/tokens');
+var themeManager = require('./theme-manager-vLJfQYn8.js');
 require('@stencil/store');
 require('./apiUtils-BJMM5dtn.js');
 require('deep-equal');
@@ -18,6 +17,8 @@ require('./makeApiCall-CFfg9gI0.js');
 require('./tenantUtils-BCKSE0vq.js');
 require('./configureUdpColumnMods-CBB_FuoL.js');
 require('./lookupHelper-CHQgG01N.js');
+require('@fluentui/web-components');
+require('@fluentui/tokens');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -319,155 +320,6 @@ class UdpWebSocketClient {
 UdpWebSocketClient.DEFAULT_KEEPALIVE_INTERVAL_MS = 30000; // 30 sec
 UdpWebSocketClient.DEFAULT_KEEPALIVE_TIMEOUT_MS = 60 * 60 * 1000; // 60 min
 
-/**
- * Helper: Fast Hex to RGB parsing (No DOM access required)
- */
-function hexToRgb(hex) {
-    // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-    const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-    const fullHex = hex.replace(shorthandRegex, (_, r, g, b) => r + r + g + g + b + b);
-    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(fullHex);
-    return result
-        ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16),
-        }
-        : { r: 0, g: 0, b: 0 }; // Fallback
-}
-/**
- * Helper: RGB to Hex
- */
-function rgbToHex(r, g, b) {
-    const toHex = (c) => {
-        const hex = Math.max(0, Math.min(255, Math.round(c))).toString(16);
-        return hex.length === 1 ? '0' + hex : hex;
-    };
-    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-/**
- * Generate a Fluent-compatible palette
- * Fixes: Pins the base color to index 80 so it appears exactly as intended.
- */
-function generatePaletteFromBase(baseColor) {
-    const { r, g, b } = hexToRgb(baseColor);
-    const palette = {};
-    // Fluent typically uses 16 steps (10 to 160)
-    // We pin the input 'baseColor' to step 80 (standard brand token)
-    const brandSlot = 80;
-    for (let i = 1; i <= 16; i++) {
-        const key = i * 10;
-        // If this is our brand slot, use the exact color
-        if (key === brandSlot) {
-            palette[key] = baseColor;
-            continue;
-        }
-        let rNew, gNew, bNew;
-        if (key < brandSlot) {
-            // Darker shades (Mix with Black)
-            // Logic: 10 is darkest, 70 is closer to brand
-            const factor = key / brandSlot; // 0.125 to 0.875
-            // Simple darkening usually creates cleaner results than linear interpolation
-            rNew = r * factor;
-            gNew = g * factor;
-            bNew = b * factor;
-        }
-        else {
-            // Lighter shades (Mix with White)
-            // Logic: 90 is close to brand, 160 is close to white
-            const stepsAbove = 160 - brandSlot; // 80
-            const currentStep = key - brandSlot; // 10 to 80
-            const factor = currentStep / stepsAbove; // 0.125 to 1.0
-            // tinting algorithm
-            rNew = r + (255 - r) * factor;
-            gNew = g + (255 - g) * factor;
-            bNew = b + (255 - b) * factor;
-        }
-        palette[key] = rgbToHex(rNew, gNew, bNew);
-    }
-    return palette;
-}
-/**
- * Apply the requested theme to the document and Fluent UI
- */
-function applyFluentTheme(config) {
-    const { primaryColor, mode } = config;
-    // 1. Generate Palette
-    const brandPalette = generatePaletteFromBase(primaryColor);
-    // 2. Generate Fluent Theme Object
-    const fluentTheme = mode === 'dark' ? tokens.createDarkTheme(brandPalette) : tokens.createLightTheme(brandPalette);
-    // 3. Set Internal Fluent State (Keeps Fluent Components happy and injects standard tokens to body)
-    webComponents.setTheme(fluentTheme);
-    // 4. Apply root-level color and background so currentColor inheritance works across themes, replaces need for CssBaseline MUI component
-    document.documentElement.style.color = 'var(--colorNeutralForeground1)';
-    document.documentElement.style.backgroundColor = 'var(--colorNeutralBackground1)';
-}
-
-/**
- * Theme preset colors
- */
-const THEME_PRESETS = {
-    unity: '#0c2f50',
-    sap: '#344861',
-};
-/**
- * Current theme state
- */
-let currentPrimaryColor = THEME_PRESETS.unity;
-let currentMode = 'light';
-/**
- * Apply theme across all integrated libraries
- */
-function applyThemeToAllLibraries() {
-    // Apply to Fluent UI (This also injects CSS variables into :root)
-    applyFluentTheme({
-        primaryColor: currentPrimaryColor,
-        mode: currentMode,
-    });
-}
-/**
- * Initialize the unified theme system
- */
-function initializeTheme(themeOrConfig) {
-    if (!themeOrConfig) {
-        currentPrimaryColor = THEME_PRESETS.unity;
-        currentMode = 'light';
-    }
-    else if (typeof themeOrConfig === 'string') {
-        currentPrimaryColor = THEME_PRESETS[themeOrConfig];
-        currentMode = 'light';
-    }
-    else {
-        currentPrimaryColor = themeOrConfig.primaryColor || THEME_PRESETS.unity;
-        currentMode = themeOrConfig.mode || 'light';
-    }
-    applyThemeToAllLibraries();
-}
-/**
- * Switch between light and dark mode at runtime
- */
-function setThemeMode(mode) {
-    currentMode = mode;
-    // Update all libraries
-    applyThemeToAllLibraries();
-    // Dispatch event for other components (like React wrappers or Charts)
-    if (typeof window !== 'undefined') {
-        const event = new CustomEvent('theme-changed', {
-            detail: {
-                mode: currentMode,
-                primaryColor: currentPrimaryColor,
-            },
-        });
-        window.dispatchEvent(event);
-    }
-}
-/**
- * Get the current theme mode
- */
-function getCurrentThemeMode() {
-    return currentMode;
-}
-
 exports.formRegistry = formRegistry.formRegistry;
 exports.convertToAgGridColumns = transformSearchData.convertToAgGridColumns;
 exports.createStructuredQuery = transformSearchData.createStructuredQuery;
@@ -496,13 +348,13 @@ exports.findNodeByPath = catalogTree.findNodeByPath;
 exports.isCatalogModelObject = catalogTree.isCatalogModelObject;
 exports.ConfigService = configService.ConfigService;
 exports.buildColumnDefsFromCatalog = apiMethodInstance.buildColumnDefsFromCatalog;
+exports.getCurrentThemeMode = themeManager.getCurrentThemeMode;
+exports.initializeTheme = themeManager.initializeTheme;
+exports.setThemeMode = themeManager.setThemeMode;
 exports.LookupColumnTypeId = LookupColumnTypeId;
 exports.LookupTypeId = LookupTypeId;
 exports.UdpWebSocketClient = UdpWebSocketClient;
 exports.apiMutate = apiMutate;
 exports.createAzureMapsProviders = createAzureMapsProviders;
-exports.getCurrentThemeMode = getCurrentThemeMode;
 exports.getMergedConfig = getMergedConfig;
-exports.initializeTheme = initializeTheme;
-exports.setThemeMode = setThemeMode;
 exports.useMatchBreakpoint = useMatchBreakpoint;