ngx-dev-toolbar 4.0.0 → 4.2.0

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

@@ -0,0 +1,70 @@
+import { Observable } from 'rxjs';
+import { ToolbarService } from '../../models/toolbar.interface';
+import { I18nCurrency, I18nDateFormat, I18nFirstDayOfWeek, I18nLocale, I18nNumberFormat, I18nTimezone, I18nToolConfig, I18nUnitSystem } from './i18n.models';
+import * as i0 from "@angular/core";
+export declare class ToolbarI18nService implements ToolbarService<I18nLocale> {
+    private internalService;
+    /**
+     * Sets the available locales displayed in the i18n tool
+     */
+    setAvailableOptions(locales: I18nLocale[]): void;
+    /**
+     * Gets the locale that was forced through the i18n tool
+     * @returns Observable of forced locale array (single item or empty)
+     */
+    getForcedValues(): Observable<I18nLocale[]>;
+    /**
+     * Gets the forced locale value.
+     * For the i18n tool, this returns the same as getForcedValues() since
+     * only one locale can be selected at a time.
+     */
+    getValues(): Observable<I18nLocale[]>;
+    /**
+     * Sets the available timezones displayed in the i18n tool.
+     * If not called, defaults to a built-in list of common timezones.
+     */
+    setAvailableTimezones(timezones: I18nTimezone[]): void;
+    /**
+     * Sets the available currencies displayed in the i18n tool.
+     * If not called, defaults to a built-in list of common currencies.
+     */
+    setAvailableCurrencies(currencies: I18nCurrency[]): void;
+    /**
+     * Gets the timezone that was forced through the i18n tool
+     */
+    getForcedTimezone(): Observable<I18nTimezone | null>;
+    /**
+     * Gets the currency that was forced through the i18n tool
+     */
+    getForcedCurrency(): Observable<I18nCurrency | null>;
+    /**
+     * Gets the unit system that was forced through the i18n tool
+     */
+    getUnitSystem(): Observable<I18nUnitSystem | null>;
+    /**
+     * Whether pseudo-localization mode is enabled
+     */
+    isPseudoLocalizationEnabled(): Observable<boolean>;
+    /**
+     * Whether RTL mirroring is enabled
+     */
+    isRtlEnabled(): Observable<boolean>;
+    /**
+     * Gets the date format that was forced through the i18n tool
+     */
+    getForcedDateFormat(): Observable<I18nDateFormat | null>;
+    /**
+     * Gets the first day of week that was forced through the i18n tool
+     */
+    getForcedFirstDayOfWeek(): Observable<I18nFirstDayOfWeek | null>;
+    /**
+     * Gets the number format that was forced through the i18n tool
+     */
+    getForcedNumberFormat(): Observable<I18nNumberFormat | null>;
+    /**
+     * Configures which sections are visible in the i18n tool panel
+     */
+    configure(config: I18nToolConfig): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarI18nService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarI18nService>;
+}

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

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import { ApplyToSourceState } from '../../models/toolbar.interface';
 import { ToolbarPermission, ForcedPermissionsState } from './permissions.models';
 import * as i0 from "@angular/core";
 export declare class ToolbarInternalPermissionsService {
@@ -29,6 +30,11 @@ export declare class ToolbarInternalPermissionsService {
     getCurrentForcedState(): ForcedPermissionsState;
     private loadForcedState;
     private isValidForcedState;
+    readonly applyCallback: import("@angular/core").WritableSignal<((id: string, value: boolean) => Promise<void>) | null>;
+    readonly applyStates: import("@angular/core").WritableSignal<Record<string, ApplyToSourceState>>;
+    readonly hasApplyCallback: import("@angular/core").Signal<boolean>;
+    setApplyToSource(callback: (id: string, value: boolean) => Promise<void>): void;
+    applyToSource(id: string, value: boolean): Promise<void>;
     private validateAndCleanForcedState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarInternalPermissionsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarInternalPermissionsService>;

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

@@ -7,6 +7,7 @@ export declare class ToolbarPermissionsToolComponent {
     private readonly VIEW_STATE_KEY;
     protected readonly activeFilter: import("@angular/core").WritableSignal<PermissionFilter>;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    protected readonly pinnedIds: import("@angular/core").WritableSignal<Set<string>>;
     constructor();
     private loadViewState;
     protected readonly permissions: import("@angular/core").Signal<ToolbarPermission[]>;
@@ -23,9 +24,13 @@ export declare class ToolbarPermissionsToolComponent {
         value: string;
         label: string;
     }[];
+    protected readonly hasApplyCallback: import("@angular/core").Signal<boolean>;
+    protected getApplyState(permissionId: string): 'idle' | 'loading' | 'success' | 'error';
+    protected onApplyToSource(permissionId: string, value: boolean): void;
     onFilterChange(value: string | undefined): void;
     onPermissionChange(id: string, value: string): void;
     onSearchChange(query: string): void;
+    togglePin(permissionId: string): void;
     protected getPermissionValue(permission: ToolbarPermission): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarPermissionsToolComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarPermissionsToolComponent, "ndt-permissions-tool", never, {}, {}, never, never, true, never>;

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

@@ -106,6 +106,13 @@ export declare class ToolbarPermissionsService implements ToolbarService<Toolbar
      * @returns Current forced permissions state
      */
     getCurrentState(): ForcedPermissionsState;
+    /**
+     * Registers a callback to persist a forced permission value back to the actual data source.
+     * When set, an "apply to source" button appears on each forced permission in the toolbar UI.
+     *
+     * @param callback - Async function that receives the permission ID and its forced boolean value
+     */
+    setApplyToSource(callback: (id: string, value: boolean) => Promise<void>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarPermissionsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarPermissionsService>;
 }

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

@@ -9,9 +9,9 @@ export declare class ToolbarInternalPresetsService {
     private readonly STORAGE_KEY;
     private storageService;
     private featureFlagsService;
-    private languageService;
     private permissionsService;
     private appFeaturesService;
+    private i18nService;
     private presetsSubject;
     presets$: Observable<ToolbarPreset[]>;
     presets: import("@angular/core").Signal<ToolbarPreset[]>;

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

@@ -5,20 +5,21 @@ import * as i0 from "@angular/core";
 type ViewMode = 'list' | 'create' | 'edit' | 'import' | 'apply' | 'delete';
 type ToastType = 'success' | 'error';
 export declare class ToolbarPresetsToolComponent {
+    onDocumentClick(): void;
     private readonly presetsService;
     private readonly featureFlagsService;
     private readonly permissionsService;
     private readonly appFeaturesService;
-    private readonly languageService;
     protected readonly state: ToolbarStateService;
     protected readonly viewMode: import("@angular/core").WritableSignal<ViewMode>;
     protected readonly searchQuery: import("@angular/core").WritableSignal<string>;
+    protected readonly expandedPresetId: import("@angular/core").WritableSignal<string | null>;
+    protected readonly openMenuId: import("@angular/core").WritableSignal<string | null>;
     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>>;
@@ -32,7 +33,6 @@ export declare class ToolbarPresetsToolComponent {
     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>;
@@ -50,13 +50,14 @@ export declare class ToolbarPresetsToolComponent {
     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").ToolbarFlag[]>;
     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;
+    onToggleExpand(presetId: string): void;
+    onToggleMenu(presetId: string): void;
     onSwitchToListMode(): void;
     onSwitchToCreateMode(): void;
     onSwitchToImportMode(): void;
@@ -83,7 +84,6 @@ export declare class ToolbarPresetsToolComponent {
     protected getCurrentFlagsCount(): number;
     protected getCurrentPermissionsCount(): number;
     protected getCurrentAppFeaturesCount(): number;
-    protected getCurrentLanguage(): string;
     protected formatDate(isoString: string): string;
     protected getPresetTooltip(preset: ToolbarPreset): string;
     protected toggleItemSelection(signal: typeof this.selectedFlagIds, itemId: string): void;

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

@@ -14,7 +14,6 @@ export interface ToolbarPresetConfig {
         enabled: string[];
         disabled: string[];
     };
-    language: string | null;
     permissions: {
         granted: string[];
         denied: string[];
@@ -23,13 +22,21 @@ export interface ToolbarPresetConfig {
         enabled: string[];
         disabled: string[];
     };
+    i18n?: {
+        locale?: string | null;
+        timezone?: string | null;
+        currency?: string | null;
+        unitSystem?: string | null;
+        pseudoLocEnabled?: boolean;
+        rtlEnabled?: boolean;
+    };
 }
 export type PresetFilter = 'all' | 'recent' | 'favorites';
 export interface PresetCategoryOptions {
     includeFeatureFlags?: boolean;
     includePermissions?: boolean;
     includeAppFeatures?: boolean;
-    includeLanguage?: boolean;
+    includeI18n?: boolean;
     selectedFlagIds?: string[];
     selectedPermissionIds?: string[];
     selectedFeatureIds?: string[];
@@ -41,5 +48,5 @@ export interface PartialApplyOptions {
     applyFeatureFlags?: boolean;
     applyPermissions?: boolean;
     applyAppFeatures?: boolean;
-    applyLanguage?: boolean;
+    applyI18n?: boolean;
 }

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

@@ -1,30 +0,0 @@
-import { Observable } from 'rxjs';
-import { Language } from './language.models';
-import * as i0 from "@angular/core";
-export declare class ToolbarInternalLanguageService {
-    private readonly STORAGE_KEY;
-    private readonly storageService;
-    private readonly stateService;
-    private languages$;
-    private forcedLanguage$;
-    languages: import("@angular/core").Signal<Language[]>;
-    constructor();
-    setAppLanguages(languages: Language[]): void;
-    getAppLanguages(): Observable<Language[]>;
-    setForcedLanguage(language: Language): void;
-    getForcedLanguage(): Observable<Language[]>;
-    removeForcedLanguage(): void;
-    private loadForcedLanguage;
-    /**
-     * Apply language from a preset (used by Presets Tool)
-     * Accepts a language ID and finds the corresponding Language object from available languages
-     */
-    applyPresetLanguage(languageId: string | null): Promise<void>;
-    /**
-     * Get current forced language ID for saving to preset
-     * Returns the language ID or null if no language is forced
-     */
-    getCurrentForcedLanguage(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarInternalLanguageService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarInternalLanguageService>;
-}

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

@@ -1,14 +0,0 @@
-import { ToolbarWindowOptions } from '../../components/toolbar-tool/toolbar-tool.models';
-import * as i0 from "@angular/core";
-export declare class ToolbarLanguageToolComponent {
-    private readonly languageService;
-    protected readonly options: ToolbarWindowOptions;
-    activeLanguage: import("@angular/core").WritableSignal<string>;
-    languageOptions: import("@angular/core").Signal<{
-        value: string;
-        label: string;
-    }[]>;
-    onLanguageChange(language: string): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarLanguageToolComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarLanguageToolComponent, "ndt-language-tool", never, {}, {}, never, never, true, never>;
-}

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

@@ -1,4 +0,0 @@
-export interface Language {
-    id: string;
-    name: string;
-}

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

@@ -1,26 +0,0 @@
-import { Observable } from 'rxjs';
-import { ToolbarService } from '../../models/toolbar.interface';
-import { Language } from './language.models';
-import * as i0 from "@angular/core";
-export declare class ToolbarLanguageService implements ToolbarService<Language> {
-    private internalService;
-    /**
-     * Sets the available languages that will be displayed in the tool on the dev toolbar
-     * @param languages The languages to be displayed
-     */
-    setAvailableOptions(languages: Language[]): void;
-    /**
-     * Gets the languages that were forced/modified through the tool on the dev toolbar
-     * @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<ToolbarLanguageService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarLanguageService>;
-}