@uurtech/jdf 0.1.25 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/jdfjs.cjs +10 -3
- package/dist/jdfjs.cjs.map +1 -1
- package/dist/jdfjs.css +2 -0
- package/dist/jdfjs.d.cts +12 -1
- package/dist/jdfjs.d.ts +12 -1
- package/dist/jdfjs.js +10 -3
- package/dist/jdfjs.js.map +1 -1
- package/package.json +1 -1
- package/src/jdfjs.css +2 -0
- package/src/jdfx.ts +28 -20
- package/src/renderers/element.ts +69 -0
- package/src/viewer.ts +55 -4
package/dist/jdfjs.css
CHANGED
package/dist/jdfjs.d.cts
CHANGED
|
@@ -69,6 +69,13 @@ interface JDFViewerInstance {
|
|
|
69
69
|
getCurrentPage: () => number;
|
|
70
70
|
/** Replace the document */
|
|
71
71
|
setDocument: (doc: JdfDocument) => void;
|
|
72
|
+
/**
|
|
73
|
+
* Jump to a moment in a video element and start playing — the retrieval-side
|
|
74
|
+
* counterpart of `jdf chunk`'s `media: { element, t0 }`. `elementId` is the
|
|
75
|
+
* video element's `id`; `seconds` the offset. Scrolls the page into view.
|
|
76
|
+
* Returns false when no such video exists.
|
|
77
|
+
*/
|
|
78
|
+
seek: (elementId: string, seconds: number) => boolean;
|
|
72
79
|
/** Tear down — removes DOM and event listeners */
|
|
73
80
|
destroy: () => void;
|
|
74
81
|
/**
|
|
@@ -118,6 +125,8 @@ declare class JDFViewer {
|
|
|
118
125
|
private darkModeMql;
|
|
119
126
|
private darkModeListener;
|
|
120
127
|
private windowResizeListener;
|
|
128
|
+
private requestedZoom;
|
|
129
|
+
private userZoomed;
|
|
121
130
|
constructor(container: HTMLElement, doc: JdfDocument, options?: JDFViewerOptions);
|
|
122
131
|
private applyContainerSize;
|
|
123
132
|
private mount;
|
|
@@ -129,12 +138,14 @@ declare class JDFViewer {
|
|
|
129
138
|
* froze the embed on its boot-time value.
|
|
130
139
|
*/
|
|
131
140
|
private applyDarkMode;
|
|
132
|
-
/** Auto-zoom for fit modes. */
|
|
141
|
+
/** Auto-zoom for fit modes (and the responsive cap in manual mode). */
|
|
133
142
|
private applyFit;
|
|
134
143
|
private buildToolbar;
|
|
135
144
|
private buildSidebar;
|
|
136
145
|
private updateIndicators;
|
|
137
146
|
private renderAllPages;
|
|
147
|
+
/** Seek a video element (by its `id`) to `seconds` and play; scrolls it into view. */
|
|
148
|
+
seek(elementId: string, seconds: number): boolean;
|
|
138
149
|
private renderPage;
|
|
139
150
|
private renderHeaderFooter;
|
|
140
151
|
private setupScrollObserver;
|
package/dist/jdfjs.d.ts
CHANGED
|
@@ -69,6 +69,13 @@ interface JDFViewerInstance {
|
|
|
69
69
|
getCurrentPage: () => number;
|
|
70
70
|
/** Replace the document */
|
|
71
71
|
setDocument: (doc: JdfDocument) => void;
|
|
72
|
+
/**
|
|
73
|
+
* Jump to a moment in a video element and start playing — the retrieval-side
|
|
74
|
+
* counterpart of `jdf chunk`'s `media: { element, t0 }`. `elementId` is the
|
|
75
|
+
* video element's `id`; `seconds` the offset. Scrolls the page into view.
|
|
76
|
+
* Returns false when no such video exists.
|
|
77
|
+
*/
|
|
78
|
+
seek: (elementId: string, seconds: number) => boolean;
|
|
72
79
|
/** Tear down — removes DOM and event listeners */
|
|
73
80
|
destroy: () => void;
|
|
74
81
|
/**
|
|
@@ -118,6 +125,8 @@ declare class JDFViewer {
|
|
|
118
125
|
private darkModeMql;
|
|
119
126
|
private darkModeListener;
|
|
120
127
|
private windowResizeListener;
|
|
128
|
+
private requestedZoom;
|
|
129
|
+
private userZoomed;
|
|
121
130
|
constructor(container: HTMLElement, doc: JdfDocument, options?: JDFViewerOptions);
|
|
122
131
|
private applyContainerSize;
|
|
123
132
|
private mount;
|
|
@@ -129,12 +138,14 @@ declare class JDFViewer {
|
|
|
129
138
|
* froze the embed on its boot-time value.
|
|
130
139
|
*/
|
|
131
140
|
private applyDarkMode;
|
|
132
|
-
/** Auto-zoom for fit modes. */
|
|
141
|
+
/** Auto-zoom for fit modes (and the responsive cap in manual mode). */
|
|
133
142
|
private applyFit;
|
|
134
143
|
private buildToolbar;
|
|
135
144
|
private buildSidebar;
|
|
136
145
|
private updateIndicators;
|
|
137
146
|
private renderAllPages;
|
|
147
|
+
/** Seek a video element (by its `id`) to `seconds` and play; scrolls it into view. */
|
|
148
|
+
seek(elementId: string, seconds: number): boolean;
|
|
138
149
|
private renderPage;
|
|
139
150
|
private renderHeaderFooter;
|
|
140
151
|
private setupScrollObserver;
|