ngx-dev-toolbar 2.0.0 → 2.0.1

package/index.d.ts

@@ -1,5 +1,7 @@
 export * from './components/icons/icon.component';
 export * from './components/icons/icon.models';
+export * from './components/list/list.component';
+export * from './components/list-item/list-item.component';
 export * from './components/toolbar-tool/toolbar-tool.component';
 export * from './components/toolbar-tool/toolbar-tool.models';
 export * from './dev-toolbar.component';

package/models/dev-tools.interface.d.ts

@@ -14,4 +14,26 @@ export interface DevToolsService<OptionType> {
      * @returns Observable of forced values array
      */
     getForcedValues(): Observable<OptionType[]>;
+    /**
+     * Gets ALL option values with overrides already applied.
+     * Returns the complete set of options where overridden values replace base values.
+     * Each option includes an `isForced` property indicating if it was overridden.
+     *
+     * This method simplifies integration by eliminating the need to manually merge
+     * base values with overrides using combineLatest.
+     *
+     * @returns Observable of all values with overrides applied
+     *
+     * @example
+     * ```typescript
+     * // Simple integration - no manual merging needed
+     * this.devToolbarService.getValues().pipe(
+     *   map(values => values.find(v => v.id === targetId)),
+     *   map(value => value?.isEnabled ?? defaultValue)
+     * ).subscribe(finalValue => {
+     *   // Use the final value
+     * });
+     * ```
+     */
+    getValues(): Observable<OptionType[]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-dev-toolbar",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "keywords": [
     "devtools",
     "development-toolbar",

package/tools/app-features-tool/app-features.models.d.ts

@@ -42,6 +42,11 @@ export interface DevToolbarAppFeature {
      * - false: State reflects the natural application configuration
      */
     isForced: boolean;
+    /**
+     * Original value before forcing (only present when isForced is true)
+     * Used to display what the feature's state was before being overridden
+     */
+    originalValue?: boolean;
 }
 /**
  * Filter options for displaying features in the toolbar UI.

package/tools/app-features-tool/app-features.service.d.ts

@@ -97,6 +97,30 @@ export declare class DevToolbarAppFeaturesService implements DevToolsService<Dev
      * ```
      */
     getForcedValues(): Observable<DevToolbarAppFeature[]>;
+    /**
+     * Gets ALL app feature values with overrides already applied.
+     * Returns the complete set of features where overridden values replace base values.
+     * Each feature includes an `isForced` property indicating if it was overridden.
+     *
+     * This method simplifies integration by eliminating the need to manually merge
+     * base features with overrides using combineLatest.
+     *
+     * @returns Observable of all features with overrides applied
+     *
+     * @example
+     * ```typescript
+     * // Check if a feature is enabled with overrides applied
+     * this.appFeaturesService.getValues().pipe(
+     *   map(features => features.find(f => f.id === 'premium-analytics')),
+     *   map(feature => feature?.isEnabled ?? false)
+     * ).subscribe(isEnabled => {
+     *   if (isEnabled) {
+     *     // Enable premium analytics
+     *   }
+     * });
+     * ```
+     */
+    getValues(): Observable<DevToolbarAppFeature[]>;
     /**
      * Apply a preset feature configuration (for preset tool integration).
      *

package/tools/feature-flags-tool/feature-flags.models.d.ts

@@ -5,5 +5,6 @@ export interface DevToolbarFlag {
     link?: string;
     isEnabled: boolean;
     isForced: boolean;
+    originalValue?: boolean;
 }
 export type FeatureFlagFilter = 'all' | 'forced' | 'enabled' | 'disabled';

package/tools/feature-flags-tool/feature-flags.service.d.ts

@@ -14,6 +14,30 @@ export declare class DevToolbarFeatureFlagService implements DevToolsService<Dev
      * @returns Observable of forced flags array
      */
     getForcedValues(): Observable<DevToolbarFlag[]>;
+    /**
+     * Gets ALL flag values with overrides already applied.
+     * Returns the complete set of flags where overridden values replace base values.
+     * Each flag includes an `isForced` property indicating if it was overridden.
+     *
+     * This method simplifies integration by eliminating the need to manually merge
+     * base flags with overrides using combineLatest.
+     *
+     * @returns Observable of all flags with overrides applied
+     *
+     * @example
+     * ```typescript
+     * // Get a specific flag value with overrides applied
+     * this.featureFlagsService.getValues().pipe(
+     *   map(flags => flags.find(f => f.id === 'newFeature')),
+     *   map(flag => flag?.isEnabled ?? false)
+     * ).subscribe(isEnabled => {
+     *   if (isEnabled) {
+     *     // Enable feature
+     *   }
+     * });
+     * ```
+     */
+    getValues(): Observable<DevToolbarFlag[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarFeatureFlagService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarFeatureFlagService>;
 }

package/tools/language-tool/language.service.d.ts

@@ -14,6 +14,13 @@ export declare class DevToolbarLanguageService implements DevToolsService<Langua
      * @returns Observable of forced languages array
      */
     getForcedValues(): Observable<Language[]>;
+    /**
+     * Gets the forced language value.
+     * For the language tool, this returns the same as getForcedValues() since
+     * only one language can be selected at a time.
+     * @returns Observable of forced language array (single item or empty)
+     */
+    getValues(): Observable<Language[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarLanguageService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarLanguageService>;
 }

package/tools/permissions-tool/permissions.models.d.ts

@@ -13,6 +13,8 @@ export interface DevToolbarPermission {
     isGranted: boolean;
     /** Whether the permission's value has been overridden through the toolbar */
     isForced: boolean;
+    /** Original value before forcing (only present when isForced is true) */
+    originalValue?: boolean;
 }
 /**
  * Internal state representing forced permission overrides.

package/tools/permissions-tool/permissions.service.d.ts

@@ -62,6 +62,30 @@ export declare class DevToolbarPermissionsService implements DevToolsService<Dev
      * ```
      */
     getForcedValues(): Observable<DevToolbarPermission[]>;
+    /**
+     * Gets ALL permission values with overrides already applied.
+     * Returns the complete set of permissions where overridden values replace base values.
+     * Each permission includes an `isForced` property indicating if it was overridden.
+     *
+     * This method simplifies integration by eliminating the need to manually merge
+     * base permissions with overrides using combineLatest.
+     *
+     * @returns Observable of all permissions with overrides applied
+     *
+     * @example
+     * ```typescript
+     * // Simple permission check with overrides applied
+     * this.permissionsService.getValues().pipe(
+     *   map(permissions => permissions.find(p => p.id === 'can-edit')),
+     *   map(permission => permission?.isGranted ?? false)
+     * ).subscribe(canEdit => {
+     *   if (canEdit) {
+     *     // Enable edit functionality
+     *   }
+     * });
+     * ```
+     */
+    getValues(): Observable<DevToolbarPermission[]>;
     /**
      * Apply a preset permission state. Useful for automated testing scenarios.
      *