Skip to content

Commit f93c480

Browse files
committed
chore: release 4.6.0
1 parent c05ae3d commit f93c480

15 files changed

+2186
-64
lines changed

README.md

Lines changed: 61 additions & 61 deletions
Large diffs are not rendered by default.

dist/panzoom.es.js

Lines changed: 792 additions & 0 deletions
Large diffs are not rendered by default.

dist/panzoom.js

Lines changed: 800 additions & 0 deletions
Large diffs are not rendered by default.

dist/panzoom.min.js

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/src/css.d.ts

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
import type { CurrentValues, PanzoomOptions } from './types.js';
2+
/**
3+
* Gets a style value expected to be a number
4+
*/
5+
export declare function getCSSNum(name: string, style: CSSStyleDeclaration): number;
6+
/**
7+
* Set a style using the properly prefixed name
8+
*/
9+
export declare function setStyle(elem: HTMLElement | SVGElement, name: string, value: string): void;
10+
/**
11+
* Constructs the transition from panzoom options
12+
* and takes care of prefixing the transition and transform
13+
*/
14+
export declare function setTransition(elem: HTMLElement | SVGElement, options: PanzoomOptions): void;
15+
/**
16+
* Set the transform using the proper prefix
17+
*
18+
* Override the transform setter.
19+
* This is exposed mostly so the user could
20+
* set other parts of a transform
21+
* aside from scale and translate.
22+
* Default is defined in src/css.ts.
23+
*
24+
* ```js
25+
* // This example always sets a rotation
26+
* // when setting the scale and translation
27+
* const panzoom = Panzoom(elem, {
28+
* setTransform: (elem, { scale, x, y }) => {
29+
* panzoom.setStyle('transform', `rotate(0.5turn) scale(${scale}) translate(${x}px, ${y}px)`)
30+
* }
31+
* })
32+
* ```
33+
*/
34+
export declare function setTransform(elem: HTMLElement | SVGElement, { x, y, scale, isSVG }: CurrentValues, _options?: PanzoomOptions): void;
35+
/**
36+
* Dimensions used in containment and focal point zooming
37+
*/
38+
export declare function getDimensions(elem: HTMLElement | SVGElement): {
39+
elem: {
40+
style: CSSStyleDeclaration;
41+
width: number;
42+
height: number;
43+
top: number;
44+
bottom: number;
45+
left: number;
46+
right: number;
47+
margin: {
48+
left: number;
49+
right: number;
50+
top: number;
51+
bottom: number;
52+
};
53+
border: {
54+
left: number;
55+
right: number;
56+
top: number;
57+
bottom: number;
58+
};
59+
};
60+
parent: {
61+
style: CSSStyleDeclaration;
62+
width: number;
63+
height: number;
64+
top: number;
65+
bottom: number;
66+
left: number;
67+
right: number;
68+
padding: {
69+
left: number;
70+
right: number;
71+
top: number;
72+
bottom: number;
73+
};
74+
border: {
75+
left: number;
76+
right: number;
77+
top: number;
78+
bottom: number;
79+
};
80+
};
81+
};

dist/src/events.d.ts

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
declare let events: {
2+
down: string;
3+
move: string;
4+
up: string;
5+
};
6+
export { events as eventNames };
7+
export declare function onPointer(event: 'down' | 'move' | 'up', elem: HTMLElement | SVGElement | Document, handler: (event: PointerEvent) => void, eventOpts?: boolean | AddEventListenerOptions): void;
8+
export declare function destroyPointer(event: 'down' | 'move' | 'up', elem: HTMLElement | SVGElement | Document, handler: (event: PointerEvent) => void): void;

dist/src/isAttached.d.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/**
2+
* Determine if an element is attached to the DOM
3+
* Panzoom requires this so events work properly
4+
*/
5+
export default function isAttached(node: Node): boolean;

dist/src/isExcluded.d.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
import type { PanzoomOptions } from './types.js';
2+
export default function isExcluded(elem: Element, options: PanzoomOptions): boolean;

dist/src/isSVGElement.d.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export default function isSVGElement(elem: HTMLElement | SVGElement): boolean;

dist/src/panzoom.d.ts

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/**
2+
* Panzoom for panning and zooming elements using CSS transforms
3+
* https://github.com/timmywil/panzoom
4+
*
5+
* Copyright Timmy Willison and other contributors
6+
* Released under the MIT license
7+
* https://github.com/timmywil/panzoom/blob/main/MIT-License.txt
8+
*
9+
*/
10+
import './polyfills.js';
11+
import type { PanzoomObject, PanzoomOptions } from './types.js';
12+
declare function Panzoom(elem: HTMLElement | SVGElement, options?: Omit<PanzoomOptions, 'force'>): PanzoomObject;
13+
declare namespace Panzoom {
14+
var defaultOptions: PanzoomOptions;
15+
}
16+
export * from './types.js';
17+
export default Panzoom;

0 commit comments

Comments
 (0)