ngx-dev-toolbar 0.0.2-1 → 1.0.0-beta.2

package/components/button/button.component.d.ts

@@ -0,0 +1,12 @@
+import { IconName } from '../icons/icon.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarButtonComponent {
+    readonly type: import("@angular/core").InputSignal<"button" | "submit" | "reset">;
+    readonly variant: import("@angular/core").InputSignal<"default" | "icon">;
+    readonly icon: import("@angular/core").InputSignal<IconName | undefined>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly isActive: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarButtonComponent, "ndt-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/icons/angular-icon.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class AngularIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularIconComponent, "ndt-angular-icon", never, {}, {}, never, never, true, never>;
+}

package/components/icons/bug-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class BugIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BugIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BugIconComponent, "ndt-bug-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/code-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class CodeIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeIconComponent, "ndt-code-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/database-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DatabaseIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatabaseIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatabaseIconComponent, "ndt-database-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/gauge-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class GaugeIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaugeIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaugeIconComponent, "ndt-gauge-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/gear-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class GearIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GearIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GearIconComponent, "ndt-gear-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/git-branch-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class GitBranchIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GitBranchIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GitBranchIconComponent, "ndt-git-branch-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/icon.component.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from './icon.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarIconComponent {
+    private readonly stateService;
+    name: import("@angular/core").InputSignal<IconName>;
+    fill: import("@angular/core").Signal<"#FFFFFF" | "#000000">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarIconComponent, "ndt-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/icon.models.d.ts

@@ -0,0 +1 @@
+export type IconName = 'angular' | 'bug' | 'code' | 'database' | 'gauge' | 'gear' | 'git-branch' | 'layout' | 'lighting' | 'moon' | 'network' | 'puzzle' | 'refresh' | 'star' | 'sun' | 'terminal' | 'toggle-left' | 'user' | 'flag';

package/components/icons/layout-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LayoutIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutIconComponent, "ndt-layout-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/lighting-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LightingIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LightingIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LightingIconComponent, "ndt-lighting-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/moon-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class MoonIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MoonIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MoonIconComponent, "ndt-moon-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/network-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class NetworkIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NetworkIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NetworkIconComponent, "ndt-network-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/puzzle-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class PuzzleIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PuzzleIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PuzzleIconComponent, "ndt-puzzle-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/refresh-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class RefreshIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RefreshIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RefreshIconComponent, "ndt-refresh-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/star-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class StarIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StarIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StarIconComponent, "ndt-star-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/sun-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SunIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SunIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SunIconComponent, "ndt-sun-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/terminal-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class TerminalIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TerminalIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TerminalIconComponent, "ndt-terminal-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/toggle-left-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ToggleLeftIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleLeftIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleLeftIconComponent, "ndt-toggle-left-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/icons/users-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class UsersIconComponent {
+    fill: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UsersIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UsersIconComponent, "ndt-users-icon", never, { "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/input/input.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class DevToolbarInputComponent {
+    value: import("@angular/core").ModelSignal<string>;
+    type: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    ariaLabel: import("@angular/core").InputSignal<string>;
+    inputClass: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarInputComponent, never>;
+    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>;
+}

package/components/select/select.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+export interface SelectOption {
+    value: string;
+    label: string;
+}
+export declare class DevToolbarSelectComponent {
+    value: import("@angular/core").ModelSignal<string | undefined>;
+    options: import("@angular/core").InputSignal<SelectOption[]>;
+    ariaLabel: import("@angular/core").InputSignal<string>;
+    label: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<"small" | "medium">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarSelectComponent, never>;
+    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>;
+}

package/components/tool-button/tool-button.component.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export declare class DevToolbarToolButtonComponent {
+    private readonly state;
+    private readonly elementRef;
+    readonly title: import("@angular/core").InputSignal<string>;
+    readonly toolId: import("@angular/core").InputSignal<string>;
+    readonly click: import("@angular/core").OutputEmitterRef<void>;
+    readonly isActive: import("@angular/core").Signal<boolean>;
+    readonly isToolbarVisible: import("@angular/core").Signal<boolean>;
+    readonly isFocused: import("@angular/core").WritableSignal<boolean>;
+    readonly tooltip: import("@angular/core").Signal<any>;
+    readonly isTooltipVisible: import("@angular/core").Signal<any>;
+    protected tooltipState: boolean;
+    private readonly hideDelay;
+    onClick(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onEscape(): void;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarToolButtonComponent, never>;
+    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>;
+}

package/components/toolbar-tool/toolbar-tool.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef } from '@angular/core';
+import { DevToolbarStateService } from '../../dev-toolbar-state.service';
+import { IconName } from '../icons/icon.models';
+import { DevToolbarToolButtonComponent } from '../tool-button/tool-button.component';
+import { WindowConfig } from '../window/window.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarToolComponent {
+    state: DevToolbarStateService;
+    trigger: ElementRef;
+    buttonComponent: DevToolbarToolButtonComponent;
+    windowConfig: import("@angular/core").InputSignal<WindowConfig>;
+    icon: import("@angular/core").InputSignal<IconName>;
+    title: import("@angular/core").InputSignal<string>;
+    isActive: import("@angular/core").Signal<boolean>;
+    height: import("@angular/core").Signal<620 | 480 | 400>;
+    width: import("@angular/core").Signal<480 | 400 | 520>;
+    positions: import("@angular/core").Signal<{
+        originX: "center";
+        originY: "center";
+        overlayX: "center";
+        overlayY: "center";
+        offsetY: number;
+    }[]>;
+    onOpen(): void;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarToolComponent, never>;
+    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>;
+}

package/components/window/window.component.d.ts

@@ -0,0 +1,16 @@
+import { DevToolbarStateService } from '../../dev-toolbar-state.service';
+import { WindowConfig } from './window.models';
+import * as i0 from "@angular/core";
+export declare class DevToolbarWindowComponent {
+    readonly devToolbarStateService: DevToolbarStateService;
+    readonly config: import("@angular/core").InputSignal<WindowConfig>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
+    readonly maximize: import("@angular/core").OutputEmitterRef<void>;
+    readonly minimize: import("@angular/core").OutputEmitterRef<void>;
+    readonly theme: import("@angular/core").Signal<"light" | "dark">;
+    protected onClose(): void;
+    protected onMaximize(): void;
+    protected onMinimize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarWindowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarWindowComponent, "ndt-window", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, { "close": "close"; "maximize": "maximize"; "minimize": "minimize"; }, never, ["*"], true, never>;
+}

package/components/window/window.models.d.ts

@@ -0,0 +1,20 @@
+export type WindowPlacement = 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top-left' | 'top-center' | 'top-right';
+export type WindowSize = 'tall' | 'medium';
+export interface WindowConfig {
+    id: string;
+    /**
+     * The title of the window, this can be different from the name of the tool
+     */
+    title: string;
+    description?: string;
+    isClosable?: boolean;
+    isMaximizable?: boolean;
+    isMinimizable?: boolean;
+    placement?: WindowPlacement;
+    size?: WindowSize;
+    isBeta?: boolean;
+}
+export interface WindowPosition {
+    x: number;
+    y: number;
+}

package/dev-toolbar-state.service.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class DevToolbarStateService {
+    private state;
+    readonly isVisible: import("@angular/core").Signal<boolean>;
+    readonly isDarkTheme: import("@angular/core").Signal<boolean>;
+    readonly activeToolId: import("@angular/core").Signal<string | null>;
+    readonly hasActiveTool: import("@angular/core").Signal<boolean>;
+    readonly error: import("@angular/core").Signal<string | null>;
+    readonly theme: import("@angular/core").Signal<"light" | "dark">;
+    readonly delay: import("@angular/core").Signal<number>;
+    setVisibility(isVisible: boolean): void;
+    setTheme(theme: 'light' | 'dark'): void;
+    setActiveTool(toolId: string | null): void;
+    toggleTool(toolId: string | null): void;
+    toggleVisibility(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DevToolbarStateService>;
+}

package/dev-toolbar.component.d.ts

@@ -0,0 +1,17 @@
+import { DestroyRef, OnInit } from '@angular/core';
+import { DevToolbarStateService } from './dev-toolbar-state.service';
+import { SettingsService } from './tools/settings-tool/settings.service';
+import * as i0 from "@angular/core";
+export declare class DevToolbarComponent implements OnInit {
+    state: DevToolbarStateService;
+    destroyRef: DestroyRef;
+    settingsService: SettingsService;
+    private keyboardShortcut;
+    private mouseLeave;
+    ngOnInit(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    private toggleDevTools;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DevToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DevToolbarComponent, "ndt-toolbar", never, {}, {}, never, never, true, never>;
+}