ngx-dev-toolbar 2.0.1 → 2.0.3

package/package.json

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

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

@@ -39,7 +39,7 @@ export declare class DevToolbarAppFeaturesToolComponent {
     onFilterChange(value: string | undefined): void;
     /**
      * Handle feature value change from 3-state dropdown.
-     * - 'not-forced' (empty string): Remove forced override
+     * - 'not-forced': Remove forced override
      * - 'on': Force feature to enabled
      * - 'off': Force feature to disabled
      */

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

@@ -29,7 +29,6 @@ export declare class DevToolbarHomeToolComponent {
         readonly url: "https://discord.com/invite/angular";
         readonly label: "Community";
     }];
-    onToggleTheme(): void;
     onExportSettings(): void;
     onImportSettings(): void;
     onResetSettings(): void;

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

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { DevToolbarPreset } from './presets.models';
+import { DevToolbarPreset, PresetCategoryOptions } from './presets.models';
 import * as i0 from "@angular/core";
 /**
  * Internal service for managing presets state.
@@ -19,7 +19,7 @@ export declare class DevToolbarInternalPresetsService {
     /**
      * Capture current toolbar state as a new preset
      */
-    saveCurrentAsPreset(name: string, description?: string): DevToolbarPreset;
+    saveCurrentAsPreset(name: string, description?: string, categoryOptions?: PresetCategoryOptions): DevToolbarPreset;
     /**
      * Apply a preset to all tools (THIS IS THE KEY METHOD)
      */

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

@@ -1,4 +1,5 @@
 import { DevToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
+import { DevToolbarStateService } from '../../dev-toolbar-state.service';
 import * as i0 from "@angular/core";
 export declare class DevToolbarPresetsToolComponent {
     private readonly presetsService;
@@ -6,14 +7,29 @@ export declare class DevToolbarPresetsToolComponent {
     private readonly permissionsService;
     private readonly appFeaturesService;
     private readonly languageService;
+    protected readonly state: DevToolbarStateService;
     protected readonly viewMode: import("@angular/core").WritableSignal<"list" | "create">;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
     protected readonly presetName: import("@angular/core").WritableSignal<string>;
     protected readonly presetDescription: import("@angular/core").WritableSignal<string>;
+    protected readonly includeFeatureFlags: import("@angular/core").WritableSignal<boolean>;
+    protected readonly includePermissions: import("@angular/core").WritableSignal<boolean>;
+    protected readonly includeAppFeatures: import("@angular/core").WritableSignal<boolean>;
+    protected readonly includeLanguage: import("@angular/core").WritableSignal<boolean>;
+    protected readonly selectedFlagIds: import("@angular/core").WritableSignal<Set<string>>;
+    protected readonly selectedPermissionIds: import("@angular/core").WritableSignal<Set<string>>;
+    protected readonly selectedFeatureIds: import("@angular/core").WritableSignal<Set<string>>;
     protected readonly presets: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarPreset[]>;
     protected readonly filteredPresets: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarPreset[]>;
     protected readonly hasNoPresets: import("@angular/core").Signal<boolean>;
     protected readonly hasNoFilteredPresets: import("@angular/core").Signal<boolean>;
+    protected readonly isFeatureFlagsEnabled: import("@angular/core").Signal<boolean>;
+    protected readonly isPermissionsEnabled: import("@angular/core").Signal<boolean>;
+    protected readonly isAppFeaturesEnabled: import("@angular/core").Signal<boolean>;
+    protected readonly isLanguageEnabled: import("@angular/core").Signal<boolean>;
+    protected readonly forcedFlags: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarFlag[]>;
+    protected readonly forcedPermissions: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarPermission[]>;
+    protected readonly forcedAppFeatures: import("@angular/core").Signal<import("ngx-dev-toolbar").DevToolbarAppFeature[]>;
     protected readonly options: DevToolbarWindowOptions;
     onSearchChange(query: string): void;
     onSwitchToCreateMode(): void;
@@ -28,6 +44,14 @@ export declare class DevToolbarPresetsToolComponent {
     protected getCurrentAppFeaturesCount(): number;
     protected getCurrentLanguage(): string;
     protected formatDate(isoString: string): string;
+    /**
+     * Toggle selection of an individual item
+     */
+    protected toggleItemSelection(signal: typeof this.selectedFlagIds, itemId: string): void;
+    /**
+     * Check if an item is selected
+     */
+    protected isItemSelected(selectedSet: Set<string>, itemId: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarPresetsToolComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarPresetsToolComponent, "ndt-presets-tool", never, {}, {}, never, never, true, never>;
 }

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

@@ -22,3 +22,12 @@ export interface DevToolbarPresetConfig {
     };
 }
 export type PresetFilter = 'all' | 'recent' | 'favorites';
+export interface PresetCategoryOptions {
+    includeFeatureFlags?: boolean;
+    includePermissions?: boolean;
+    includeAppFeatures?: boolean;
+    includeLanguage?: boolean;
+    selectedFlagIds?: string[];
+    selectedPermissionIds?: string[];
+    selectedFeatureIds?: string[];
+}

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

@@ -1,6 +1,14 @@
 import { Observable } from 'rxjs';
-import { DevToolbarPreset } from './presets.models';
+import { DevToolbarPreset, DevToolbarPresetConfig } from './presets.models';
 import * as i0 from "@angular/core";
+/**
+ * Partial preset for initialization (without generated fields)
+ */
+export interface InitialPreset {
+    name: string;
+    description?: string;
+    config: DevToolbarPresetConfig;
+}
 /**
  * Public service for managing dev toolbar presets.
  * Allows developers to programmatically save, load, and manage presets.
@@ -46,6 +54,68 @@ export declare class DevToolbarPresetsService {
      * @throws Error if JSON is invalid
      */
     importPreset(json: string): DevToolbarPreset;
+    /**
+     * Initialize presets with predefined configurations.
+     * Useful for setting up default presets that all developers can use.
+     *
+     * @param presets - Array of preset configurations to initialize
+     * @returns Array of created presets
+     *
+     * @example
+     * ```typescript
+     * const presetsService = inject(DevToolbarPresetsService);
+     *
+     * presetsService.initializePresets([
+     *   {
+     *     name: 'Admin User',
+     *     description: 'Full access admin configuration',
+     *     config: {
+     *       featureFlags: {
+     *         enabled: ['admin-panel', 'advanced-features'],
+     *         disabled: []
+     *       },
+     *       permissions: {
+     *         granted: ['admin', 'write', 'delete'],
+     *         denied: []
+     *       },
+     *       appFeatures: {
+     *         enabled: ['analytics', 'reporting'],
+     *         disabled: []
+     *       },
+     *       language: 'en'
+     *     }
+     *   },
+     *   {
+     *     name: 'Read-Only User',
+     *     description: 'Limited access for viewing only',
+     *     config: {
+     *       featureFlags: {
+     *         enabled: [],
+     *         disabled: ['admin-panel', 'advanced-features']
+     *       },
+     *       permissions: {
+     *         granted: ['read'],
+     *         denied: ['write', 'delete']
+     *       },
+     *       appFeatures: {
+     *         enabled: [],
+     *         disabled: ['analytics', 'reporting']
+     *       },
+     *       language: null
+     *     }
+     *   }
+     * ]);
+     * ```
+     */
+    initializePresets(presets: InitialPreset[]): DevToolbarPreset[];
+    /**
+     * Clear all existing presets and set new initial presets.
+     * Use this to replace all presets with a fresh set of configurations.
+     *
+     * @param presets - Array of preset configurations to set as initial
+     * @returns Array of created presets
+     */
+    setInitialPresets(presets: InitialPreset[]): DevToolbarPreset[];
     static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarPresetsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarPresetsService>;
 }