inspector-ng 0.0.6 → 0.0.9

package/lib/inspector.component.d.ts

@@ -1,15 +1,28 @@
 import { ElementRef, OnDestroy } from '@angular/core';
 import { DistanceOverlay, Guide, GuideOrientation, InspectMeasurement, Rect, TextBlockAnnotation, ToolMode } from './types';
+import { InspectorCheckpointRecord, InspectorCheckpointService } from './checkpoints';
 import * as i0 from "@angular/core";
 export declare class inspectorComponent implements OnDestroy {
     readonly Math: Math;
     readonly formatValue: (value: number) => number;
     readonly guideHitboxSize = 14;
     readonly overlayRoot: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    readonly checkpointDialog: import("@angular/core").Signal<ElementRef<HTMLDialogElement> | undefined>;
+    readonly checkpointSearch: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     highlightColor: string;
     guideColor: string;
     hoverHighlightEnabled: boolean;
     persistOnReload: boolean;
+    readonly checkpointService: InspectorCheckpointService | null;
+    readonly commandBarOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly checkpointQuery: import("@angular/core").WritableSignal<string>;
+    readonly activeCheckpointIndex: import("@angular/core").WritableSignal<number>;
+    readonly editingCheckpointId: import("@angular/core").WritableSignal<string | null>;
+    readonly deletingCheckpointId: import("@angular/core").WritableSignal<string | null>;
+    readonly renameDraft: import("@angular/core").WritableSignal<string>;
+    readonly checkpointToast: import("@angular/core").WritableSignal<string | null>;
+    readonly checkpointToastIsError: import("@angular/core").WritableSignal<boolean>;
+    readonly filteredCheckpoints: import("@angular/core").Signal<InspectorCheckpointRecord[]>;
     readonly enabled: import("@angular/core").WritableSignal<boolean>;
     readonly toolMode: import("@angular/core").WritableSignal<ToolMode>;
     readonly guideOrientation: import("@angular/core").WritableSignal<GuideOrientation>;
@@ -21,7 +34,6 @@ export declare class inspectorComponent implements OnDestroy {
     readonly altPressed: import("@angular/core").WritableSignal<boolean>;
     readonly distanceOverlay: import("@angular/core").WritableSignal<DistanceOverlay | null>;
     readonly textBlocks: import("@angular/core").WritableSignal<TextBlockAnnotation[]>;
-    readonly guideMenuOpen: import("@angular/core").WritableSignal<boolean>;
     readonly guidePreview: import("@angular/core").WritableSignal<Guide | null>;
     readonly selectedMetaLine: import("@angular/core").Signal<string>;
     private readonly isBrowser;
@@ -32,6 +44,7 @@ export declare class inspectorComponent implements OnDestroy {
     private draggingGuideId;
     private selectedElement;
     private hoverElement;
+    private toastTimer;
     readonly canUndo: import("@angular/core").Signal<boolean>;
     readonly canRedo: import("@angular/core").Signal<boolean>;
     constructor(platformId: object);
@@ -39,8 +52,23 @@ export declare class inspectorComponent implements OnDestroy {
     ngOnDestroy(): void;
     setToolMode(mode: ToolMode): void;
     setGuideOrientation(orientation: GuideOrientation): void;
+    activateGuideOrientation(orientation: GuideOrientation): void;
     toggleTypography(): void;
-    toggleGuideMenu(): void;
+    disableInspector(): void;
+    saveCheckpoint(): Promise<void>;
+    openCheckpointCommandBar(): Promise<void>;
+    closeCheckpointCommandBar(): void;
+    updateCheckpointQuery(event: Event): void;
+    setActiveCheckpoint(index: number): void;
+    restoreCheckpoint(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    beginRename(checkpoint: InspectorCheckpointRecord, event?: Event): void;
+    updateRenameDraft(event: Event): void;
+    finishRename(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    cancelRename(): void;
+    beginDelete(checkpoint: InspectorCheckpointRecord, event?: Event): void;
+    cancelDelete(event?: Event): void;
+    confirmDelete(checkpoint: InspectorCheckpointRecord, event?: Event): Promise<void>;
+    handleCheckpointDialogClick(event: MouseEvent): void;
     clearGuides(): void;
     trackGuide: (_index: number, guide: Guide) => string;
     trackTextBlock: (_index: number, block: TextBlockAnnotation) => string;
@@ -55,6 +83,11 @@ export declare class inspectorComponent implements OnDestroy {
     handleClick(event: MouseEvent): void;
     handleViewportChange(): void;
     private canInspectClick;
+    private setInspectorEnabled;
+    private handleCommandBarKeydown;
+    private clampActiveCheckpoint;
+    private scrollActiveCheckpointIntoView;
+    private showCheckpointToast;
     private selectElementAtPoint;
     private updateDistanceOverlay;
     private refreshTypographyBlocks;

package/lib/types.d.ts

@@ -79,10 +79,13 @@ export type DistanceOverlay = {
     }>;
 };
 export type inspectorPersistedState = {
-    version: 1;
+    version: 2;
     enabled: boolean;
     toolMode: ToolMode;
     guideOrientation: GuideOrientation;
     guides: Guide[];
     showTypography: boolean;
 };
+export type inspectorLegacyPersistedState = Omit<inspectorPersistedState, "version"> & {
+    version: 1;
+};

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "inspector-ng",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
-    "@angular/core": "^17.3.0"
+    "@angular/core": "^17.3.0",
+    "@angular/router": "^17.3.0",
+    "@ngrx/store": "^17.2.0",
+    "rxjs": "^7.8.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1,4 +1,5 @@
 export * from "./lib/constants";
+export { provideInspectorCheckpoints } from "./lib/checkpoints";
 export * from "./lib/distances";
 export * from "./lib/dom";
 export * from "./lib/geometry";