ngx-dev-toolbar 2.0.9 → 2.1.1

package/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/toolbar-tool/toolbar-tool.models';
 export * from './dev-toolbar.component';
 export * from './models/dev-tools.interface';
 export * from './models/dev-toolbar-config.interface';
+export * from './models/tool-view-state.models';
 export * from './tools/feature-flags-tool/feature-flags.models';
 export * from './tools/feature-flags-tool/feature-flags.service';
 export * from './tools/language-tool/language.models';

package/models/dev-toolbar-config.interface.d.ts

@@ -3,6 +3,15 @@
  * All tool flags are optional and default to true if not specified.
  */
 export interface DevToolbarConfig {
+    /**
+     * Master switch to enable/disable the entire toolbar.
+     * When disabled:
+     * - Toolbar UI will not render
+     * - All tool services will preserve localStorage data but won't return forced values
+     * - Developers can still call setAvailableOptions() safely (no-op when disabled)
+     * @default true
+     */
+    enabled?: boolean;
     /**
      * Show/hide the Language tool
      * @default true

package/models/tool-view-state.models.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Persisted view state for a tool's UI (search, filter, sort).
+ * Stored in localStorage via DevToolsStorageService.
+ */
+export interface ToolViewState {
+    /** Current search query text */
+    searchQuery: string;
+    /** Currently selected filter value (e.g., 'all', 'forced', 'enabled', 'disabled') */
+    filter: string;
+    /** Sort order for list items (currently only 'asc' supported, reserved for future use) */
+    sortOrder: 'asc' | 'desc';
+}

package/package.json

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

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

@@ -15,6 +15,7 @@ import * as i0 from "@angular/core";
 export declare class DevToolbarInternalAppFeaturesService {
     private readonly STORAGE_KEY;
     private storageService;
+    private stateService;
     private appFeaturesSubject;
     private forcedFeaturesSubject;
     private readonly forcedFeatures$;

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

@@ -17,9 +17,14 @@ import * as i0 from "@angular/core";
  */
 export declare class DevToolbarAppFeaturesToolComponent {
     private readonly appFeaturesService;
+    private readonly storageService;
+    private readonly VIEW_STATE_KEY;
     protected readonly activeFilter: import("@angular/core").WritableSignal<AppFeatureFilter>;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    constructor();
+    private loadViewState;
     protected readonly features: import("@angular/core").Signal<DevToolbarAppFeature[]>;
+    protected readonly badgeCount: import("@angular/core").Signal<string>;
     protected readonly hasNoFeatures: import("@angular/core").Signal<boolean>;
     protected readonly filteredFeatures: import("@angular/core").Signal<DevToolbarAppFeature[]>;
     protected readonly hasNoFilteredFeatures: import("@angular/core").Signal<boolean>;

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

@@ -8,6 +8,7 @@ interface ForcedFlagsState {
 export declare class DevToolbarInternalFeatureFlagService {
     private readonly STORAGE_KEY;
     private storageService;
+    private stateService;
     private appFlags$;
     private forcedFlagsSubject;
     private readonly forcedFlags$;

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

@@ -3,9 +3,14 @@ import { DevToolbarFlag, FeatureFlagFilter } from './feature-flags.models';
 import * as i0 from "@angular/core";
 export declare class DevToolbarFeatureFlagsToolComponent {
     private readonly featureFlags;
+    private readonly storageService;
+    private readonly VIEW_STATE_KEY;
     protected readonly activeFilter: import("@angular/core").WritableSignal<FeatureFlagFilter>;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    constructor();
+    private loadViewState;
     protected readonly flags: import("@angular/core").Signal<DevToolbarFlag[]>;
+    protected readonly badgeCount: import("@angular/core").Signal<string>;
     protected readonly hasNoFlags: import("@angular/core").Signal<boolean>;
     protected readonly filteredFlags: import("@angular/core").Signal<DevToolbarFlag[]>;
     protected readonly hasNoFilteredFlags: import("@angular/core").Signal<boolean>;

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

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class DevToolbarInternalLanguageService {
     private readonly STORAGE_KEY;
     private readonly storageService;
+    private readonly stateService;
     private languages$;
     private forcedLanguage$;
     languages: import("@angular/core").Signal<Language[]>;

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

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 export declare class DevToolbarInternalPermissionsService {
     private readonly STORAGE_KEY;
     private storageService;
+    private stateService;
     private appPermissions$;
     private forcedStateSubject;
     private readonly forcedState$;

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

@@ -3,9 +3,14 @@ import { DevToolbarPermission, PermissionFilter } from './permissions.models';
 import * as i0 from "@angular/core";
 export declare class DevToolbarPermissionsToolComponent {
     private readonly permissionsService;
+    private readonly storageService;
+    private readonly VIEW_STATE_KEY;
     protected readonly activeFilter: import("@angular/core").WritableSignal<PermissionFilter>;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    constructor();
+    private loadViewState;
     protected readonly permissions: import("@angular/core").Signal<DevToolbarPermission[]>;
+    protected readonly badgeCount: import("@angular/core").Signal<string>;
     protected readonly hasNoPermissions: import("@angular/core").Signal<boolean>;
     protected readonly filteredPermissions: import("@angular/core").Signal<DevToolbarPermission[]>;
     protected readonly hasNoFilteredPermissions: import("@angular/core").Signal<boolean>;