inspector-ng 0.0.16 → 0.0.22

package/lib/checkpoints.d.ts

@@ -43,7 +43,10 @@ export declare class InspectorCheckpointService {
     constructor(repository: InspectorCheckpointRepository, store: Store | null, router: Router | null, platformId: object);
     load(): Promise<void>;
     save(): Promise<InspectorCheckpointRecord | null>;
+    importCheckpoint(value: unknown): Promise<InspectorCheckpointRecord | null>;
     restore(id: string): Promise<boolean>;
+    navigateToRoute(route: string): Promise<boolean>;
+    resolveRoute(query: string): string | null;
     rename(id: string, name: string): Promise<boolean>;
     delete(id: string): Promise<boolean>;
     clearError(): void;
@@ -58,5 +61,6 @@ export declare class InspectorCheckpointService {
 }
 export declare function provideInspectorCheckpoints(): EnvironmentProviders;
 export declare function nextAutomaticName(route: string, names: string[]): string;
+export declare function resolveRouteQuery(query: string, basePathname: string): string | null;
 export declare function checkpointActivityAt(checkpoint: InspectorCheckpointRecord): string;
 export declare function recentActivityFirst(a: InspectorCheckpointRecord, b: InspectorCheckpointRecord): number;

package/lib/distances.d.ts

@@ -1,2 +1,2 @@
-import { DistanceOverlay, Rect } from './types';
-export declare const getDistanceOverlay: (rectA: Rect, rectB: Rect) => DistanceOverlay;
+import { DistanceOverlay, DistanceRelation, Rect } from './types';
+export declare const getDistanceOverlay: (rectA: Rect, rectB: Rect, relation?: DistanceRelation) => DistanceOverlay;

package/lib/inspector.component.d.ts

@@ -2,13 +2,19 @@ import { ElementRef, OnDestroy } from '@angular/core';
 import { DistanceOverlay, Guide, GuideOrientation, InspectMeasurement, Rect, TextBlockAnnotation, ToolMode } from './types';
 import { checkpointActivityAt, InspectorCheckpointRecord, InspectorCheckpointService } from './checkpoints';
 import * as i0 from "@angular/core";
-type InspectorCommandActionId = 'select' | 'type' | 'save' | 'vertical' | 'horizontal';
+type InspectorCommandActionId = 'select' | 'type' | 'save' | 'import' | 'vertical' | 'horizontal';
 interface InspectorCommandAction {
     readonly id: InspectorCommandActionId;
     readonly label: string;
     readonly ariaLabel: string;
     readonly keywords: string;
 }
+interface GuideDistance {
+    readonly orientation: GuideOrientation;
+    readonly start: number;
+    readonly end: number;
+    readonly value: number;
+}
 export declare class inspectorComponent implements OnDestroy {
     readonly Math: Math;
     readonly checkpointActivityAt: typeof checkpointActivityAt;
@@ -18,6 +24,7 @@ export declare class inspectorComponent implements OnDestroy {
     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>;
+    readonly checkpointRename: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     highlightColor: string;
     guideColor: string;
     hoverHighlightEnabled: boolean;
@@ -136,12 +143,15 @@ export declare class inspectorComponent implements OnDestroy {
     }>;
     readonly filteredCheckpoints: import("@angular/core").Signal<InspectorCheckpointRecord[]>;
     readonly filteredInspectorActions: import("@angular/core").Signal<readonly InspectorCommandAction[]>;
+    readonly navigateTarget: import("@angular/core").Signal<string | null>;
+    readonly actionIndexOffset: import("@angular/core").Signal<number>;
     readonly commandResultCount: import("@angular/core").Signal<number>;
     readonly activeCommandResultId: import("@angular/core").Signal<string | null>;
     readonly enabled: import("@angular/core").WritableSignal<boolean>;
     readonly toolMode: import("@angular/core").WritableSignal<ToolMode>;
     readonly guideOrientation: import("@angular/core").WritableSignal<GuideOrientation>;
     readonly guides: import("@angular/core").WritableSignal<Guide[]>;
+    readonly guideDistances: import("@angular/core").Signal<GuideDistance[]>;
     readonly hoverRect: import("@angular/core").WritableSignal<Rect | null>;
     readonly selectedGuideId: import("@angular/core").WritableSignal<string | null>;
     readonly selectedMeasurement: import("@angular/core").WritableSignal<InspectMeasurement | null>;
@@ -167,15 +177,19 @@ export declare class inspectorComponent implements OnDestroy {
     toggleTypography(): void;
     disableInspector(): void;
     saveCheckpoint(): Promise<void>;
+    downloadCheckpoint(checkpoint: InspectorCheckpointRecord, event?: Event): void;
+    beginImport(): Promise<void>;
     openCheckpointCommandBar(): Promise<void>;
     closeCheckpointCommandBar(): void;
     updateCheckpointQuery(event: Event): void;
     cyclePet(event?: Event): void;
     setActiveCheckpoint(index: number): void;
-    shouldShowCheckpointRoute(checkpoint: InspectorCheckpointRecord): boolean;
     setActiveInspectorAction(index: number): void;
     executeInspectorAction(action: InspectorCommandAction): Promise<void>;
     restoreCheckpoint(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    activateCheckpoint(checkpoint: InspectorCheckpointRecord, event?: MouseEvent): void;
+    navigateToCheckpoint(checkpoint: InspectorCheckpointRecord): Promise<void>;
+    navigateToQueryRoute(): Promise<void>;
     beginRename(checkpoint: InspectorCheckpointRecord, event?: Event): void;
     updateRenameDraft(event: Event): void;
     finishRename(checkpoint: InspectorCheckpointRecord): Promise<void>;
@@ -195,7 +209,6 @@ export declare class inspectorComponent implements OnDestroy {
     handleKeyup(event: KeyboardEvent): void;
     private hasInspectorCanvasState;
     private clearInspectorCanvas;
-    private normalizeCheckpointLabel;
     handlePointerMove(event: PointerEvent): void;
     handlePointerUp(): void;
     handleClick(event: MouseEvent): void;
@@ -206,8 +219,10 @@ export declare class inspectorComponent implements OnDestroy {
     private clampActiveCommand;
     private scrollActiveCommandIntoView;
     private showCheckpointToast;
+    private checkpointFileName;
     private selectElementAtPoint;
     private updateDistanceOverlay;
+    private getDistanceRelation;
     private refreshTypographyBlocks;
     private randomizePet;
     private addGuide;

package/lib/types.d.ts

@@ -66,11 +66,14 @@ export type DistanceAxis = {
     y?: number;
     value: number;
 };
+export type DistanceRelation = "a-inside-b" | "b-inside-a";
 export type DistanceOverlay = {
     rectA: Rect;
     rectB: Rect;
     horizontal: DistanceAxis | null;
     vertical: DistanceAxis | null;
+    horizontalDistances: DistanceAxis[];
+    verticalDistances: DistanceAxis[];
     connectors: Array<{
         x1: number;
         y1: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inspector-ng",
-  "version": "0.0.16",
+  "version": "0.0.22",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",