@genesislcap/foundation-ui 14.293.2 → 14.293.3-alpha-16ba6c2.0

package/dist/dts/environment-indicator/environment-indicator.d.ts

@@ -1,61 +1,5 @@
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { FaSize } from '../icon';
-/**
- * Environment configuration interface
- * @public
- */
-export interface EnvironmentConfig {
-    /**
-     * The environment level
-     */
-    level: string;
-    /**
-     * Whether to show an icon for this environment
-     */
-    showIcon?: boolean;
-    /**
-     * The icon name to use
-     * Valid values are from the free set of font awesome icons which can be found here https://fontawesome.com/search?ic=free
-     */
-    icon?: string;
-    /**
-     * The size of the icon
-     */
-    iconSize?: FaSize;
-    /**
-     * The background color for this environment
-     */
-    backgroundColor?: string;
-    /**
-     * The text color for this environment
-     */
-    textColor?: string;
-    /**
-     * The size of the indicator
-     */
-    size?: 'sm' | 'lg';
-    /**
-     * The label to display
-     */
-    label?: string;
-}
-/**
- * Default environment level configuration
- */
-export declare const DEFAULT_ENVIRONMENT_LEVEL_CONFIG: EnvironmentConfig;
-/**
- * Environment indicator configuration interface
- * @public
- */
-export interface EnvironmentIndicatorConfig {
-    currentLevel?: typeof this.level;
-    configs: EnvironmentConfig[];
-}
-/**
- * EnvironmentConfigs DI token.
- * @public
- */
-export declare const EnvironmentIndicatorConfigToken: import("@microsoft/fast-foundation").InterfaceSymbol<EnvironmentIndicatorConfig>;
+import { EnvironmentConfig, EnvironmentIndicatorConfig } from './types';
 /**
  * @tagname %%prefix%%-environment-indicator
  * @description Displays an environment indicator with a label and an icon
@@ -93,7 +37,11 @@ export declare class EnvironmentIndicator extends FoundationElement {
     /**
      * @attr icon-size - the size of the icon
      */
-    iconSize: FaSize;
+    iconSize: EnvironmentConfig['iconSize'];
+    /**
+     * @attr use-default-config - whether to use the default config
+     */
+    useDefaultConfig: boolean;
     /**
      * Current environment configuration
      */
@@ -103,6 +51,15 @@ export declare class EnvironmentIndicator extends FoundationElement {
      */
     envConfigs: EnvironmentConfig[];
     envConfigsChanged(): void;
+    /**
+     * Current environment configuration from DI
+     */
+    diConfig: EnvironmentIndicatorConfig;
+    diConfigChanged(): void;
+    private unsubscribeConfig?;
+    subscribeToDiConfig(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Helper function to get config from attributes
      * @returns the config from attributes
@@ -112,8 +69,7 @@ export declare class EnvironmentIndicator extends FoundationElement {
      * Get the current environment level based on priority order
      */
     private getCurrentEnvironmentLevel;
-    getEnvConfigByLevel(): EnvironmentConfig;
-    connectedCallback(): void;
+    getEnvConfigByLevel(): EnvironmentConfig | undefined;
     /**
      * Handle config change when attributes change
      */

package/dist/dts/environment-indicator/environment-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"environment-indicator.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/environment-indicator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAM,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAKjC;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,iBAO9C,CAAC;AAuBF;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,+BAA+B,kFAG3C,CAAC;AAEF;;;;GAIG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IACzD;;OAEG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACgD,QAAQ,EAAE,OAAO,CAAC;IAErE;;OAEG;IACG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE/B;;OAEG;IACsC,eAAe,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACgC,SAAS,EAAE,MAAM,CAAa;IAEjE;;OAEG;IACG,IAAI,EAAE,MAAM,CAAkB;IAEpC;;OAEG;IAC+B,QAAQ,EAAE,MAAM,CAAQ;IAE1D;;OAEG;IACS,MAAM,EAAE,iBAAiB,CAAoC;IAEzE;;OAEG;IACS,UAAU,EAAE,iBAAiB,EAAE,CAA+B;IAC1E,iBAAiB;IAIjB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;OAEG;IACH,OAAO,CAAC,0BAA0B;IA0BlC,mBAAmB,IAAI,iBAAiB;IAgDxC,iBAAiB;IAKjB;;OAEG;IACH,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAmBzE;;;OAGG;IACH,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE;CAG9C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}
+{"version":3,"file":"environment-indicator.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/environment-indicator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAM,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAUxE;;;;GAIG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IACzD;;OAEG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACgD,QAAQ,EAAE,OAAO,CAAC;IAErE;;OAEG;IACG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE/B;;OAEG;IACsC,eAAe,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACgC,SAAS,EAAE,MAAM,CAAa;IAEjE;;OAEG;IACG,IAAI,EAAE,MAAM,CAAkB;IAEpC;;OAEG;IAC+B,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAQ;IAEjF;;OAEG;IACyD,gBAAgB,EAAE,OAAO,CAAS;IAE9F;;OAEG;IACS,MAAM,EAAE,iBAAiB,CAAoC;IAEzE;;OAEG;IACS,UAAU,EAAE,iBAAiB,EAAE,CAA+B;IAC1E,iBAAiB;IAIjB;;OAEG;IACS,QAAQ,EAAE,0BAA0B,CAAC;IACjD,eAAe;IAIf,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAEvC,mBAAmB;IAYnB,iBAAiB;IAQjB,oBAAoB;IASpB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B;;OAEG;IACH,OAAO,CAAC,0BAA0B;IA+BlC,mBAAmB,IAAI,iBAAiB,GAAG,SAAS;IA8CpD;;OAEG;IACH,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAmBzE;;;OAGG;IACH,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE;CAG9C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}

package/dist/dts/environment-indicator/index.d.ts

@@ -2,4 +2,5 @@ export * from './environment-indicator';
 export * from './environment-indicator.styles';
 export * from './environment-indicator.template';
 export { configureEnvironmentIndicator } from './utils/configure';
+export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/environment-indicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC;AAClE,cAAc,SAAS,CAAC"}

package/dist/dts/environment-indicator/types.d.ts

@@ -0,0 +1,49 @@
+import type { FaSize } from '../icon';
+/**
+ * Environment configuration interface
+ * @public
+ */
+export interface EnvironmentConfig {
+    /**
+     * The environment level
+     */
+    level: string;
+    /**
+     * Whether to show an icon for this environment
+     */
+    showIcon?: boolean;
+    /**
+     * The icon name to use
+     * Valid values are from the free set of font awesome icons which can be found here https://fontawesome.com/search?ic=free
+     */
+    icon?: string;
+    /**
+     * The size of the icon
+     */
+    iconSize?: FaSize;
+    /**
+     * The background color for this environment
+     */
+    backgroundColor?: string;
+    /**
+     * The text color for this environment
+     */
+    textColor?: string;
+    /**
+     * The size of the indicator
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * The label to display
+     */
+    label?: string;
+}
+/**
+ * Environment indicator configuration interface
+ * @public
+ */
+export interface EnvironmentIndicatorConfig {
+    currentLevel?: typeof this.level;
+    configs: EnvironmentConfig[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/dts/environment-indicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B"}

package/dist/dts/environment-indicator/utils/configure.d.ts

@@ -1,3 +1,27 @@
-import type { EnvironmentIndicatorConfig } from '../environment-indicator';
+import type { EnvironmentConfig, EnvironmentIndicatorConfig } from '../types';
+/**
+ * Default environment level
+ */
+export declare const DEFAULT_ENVIRONMENT_LEVEL = "default";
+/**
+ * Default environment level configuration
+ */
+export declare const DEFAULT_ENVIRONMENT_LEVEL_CONFIG: EnvironmentConfig;
+/**
+ * Default environment configurations
+ */
+export declare const DEFAULT_ENVIRONMENT_CONFIGS: EnvironmentConfig[];
+export declare const EnvironmentIndicatorConfigObserver: import("@genesislcap/foundation-utils").Observer<EnvironmentIndicatorConfig>;
+export declare const EnvironmentIndicatorConfigObserverToken: import("@microsoft/fast-foundation").InterfaceSymbol<import("@genesislcap/foundation-utils").Observer<EnvironmentIndicatorConfig>>;
+export declare const EnvironmentIndicatorConfigToken: import("@microsoft/fast-foundation").InterfaceSymbol<EnvironmentIndicatorConfig>;
+/**
+ * Configure the environment indicator
+ * @param options - the options to configure the environment indicator
+ */
 export declare function configureEnvironmentIndicator(options?: EnvironmentIndicatorConfig): Promise<void>;
+/**
+ * Get the current environment indicator configuration from DI
+ * @returns the current configuration or default if not found
+ */
+export declare function getCurrentEnvironmentIndicatorConfig(): EnvironmentIndicatorConfig | undefined;
 //# sourceMappingURL=configure.d.ts.map

package/dist/dts/environment-indicator/utils/configure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configure.d.ts","sourceRoot":"","sources":["../../../../src/environment-indicator/utils/configure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAM3E,wBAAsB,6BAA6B,CACjD,OAAO,GAAE,0BAA4C,iBAYtD"}
+{"version":3,"file":"configure.d.ts","sourceRoot":"","sources":["../../../../src/environment-indicator/utils/configure.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,yBAAyB,YAAY,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,iBAO9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,iBAAiB,EAgB1D,CAAC;AAGF,eAAO,MAAM,kCAAkC,8EAA+C,CAAC;AAG/F,eAAO,MAAM,uCAAuC,oIAKnD,CAAC;AAGF,eAAO,MAAM,+BAA+B,kFAE3C,CAAC;AAEF;;;GAGG;AACH,wBAAsB,6BAA6B,CACjD,OAAO,GAAE,0BAA4C,iBAkBtD;AAED;;;GAGG;AACH,wBAAgB,oCAAoC,IAAI,0BAA0B,GAAG,SAAS,CAU7F"}

package/dist/esm/environment-indicator/environment-indicator.js

@@ -4,47 +4,8 @@ import { attr, observable } from '@microsoft/fast-element';
 import { DI, FoundationElement } from '@microsoft/fast-foundation';
 import { environmentIndicatorStyles as styles } from './environment-indicator.styles';
 import { foundationEnvironmentIndicatorTemplate as template } from './environment-indicator.template';
+import { DEFAULT_ENVIRONMENT_CONFIGS, DEFAULT_ENVIRONMENT_LEVEL, DEFAULT_ENVIRONMENT_LEVEL_CONFIG, EnvironmentIndicatorConfigObserverToken, getCurrentEnvironmentIndicatorConfig, } from './utils/configure';
 import { environmentIndicatorLogger } from './utils/logger';
-/**
- * Default environment level
- */
-const DEFAULT_ENVIRONMENT_LEVEL = 'default';
-/**
- * Default environment level configuration
- */
-export const DEFAULT_ENVIRONMENT_LEVEL_CONFIG = {
-    level: DEFAULT_ENVIRONMENT_LEVEL,
-    showIcon: false,
-    iconSize: 'sm',
-    backgroundColor: '#2222ff',
-    textColor: '#ffffff',
-    label: 'DEFAULT',
-};
-/**
- * Default environment configurations
- */
-const DEFAULT_ENVIRONMENT_CONFIGS = [
-    DEFAULT_ENVIRONMENT_LEVEL_CONFIG,
-    {
-        level: 'dev',
-        showIcon: false,
-        icon: 'code',
-        backgroundColor: '#ff6b35',
-        label: 'DEV',
-    },
-    {
-        level: 'prod',
-        showIcon: false,
-        icon: 'check-circle',
-        backgroundColor: '#28a745',
-        label: 'PROD',
-    },
-];
-/**
- * EnvironmentConfigs DI token.
- * @public
- */
-export const EnvironmentIndicatorConfigToken = DI.createInterface((x) => x.instance({ configs: [] }), (configurator) => configurator.instance({ configs: [] }));
 /**
  * @tagname %%prefix%%-environment-indicator
  * @description Displays an environment indicator with a label and an icon
@@ -69,6 +30,10 @@ export class EnvironmentIndicator extends FoundationElement {
          * @attr icon-size - the size of the icon
          */
         this.iconSize = 'sm';
+        /**
+         * @attr use-default-config - whether to use the default config
+         */
+        this.useDefaultConfig = false;
         /**
          * Current environment configuration
          */
@@ -81,6 +46,34 @@ export class EnvironmentIndicator extends FoundationElement {
     envConfigsChanged() {
         this.config = this.getEnvConfigByLevel();
     }
+    diConfigChanged() {
+        this.config = this.getEnvConfigByLevel();
+    }
+    subscribeToDiConfig() {
+        const container = DI.getOrCreateDOMContainer();
+        const observer = container.get(EnvironmentIndicatorConfigObserverToken);
+        if (observer && typeof observer.subscribe === 'function') {
+            this.unsubscribeConfig = observer.subscribe((configFromDi) => {
+                this.diConfig = configFromDi;
+            });
+        }
+        else {
+            environmentIndicatorLogger.error('Observer not found or invalid in DI container');
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.diConfig = getCurrentEnvironmentIndicatorConfig();
+        this.subscribeToDiConfig();
+        this.config = this.getEnvConfigByLevel();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.unsubscribeConfig) {
+            this.unsubscribeConfig();
+            this.unsubscribeConfig = undefined;
+        }
+    }
     /**
      * Helper function to get config from attributes
      * @returns the config from attributes
@@ -102,35 +95,44 @@ export class EnvironmentIndicator extends FoundationElement {
         if (this.level) {
             return this.level;
         }
-        // 2. Check current config level
-        if (this.config && this.config.level && this.config.level !== DEFAULT_ENVIRONMENT_LEVEL) {
-            return this.config.level;
-        }
-        // 3. Check DI configuration
-        try {
-            const container = DI.getOrCreateDOMContainer();
-            const { currentLevel } = container.get(EnvironmentIndicatorConfigToken);
-            if (currentLevel) {
-                return currentLevel;
+        // 2. Check DI
+        if (this.diConfig) {
+            try {
+                const { currentLevel } = this.diConfig;
+                if (currentLevel) {
+                    return currentLevel;
+                }
             }
+            catch (error) {
+                environmentIndicatorLogger.error(error);
+            }
+        }
+        // 3. Return environment levelvariable if it is not default
+        if (ENVIRONMENT_LEVEL !== DEFAULT_ENVIRONMENT_LEVEL) {
+            return ENVIRONMENT_LEVEL;
         }
-        catch (error) {
-            environmentIndicatorLogger.error(error);
+        // 4. Return default level if useDefaultConfig is true
+        if (this.useDefaultConfig) {
+            return DEFAULT_ENVIRONMENT_LEVEL;
         }
-        // 4. Return environment variable or return default
-        return ENVIRONMENT_LEVEL || DEFAULT_ENVIRONMENT_LEVEL;
+        return undefined;
     }
     getEnvConfigByLevel() {
         const attributesConfig = this.getAttributesConfig();
         const currentLevel = this.getCurrentEnvironmentLevel();
+        if (!currentLevel) {
+            if (this.useDefaultConfig) {
+                return DEFAULT_ENVIRONMENT_LEVEL_CONFIG;
+            }
+            return undefined;
+        }
         // If label is set, use attributes as config with current level
         if (this.label) {
             return Object.assign(Object.assign(Object.assign({}, DEFAULT_ENVIRONMENT_LEVEL_CONFIG), { level: currentLevel }), attributesConfig);
         }
-        // Try to find config for current level in DI container first
-        try {
-            const container = DI.getOrCreateDOMContainer();
-            const { configs } = container.get(EnvironmentIndicatorConfigToken) || {};
+        // If there is DI config, return it with attributes config
+        if (this.diConfig) {
+            const { configs } = this.diConfig;
             if (configs && configs.length > 0) {
                 const config = configs.find(({ level }) => level === currentLevel);
                 if (config) {
@@ -138,20 +140,12 @@ export class EnvironmentIndicator extends FoundationElement {
                 }
             }
         }
-        catch (error) {
-            environmentIndicatorLogger.error(error);
-        }
         // Try to find config in envConfigs
         const envConfig = this.envConfigs.find(({ level }) => level === currentLevel);
-        // If no env config found, return default config with current level
-        if (!envConfig) {
-            return Object.assign(Object.assign(Object.assign({}, DEFAULT_ENVIRONMENT_LEVEL_CONFIG), { level: currentLevel }), attributesConfig);
+        // If envConfig is found, return it with attributes config
+        if (envConfig) {
+            return Object.assign(Object.assign({}, envConfig), attributesConfig);
         }
-        return Object.assign(Object.assign({}, envConfig), attributesConfig);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.config = this.getEnvConfigByLevel();
     }
     /**
      * Handle config change when attributes change
@@ -204,12 +198,18 @@ __decorate([
 __decorate([
     attr({ attribute: 'icon-size' })
 ], EnvironmentIndicator.prototype, "iconSize", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'use-default-config' })
+], EnvironmentIndicator.prototype, "useDefaultConfig", void 0);
 __decorate([
     observable
 ], EnvironmentIndicator.prototype, "config", void 0);
 __decorate([
     observable
 ], EnvironmentIndicator.prototype, "envConfigs", void 0);
+__decorate([
+    observable
+], EnvironmentIndicator.prototype, "diConfig", void 0);
 /**
  * The Foundation Environment indicator
  *

package/dist/esm/environment-indicator/index.js

@@ -2,3 +2,4 @@ export * from './environment-indicator';
 export * from './environment-indicator.styles';
 export * from './environment-indicator.template';
 export { configureEnvironmentIndicator } from './utils/configure';
+export * from './types';

package/dist/esm/environment-indicator/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/environment-indicator/utils/configure.js

@@ -1,6 +1,51 @@
 import { __awaiter } from "tslib";
+import { createObserver } from '@genesislcap/foundation-utils';
 import { DI, Registration } from '@microsoft/fast-foundation';
-import { DEFAULT_ENVIRONMENT_LEVEL_CONFIG, EnvironmentIndicatorConfigToken, } from '../environment-indicator';
+/**
+ * Default environment level
+ */
+export const DEFAULT_ENVIRONMENT_LEVEL = 'default';
+/**
+ * Default environment level configuration
+ */
+export const DEFAULT_ENVIRONMENT_LEVEL_CONFIG = {
+    level: DEFAULT_ENVIRONMENT_LEVEL,
+    showIcon: false,
+    iconSize: 'sm',
+    backgroundColor: '#2222ff',
+    textColor: '#ffffff',
+    label: 'DEFAULT',
+};
+/**
+ * Default environment configurations
+ */
+export const DEFAULT_ENVIRONMENT_CONFIGS = [
+    DEFAULT_ENVIRONMENT_LEVEL_CONFIG,
+    {
+        level: 'dev',
+        showIcon: false,
+        icon: 'code',
+        backgroundColor: '#ff6b35',
+        label: 'DEV',
+    },
+    {
+        level: 'prod',
+        showIcon: false,
+        icon: 'check-circle',
+        backgroundColor: '#28a745',
+        label: 'PROD',
+    },
+];
+// Global singleton observer
+export const EnvironmentIndicatorConfigObserver = createObserver();
+// DI token for the observer
+export const EnvironmentIndicatorConfigObserverToken = DI.createInterface((x) => x.instance(EnvironmentIndicatorConfigObserver), (configurator) => configurator.instance(EnvironmentIndicatorConfigObserver));
+// DI token for the current configuration value
+export const EnvironmentIndicatorConfigToken = DI.createInterface('EnvironmentIndicatorConfig');
+/**
+ * Configure the environment indicator
+ * @param options - the options to configure the environment indicator
+ */
 export function configureEnvironmentIndicator(options = { configs: [] }) {
     return __awaiter(this, void 0, void 0, function* () {
         const { configs, currentLevel } = options;
@@ -9,6 +54,23 @@ export function configureEnvironmentIndicator(options = { configs: [] }) {
             configs: configs && configs.length > 0 ? configs : [DEFAULT_ENVIRONMENT_LEVEL_CONFIG],
         };
         const container = DI.getOrCreateDOMContainer();
-        container.register(Registration.instance(EnvironmentIndicatorConfigToken, value));
+        container.register(Registration.instance(EnvironmentIndicatorConfigObserverToken, EnvironmentIndicatorConfigObserver), Registration.instance(EnvironmentIndicatorConfigToken, value));
+        EnvironmentIndicatorConfigObserver.publish(value);
     });
 }
+/**
+ * Get the current environment indicator configuration from DI
+ * @returns the current configuration or default if not found
+ */
+export function getCurrentEnvironmentIndicatorConfig() {
+    try {
+        const container = DI.getOrCreateDOMContainer();
+        const config = container.get(EnvironmentIndicatorConfigToken);
+        if (config) {
+            return config;
+        }
+    }
+    catch (error) {
+        return undefined;
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.293.2",
+  "version": "14.293.3-alpha-16ba6c2.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.293.2",
-    "@genesislcap/genx": "14.293.2",
-    "@genesislcap/rollup-builder": "14.293.2",
-    "@genesislcap/ts-builder": "14.293.2",
-    "@genesislcap/uvu-playwright-builder": "14.293.2",
-    "@genesislcap/vite-builder": "14.293.2",
-    "@genesislcap/webpack-builder": "14.293.2",
+    "@genesislcap/foundation-testing": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/genx": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/rollup-builder": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/ts-builder": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/uvu-playwright-builder": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/vite-builder": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/webpack-builder": "14.293.3-alpha-16ba6c2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,15 +100,15 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.293.2",
-    "@genesislcap/foundation-comms": "14.293.2",
-    "@genesislcap/foundation-criteria": "14.293.2",
-    "@genesislcap/foundation-errors": "14.293.2",
-    "@genesislcap/foundation-events": "14.293.2",
-    "@genesislcap/foundation-logger": "14.293.2",
-    "@genesislcap/foundation-notifications": "14.293.2",
-    "@genesislcap/foundation-user": "14.293.2",
-    "@genesislcap/foundation-utils": "14.293.2",
+    "@genesislcap/expression-builder": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-comms": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-criteria": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-errors": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-events": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-logger": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-notifications": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-user": "14.293.3-alpha-16ba6c2.0",
+    "@genesislcap/foundation-utils": "14.293.3-alpha-16ba6c2.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -130,5 +130,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "a5107ae0a1670f5ed14eef84504d7e16385a0601"
+  "gitHead": "33a251fdcc15e1d5686652bd56838f3c13fcb73b"
 }