@docmentis/udoc-viewer 0.5.2 → 0.5.3
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/package.json +1 -1
- package/dist/package.json +0 -56
- package/dist/src/UDocClient.d.ts +0 -383
- package/dist/src/UDocClient.d.ts.map +0 -1
- package/dist/src/UDocClient.js +0 -428
- package/dist/src/UDocClient.js.map +0 -1
- package/dist/src/UDocViewer.d.ts +0 -271
- package/dist/src/UDocViewer.d.ts.map +0 -1
- package/dist/src/UDocViewer.js +0 -769
- package/dist/src/UDocViewer.js.map +0 -1
- package/dist/src/fonts.d.ts +0 -29
- package/dist/src/fonts.d.ts.map +0 -1
- package/dist/src/fonts.js +0 -30
- package/dist/src/fonts.js.map +0 -1
- package/dist/src/index.d.ts +0 -9
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/index.js +0 -8
- package/dist/src/index.js.map +0 -1
- package/dist/src/performance/PerformanceCounter.d.ts +0 -132
- package/dist/src/performance/PerformanceCounter.d.ts.map +0 -1
- package/dist/src/performance/PerformanceCounter.js +0 -129
- package/dist/src/performance/PerformanceCounter.js.map +0 -1
- package/dist/src/performance/index.d.ts +0 -2
- package/dist/src/performance/index.d.ts.map +0 -1
- package/dist/src/performance/index.js +0 -2
- package/dist/src/performance/index.js.map +0 -1
- package/dist/src/ui/framework/component.d.ts +0 -68
- package/dist/src/ui/framework/component.d.ts.map +0 -1
- package/dist/src/ui/framework/component.js +0 -87
- package/dist/src/ui/framework/component.js.map +0 -1
- package/dist/src/ui/framework/dom.d.ts +0 -19
- package/dist/src/ui/framework/dom.d.ts.map +0 -1
- package/dist/src/ui/framework/dom.js +0 -29
- package/dist/src/ui/framework/dom.js.map +0 -1
- package/dist/src/ui/framework/events.d.ts +0 -18
- package/dist/src/ui/framework/events.d.ts.map +0 -1
- package/dist/src/ui/framework/events.js +0 -23
- package/dist/src/ui/framework/events.js.map +0 -1
- package/dist/src/ui/framework/index.d.ts +0 -15
- package/dist/src/ui/framework/index.d.ts.map +0 -1
- package/dist/src/ui/framework/index.js +0 -15
- package/dist/src/ui/framework/index.js.map +0 -1
- package/dist/src/ui/framework/selectors.d.ts +0 -51
- package/dist/src/ui/framework/selectors.d.ts.map +0 -1
- package/dist/src/ui/framework/selectors.js +0 -30
- package/dist/src/ui/framework/selectors.js.map +0 -1
- package/dist/src/ui/framework/store.d.ts +0 -37
- package/dist/src/ui/framework/store.d.ts.map +0 -1
- package/dist/src/ui/framework/store.js +0 -54
- package/dist/src/ui/framework/store.js.map +0 -1
- package/dist/src/ui/viewer/actions.d.ts +0 -131
- package/dist/src/ui/viewer/actions.d.ts.map +0 -1
- package/dist/src/ui/viewer/actions.js +0 -2
- package/dist/src/ui/viewer/actions.js.map +0 -1
- package/dist/src/ui/viewer/annotation/LinkRenderer.d.ts +0 -9
- package/dist/src/ui/viewer/annotation/LinkRenderer.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/LinkRenderer.js +0 -17
- package/dist/src/ui/viewer/annotation/LinkRenderer.js.map +0 -1
- package/dist/src/ui/viewer/annotation/MarkupRenderer.d.ts +0 -21
- package/dist/src/ui/viewer/annotation/MarkupRenderer.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/MarkupRenderer.js +0 -138
- package/dist/src/ui/viewer/annotation/MarkupRenderer.js.map +0 -1
- package/dist/src/ui/viewer/annotation/ShapeRenderer.d.ts +0 -33
- package/dist/src/ui/viewer/annotation/ShapeRenderer.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/ShapeRenderer.js +0 -378
- package/dist/src/ui/viewer/annotation/ShapeRenderer.js.map +0 -1
- package/dist/src/ui/viewer/annotation/TextRenderer.d.ts +0 -23
- package/dist/src/ui/viewer/annotation/TextRenderer.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/TextRenderer.js +0 -196
- package/dist/src/ui/viewer/annotation/TextRenderer.js.map +0 -1
- package/dist/src/ui/viewer/annotation/index.d.ts +0 -8
- package/dist/src/ui/viewer/annotation/index.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/index.js +0 -8
- package/dist/src/ui/viewer/annotation/index.js.map +0 -1
- package/dist/src/ui/viewer/annotation/render.d.ts +0 -24
- package/dist/src/ui/viewer/annotation/render.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/render.js +0 -184
- package/dist/src/ui/viewer/annotation/render.js.map +0 -1
- package/dist/src/ui/viewer/annotation/types.d.ts +0 -239
- package/dist/src/ui/viewer/annotation/types.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/types.js +0 -7
- package/dist/src/ui/viewer/annotation/types.js.map +0 -1
- package/dist/src/ui/viewer/annotation/utils.d.ts +0 -37
- package/dist/src/ui/viewer/annotation/utils.d.ts.map +0 -1
- package/dist/src/ui/viewer/annotation/utils.js +0 -82
- package/dist/src/ui/viewer/annotation/utils.js.map +0 -1
- package/dist/src/ui/viewer/components/AnnotationPanel.d.ts +0 -19
- package/dist/src/ui/viewer/components/AnnotationPanel.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/AnnotationPanel.js +0 -284
- package/dist/src/ui/viewer/components/AnnotationPanel.js.map +0 -1
- package/dist/src/ui/viewer/components/FloatingToolbar.d.ts +0 -9
- package/dist/src/ui/viewer/components/FloatingToolbar.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/FloatingToolbar.js +0 -305
- package/dist/src/ui/viewer/components/FloatingToolbar.js.map +0 -1
- package/dist/src/ui/viewer/components/LeftPanel.d.ts +0 -10
- package/dist/src/ui/viewer/components/LeftPanel.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/LeftPanel.js +0 -165
- package/dist/src/ui/viewer/components/LeftPanel.js.map +0 -1
- package/dist/src/ui/viewer/components/LoadingOverlay.d.ts +0 -12
- package/dist/src/ui/viewer/components/LoadingOverlay.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/LoadingOverlay.js +0 -88
- package/dist/src/ui/viewer/components/LoadingOverlay.js.map +0 -1
- package/dist/src/ui/viewer/components/OutlinePanel.d.ts +0 -10
- package/dist/src/ui/viewer/components/OutlinePanel.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/OutlinePanel.js +0 -169
- package/dist/src/ui/viewer/components/OutlinePanel.js.map +0 -1
- package/dist/src/ui/viewer/components/PasswordDialog.d.ts +0 -15
- package/dist/src/ui/viewer/components/PasswordDialog.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/PasswordDialog.js +0 -143
- package/dist/src/ui/viewer/components/PasswordDialog.js.map +0 -1
- package/dist/src/ui/viewer/components/RightPanel.d.ts +0 -9
- package/dist/src/ui/viewer/components/RightPanel.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/RightPanel.js +0 -102
- package/dist/src/ui/viewer/components/RightPanel.js.map +0 -1
- package/dist/src/ui/viewer/components/Spread.d.ts +0 -43
- package/dist/src/ui/viewer/components/Spread.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/Spread.js +0 -345
- package/dist/src/ui/viewer/components/Spread.js.map +0 -1
- package/dist/src/ui/viewer/components/ThumbnailPanel.d.ts +0 -11
- package/dist/src/ui/viewer/components/ThumbnailPanel.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/ThumbnailPanel.js +0 -240
- package/dist/src/ui/viewer/components/ThumbnailPanel.js.map +0 -1
- package/dist/src/ui/viewer/components/Toolbar.d.ts +0 -9
- package/dist/src/ui/viewer/components/Toolbar.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/Toolbar.js +0 -93
- package/dist/src/ui/viewer/components/Toolbar.js.map +0 -1
- package/dist/src/ui/viewer/components/ViewModeMenu.d.ts +0 -9
- package/dist/src/ui/viewer/components/ViewModeMenu.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/ViewModeMenu.js +0 -169
- package/dist/src/ui/viewer/components/ViewModeMenu.js.map +0 -1
- package/dist/src/ui/viewer/components/Viewport.d.ts +0 -10
- package/dist/src/ui/viewer/components/Viewport.d.ts.map +0 -1
- package/dist/src/ui/viewer/components/Viewport.js +0 -1076
- package/dist/src/ui/viewer/components/Viewport.js.map +0 -1
- package/dist/src/ui/viewer/effects.d.ts +0 -8
- package/dist/src/ui/viewer/effects.d.ts.map +0 -1
- package/dist/src/ui/viewer/effects.js +0 -207
- package/dist/src/ui/viewer/effects.js.map +0 -1
- package/dist/src/ui/viewer/icons.d.ts +0 -32
- package/dist/src/ui/viewer/icons.d.ts.map +0 -1
- package/dist/src/ui/viewer/icons.js +0 -44
- package/dist/src/ui/viewer/icons.js.map +0 -1
- package/dist/src/ui/viewer/index.d.ts +0 -6
- package/dist/src/ui/viewer/index.d.ts.map +0 -1
- package/dist/src/ui/viewer/index.js +0 -6
- package/dist/src/ui/viewer/index.js.map +0 -1
- package/dist/src/ui/viewer/layout/index.d.ts +0 -3
- package/dist/src/ui/viewer/layout/index.d.ts.map +0 -1
- package/dist/src/ui/viewer/layout/index.js +0 -3
- package/dist/src/ui/viewer/layout/index.js.map +0 -1
- package/dist/src/ui/viewer/layout/pixelAlign.d.ts +0 -7
- package/dist/src/ui/viewer/layout/pixelAlign.d.ts.map +0 -1
- package/dist/src/ui/viewer/layout/pixelAlign.js +0 -22
- package/dist/src/ui/viewer/layout/pixelAlign.js.map +0 -1
- package/dist/src/ui/viewer/layout/spreadLayout.d.ts +0 -93
- package/dist/src/ui/viewer/layout/spreadLayout.d.ts.map +0 -1
- package/dist/src/ui/viewer/layout/spreadLayout.js +0 -315
- package/dist/src/ui/viewer/layout/spreadLayout.js.map +0 -1
- package/dist/src/ui/viewer/navigation.d.ts +0 -80
- package/dist/src/ui/viewer/navigation.d.ts.map +0 -1
- package/dist/src/ui/viewer/navigation.js +0 -59
- package/dist/src/ui/viewer/navigation.js.map +0 -1
- package/dist/src/ui/viewer/reducer.d.ts +0 -4
- package/dist/src/ui/viewer/reducer.d.ts.map +0 -1
- package/dist/src/ui/viewer/reducer.js +0 -305
- package/dist/src/ui/viewer/reducer.js.map +0 -1
- package/dist/src/ui/viewer/shell.d.ts +0 -34
- package/dist/src/ui/viewer/shell.d.ts.map +0 -1
- package/dist/src/ui/viewer/shell.js +0 -93
- package/dist/src/ui/viewer/shell.js.map +0 -1
- package/dist/src/ui/viewer/state.d.ts +0 -89
- package/dist/src/ui/viewer/state.d.ts.map +0 -1
- package/dist/src/ui/viewer/state.js +0 -55
- package/dist/src/ui/viewer/state.js.map +0 -1
- package/dist/src/ui/viewer/styles-inline.d.ts +0 -2
- package/dist/src/ui/viewer/styles-inline.d.ts.map +0 -1
- package/dist/src/ui/viewer/styles-inline.js +0 -1584
- package/dist/src/ui/viewer/styles-inline.js.map +0 -1
- package/dist/src/ui/viewer/text/index.d.ts +0 -7
- package/dist/src/ui/viewer/text/index.d.ts.map +0 -1
- package/dist/src/ui/viewer/text/index.js +0 -3
- package/dist/src/ui/viewer/text/index.js.map +0 -1
- package/dist/src/ui/viewer/text/render.d.ts +0 -19
- package/dist/src/ui/viewer/text/render.d.ts.map +0 -1
- package/dist/src/ui/viewer/text/render.js +0 -228
- package/dist/src/ui/viewer/text/render.js.map +0 -1
- package/dist/src/ui/viewer/text/selection.d.ts +0 -12
- package/dist/src/ui/viewer/text/selection.d.ts.map +0 -1
- package/dist/src/ui/viewer/text/selection.js +0 -70
- package/dist/src/ui/viewer/text/selection.js.map +0 -1
- package/dist/src/ui/viewer/text/types.d.ts +0 -37
- package/dist/src/ui/viewer/text/types.d.ts.map +0 -1
- package/dist/src/ui/viewer/text/types.js +0 -7
- package/dist/src/ui/viewer/text/types.js.map +0 -1
- package/dist/src/wasm/LICENSE +0 -104
- package/dist/src/wasm/udoc.d.ts +0 -480
- package/dist/src/wasm/udoc.js +0 -1738
- package/dist/src/wasm/udoc_bg.wasm +0 -0
- package/dist/src/wasm/udoc_bg.wasm.d.ts +0 -45
- package/dist/src/worker/WorkerClient.d.ts +0 -335
- package/dist/src/worker/WorkerClient.d.ts.map +0 -1
- package/dist/src/worker/WorkerClient.js +0 -903
- package/dist/src/worker/WorkerClient.js.map +0 -1
- package/dist/src/worker/index.d.ts +0 -4
- package/dist/src/worker/index.d.ts.map +0 -1
- package/dist/src/worker/index.js +0 -2
- package/dist/src/worker/index.js.map +0 -1
- package/dist/src/worker/worker.d.ts +0 -437
- package/dist/src/worker/worker.d.ts.map +0 -1
- package/dist/src/worker/worker.js +0 -237
- package/dist/src/worker/worker.js.map +0 -1
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
import { subscribeSelector, shallowEqual } from "../../framework/selectors";
|
|
2
|
-
import { isLeftPanelTab } from "../state";
|
|
3
|
-
import { ICON_THUMBNAIL, ICON_OUTLINE, ICON_BOOKMARK, ICON_LAYERS, ICON_ATTACHMENT } from "../icons";
|
|
4
|
-
import { createThumbnailPanel } from "./ThumbnailPanel";
|
|
5
|
-
import { createOutlinePanel } from "./OutlinePanel";
|
|
6
|
-
const TABS = [
|
|
7
|
-
{ id: "thumbnail", label: "Thumbnails", icon: ICON_THUMBNAIL },
|
|
8
|
-
{ id: "outline", label: "Outline", icon: ICON_OUTLINE },
|
|
9
|
-
{ id: "bookmarks", label: "Bookmarks", icon: ICON_BOOKMARK },
|
|
10
|
-
{ id: "layers", label: "Layers", icon: ICON_LAYERS },
|
|
11
|
-
{ id: "attachments", label: "Attachments", icon: ICON_ATTACHMENT },
|
|
12
|
-
];
|
|
13
|
-
export function createLeftPanel() {
|
|
14
|
-
const el = document.createElement("div");
|
|
15
|
-
el.className = "udoc-left-panel";
|
|
16
|
-
// Tab bar
|
|
17
|
-
const tabBar = document.createElement("div");
|
|
18
|
-
tabBar.className = "udoc-left-panel__tabs";
|
|
19
|
-
const tabButtons = new Map();
|
|
20
|
-
for (const tab of TABS) {
|
|
21
|
-
const btn = document.createElement("button");
|
|
22
|
-
btn.className = "udoc-left-panel__tab";
|
|
23
|
-
btn.setAttribute("aria-label", tab.label);
|
|
24
|
-
btn.setAttribute("data-tab", tab.id);
|
|
25
|
-
btn.innerHTML = tab.icon;
|
|
26
|
-
tabButtons.set(tab.id, btn);
|
|
27
|
-
tabBar.appendChild(btn);
|
|
28
|
-
}
|
|
29
|
-
// Content area
|
|
30
|
-
const content = document.createElement("div");
|
|
31
|
-
content.className = "udoc-left-panel__content";
|
|
32
|
-
// Resize handle
|
|
33
|
-
const resizeHandle = document.createElement("div");
|
|
34
|
-
resizeHandle.className = "udoc-left-panel__resize-handle";
|
|
35
|
-
el.append(tabBar, content, resizeHandle);
|
|
36
|
-
let unsubRender = null;
|
|
37
|
-
let unsubContent = null;
|
|
38
|
-
const unsubEvents = [];
|
|
39
|
-
// Panel content components
|
|
40
|
-
let thumbnailPanel = null;
|
|
41
|
-
let outlinePanel = null;
|
|
42
|
-
let storeRef = null;
|
|
43
|
-
let workerClientRef = null;
|
|
44
|
-
function applyState(slice) {
|
|
45
|
-
el.classList.toggle("udoc-left-panel--closed", !slice.open);
|
|
46
|
-
// Apply width from state (only when open)
|
|
47
|
-
if (slice.open && slice.width !== null) {
|
|
48
|
-
el.style.width = `${slice.width}px`;
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
el.style.width = "";
|
|
52
|
-
}
|
|
53
|
-
for (const [tabId, btn] of tabButtons) {
|
|
54
|
-
btn.classList.toggle("udoc-left-panel__tab--active", tabId === slice.activeTab);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
function applyContent(activeTab) {
|
|
58
|
-
// Destroy previous content
|
|
59
|
-
if (thumbnailPanel) {
|
|
60
|
-
thumbnailPanel.destroy();
|
|
61
|
-
thumbnailPanel = null;
|
|
62
|
-
}
|
|
63
|
-
if (outlinePanel) {
|
|
64
|
-
outlinePanel.destroy();
|
|
65
|
-
outlinePanel = null;
|
|
66
|
-
}
|
|
67
|
-
// Mount new content based on active tab
|
|
68
|
-
if (activeTab === "thumbnail" && storeRef && workerClientRef) {
|
|
69
|
-
thumbnailPanel = createThumbnailPanel();
|
|
70
|
-
thumbnailPanel.mount(content, storeRef, workerClientRef);
|
|
71
|
-
}
|
|
72
|
-
else if (activeTab === "outline" && storeRef) {
|
|
73
|
-
outlinePanel = createOutlinePanel();
|
|
74
|
-
outlinePanel.mount(content, storeRef);
|
|
75
|
-
}
|
|
76
|
-
// Future: handle other tabs (bookmarks, layers, attachments)
|
|
77
|
-
}
|
|
78
|
-
function setupResize() {
|
|
79
|
-
let startX = 0;
|
|
80
|
-
let startWidth = 0;
|
|
81
|
-
const onPointerMove = (e) => {
|
|
82
|
-
const delta = e.clientX - startX;
|
|
83
|
-
const newWidth = Math.max(200, Math.min(500, startWidth + delta));
|
|
84
|
-
el.style.width = `${newWidth}px`;
|
|
85
|
-
};
|
|
86
|
-
const onPointerUp = () => {
|
|
87
|
-
document.removeEventListener("pointermove", onPointerMove);
|
|
88
|
-
document.removeEventListener("pointerup", onPointerUp);
|
|
89
|
-
el.classList.remove("udoc-left-panel--resizing");
|
|
90
|
-
document.body.style.cursor = "";
|
|
91
|
-
document.body.style.userSelect = "";
|
|
92
|
-
// Persist width to state
|
|
93
|
-
if (storeRef) {
|
|
94
|
-
const finalWidth = el.offsetWidth;
|
|
95
|
-
storeRef.dispatch({ type: "SET_LEFT_PANEL_WIDTH", width: finalWidth });
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
const onPointerDown = (e) => {
|
|
99
|
-
e.preventDefault();
|
|
100
|
-
startX = e.clientX;
|
|
101
|
-
startWidth = el.offsetWidth;
|
|
102
|
-
el.classList.add("udoc-left-panel--resizing");
|
|
103
|
-
document.body.style.cursor = "col-resize";
|
|
104
|
-
document.body.style.userSelect = "none";
|
|
105
|
-
document.addEventListener("pointermove", onPointerMove);
|
|
106
|
-
document.addEventListener("pointerup", onPointerUp);
|
|
107
|
-
};
|
|
108
|
-
resizeHandle.addEventListener("pointerdown", onPointerDown);
|
|
109
|
-
unsubEvents.push(() => resizeHandle.removeEventListener("pointerdown", onPointerDown));
|
|
110
|
-
}
|
|
111
|
-
function mount(container, store, workerClient) {
|
|
112
|
-
container.appendChild(el);
|
|
113
|
-
storeRef = store;
|
|
114
|
-
workerClientRef = workerClient;
|
|
115
|
-
// Tab click handlers
|
|
116
|
-
for (const [tabId, btn] of tabButtons) {
|
|
117
|
-
const onClick = () => {
|
|
118
|
-
store.dispatch({ type: "TOGGLE_PANEL", panel: tabId });
|
|
119
|
-
};
|
|
120
|
-
btn.addEventListener("click", onClick);
|
|
121
|
-
unsubEvents.push(() => btn.removeEventListener("click", onClick));
|
|
122
|
-
}
|
|
123
|
-
// Setup resize handle
|
|
124
|
-
setupResize();
|
|
125
|
-
// Subscribe to state changes for panel open/close
|
|
126
|
-
const initialSlice = selectLeftPanel(store.getState());
|
|
127
|
-
applyState(initialSlice);
|
|
128
|
-
unsubRender = subscribeSelector(store, selectLeftPanel, applyState, {
|
|
129
|
-
equality: shallowEqual
|
|
130
|
-
});
|
|
131
|
-
// Subscribe to active tab changes for content
|
|
132
|
-
applyContent(initialSlice.activeTab);
|
|
133
|
-
unsubContent = subscribeSelector(store, (state) => selectLeftPanel(state).activeTab, applyContent);
|
|
134
|
-
}
|
|
135
|
-
function destroy() {
|
|
136
|
-
if (unsubRender)
|
|
137
|
-
unsubRender();
|
|
138
|
-
if (unsubContent)
|
|
139
|
-
unsubContent();
|
|
140
|
-
for (const off of unsubEvents)
|
|
141
|
-
off();
|
|
142
|
-
if (thumbnailPanel) {
|
|
143
|
-
thumbnailPanel.destroy();
|
|
144
|
-
thumbnailPanel = null;
|
|
145
|
-
}
|
|
146
|
-
if (outlinePanel) {
|
|
147
|
-
outlinePanel.destroy();
|
|
148
|
-
outlinePanel = null;
|
|
149
|
-
}
|
|
150
|
-
storeRef = null;
|
|
151
|
-
workerClientRef = null;
|
|
152
|
-
el.remove();
|
|
153
|
-
}
|
|
154
|
-
return { el, mount, destroy };
|
|
155
|
-
}
|
|
156
|
-
function selectLeftPanel(state) {
|
|
157
|
-
const panel = state.activePanel;
|
|
158
|
-
const isLeftTab = panel !== null && isLeftPanelTab(panel);
|
|
159
|
-
return {
|
|
160
|
-
open: isLeftTab,
|
|
161
|
-
activeTab: isLeftTab ? panel : null,
|
|
162
|
-
width: state.leftPanelWidth
|
|
163
|
-
};
|
|
164
|
-
}
|
|
165
|
-
//# sourceMappingURL=LeftPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LeftPanel.js","sourceRoot":"","sources":["../../../../../src/ui/viewer/components/LeftPanel.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Loading overlay component with progress bar for document download.
|
|
3
|
-
*/
|
|
4
|
-
import type { Store } from "../../framework/store";
|
|
5
|
-
import type { ViewerState } from "../state";
|
|
6
|
-
import type { Action } from "../actions";
|
|
7
|
-
export declare function createLoadingOverlay(): {
|
|
8
|
-
el: HTMLDivElement;
|
|
9
|
-
mount: (container: HTMLElement, store: Store<ViewerState, Action>) => void;
|
|
10
|
-
destroy: () => void;
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=LoadingOverlay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../../../../src/ui/viewer/components/LoadingOverlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,wBAAgB,oBAAoB;;uBA8CN,WAAW,SAAS,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,KAAG,IAAI;mBA4C3D,IAAI;EAS3B"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Loading overlay component with progress bar for document download.
|
|
3
|
-
*/
|
|
4
|
-
export function createLoadingOverlay() {
|
|
5
|
-
// Create overlay container
|
|
6
|
-
const overlay = document.createElement("div");
|
|
7
|
-
overlay.className = "udoc-loading-overlay";
|
|
8
|
-
overlay.style.display = "none";
|
|
9
|
-
// Create content container
|
|
10
|
-
const content = document.createElement("div");
|
|
11
|
-
content.className = "udoc-loading-content";
|
|
12
|
-
// Create spinner
|
|
13
|
-
const spinner = document.createElement("div");
|
|
14
|
-
spinner.className = "udoc-loading-spinner";
|
|
15
|
-
spinner.innerHTML = `
|
|
16
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
17
|
-
<circle cx="12" cy="12" r="10" stroke-dasharray="31.4 31.4" stroke-dashoffset="0">
|
|
18
|
-
<animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
|
|
19
|
-
</circle>
|
|
20
|
-
</svg>
|
|
21
|
-
`;
|
|
22
|
-
// Create progress container
|
|
23
|
-
const progressContainer = document.createElement("div");
|
|
24
|
-
progressContainer.className = "udoc-loading-progress-container";
|
|
25
|
-
// Create progress bar track
|
|
26
|
-
const progressTrack = document.createElement("div");
|
|
27
|
-
progressTrack.className = "udoc-loading-progress-track";
|
|
28
|
-
// Create progress bar fill
|
|
29
|
-
const progressFill = document.createElement("div");
|
|
30
|
-
progressFill.className = "udoc-loading-progress-fill";
|
|
31
|
-
progressTrack.appendChild(progressFill);
|
|
32
|
-
progressContainer.appendChild(progressTrack);
|
|
33
|
-
// Create progress text
|
|
34
|
-
const progressText = document.createElement("div");
|
|
35
|
-
progressText.className = "udoc-loading-progress-text";
|
|
36
|
-
progressText.textContent = "Loading...";
|
|
37
|
-
content.append(spinner, progressContainer, progressText);
|
|
38
|
-
overlay.appendChild(content);
|
|
39
|
-
let unsubRender = null;
|
|
40
|
-
function mount(container, store) {
|
|
41
|
-
container.appendChild(overlay);
|
|
42
|
-
unsubRender = store.subscribeRender((prev, next) => {
|
|
43
|
-
// Show/hide overlay
|
|
44
|
-
const wasVisible = prev.isDownloading;
|
|
45
|
-
const isVisible = next.isDownloading;
|
|
46
|
-
if (wasVisible !== isVisible) {
|
|
47
|
-
overlay.style.display = isVisible ? "flex" : "none";
|
|
48
|
-
}
|
|
49
|
-
// Update progress
|
|
50
|
-
if (next.isDownloading) {
|
|
51
|
-
const { downloadLoaded, downloadTotal } = next;
|
|
52
|
-
if (downloadLoaded === 0 && downloadTotal === 0) {
|
|
53
|
-
// Connecting state - show only spinner, hide progress bar
|
|
54
|
-
progressContainer.style.display = "none";
|
|
55
|
-
progressText.textContent = "Connecting...";
|
|
56
|
-
}
|
|
57
|
-
else if (downloadTotal > 0) {
|
|
58
|
-
// Known total - show determinate progress
|
|
59
|
-
progressContainer.style.display = "";
|
|
60
|
-
const percent = Math.round((downloadLoaded / downloadTotal) * 100);
|
|
61
|
-
progressFill.style.width = `${percent}%`;
|
|
62
|
-
progressFill.classList.remove("udoc-loading-progress-fill--indeterminate");
|
|
63
|
-
// Format size display
|
|
64
|
-
const loadedMB = (downloadLoaded / (1024 * 1024)).toFixed(1);
|
|
65
|
-
const totalMB = (downloadTotal / (1024 * 1024)).toFixed(1);
|
|
66
|
-
progressText.textContent = `${loadedMB} / ${totalMB} MB (${percent}%)`;
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
// Unknown total but data is flowing - show indeterminate progress
|
|
70
|
-
progressContainer.style.display = "";
|
|
71
|
-
progressFill.style.width = "30%";
|
|
72
|
-
progressFill.classList.add("udoc-loading-progress-fill--indeterminate");
|
|
73
|
-
const loadedMB = (downloadLoaded / (1024 * 1024)).toFixed(1);
|
|
74
|
-
progressText.textContent = `${loadedMB} MB loaded...`;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
}
|
|
79
|
-
function destroy() {
|
|
80
|
-
if (unsubRender) {
|
|
81
|
-
unsubRender();
|
|
82
|
-
unsubRender = null;
|
|
83
|
-
}
|
|
84
|
-
overlay.remove();
|
|
85
|
-
}
|
|
86
|
-
return { el: overlay, mount, destroy };
|
|
87
|
-
}
|
|
88
|
-
//# sourceMappingURL=LoadingOverlay.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingOverlay.js","sourceRoot":"","sources":["../../../../../src/ui/viewer/components/LoadingOverlay.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Store } from "../../framework/store";
|
|
2
|
-
import type { ViewerState } from "../state";
|
|
3
|
-
import type { Action } from "../actions";
|
|
4
|
-
export declare function createOutlinePanel(): {
|
|
5
|
-
el: HTMLDivElement;
|
|
6
|
-
mount: (container: HTMLElement, store: Store<ViewerState, Action>) => void;
|
|
7
|
-
destroy: () => void;
|
|
8
|
-
};
|
|
9
|
-
export type OutlinePanelComponent = ReturnType<typeof createOutlinePanel>;
|
|
10
|
-
//# sourceMappingURL=OutlinePanel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OutlinePanel.d.ts","sourceRoot":"","sources":["../../../../../src/ui/viewer/components/OutlinePanel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAiBzC,wBAAgB,kBAAkB;;uBAuKf,WAAW,SACf,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,KAClC,IAAI;mBAea,IAAI;EAa3B;AAED,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
import { subscribeSelector, shallowEqual } from "../../framework/selectors";
|
|
2
|
-
function selectOutlineSlice(state) {
|
|
3
|
-
return {
|
|
4
|
-
outline: state.outline,
|
|
5
|
-
outlineLoading: state.outlineLoading,
|
|
6
|
-
currentPage: state.page
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
export function createOutlinePanel() {
|
|
10
|
-
const el = document.createElement("div");
|
|
11
|
-
el.className = "udoc-outline-panel";
|
|
12
|
-
let storeRef = null;
|
|
13
|
-
let currentSlice = null;
|
|
14
|
-
/** Track collapsed items by path (collapsed if in set) */
|
|
15
|
-
let collapsedItems = new Set();
|
|
16
|
-
let unsubRender = null;
|
|
17
|
-
const unsubEvents = [];
|
|
18
|
-
function createOutlineItemElement(item, path, depth) {
|
|
19
|
-
const container = document.createElement("div");
|
|
20
|
-
container.className = "udoc-outline-item";
|
|
21
|
-
container.dataset.path = path;
|
|
22
|
-
const header = document.createElement("div");
|
|
23
|
-
header.className = "udoc-outline-item__header";
|
|
24
|
-
header.style.paddingLeft = `${8 + depth * 16}px`;
|
|
25
|
-
// Expand/collapse toggle (only if has children)
|
|
26
|
-
if (item.children.length > 0) {
|
|
27
|
-
const toggle = document.createElement("button");
|
|
28
|
-
toggle.className = "udoc-outline-item__toggle";
|
|
29
|
-
toggle.type = "button";
|
|
30
|
-
toggle.innerHTML = `<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>`;
|
|
31
|
-
// Determine initial expanded state
|
|
32
|
-
const isCollapsed = item.initiallyCollapsed || collapsedItems.has(path);
|
|
33
|
-
if (isCollapsed) {
|
|
34
|
-
collapsedItems.add(path);
|
|
35
|
-
}
|
|
36
|
-
toggle.classList.toggle("udoc-outline-item__toggle--expanded", !isCollapsed);
|
|
37
|
-
const onToggle = (e) => {
|
|
38
|
-
e.stopPropagation();
|
|
39
|
-
if (collapsedItems.has(path)) {
|
|
40
|
-
collapsedItems.delete(path);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
collapsedItems.add(path);
|
|
44
|
-
}
|
|
45
|
-
updateExpandState(container, path);
|
|
46
|
-
};
|
|
47
|
-
toggle.addEventListener("click", onToggle);
|
|
48
|
-
unsubEvents.push(() => toggle.removeEventListener("click", onToggle));
|
|
49
|
-
header.appendChild(toggle);
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
// Spacer for alignment
|
|
53
|
-
const spacer = document.createElement("span");
|
|
54
|
-
spacer.className = "udoc-outline-item__spacer";
|
|
55
|
-
header.appendChild(spacer);
|
|
56
|
-
}
|
|
57
|
-
// Title
|
|
58
|
-
const title = document.createElement("span");
|
|
59
|
-
title.className = "udoc-outline-item__title";
|
|
60
|
-
title.textContent = item.title;
|
|
61
|
-
header.appendChild(title);
|
|
62
|
-
container.appendChild(header);
|
|
63
|
-
// Click handler for navigation
|
|
64
|
-
if (item.destination) {
|
|
65
|
-
header.classList.add("udoc-outline-item__header--clickable");
|
|
66
|
-
const dest = item.destination;
|
|
67
|
-
const onClick = () => {
|
|
68
|
-
if (storeRef) {
|
|
69
|
-
storeRef.dispatch({
|
|
70
|
-
type: "NAVIGATE_TO_DESTINATION",
|
|
71
|
-
destination: dest
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
header.addEventListener("click", onClick);
|
|
76
|
-
unsubEvents.push(() => header.removeEventListener("click", onClick));
|
|
77
|
-
}
|
|
78
|
-
// Children container
|
|
79
|
-
if (item.children.length > 0) {
|
|
80
|
-
const childrenContainer = document.createElement("div");
|
|
81
|
-
childrenContainer.className = "udoc-outline-item__children";
|
|
82
|
-
const isCollapsed = collapsedItems.has(path);
|
|
83
|
-
childrenContainer.style.display = isCollapsed ? "none" : "block";
|
|
84
|
-
// Recursively build children
|
|
85
|
-
item.children.forEach((child, index) => {
|
|
86
|
-
const childPath = `${path}/${index}`;
|
|
87
|
-
const childEl = createOutlineItemElement(child, childPath, depth + 1);
|
|
88
|
-
childrenContainer.appendChild(childEl);
|
|
89
|
-
});
|
|
90
|
-
container.appendChild(childrenContainer);
|
|
91
|
-
}
|
|
92
|
-
return container;
|
|
93
|
-
}
|
|
94
|
-
function updateExpandState(container, path) {
|
|
95
|
-
const toggle = container.querySelector(":scope > .udoc-outline-item__header > .udoc-outline-item__toggle");
|
|
96
|
-
const children = container.querySelector(":scope > .udoc-outline-item__children");
|
|
97
|
-
if (!toggle || !children)
|
|
98
|
-
return;
|
|
99
|
-
const isCollapsed = collapsedItems.has(path);
|
|
100
|
-
toggle.classList.toggle("udoc-outline-item__toggle--expanded", !isCollapsed);
|
|
101
|
-
children.style.display = isCollapsed ? "none" : "block";
|
|
102
|
-
}
|
|
103
|
-
function buildOutlineTree(outline) {
|
|
104
|
-
// Clear existing content but preserve event cleanup
|
|
105
|
-
el.innerHTML = "";
|
|
106
|
-
if (outline.length === 0) {
|
|
107
|
-
const empty = document.createElement("div");
|
|
108
|
-
empty.className = "udoc-outline-panel__empty";
|
|
109
|
-
empty.textContent = "No outline available";
|
|
110
|
-
el.appendChild(empty);
|
|
111
|
-
return;
|
|
112
|
-
}
|
|
113
|
-
// Build outline items
|
|
114
|
-
outline.forEach((item, index) => {
|
|
115
|
-
const path = String(index);
|
|
116
|
-
const itemEl = createOutlineItemElement(item, path, 0);
|
|
117
|
-
el.appendChild(itemEl);
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
function showLoading() {
|
|
121
|
-
el.innerHTML = "";
|
|
122
|
-
const loading = document.createElement("div");
|
|
123
|
-
loading.className = "udoc-outline-panel__loading";
|
|
124
|
-
loading.textContent = "Loading outline...";
|
|
125
|
-
el.appendChild(loading);
|
|
126
|
-
}
|
|
127
|
-
function applyState(slice) {
|
|
128
|
-
const outlineChanged = !currentSlice ||
|
|
129
|
-
slice.outline !== currentSlice.outline ||
|
|
130
|
-
slice.outlineLoading !== currentSlice.outlineLoading;
|
|
131
|
-
if (outlineChanged) {
|
|
132
|
-
// Clear old event listeners when rebuilding
|
|
133
|
-
for (const off of unsubEvents)
|
|
134
|
-
off();
|
|
135
|
-
unsubEvents.length = 0;
|
|
136
|
-
if (slice.outlineLoading) {
|
|
137
|
-
showLoading();
|
|
138
|
-
}
|
|
139
|
-
else if (slice.outline === null) {
|
|
140
|
-
// Not loaded yet and not loading - effect will trigger shortly
|
|
141
|
-
el.innerHTML = "";
|
|
142
|
-
}
|
|
143
|
-
else {
|
|
144
|
-
buildOutlineTree(slice.outline);
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
currentSlice = slice;
|
|
148
|
-
}
|
|
149
|
-
function mount(container, store) {
|
|
150
|
-
container.appendChild(el);
|
|
151
|
-
storeRef = store;
|
|
152
|
-
// Apply initial state
|
|
153
|
-
applyState(selectOutlineSlice(store.getState()));
|
|
154
|
-
unsubRender = subscribeSelector(store, selectOutlineSlice, applyState, { equality: shallowEqual });
|
|
155
|
-
}
|
|
156
|
-
function destroy() {
|
|
157
|
-
if (unsubRender)
|
|
158
|
-
unsubRender();
|
|
159
|
-
for (const off of unsubEvents)
|
|
160
|
-
off();
|
|
161
|
-
unsubEvents.length = 0;
|
|
162
|
-
collapsedItems.clear();
|
|
163
|
-
storeRef = null;
|
|
164
|
-
currentSlice = null;
|
|
165
|
-
el.remove();
|
|
166
|
-
}
|
|
167
|
-
return { el, mount, destroy };
|
|
168
|
-
}
|
|
169
|
-
//# sourceMappingURL=OutlinePanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OutlinePanel.js","sourceRoot":"","sources":["../../../../../src/ui/viewer/components/OutlinePanel.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Password dialog component for encrypted PDF documents.
|
|
3
|
-
*/
|
|
4
|
-
import type { Store } from "../../framework/store";
|
|
5
|
-
import type { ViewerState } from "../state";
|
|
6
|
-
import type { Action } from "../actions";
|
|
7
|
-
export interface PasswordDialogCallbacks {
|
|
8
|
-
onSubmit: (password: string) => void;
|
|
9
|
-
}
|
|
10
|
-
export declare function createPasswordDialog(): {
|
|
11
|
-
el: HTMLDivElement;
|
|
12
|
-
mount: (container: HTMLElement, store: Store<ViewerState, Action>, cb: PasswordDialogCallbacks) => void;
|
|
13
|
-
destroy: () => void;
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=PasswordDialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordDialog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/viewer/components/PasswordDialog.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,oBAAoB;;uBAmGjB,WAAW,SACf,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAC7B,uBAAuB,KAC5B,IAAI;mBAiDa,IAAI;EAO3B"}
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Password dialog component for encrypted PDF documents.
|
|
3
|
-
*/
|
|
4
|
-
export function createPasswordDialog() {
|
|
5
|
-
// Create overlay
|
|
6
|
-
const overlay = document.createElement("div");
|
|
7
|
-
overlay.className = "udoc-password-overlay";
|
|
8
|
-
// Create dialog
|
|
9
|
-
const dialog = document.createElement("div");
|
|
10
|
-
dialog.className = "udoc-password-dialog";
|
|
11
|
-
dialog.setAttribute("role", "dialog");
|
|
12
|
-
dialog.setAttribute("aria-labelledby", "udoc-password-title");
|
|
13
|
-
dialog.setAttribute("aria-modal", "true");
|
|
14
|
-
// Dialog content
|
|
15
|
-
dialog.innerHTML = `
|
|
16
|
-
<div class="udoc-password-header">
|
|
17
|
-
<svg class="udoc-password-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
18
|
-
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
|
|
19
|
-
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
|
|
20
|
-
</svg>
|
|
21
|
-
<h2 id="udoc-password-title" class="udoc-password-title">Password Required</h2>
|
|
22
|
-
</div>
|
|
23
|
-
<p class="udoc-password-message">This document is protected. Please enter the password to open it.</p>
|
|
24
|
-
<form class="udoc-password-form">
|
|
25
|
-
<div class="udoc-password-input-wrapper">
|
|
26
|
-
<input
|
|
27
|
-
type="password"
|
|
28
|
-
class="udoc-password-input"
|
|
29
|
-
placeholder="Enter password"
|
|
30
|
-
autocomplete="off"
|
|
31
|
-
aria-label="Password"
|
|
32
|
-
/>
|
|
33
|
-
<button type="button" class="udoc-password-toggle" aria-label="Show password">
|
|
34
|
-
<svg class="udoc-password-eye-open" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
35
|
-
<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
|
|
36
|
-
<circle cx="12" cy="12" r="3"/>
|
|
37
|
-
</svg>
|
|
38
|
-
<svg class="udoc-password-eye-closed" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display:none">
|
|
39
|
-
<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"/>
|
|
40
|
-
<line x1="1" y1="1" x2="23" y2="23"/>
|
|
41
|
-
</svg>
|
|
42
|
-
</button>
|
|
43
|
-
</div>
|
|
44
|
-
<p class="udoc-password-error" aria-live="polite"></p>
|
|
45
|
-
<button type="submit" class="udoc-password-submit">
|
|
46
|
-
<span class="udoc-password-submit-text">Unlock</span>
|
|
47
|
-
<span class="udoc-password-submit-spinner" style="display:none">
|
|
48
|
-
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
49
|
-
<circle cx="12" cy="12" r="10" stroke-dasharray="31.4 31.4" stroke-dashoffset="0">
|
|
50
|
-
<animateTransform attributeName="transform" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/>
|
|
51
|
-
</circle>
|
|
52
|
-
</svg>
|
|
53
|
-
</span>
|
|
54
|
-
</button>
|
|
55
|
-
</form>
|
|
56
|
-
`;
|
|
57
|
-
overlay.appendChild(dialog);
|
|
58
|
-
// Get elements
|
|
59
|
-
const form = dialog.querySelector(".udoc-password-form");
|
|
60
|
-
const input = dialog.querySelector(".udoc-password-input");
|
|
61
|
-
const toggleBtn = dialog.querySelector(".udoc-password-toggle");
|
|
62
|
-
const eyeOpen = dialog.querySelector(".udoc-password-eye-open");
|
|
63
|
-
const eyeClosed = dialog.querySelector(".udoc-password-eye-closed");
|
|
64
|
-
const errorEl = dialog.querySelector(".udoc-password-error");
|
|
65
|
-
const submitBtn = dialog.querySelector(".udoc-password-submit");
|
|
66
|
-
const submitText = dialog.querySelector(".udoc-password-submit-text");
|
|
67
|
-
const submitSpinner = dialog.querySelector(".udoc-password-submit-spinner");
|
|
68
|
-
let callbacks = null;
|
|
69
|
-
let unsubRender = null;
|
|
70
|
-
// Toggle password visibility
|
|
71
|
-
toggleBtn.addEventListener("click", () => {
|
|
72
|
-
const isPassword = input.type === "password";
|
|
73
|
-
input.type = isPassword ? "text" : "password";
|
|
74
|
-
eyeOpen.style.display = isPassword ? "none" : "";
|
|
75
|
-
eyeClosed.style.display = isPassword ? "" : "none";
|
|
76
|
-
toggleBtn.setAttribute("aria-label", isPassword ? "Hide password" : "Show password");
|
|
77
|
-
});
|
|
78
|
-
// Handle form submit
|
|
79
|
-
form.addEventListener("submit", (e) => {
|
|
80
|
-
e.preventDefault();
|
|
81
|
-
const password = input.value;
|
|
82
|
-
if (password && callbacks?.onSubmit) {
|
|
83
|
-
callbacks.onSubmit(password);
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
// Clear error when typing
|
|
87
|
-
input.addEventListener("input", () => {
|
|
88
|
-
if (errorEl.textContent) {
|
|
89
|
-
errorEl.textContent = "";
|
|
90
|
-
errorEl.style.display = "none";
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
function mount(container, store, cb) {
|
|
94
|
-
container.appendChild(overlay);
|
|
95
|
-
callbacks = cb;
|
|
96
|
-
unsubRender = store.subscribeRender((prev, next) => {
|
|
97
|
-
// Show/hide dialog based on needsPassword state
|
|
98
|
-
const wasVisible = prev.needsPassword && prev.doc !== null;
|
|
99
|
-
const isVisible = next.needsPassword && next.doc !== null;
|
|
100
|
-
if (wasVisible !== isVisible) {
|
|
101
|
-
overlay.style.display = isVisible ? "" : "none";
|
|
102
|
-
if (isVisible) {
|
|
103
|
-
// Focus input when dialog appears
|
|
104
|
-
setTimeout(() => input.focus(), 0);
|
|
105
|
-
// Reset input
|
|
106
|
-
input.value = "";
|
|
107
|
-
input.type = "password";
|
|
108
|
-
eyeOpen.style.display = "";
|
|
109
|
-
eyeClosed.style.display = "none";
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
// Update error message
|
|
113
|
-
if (prev.passwordError !== next.passwordError) {
|
|
114
|
-
errorEl.textContent = next.passwordError ?? "";
|
|
115
|
-
errorEl.style.display = next.passwordError ? "" : "none";
|
|
116
|
-
}
|
|
117
|
-
// Update loading state
|
|
118
|
-
if (prev.isAuthenticating !== next.isAuthenticating) {
|
|
119
|
-
submitBtn.disabled = next.isAuthenticating;
|
|
120
|
-
input.disabled = next.isAuthenticating;
|
|
121
|
-
submitText.style.display = next.isAuthenticating ? "none" : "";
|
|
122
|
-
submitSpinner.style.display = next.isAuthenticating ? "" : "none";
|
|
123
|
-
}
|
|
124
|
-
});
|
|
125
|
-
// Check initial state
|
|
126
|
-
const initialState = store.getState();
|
|
127
|
-
const isVisible = initialState.needsPassword && initialState.doc !== null;
|
|
128
|
-
overlay.style.display = isVisible ? "" : "none";
|
|
129
|
-
errorEl.style.display = initialState.passwordError ? "" : "none";
|
|
130
|
-
errorEl.textContent = initialState.passwordError ?? "";
|
|
131
|
-
if (isVisible) {
|
|
132
|
-
setTimeout(() => input.focus(), 0);
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
function destroy() {
|
|
136
|
-
if (unsubRender)
|
|
137
|
-
unsubRender();
|
|
138
|
-
callbacks = null;
|
|
139
|
-
overlay.remove();
|
|
140
|
-
}
|
|
141
|
-
return { el: overlay, mount, destroy };
|
|
142
|
-
}
|
|
143
|
-
//# sourceMappingURL=PasswordDialog.js.map
|