js-cloudimage-hotspot 1.0.0

package/dist/zoom/gestures.d.ts

@@ -0,0 +1,28 @@
+export interface GestureCallbacks {
+    onPinch?: (scale: number, centerX: number, centerY: number) => void;
+    onPanStart?: () => void;
+    onPan?: (totalDx: number, totalDy: number) => void;
+    onPanEnd?: () => void;
+    onDoubleTap?: (x: number, y: number) => void;
+}
+/** Recognizes touch gestures: pinch, pan, double-tap */
+export declare class GestureRecognizer {
+    private el;
+    private callbacks;
+    private lastTouchEnd;
+    private initialPinchDistance;
+    private initialPinchScale;
+    private panStartX;
+    private panStartY;
+    private isPinching;
+    private isPanning;
+    private wasPinching;
+    private cleanups;
+    constructor(el: HTMLElement, callbacks: GestureCallbacks, getZoom: () => number);
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private getTouchDistance;
+    destroy(): void;
+}
+//# sourceMappingURL=gestures.d.ts.map

package/dist/zoom/gestures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gestures.d.ts","sourceRoot":"","sources":["../../src/zoom/gestures.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wDAAwD;AACxD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,EAAE,CAAc;IACxB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,oBAAoB,CAAK;IACjC,OAAO,CAAC,iBAAiB,CAAK;IAC9B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAsB;gBAE1B,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,MAAM;IAoB/E,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,cAAc;IAgCtB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,IAAI,IAAI;CAIhB"}

package/dist/zoom/scroll-hint.d.ts

@@ -0,0 +1,8 @@
+export declare class ScrollHint {
+    private el;
+    private hideTimer;
+    constructor(parent: HTMLElement);
+    show(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=scroll-hint.d.ts.map

package/dist/zoom/scroll-hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-hint.d.ts","sourceRoot":"","sources":["../../src/zoom/scroll-hint.ts"],"names":[],"mappings":"AASA,qBAAa,UAAU;IACrB,OAAO,CAAC,EAAE,CAAc;IACxB,OAAO,CAAC,SAAS,CAA8C;gBAEnD,MAAM,EAAE,WAAW;IAQ/B,IAAI,IAAI,IAAI;IAcZ,OAAO,IAAI,IAAI;CAOhB"}

package/dist/zoom/zoom-pan.d.ts

@@ -0,0 +1,53 @@
+/** Safari's proprietary GestureEvent (not in standard TypeScript lib) */
+interface SafariGestureEvent extends UIEvent {
+    readonly scale: number;
+    readonly rotation: number;
+}
+declare global {
+    interface WindowEventMap {
+        gesturestart: SafariGestureEvent;
+        gesturechange: SafariGestureEvent;
+        gestureend: SafariGestureEvent;
+    }
+}
+export interface ZoomPanOptions {
+    zoomMin: number;
+    zoomMax: number;
+    onZoom?: (level: number) => void;
+    onScrollWithoutZoom?: () => void;
+}
+export declare class ZoomPan {
+    private viewport;
+    private container;
+    private options;
+    private zoom;
+    private panX;
+    private panY;
+    private enabled;
+    private isDragging;
+    private dragStartX;
+    private dragStartY;
+    private lastPanX;
+    private lastPanY;
+    private gestures;
+    private isGesturing;
+    private gestureStartZoom;
+    private touchStartPanX;
+    private touchStartPanY;
+    private cleanups;
+    constructor(viewport: HTMLElement, container: HTMLElement, options: ZoomPanOptions);
+    private bindEvents;
+    private bindSafariGestures;
+    setZoom(level: number, originX?: number, originY?: number): void;
+    getZoom(): number;
+    resetZoom(): void;
+    pan(dx: number, dy: number): void;
+    enable(): void;
+    disable(): void;
+    private clampPan;
+    private applyTransform;
+    private updateCursor;
+    destroy(): void;
+}
+export {};
+//# sourceMappingURL=zoom-pan.d.ts.map

package/dist/zoom/zoom-pan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-pan.d.ts","sourceRoot":"","sources":["../../src/zoom/zoom-pan.ts"],"names":[],"mappings":"AAGA,yEAAyE;AACzE,UAAU,kBAAmB,SAAQ,OAAO;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,cAAc;QACtB,YAAY,EAAE,kBAAkB,CAAC;QACjC,aAAa,EAAE,kBAAkB,CAAC;QAClC,UAAU,EAAE,kBAAkB,CAAC;KAChC;CACF;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,qBAAa,OAAO;IAClB,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,IAAI,CAAK;IACjB,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,QAAQ,CAAsB;gBAE1B,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc;IAQlF,OAAO,CAAC,UAAU;IA4HlB,OAAO,CAAC,kBAAkB;IAqC1B,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI;IAqBhE,OAAO,IAAI,MAAM;IAIjB,SAAS,IAAI,IAAI;IASjB,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAQjC,MAAM,IAAI,IAAI;IAId,OAAO,IAAI,IAAI;IAIf,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,YAAY;IAMpB,OAAO,IAAI,IAAI;CAShB"}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "js-cloudimage-hotspot",
+  "version": "1.0.0",
+  "description": "Interactive image hotspots with zoom, popovers, and accessibility",
+  "license": "MIT",
+  "author": "Scaleflex",
+  "homepage": "https://github.com/scaleflex/js-cloudimage-hotspot#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/scaleflex/js-cloudimage-hotspot.git"
+  },
+  "bugs": {
+    "url": "https://github.com/scaleflex/js-cloudimage-hotspot/issues"
+  },
+  "main": "dist/js-cloudimage-hotspot.cjs.js",
+  "module": "dist/js-cloudimage-hotspot.esm.js",
+  "unpkg": "dist/js-cloudimage-hotspot.min.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/js-cloudimage-hotspot.esm.js",
+      "require": "./dist/js-cloudimage-hotspot.cjs.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./editor": {
+      "types": "./dist/editor/index.d.ts",
+      "import": "./dist/editor/js-cloudimage-hotspot-editor.esm.js",
+      "require": "./dist/editor/js-cloudimage-hotspot-editor.cjs.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite --config config/vite.demo.config.ts",
+    "dev:react": "vite --config config/vite.demo.config.ts demo/react-demo",
+    "build": "npm run build:bundle && npm run build:react && npm run build:editor && npm run typecheck:emit",
+    "build:bundle": "vite build --config config/vite.config.ts",
+    "build:react": "vite build --config config/vite.react.config.ts",
+    "build:editor": "vite build --config config/vite.editor.config.ts",
+    "build:demo": "vite build --config config/vite.demo.config.ts",
+    "typecheck": "tsc --noEmit",
+    "typecheck:emit": "tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --outDir dist",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src/ tests/ --ext .ts,.tsx"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^25.2.3",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "eslint": "^8.57.1",
+    "jsdom": "^25.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.5.3",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.8"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "hotspot",
+    "image",
+    "zoom",
+    "pan",
+    "popover",
+    "interactive",
+    "accessibility",
+    "wcag",
+    "typescript",
+    "cloudimage",
+    "react"
+  ]
+}