ngx-dev-toolbar 1.0.0-beta.1 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +254 -4
- package/eslint.config.cjs +47 -0
- package/ng-package.json +7 -0
- package/package.json +8 -23
- package/project.json +37 -0
- package/src/components/button/button.component.scss +49 -0
- package/src/components/button/button.component.ts +36 -0
- package/src/components/card/card.component.scss +18 -0
- package/src/components/card/card.component.ts +30 -0
- package/src/components/clickable-card/clickable-card.component.scss +39 -0
- package/src/components/clickable-card/clickable-card.component.ts +34 -0
- package/src/components/icons/angular-icon.component.ts +35 -0
- package/src/components/icons/bug-icon.component.ts +23 -0
- package/src/components/icons/code-icon.component.ts +24 -0
- package/src/components/icons/database-icon.component.ts +27 -0
- package/src/components/icons/discord-icon.component.ts +23 -0
- package/src/components/icons/docs-icon.component.ts +23 -0
- package/src/components/icons/export-icon.component.ts +23 -0
- package/src/components/icons/gauge-icon.component.ts +27 -0
- package/src/components/icons/gear-icon.component.ts +27 -0
- package/src/components/icons/git-branch-icon.component.ts +27 -0
- package/src/components/icons/icon.component.ts +129 -0
- package/src/components/icons/icon.models.ts +27 -0
- package/src/components/icons/import-icon.component.ts +23 -0
- package/src/components/icons/layout-icon.component.ts +24 -0
- package/src/components/icons/lightbulb-icon.component.ts +23 -0
- package/src/components/icons/lighting-icon.component.ts +24 -0
- package/src/components/icons/moon-icon.component.ts +27 -0
- package/src/components/icons/network-icon.component.ts +27 -0
- package/src/components/icons/puzzle-icon.component.ts +27 -0
- package/src/components/icons/refresh-icon.component.ts +27 -0
- package/src/components/icons/star-icon.component.ts +27 -0
- package/src/components/icons/sun-icon.component.ts +27 -0
- package/src/components/icons/terminal-icon.component.ts +27 -0
- package/src/components/icons/toggle-left-icon.component.ts +27 -0
- package/src/components/icons/translate-icon.component.ts +23 -0
- package/src/components/icons/trash-icon.component.ts +23 -0
- package/src/components/icons/users-icon.component.ts +27 -0
- package/src/components/input/input.component.ts +67 -0
- package/src/components/link-button/link-button.component.scss +36 -0
- package/src/components/link-button/link-button.component.ts +29 -0
- package/src/components/select/select.component.scss +162 -0
- package/src/components/select/select.component.ts +127 -0
- package/src/components/tool-button/tool-button.component.scss +67 -0
- package/src/components/tool-button/tool-button.component.ts +126 -0
- package/src/components/toolbar-tool/toolbar-tool.component.scss +9 -0
- package/src/components/toolbar-tool/toolbar-tool.component.ts +169 -0
- package/src/components/toolbar-tool/toolbar-tool.models.ts +33 -0
- package/src/components/window/window.component.scss +95 -0
- package/src/components/window/window.component.ts +69 -0
- package/src/dev-toolbar-state.service.ts +89 -0
- package/src/dev-toolbar.component.scss +22 -0
- package/src/dev-toolbar.component.ts +105 -0
- package/src/index.ts +10 -0
- package/src/models/dev-tools.interface.ts +19 -0
- package/src/styles.scss +342 -0
- package/src/test-setup.ts +12 -0
- package/src/tools/feature-flags-tool/feature-flags-internal.service.ts +96 -0
- package/src/tools/feature-flags-tool/feature-flags-tool.component.ts +261 -0
- package/src/tools/feature-flags-tool/feature-flags.models.ts +10 -0
- package/src/tools/feature-flags-tool/feature-flags.service.ts +28 -0
- package/src/tools/home-tool/home-tool.component.scss +67 -0
- package/src/tools/home-tool/home-tool.component.ts +197 -0
- package/{tools/settings-tool/settings.models.d.ts → src/tools/home-tool/settings.models.ts} +1 -1
- package/src/tools/home-tool/settings.service.spec.ts +59 -0
- package/src/tools/home-tool/settings.service.ts +21 -0
- package/src/tools/language-tool/language-internal.service.ts +51 -0
- package/src/tools/language-tool/language-tool.component.scss +7 -0
- package/src/tools/language-tool/language-tool.component.ts +71 -0
- package/src/tools/language-tool/language.models.ts +4 -0
- package/src/tools/language-tool/language.service.ts +26 -0
- package/src/utils/storage.service.spec.ts +179 -0
- package/src/utils/storage.service.ts +80 -0
- package/tsconfig.json +28 -0
- package/tsconfig.lib.json +28 -0
- package/tsconfig.lib.prod.json +9 -0
- package/tsconfig.spec.json +29 -0
- package/vite.config.mts +27 -0
- package/components/button/button.component.d.ts +0 -12
- package/components/icons/angular-icon.component.d.ts +0 -5
- package/components/icons/bug-icon.component.d.ts +0 -6
- package/components/icons/code-icon.component.d.ts +0 -6
- package/components/icons/database-icon.component.d.ts +0 -6
- package/components/icons/gauge-icon.component.d.ts +0 -6
- package/components/icons/gear-icon.component.d.ts +0 -6
- package/components/icons/git-branch-icon.component.d.ts +0 -6
- package/components/icons/icon.component.d.ts +0 -9
- package/components/icons/icon.models.d.ts +0 -1
- package/components/icons/layout-icon.component.d.ts +0 -6
- package/components/icons/lighting-icon.component.d.ts +0 -6
- package/components/icons/moon-icon.component.d.ts +0 -6
- package/components/icons/network-icon.component.d.ts +0 -6
- package/components/icons/puzzle-icon.component.d.ts +0 -6
- package/components/icons/refresh-icon.component.d.ts +0 -6
- package/components/icons/star-icon.component.d.ts +0 -6
- package/components/icons/sun-icon.component.d.ts +0 -6
- package/components/icons/terminal-icon.component.d.ts +0 -6
- package/components/icons/toggle-left-icon.component.d.ts +0 -6
- package/components/icons/users-icon.component.d.ts +0 -6
- package/components/input/input.component.d.ts +0 -10
- package/components/select/select.component.d.ts +0 -14
- package/components/tool-button/tool-button.component.d.ts +0 -23
- package/components/toolbar-tool/toolbar-tool.component.d.ts +0 -28
- package/components/window/window.component.d.ts +0 -16
- package/components/window/window.models.d.ts +0 -20
- package/dev-toolbar-state.service.d.ts +0 -18
- package/dev-toolbar.component.d.ts +0 -17
- package/fesm2022/ngx-dev-toolbar.mjs +0 -2073
- package/fesm2022/ngx-dev-toolbar.mjs.map +0 -1
- package/index.d.ts +0 -3
- package/tools/feature-flags-tool/feature-flags-tool.component.d.ts +0 -33
- package/tools/feature-flags-tool/feature-flags.models.d.ts +0 -9
- package/tools/feature-flags-tool/feature-flags.service.d.ts +0 -35
- package/tools/settings-tool/settings-tool.component.d.ts +0 -15
- package/tools/settings-tool/settings.service.d.ts +0 -10
- package/utils/storage.service.d.ts +0 -9
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ToggleLeftIconComponent {
|
|
3
|
-
fill: import("@angular/core").InputSignal<string>;
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleLeftIconComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleLeftIconComponent, "ndt-toggle-left-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class UsersIconComponent {
|
|
3
|
-
fill: import("@angular/core").InputSignal<string>;
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<UsersIconComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UsersIconComponent, "ndt-users-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class DevToolbarInputComponent {
|
|
3
|
-
value: import("@angular/core").ModelSignal<string>;
|
|
4
|
-
type: import("@angular/core").InputSignal<string>;
|
|
5
|
-
placeholder: import("@angular/core").InputSignal<string>;
|
|
6
|
-
ariaLabel: import("@angular/core").InputSignal<string>;
|
|
7
|
-
inputClass: import("@angular/core").InputSignal<string>;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarInputComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarInputComponent, "ndt-input", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
10
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export interface SelectOption {
|
|
3
|
-
value: string;
|
|
4
|
-
label: string;
|
|
5
|
-
}
|
|
6
|
-
export declare class DevToolbarSelectComponent {
|
|
7
|
-
value: import("@angular/core").ModelSignal<string | undefined>;
|
|
8
|
-
options: import("@angular/core").InputSignal<SelectOption[]>;
|
|
9
|
-
ariaLabel: import("@angular/core").InputSignal<string>;
|
|
10
|
-
label: import("@angular/core").InputSignal<string>;
|
|
11
|
-
size: import("@angular/core").InputSignal<"small" | "medium">;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarSelectComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarSelectComponent, "ndt-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
|
|
14
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class DevToolbarToolButtonComponent {
|
|
3
|
-
private readonly state;
|
|
4
|
-
private readonly elementRef;
|
|
5
|
-
readonly title: import("@angular/core").InputSignal<string>;
|
|
6
|
-
readonly toolId: import("@angular/core").InputSignal<string>;
|
|
7
|
-
readonly click: import("@angular/core").OutputEmitterRef<void>;
|
|
8
|
-
readonly isActive: import("@angular/core").Signal<boolean>;
|
|
9
|
-
readonly isToolbarVisible: import("@angular/core").Signal<boolean>;
|
|
10
|
-
readonly isFocused: import("@angular/core").WritableSignal<boolean>;
|
|
11
|
-
readonly tooltip: import("@angular/core").Signal<any>;
|
|
12
|
-
readonly isTooltipVisible: import("@angular/core").Signal<any>;
|
|
13
|
-
protected tooltipState: boolean;
|
|
14
|
-
private readonly hideDelay;
|
|
15
|
-
onClick(): void;
|
|
16
|
-
onMouseEnter(): void;
|
|
17
|
-
onMouseLeave(): void;
|
|
18
|
-
onEscape(): void;
|
|
19
|
-
onFocus(): void;
|
|
20
|
-
onBlur(): void;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarToolButtonComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarToolButtonComponent, "ndt-tool-button", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "toolId": { "alias": "toolId"; "required": true; "isSignal": true; }; }, { "click": "click"; }, never, ["*"], true, never>;
|
|
23
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
|
2
|
-
import { DevToolbarStateService } from '../../dev-toolbar-state.service';
|
|
3
|
-
import { IconName } from '../icons/icon.models';
|
|
4
|
-
import { DevToolbarToolButtonComponent } from '../tool-button/tool-button.component';
|
|
5
|
-
import { WindowConfig } from '../window/window.models';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class DevToolbarToolComponent {
|
|
8
|
-
state: DevToolbarStateService;
|
|
9
|
-
trigger: ElementRef;
|
|
10
|
-
buttonComponent: DevToolbarToolButtonComponent;
|
|
11
|
-
windowConfig: import("@angular/core").InputSignal<WindowConfig>;
|
|
12
|
-
icon: import("@angular/core").InputSignal<IconName>;
|
|
13
|
-
title: import("@angular/core").InputSignal<string>;
|
|
14
|
-
isActive: import("@angular/core").Signal<boolean>;
|
|
15
|
-
height: import("@angular/core").Signal<620 | 480 | 400>;
|
|
16
|
-
width: import("@angular/core").Signal<480 | 400 | 520>;
|
|
17
|
-
positions: import("@angular/core").Signal<{
|
|
18
|
-
originX: "center";
|
|
19
|
-
originY: "center";
|
|
20
|
-
overlayX: "center";
|
|
21
|
-
overlayY: "center";
|
|
22
|
-
offsetY: number;
|
|
23
|
-
}[]>;
|
|
24
|
-
onOpen(): void;
|
|
25
|
-
onClose(): void;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarToolComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarToolComponent, "ndt-toolbar-tool", never, { "windowConfig": { "alias": "windowConfig"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; }, {}, ["buttonComponent"], ["ndt-tool-button", "*"], true, never>;
|
|
28
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { DevToolbarStateService } from '../../dev-toolbar-state.service';
|
|
2
|
-
import { WindowConfig } from './window.models';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DevToolbarWindowComponent {
|
|
5
|
-
readonly devToolbarStateService: DevToolbarStateService;
|
|
6
|
-
readonly config: import("@angular/core").InputSignal<WindowConfig>;
|
|
7
|
-
readonly close: import("@angular/core").OutputEmitterRef<void>;
|
|
8
|
-
readonly maximize: import("@angular/core").OutputEmitterRef<void>;
|
|
9
|
-
readonly minimize: import("@angular/core").OutputEmitterRef<void>;
|
|
10
|
-
readonly theme: import("@angular/core").Signal<"dark" | "light">;
|
|
11
|
-
protected onClose(): void;
|
|
12
|
-
protected onMaximize(): void;
|
|
13
|
-
protected onMinimize(): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarWindowComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarWindowComponent, "ndt-window", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; "maximize": "maximize"; "minimize": "minimize"; }, never, ["*"], true, never>;
|
|
16
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export type WindowPlacement = 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
|
|
2
|
-
export type WindowSize = 'tall' | 'medium';
|
|
3
|
-
export interface WindowConfig {
|
|
4
|
-
id: string;
|
|
5
|
-
/**
|
|
6
|
-
* The title of the window, this can be different from the name of the tool
|
|
7
|
-
*/
|
|
8
|
-
title: string;
|
|
9
|
-
description?: string;
|
|
10
|
-
isClosable?: boolean;
|
|
11
|
-
isMaximizable?: boolean;
|
|
12
|
-
isMinimizable?: boolean;
|
|
13
|
-
placement?: WindowPlacement;
|
|
14
|
-
size?: WindowSize;
|
|
15
|
-
isBeta?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export interface WindowPosition {
|
|
18
|
-
x: number;
|
|
19
|
-
y: number;
|
|
20
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class DevToolbarStateService {
|
|
3
|
-
private state;
|
|
4
|
-
readonly isVisible: import("@angular/core").Signal<boolean>;
|
|
5
|
-
readonly isDarkTheme: import("@angular/core").Signal<boolean>;
|
|
6
|
-
readonly activeToolId: import("@angular/core").Signal<string | null>;
|
|
7
|
-
readonly hasActiveTool: import("@angular/core").Signal<boolean>;
|
|
8
|
-
readonly error: import("@angular/core").Signal<string | null>;
|
|
9
|
-
readonly theme: import("@angular/core").Signal<"dark" | "light">;
|
|
10
|
-
readonly delay: import("@angular/core").Signal<number>;
|
|
11
|
-
setVisibility(isVisible: boolean): void;
|
|
12
|
-
setTheme(theme: 'light' | 'dark'): void;
|
|
13
|
-
setActiveTool(toolId: string | null): void;
|
|
14
|
-
toggleTool(toolId: string | null): void;
|
|
15
|
-
toggleVisibility(): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarStateService, never>;
|
|
17
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarStateService>;
|
|
18
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { DestroyRef, OnInit } from '@angular/core';
|
|
2
|
-
import { DevToolbarStateService } from './dev-toolbar-state.service';
|
|
3
|
-
import { SettingsService } from './tools/settings-tool/settings.service';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DevToolbarComponent implements OnInit {
|
|
6
|
-
state: DevToolbarStateService;
|
|
7
|
-
destroyRef: DestroyRef;
|
|
8
|
-
settingsService: SettingsService;
|
|
9
|
-
private keyboardShortcut;
|
|
10
|
-
private mouseLeave;
|
|
11
|
-
ngOnInit(): void;
|
|
12
|
-
onMouseEnter(): void;
|
|
13
|
-
onMouseLeave(): void;
|
|
14
|
-
private toggleDevTools;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarComponent, "ndt-toolbar", never, {}, {}, never, never, true, never>;
|
|
17
|
-
}
|