ngx-dev-toolbar 3.0.3 → 3.1.1

package/index.d.ts

@@ -7,6 +7,14 @@ 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 './components/button/button.component';
+export * from './components/input/input.component';
+export * from './components/select/select.component';
+export * from './components/card/card.component';
+export * from './components/clickable-card/clickable-card.component';
+export * from './components/link-button/link-button.component';
+export * from './components/step-view/step-view.component';
+export * from './components/step-view/step-view.directive';
 export * from './toolbar.component';
 export * from './models/toolbar.interface';
 export * from './models/toolbar-config.interface';
@@ -24,65 +32,3 @@ export * from './tools/permissions-tool/permissions-tool.component';
 export * from './tools/presets-tool/presets.models';
 export * from './tools/presets-tool/presets.service';
 export * from './tools/presets-tool/presets-tool.component';
-/** @deprecated Use TOOLBAR_FEATURE_FLAGS instead. Will be removed in v4.0 */
-export declare const DEV_TOOLBAR_FEATURE_FLAGS: import("@angular/core").InjectionToken<ToolbarService<ToolbarFlag>>;
-/** @deprecated Use TOOLBAR_PERMISSIONS instead. Will be removed in v4.0 */
-export declare const DEV_TOOLBAR_PERMISSIONS: import("@angular/core").InjectionToken<ToolbarService<ToolbarPermission>>;
-/** @deprecated Use TOOLBAR_LANGUAGE instead. Will be removed in v4.0 */
-export declare const DEV_TOOLBAR_LANGUAGE: import("@angular/core").InjectionToken<ToolbarService<import("./tools/language-tool/language.models").Language>>;
-/** @deprecated Use TOOLBAR_APP_FEATURES instead. Will be removed in v4.0 */
-export declare const DEV_TOOLBAR_APP_FEATURES: import("@angular/core").InjectionToken<ToolbarService<ToolbarAppFeature>>;
-import { provideToolbar } from './provide-toolbar';
-import { initToolbar, InitToolbarOptions, InitToolbarResult } from './init-toolbar';
-/** @deprecated Use provideToolbar instead. Will be removed in v4.0 */
-export declare const provideDevToolbar: typeof provideToolbar;
-/** @deprecated Use initToolbar instead. Will be removed in v4.0 */
-export declare const initDevToolbar: typeof initToolbar;
-/** @deprecated Use InitToolbarOptions instead. Will be removed in v4.0 */
-export type InitDevToolbarOptions = InitToolbarOptions;
-/** @deprecated Use InitToolbarResult instead. Will be removed in v4.0 */
-export type InitDevToolbarResult = InitToolbarResult;
-import { ToolbarComponent } from './toolbar.component';
-import { ToolbarToolComponent } from './components/toolbar-tool/toolbar-tool.component';
-/** @deprecated Use ToolbarComponent instead. Will be removed in v4.0 */
-export declare const DevToolbarComponent: typeof ToolbarComponent;
-/** @deprecated Use ToolbarToolComponent instead. Will be removed in v4.0 */
-export declare const DevToolbarToolComponent: typeof ToolbarToolComponent;
-import { ToolbarFeatureFlagService } from './tools/feature-flags-tool/feature-flags.service';
-import { ToolbarLanguageService } from './tools/language-tool/language.service';
-import { ToolbarAppFeaturesService } from './tools/app-features-tool/app-features.service';
-import { ToolbarPermissionsService } from './tools/permissions-tool/permissions.service';
-import { ToolbarPresetsService } from './tools/presets-tool/presets.service';
-/** @deprecated Use ToolbarFeatureFlagService instead. Will be removed in v4.0 */
-export declare const DevToolbarFeatureFlagService: typeof ToolbarFeatureFlagService;
-/** @deprecated Use ToolbarLanguageService instead. Will be removed in v4.0 */
-export declare const DevToolbarLanguageService: typeof ToolbarLanguageService;
-/** @deprecated Use ToolbarAppFeaturesService instead. Will be removed in v4.0 */
-export declare const DevToolbarAppFeaturesService: typeof ToolbarAppFeaturesService;
-/** @deprecated Use ToolbarPermissionsService instead. Will be removed in v4.0 */
-export declare const DevToolbarPermissionsService: typeof ToolbarPermissionsService;
-/** @deprecated Use ToolbarPresetsService instead. Will be removed in v4.0 */
-export declare const DevToolbarPresetsService: typeof ToolbarPresetsService;
-import { ToolbarConfig } from './models/toolbar-config.interface';
-import { ToolbarService } from './models/toolbar.interface';
-import { ToolbarFlag } from './tools/feature-flags-tool/feature-flags.models';
-import { ToolbarPermission } from './tools/permissions-tool/permissions.models';
-import { ToolbarAppFeature } from './tools/app-features-tool/app-features.models';
-import { ToolbarWindowOptions } from './components/toolbar-tool/toolbar-tool.models';
-import { ToolbarPreset, ToolbarPresetConfig } from './tools/presets-tool/presets.models';
-/** @deprecated Use ToolbarConfig instead. Will be removed in v4.0 */
-export type DevToolbarConfig = ToolbarConfig;
-/** @deprecated Use ToolbarService instead. Will be removed in v4.0 */
-export type DevToolsService<T> = ToolbarService<T>;
-/** @deprecated Use ToolbarFlag instead. Will be removed in v4.0 */
-export type DevToolbarFlag = ToolbarFlag;
-/** @deprecated Use ToolbarPermission instead. Will be removed in v4.0 */
-export type DevToolbarPermission = ToolbarPermission;
-/** @deprecated Use ToolbarAppFeature instead. Will be removed in v4.0 */
-export type DevToolbarAppFeature = ToolbarAppFeature;
-/** @deprecated Use ToolbarWindowOptions instead. Will be removed in v4.0 */
-export type DevToolbarWindowOptions = ToolbarWindowOptions;
-/** @deprecated Use ToolbarPreset instead. Will be removed in v4.0 */
-export type DevToolbarPreset = ToolbarPreset;
-/** @deprecated Use ToolbarPresetConfig instead. Will be removed in v4.0 */
-export type DevToolbarPresetConfig = ToolbarPresetConfig;

package/package.json

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

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

@@ -27,6 +27,7 @@ export declare class ToolbarFeatureFlagsToolComponent {
     onFlagChange(flagId: string, value: string): void;
     onSearchChange(query: string): void;
     protected getFlagValue(flag: ToolbarFlag): string;
+    protected getFlagPlaceholder(flag: ToolbarFlag): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarFeatureFlagsToolComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarFeatureFlagsToolComponent, "ngt-feature-flags-tool", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { ToolbarPreset, PresetCategoryOptions } from './presets.models';
+import { ToolbarPreset, PresetCategoryOptions, PartialApplyOptions } from './presets.models';
 import * as i0 from "@angular/core";
 /**
  * Internal service for managing presets state.
@@ -40,6 +40,18 @@ export declare class ToolbarInternalPresetsService {
      * Get a preset by ID
      */
     getPresetById(presetId: string): ToolbarPreset | undefined;
+    /**
+     * Toggle favorite status for a preset
+     */
+    toggleFavorite(presetId: string): void;
+    /**
+     * Apply a preset with partial options (only selected categories)
+     */
+    partialApplyPreset(presetId: string, options: PartialApplyOptions): Promise<void>;
+    /**
+     * Update only the metadata (name, description) of a preset without changing config
+     */
+    updatePresetMetadata(presetId: string, name: string, description?: string): void;
     /**
      * Capture current configuration from all tools
      */

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

@@ -1,6 +1,9 @@
 import { ToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
 import { ToolbarStateService } from '../../toolbar-state.service';
+import { ToolbarPreset } from './presets.models';
 import * as i0 from "@angular/core";
+type ViewMode = 'list' | 'create' | 'edit' | 'import' | 'apply' | 'delete';
+type ToastType = 'success' | 'error';
 export declare class ToolbarPresetsToolComponent {
     private readonly presetsService;
     private readonly featureFlagsService;
@@ -8,7 +11,7 @@ export declare class ToolbarPresetsToolComponent {
     private readonly appFeaturesService;
     private readonly languageService;
     protected readonly state: ToolbarStateService;
-    protected readonly viewMode: import("@angular/core").WritableSignal<"list" | "create">;
+    protected readonly viewMode: import("@angular/core").WritableSignal<ViewMode>;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
     protected readonly presetName: import("@angular/core").WritableSignal<string>;
     protected readonly presetDescription: import("@angular/core").WritableSignal<string>;
@@ -19,10 +22,31 @@ export declare class ToolbarPresetsToolComponent {
     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").ToolbarPreset[]>;
-    protected readonly filteredPresets: import("@angular/core").Signal<import("ngx-dev-toolbar").ToolbarPreset[]>;
+    protected readonly editingPresetId: import("@angular/core").WritableSignal<string | null>;
+    protected readonly editName: import("@angular/core").WritableSignal<string>;
+    protected readonly editDescription: import("@angular/core").WritableSignal<string>;
+    protected readonly importJson: import("@angular/core").WritableSignal<string>;
+    protected readonly importError: import("@angular/core").WritableSignal<string | null>;
+    protected readonly isDragOver: import("@angular/core").WritableSignal<boolean>;
+    protected readonly applyingPresetId: import("@angular/core").WritableSignal<string | null>;
+    protected readonly applyFeatureFlags: import("@angular/core").WritableSignal<boolean>;
+    protected readonly applyPermissions: import("@angular/core").WritableSignal<boolean>;
+    protected readonly applyAppFeatures: import("@angular/core").WritableSignal<boolean>;
+    protected readonly applyLanguage: import("@angular/core").WritableSignal<boolean>;
+    protected readonly deletePresetId: import("@angular/core").WritableSignal<string | null>;
+    protected readonly toastMessage: import("@angular/core").WritableSignal<string | null>;
+    protected readonly toastType: import("@angular/core").WritableSignal<ToastType>;
+    protected readonly nameError: import("@angular/core").WritableSignal<string | null>;
+    private toastTimeout;
+    constructor();
+    protected readonly presets: import("@angular/core").Signal<ToolbarPreset[]>;
+    protected readonly filteredPresets: import("@angular/core").Signal<ToolbarPreset[]>;
+    protected readonly sortedPresets: import("@angular/core").Signal<ToolbarPreset[]>;
     protected readonly hasNoPresets: import("@angular/core").Signal<boolean>;
     protected readonly hasNoFilteredPresets: import("@angular/core").Signal<boolean>;
+    protected readonly editingPreset: import("@angular/core").Signal<ToolbarPreset | null>;
+    protected readonly applyingPreset: import("@angular/core").Signal<ToolbarPreset | null>;
+    protected readonly deletePresetName: import("@angular/core").Signal<string>;
     protected readonly isFeatureFlagsEnabled: import("@angular/core").Signal<boolean>;
     protected readonly isPermissionsEnabled: import("@angular/core").Signal<boolean>;
     protected readonly isAppFeaturesEnabled: import("@angular/core").Signal<boolean>;
@@ -31,27 +55,40 @@ export declare class ToolbarPresetsToolComponent {
     protected readonly forcedPermissions: import("@angular/core").Signal<import("ngx-dev-toolbar").ToolbarPermission[]>;
     protected readonly forcedAppFeatures: import("@angular/core").Signal<import("ngx-dev-toolbar").ToolbarAppFeature[]>;
     protected readonly options: ToolbarWindowOptions;
+    private showToast;
     onSearchChange(query: string): void;
-    onSwitchToCreateMode(): void;
     onSwitchToListMode(): void;
+    onSwitchToCreateMode(): void;
+    onSwitchToImportMode(): void;
+    onPresetNameChange(value: string): void;
     onSavePreset(event: Event): void;
-    onApplyPreset(presetId: string): void;
+    onStartEdit(presetId: string): void;
+    onEditNameChange(value: string): void;
+    onSaveEdit(event: Event): void;
+    onReplaceConfig(): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onFileDrop(event: DragEvent): void;
+    onFileSelect(event: Event): void;
+    private processFile;
+    onImportJsonChange(event: Event): void;
+    onImportPreset(): void;
+    onStartApply(presetId: string): void;
+    onConfirmPartialApply(): void;
     onUpdatePreset(presetId: string): void;
     onExportPreset(presetId: string): void;
     onDeletePreset(presetId: string): void;
+    onConfirmDelete(): void;
+    onToggleFavorite(presetId: string): void;
     protected getCurrentFlagsCount(): number;
     protected getCurrentPermissionsCount(): number;
     protected getCurrentAppFeaturesCount(): number;
     protected getCurrentLanguage(): string;
     protected formatDate(isoString: string): string;
-    /**
-     * Toggle selection of an individual item
-     */
+    protected getPresetTooltip(preset: ToolbarPreset): string;
     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<ToolbarPresetsToolComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarPresetsToolComponent, "ngt-presets-tool", never, {}, {}, never, never, true, never>;
 }
+export {};

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

@@ -5,6 +5,9 @@ export interface ToolbarPreset {
     createdAt: string;
     updatedAt: string;
     config: ToolbarPresetConfig;
+    isFavorite?: boolean;
+    /** True if this preset was added via code (initializePresets) and cannot be edited/deleted */
+    isSystem?: boolean;
 }
 export interface ToolbarPresetConfig {
     featureFlags: {
@@ -31,3 +34,12 @@ export interface PresetCategoryOptions {
     selectedPermissionIds?: string[];
     selectedFeatureIds?: string[];
 }
+/**
+ * Options for partial preset application
+ */
+export interface PartialApplyOptions {
+    applyFeatureFlags?: boolean;
+    applyPermissions?: boolean;
+    applyAppFeatures?: boolean;
+    applyLanguage?: boolean;
+}

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

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { ToolbarPreset, ToolbarPresetConfig } from './presets.models';
+import { ToolbarPreset, ToolbarPresetConfig, PartialApplyOptions } from './presets.models';
 import * as i0 from "@angular/core";
 /**
  * Partial preset for initialization (without generated fields)
@@ -41,6 +41,24 @@ export declare class ToolbarPresetsService {
      * @param presetId - ID of the preset to delete
      */
     deletePreset(presetId: string): void;
+    /**
+     * Toggle favorite status for a preset
+     * @param presetId - ID of the preset to toggle
+     */
+    toggleFavorite(presetId: string): void;
+    /**
+     * Apply a preset with partial options (only selected categories)
+     * @param presetId - ID of the preset to apply
+     * @param options - Options for which categories to apply
+     */
+    partialApplyPreset(presetId: string, options: PartialApplyOptions): Promise<void>;
+    /**
+     * Update only the metadata (name, description) of a preset
+     * @param presetId - ID of the preset to update
+     * @param name - New name for the preset
+     * @param description - New description for the preset
+     */
+    updatePresetMetadata(presetId: string, name: string, description?: string): void;
     /**
      * Export a preset as JSON string
      * @param presetId - ID of the preset to export
@@ -57,9 +75,10 @@ export declare class ToolbarPresetsService {
     /**
      * Initialize presets with predefined configurations.
      * Useful for setting up default presets that all developers can use.
+     * Skips presets that already exist (by name) to avoid duplicates.
      *
      * @param presets - Array of preset configurations to initialize
-     * @returns Array of created presets
+     * @returns Array of created presets (only newly added ones)
      *
      * @example
      * ```typescript