@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.
Files changed (211) hide show
  1. package/package.json +1 -1
  2. package/dist/package.json +0 -56
  3. package/dist/src/UDocClient.d.ts +0 -383
  4. package/dist/src/UDocClient.d.ts.map +0 -1
  5. package/dist/src/UDocClient.js +0 -428
  6. package/dist/src/UDocClient.js.map +0 -1
  7. package/dist/src/UDocViewer.d.ts +0 -271
  8. package/dist/src/UDocViewer.d.ts.map +0 -1
  9. package/dist/src/UDocViewer.js +0 -769
  10. package/dist/src/UDocViewer.js.map +0 -1
  11. package/dist/src/fonts.d.ts +0 -29
  12. package/dist/src/fonts.d.ts.map +0 -1
  13. package/dist/src/fonts.js +0 -30
  14. package/dist/src/fonts.js.map +0 -1
  15. package/dist/src/index.d.ts +0 -9
  16. package/dist/src/index.d.ts.map +0 -1
  17. package/dist/src/index.js +0 -8
  18. package/dist/src/index.js.map +0 -1
  19. package/dist/src/performance/PerformanceCounter.d.ts +0 -132
  20. package/dist/src/performance/PerformanceCounter.d.ts.map +0 -1
  21. package/dist/src/performance/PerformanceCounter.js +0 -129
  22. package/dist/src/performance/PerformanceCounter.js.map +0 -1
  23. package/dist/src/performance/index.d.ts +0 -2
  24. package/dist/src/performance/index.d.ts.map +0 -1
  25. package/dist/src/performance/index.js +0 -2
  26. package/dist/src/performance/index.js.map +0 -1
  27. package/dist/src/ui/framework/component.d.ts +0 -68
  28. package/dist/src/ui/framework/component.d.ts.map +0 -1
  29. package/dist/src/ui/framework/component.js +0 -87
  30. package/dist/src/ui/framework/component.js.map +0 -1
  31. package/dist/src/ui/framework/dom.d.ts +0 -19
  32. package/dist/src/ui/framework/dom.d.ts.map +0 -1
  33. package/dist/src/ui/framework/dom.js +0 -29
  34. package/dist/src/ui/framework/dom.js.map +0 -1
  35. package/dist/src/ui/framework/events.d.ts +0 -18
  36. package/dist/src/ui/framework/events.d.ts.map +0 -1
  37. package/dist/src/ui/framework/events.js +0 -23
  38. package/dist/src/ui/framework/events.js.map +0 -1
  39. package/dist/src/ui/framework/index.d.ts +0 -15
  40. package/dist/src/ui/framework/index.d.ts.map +0 -1
  41. package/dist/src/ui/framework/index.js +0 -15
  42. package/dist/src/ui/framework/index.js.map +0 -1
  43. package/dist/src/ui/framework/selectors.d.ts +0 -51
  44. package/dist/src/ui/framework/selectors.d.ts.map +0 -1
  45. package/dist/src/ui/framework/selectors.js +0 -30
  46. package/dist/src/ui/framework/selectors.js.map +0 -1
  47. package/dist/src/ui/framework/store.d.ts +0 -37
  48. package/dist/src/ui/framework/store.d.ts.map +0 -1
  49. package/dist/src/ui/framework/store.js +0 -54
  50. package/dist/src/ui/framework/store.js.map +0 -1
  51. package/dist/src/ui/viewer/actions.d.ts +0 -131
  52. package/dist/src/ui/viewer/actions.d.ts.map +0 -1
  53. package/dist/src/ui/viewer/actions.js +0 -2
  54. package/dist/src/ui/viewer/actions.js.map +0 -1
  55. package/dist/src/ui/viewer/annotation/LinkRenderer.d.ts +0 -9
  56. package/dist/src/ui/viewer/annotation/LinkRenderer.d.ts.map +0 -1
  57. package/dist/src/ui/viewer/annotation/LinkRenderer.js +0 -17
  58. package/dist/src/ui/viewer/annotation/LinkRenderer.js.map +0 -1
  59. package/dist/src/ui/viewer/annotation/MarkupRenderer.d.ts +0 -21
  60. package/dist/src/ui/viewer/annotation/MarkupRenderer.d.ts.map +0 -1
  61. package/dist/src/ui/viewer/annotation/MarkupRenderer.js +0 -138
  62. package/dist/src/ui/viewer/annotation/MarkupRenderer.js.map +0 -1
  63. package/dist/src/ui/viewer/annotation/ShapeRenderer.d.ts +0 -33
  64. package/dist/src/ui/viewer/annotation/ShapeRenderer.d.ts.map +0 -1
  65. package/dist/src/ui/viewer/annotation/ShapeRenderer.js +0 -378
  66. package/dist/src/ui/viewer/annotation/ShapeRenderer.js.map +0 -1
  67. package/dist/src/ui/viewer/annotation/TextRenderer.d.ts +0 -23
  68. package/dist/src/ui/viewer/annotation/TextRenderer.d.ts.map +0 -1
  69. package/dist/src/ui/viewer/annotation/TextRenderer.js +0 -196
  70. package/dist/src/ui/viewer/annotation/TextRenderer.js.map +0 -1
  71. package/dist/src/ui/viewer/annotation/index.d.ts +0 -8
  72. package/dist/src/ui/viewer/annotation/index.d.ts.map +0 -1
  73. package/dist/src/ui/viewer/annotation/index.js +0 -8
  74. package/dist/src/ui/viewer/annotation/index.js.map +0 -1
  75. package/dist/src/ui/viewer/annotation/render.d.ts +0 -24
  76. package/dist/src/ui/viewer/annotation/render.d.ts.map +0 -1
  77. package/dist/src/ui/viewer/annotation/render.js +0 -184
  78. package/dist/src/ui/viewer/annotation/render.js.map +0 -1
  79. package/dist/src/ui/viewer/annotation/types.d.ts +0 -239
  80. package/dist/src/ui/viewer/annotation/types.d.ts.map +0 -1
  81. package/dist/src/ui/viewer/annotation/types.js +0 -7
  82. package/dist/src/ui/viewer/annotation/types.js.map +0 -1
  83. package/dist/src/ui/viewer/annotation/utils.d.ts +0 -37
  84. package/dist/src/ui/viewer/annotation/utils.d.ts.map +0 -1
  85. package/dist/src/ui/viewer/annotation/utils.js +0 -82
  86. package/dist/src/ui/viewer/annotation/utils.js.map +0 -1
  87. package/dist/src/ui/viewer/components/AnnotationPanel.d.ts +0 -19
  88. package/dist/src/ui/viewer/components/AnnotationPanel.d.ts.map +0 -1
  89. package/dist/src/ui/viewer/components/AnnotationPanel.js +0 -284
  90. package/dist/src/ui/viewer/components/AnnotationPanel.js.map +0 -1
  91. package/dist/src/ui/viewer/components/FloatingToolbar.d.ts +0 -9
  92. package/dist/src/ui/viewer/components/FloatingToolbar.d.ts.map +0 -1
  93. package/dist/src/ui/viewer/components/FloatingToolbar.js +0 -305
  94. package/dist/src/ui/viewer/components/FloatingToolbar.js.map +0 -1
  95. package/dist/src/ui/viewer/components/LeftPanel.d.ts +0 -10
  96. package/dist/src/ui/viewer/components/LeftPanel.d.ts.map +0 -1
  97. package/dist/src/ui/viewer/components/LeftPanel.js +0 -165
  98. package/dist/src/ui/viewer/components/LeftPanel.js.map +0 -1
  99. package/dist/src/ui/viewer/components/LoadingOverlay.d.ts +0 -12
  100. package/dist/src/ui/viewer/components/LoadingOverlay.d.ts.map +0 -1
  101. package/dist/src/ui/viewer/components/LoadingOverlay.js +0 -88
  102. package/dist/src/ui/viewer/components/LoadingOverlay.js.map +0 -1
  103. package/dist/src/ui/viewer/components/OutlinePanel.d.ts +0 -10
  104. package/dist/src/ui/viewer/components/OutlinePanel.d.ts.map +0 -1
  105. package/dist/src/ui/viewer/components/OutlinePanel.js +0 -169
  106. package/dist/src/ui/viewer/components/OutlinePanel.js.map +0 -1
  107. package/dist/src/ui/viewer/components/PasswordDialog.d.ts +0 -15
  108. package/dist/src/ui/viewer/components/PasswordDialog.d.ts.map +0 -1
  109. package/dist/src/ui/viewer/components/PasswordDialog.js +0 -143
  110. package/dist/src/ui/viewer/components/PasswordDialog.js.map +0 -1
  111. package/dist/src/ui/viewer/components/RightPanel.d.ts +0 -9
  112. package/dist/src/ui/viewer/components/RightPanel.d.ts.map +0 -1
  113. package/dist/src/ui/viewer/components/RightPanel.js +0 -102
  114. package/dist/src/ui/viewer/components/RightPanel.js.map +0 -1
  115. package/dist/src/ui/viewer/components/Spread.d.ts +0 -43
  116. package/dist/src/ui/viewer/components/Spread.d.ts.map +0 -1
  117. package/dist/src/ui/viewer/components/Spread.js +0 -345
  118. package/dist/src/ui/viewer/components/Spread.js.map +0 -1
  119. package/dist/src/ui/viewer/components/ThumbnailPanel.d.ts +0 -11
  120. package/dist/src/ui/viewer/components/ThumbnailPanel.d.ts.map +0 -1
  121. package/dist/src/ui/viewer/components/ThumbnailPanel.js +0 -240
  122. package/dist/src/ui/viewer/components/ThumbnailPanel.js.map +0 -1
  123. package/dist/src/ui/viewer/components/Toolbar.d.ts +0 -9
  124. package/dist/src/ui/viewer/components/Toolbar.d.ts.map +0 -1
  125. package/dist/src/ui/viewer/components/Toolbar.js +0 -93
  126. package/dist/src/ui/viewer/components/Toolbar.js.map +0 -1
  127. package/dist/src/ui/viewer/components/ViewModeMenu.d.ts +0 -9
  128. package/dist/src/ui/viewer/components/ViewModeMenu.d.ts.map +0 -1
  129. package/dist/src/ui/viewer/components/ViewModeMenu.js +0 -169
  130. package/dist/src/ui/viewer/components/ViewModeMenu.js.map +0 -1
  131. package/dist/src/ui/viewer/components/Viewport.d.ts +0 -10
  132. package/dist/src/ui/viewer/components/Viewport.d.ts.map +0 -1
  133. package/dist/src/ui/viewer/components/Viewport.js +0 -1076
  134. package/dist/src/ui/viewer/components/Viewport.js.map +0 -1
  135. package/dist/src/ui/viewer/effects.d.ts +0 -8
  136. package/dist/src/ui/viewer/effects.d.ts.map +0 -1
  137. package/dist/src/ui/viewer/effects.js +0 -207
  138. package/dist/src/ui/viewer/effects.js.map +0 -1
  139. package/dist/src/ui/viewer/icons.d.ts +0 -32
  140. package/dist/src/ui/viewer/icons.d.ts.map +0 -1
  141. package/dist/src/ui/viewer/icons.js +0 -44
  142. package/dist/src/ui/viewer/icons.js.map +0 -1
  143. package/dist/src/ui/viewer/index.d.ts +0 -6
  144. package/dist/src/ui/viewer/index.d.ts.map +0 -1
  145. package/dist/src/ui/viewer/index.js +0 -6
  146. package/dist/src/ui/viewer/index.js.map +0 -1
  147. package/dist/src/ui/viewer/layout/index.d.ts +0 -3
  148. package/dist/src/ui/viewer/layout/index.d.ts.map +0 -1
  149. package/dist/src/ui/viewer/layout/index.js +0 -3
  150. package/dist/src/ui/viewer/layout/index.js.map +0 -1
  151. package/dist/src/ui/viewer/layout/pixelAlign.d.ts +0 -7
  152. package/dist/src/ui/viewer/layout/pixelAlign.d.ts.map +0 -1
  153. package/dist/src/ui/viewer/layout/pixelAlign.js +0 -22
  154. package/dist/src/ui/viewer/layout/pixelAlign.js.map +0 -1
  155. package/dist/src/ui/viewer/layout/spreadLayout.d.ts +0 -93
  156. package/dist/src/ui/viewer/layout/spreadLayout.d.ts.map +0 -1
  157. package/dist/src/ui/viewer/layout/spreadLayout.js +0 -315
  158. package/dist/src/ui/viewer/layout/spreadLayout.js.map +0 -1
  159. package/dist/src/ui/viewer/navigation.d.ts +0 -80
  160. package/dist/src/ui/viewer/navigation.d.ts.map +0 -1
  161. package/dist/src/ui/viewer/navigation.js +0 -59
  162. package/dist/src/ui/viewer/navigation.js.map +0 -1
  163. package/dist/src/ui/viewer/reducer.d.ts +0 -4
  164. package/dist/src/ui/viewer/reducer.d.ts.map +0 -1
  165. package/dist/src/ui/viewer/reducer.js +0 -305
  166. package/dist/src/ui/viewer/reducer.js.map +0 -1
  167. package/dist/src/ui/viewer/shell.d.ts +0 -34
  168. package/dist/src/ui/viewer/shell.d.ts.map +0 -1
  169. package/dist/src/ui/viewer/shell.js +0 -93
  170. package/dist/src/ui/viewer/shell.js.map +0 -1
  171. package/dist/src/ui/viewer/state.d.ts +0 -89
  172. package/dist/src/ui/viewer/state.d.ts.map +0 -1
  173. package/dist/src/ui/viewer/state.js +0 -55
  174. package/dist/src/ui/viewer/state.js.map +0 -1
  175. package/dist/src/ui/viewer/styles-inline.d.ts +0 -2
  176. package/dist/src/ui/viewer/styles-inline.d.ts.map +0 -1
  177. package/dist/src/ui/viewer/styles-inline.js +0 -1584
  178. package/dist/src/ui/viewer/styles-inline.js.map +0 -1
  179. package/dist/src/ui/viewer/text/index.d.ts +0 -7
  180. package/dist/src/ui/viewer/text/index.d.ts.map +0 -1
  181. package/dist/src/ui/viewer/text/index.js +0 -3
  182. package/dist/src/ui/viewer/text/index.js.map +0 -1
  183. package/dist/src/ui/viewer/text/render.d.ts +0 -19
  184. package/dist/src/ui/viewer/text/render.d.ts.map +0 -1
  185. package/dist/src/ui/viewer/text/render.js +0 -228
  186. package/dist/src/ui/viewer/text/render.js.map +0 -1
  187. package/dist/src/ui/viewer/text/selection.d.ts +0 -12
  188. package/dist/src/ui/viewer/text/selection.d.ts.map +0 -1
  189. package/dist/src/ui/viewer/text/selection.js +0 -70
  190. package/dist/src/ui/viewer/text/selection.js.map +0 -1
  191. package/dist/src/ui/viewer/text/types.d.ts +0 -37
  192. package/dist/src/ui/viewer/text/types.d.ts.map +0 -1
  193. package/dist/src/ui/viewer/text/types.js +0 -7
  194. package/dist/src/ui/viewer/text/types.js.map +0 -1
  195. package/dist/src/wasm/LICENSE +0 -104
  196. package/dist/src/wasm/udoc.d.ts +0 -480
  197. package/dist/src/wasm/udoc.js +0 -1738
  198. package/dist/src/wasm/udoc_bg.wasm +0 -0
  199. package/dist/src/wasm/udoc_bg.wasm.d.ts +0 -45
  200. package/dist/src/worker/WorkerClient.d.ts +0 -335
  201. package/dist/src/worker/WorkerClient.d.ts.map +0 -1
  202. package/dist/src/worker/WorkerClient.js +0 -903
  203. package/dist/src/worker/WorkerClient.js.map +0 -1
  204. package/dist/src/worker/index.d.ts +0 -4
  205. package/dist/src/worker/index.d.ts.map +0 -1
  206. package/dist/src/worker/index.js +0 -2
  207. package/dist/src/worker/index.js.map +0 -1
  208. package/dist/src/worker/worker.d.ts +0 -437
  209. package/dist/src/worker/worker.d.ts.map +0 -1
  210. package/dist/src/worker/worker.js +0 -237
  211. 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":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,EACH,cAAc,EACd,YAAY,EACZ,aAAa,EACb,WAAW,EACX,eAAe,EAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,oBAAoB,EAAgC,MAAM,kBAAkB,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAA8B,MAAM,gBAAgB,CAAC;AAQhF,MAAM,IAAI,GAAgB;IACtB,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,cAAc,EAAE;IAC9D,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE;IACvD,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE;IAC5D,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE;IACpD,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,eAAe,EAAE;CACrE,CAAC;AAQF,MAAM,UAAU,eAAe;IAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,EAAE,CAAC,SAAS,GAAG,iBAAiB,CAAC;IAEjC,UAAU;IACV,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,SAAS,GAAG,uBAAuB,CAAC;IAE3C,MAAM,UAAU,GAAG,IAAI,GAAG,EAAmC,CAAC;IAC9D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACrB,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7C,GAAG,CAAC,SAAS,GAAG,sBAAsB,CAAC;QACvC,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAC1C,GAAG,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACrC,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC;QACzB,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;QAC5B,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,eAAe;IACf,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,SAAS,GAAG,0BAA0B,CAAC;IAE/C,gBAAgB;IAChB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACnD,YAAY,CAAC,SAAS,GAAG,gCAAgC,CAAC;IAE1D,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IAEzC,IAAI,WAAW,GAAwB,IAAI,CAAC;IAC5C,IAAI,YAAY,GAAwB,IAAI,CAAC;IAC7C,MAAM,WAAW,GAAsB,EAAE,CAAC;IAE1C,2BAA2B;IAC3B,IAAI,cAAc,GAAmC,IAAI,CAAC;IAC1D,IAAI,YAAY,GAAiC,IAAI,CAAC;IACtD,IAAI,QAAQ,GAAsC,IAAI,CAAC;IACvD,IAAI,eAAe,GAAwB,IAAI,CAAC;IAEhD,SAAS,UAAU,CAAC,KAAqB;QACrC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE5D,0CAA0C;QAC1C,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACrC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;QACxC,CAAC;aAAM,CAAC;YACJ,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;QACxB,CAAC;QAED,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,UAAU,EAAE,CAAC;YACpC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,8BAA8B,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,CAAC;IACL,CAAC;IAED,SAAS,YAAY,CAAC,SAA8B;QAChD,2BAA2B;QAC3B,IAAI,cAAc,EAAE,CAAC;YACjB,cAAc,CAAC,OAAO,EAAE,CAAC;YACzB,cAAc,GAAG,IAAI,CAAC;QAC1B,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,GAAG,IAAI,CAAC;QACxB,CAAC;QAED,wCAAwC;QACxC,IAAI,SAAS,KAAK,WAAW,IAAI,QAAQ,IAAI,eAAe,EAAE,CAAC;YAC3D,cAAc,GAAG,oBAAoB,EAAE,CAAC;YACxC,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC;aAAM,IAAI,SAAS,KAAK,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC7C,YAAY,GAAG,kBAAkB,EAAE,CAAC;YACpC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC1C,CAAC;QACD,6DAA6D;IACjE,CAAC;IAED,SAAS,WAAW;QAChB,IAAI,MAAM,GAAG,CAAC,CAAC;QACf,IAAI,UAAU,GAAG,CAAC,CAAC;QAEnB,MAAM,aAAa,GAAG,CAAC,CAAe,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,CAAC;YACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;YAClE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,QAAQ,IAAI,CAAC;QACrC,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YACvD,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;YAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YAEpC,yBAAyB;YACzB,IAAI,QAAQ,EAAE,CAAC;gBACX,MAAM,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;gBAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;YAC3E,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,aAAa,GAAG,CAAC,CAAe,EAAE,EAAE;YACtC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;YACnB,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC;YAC5B,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC;YAC1C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;YACxC,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YACxD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,YAAY,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QAC5D,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAC3F,CAAC;IAED,SAAS,KAAK,CACV,SAAsB,EACtB,KAAiC,EACjC,YAA0B;QAE1B,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC1B,QAAQ,GAAG,KAAK,CAAC;QACjB,eAAe,GAAG,YAAY,CAAC;QAE/B,qBAAqB;QACrB,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,UAAU,EAAE,CAAC;YACpC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACjB,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3D,CAAC,CAAC;YACF,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YACvC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;QACtE,CAAC;QAED,sBAAsB;QACtB,WAAW,EAAE,CAAC;QAEd,kDAAkD;QAClD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvD,UAAU,CAAC,YAAY,CAAC,CAAC;QACzB,WAAW,GAAG,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE;YAChE,QAAQ,EAAE,YAAY;SACzB,CAAC,CAAC;QAEH,8CAA8C;QAC9C,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACrC,YAAY,GAAG,iBAAiB,CAC5B,KAAK,EACL,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,SAAS,EAC3C,YAAY,CACf,CAAC;IACN,CAAC;IAED,SAAS,OAAO;QACZ,IAAI,WAAW;YAAE,WAAW,EAAE,CAAC;QAC/B,IAAI,YAAY;YAAE,YAAY,EAAE,CAAC;QACjC,KAAK,MAAM,GAAG,IAAI,WAAW;YAAE,GAAG,EAAE,CAAC;QAErC,IAAI,cAAc,EAAE,CAAC;YACjB,cAAc,CAAC,OAAO,EAAE,CAAC;YACzB,cAAc,GAAG,IAAI,CAAC;QAC1B,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,GAAG,IAAI,CAAC;QACxB,CAAC;QAED,QAAQ,GAAG,IAAI,CAAC;QAChB,eAAe,GAAG,IAAI,CAAC;QACvB,EAAE,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAClC,CAAC;AAED,SAAS,eAAe,CAAC,KAAkB;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;IAChC,MAAM,SAAS,GAAG,KAAK,KAAK,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO;QACH,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;QACnC,KAAK,EAAE,KAAK,CAAC,cAAc;KAC9B,CAAC;AACN,CAAC"}
@@ -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":"AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAW5E,SAAS,kBAAkB,CAAC,KAAkB;IAC1C,OAAO;QACH,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,cAAc,EAAE,KAAK,CAAC,cAAc;QACpC,WAAW,EAAE,KAAK,CAAC,IAAI;KAC1B,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB;IAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzC,EAAE,CAAC,SAAS,GAAG,oBAAoB,CAAC;IAEpC,IAAI,QAAQ,GAAsC,IAAI,CAAC;IACvD,IAAI,YAAY,GAAwB,IAAI,CAAC;IAC7C,0DAA0D;IAC1D,IAAI,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;IAEvC,IAAI,WAAW,GAAwB,IAAI,CAAC;IAC5C,MAAM,WAAW,GAAsB,EAAE,CAAC;IAE1C,SAAS,wBAAwB,CAC7B,IAAiB,EACjB,IAAY,EACZ,KAAa;QAEb,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,SAAS,GAAG,mBAAmB,CAAC;QAC1C,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QAE9B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,GAAG,2BAA2B,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,KAAK,GAAG,EAAE,IAAI,CAAC;QAEjD,gDAAgD;QAChD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,SAAS,GAAG,2BAA2B,CAAC;YAC/C,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;YACvB,MAAM,CAAC,SAAS,GAAG,yJAAyJ,CAAC;YAE7K,mCAAmC;YACnC,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACxE,IAAI,WAAW,EAAE,CAAC;gBACd,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC7B,CAAC;YACD,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,qCAAqC,EAAE,CAAC,WAAW,CAAC,CAAC;YAE7E,MAAM,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;gBAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC3B,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC;qBAAM,CAAC;oBACJ,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC;gBACD,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;YACvC,CAAC,CAAC;YACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YAC3C,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;YAEtE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACJ,uBAAuB;YACvB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC9C,MAAM,CAAC,SAAS,GAAG,2BAA2B,CAAC;YAC/C,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;QAED,QAAQ;QACR,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC7C,KAAK,CAAC,SAAS,GAAG,0BAA0B,CAAC;QAC7C,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAE1B,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE9B,+BAA+B;QAC/B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,sCAAsC,CAAC,CAAC;YAC7D,MAAM,IAAI,GAAgB,IAAI,CAAC,WAAW,CAAC;YAC3C,MAAM,OAAO,GAAG,GAAG,EAAE;gBACjB,IAAI,QAAQ,EAAE,CAAC;oBACX,QAAQ,CAAC,QAAQ,CAAC;wBACd,IAAI,EAAE,yBAAyB;wBAC/B,WAAW,EAAE,IAAI;qBACpB,CAAC,CAAC;gBACP,CAAC;YACL,CAAC,CAAC;YACF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC1C,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;QACzE,CAAC;QAED,qBAAqB;QACrB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3B,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACxD,iBAAiB,CAAC,SAAS,GAAG,6BAA6B,CAAC;YAE5D,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC7C,iBAAiB,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;YAEjE,6BAA6B;YAC7B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACnC,MAAM,SAAS,GAAG,GAAG,IAAI,IAAI,KAAK,EAAE,CAAC;gBACrC,MAAM,OAAO,GAAG,wBAAwB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;gBACtE,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;YAEH,SAAS,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,SAAS,iBAAiB,CAAC,SAAsB,EAAE,IAAY;QAC3D,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,kEAAkE,CAAC,CAAC;QAC3G,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,uCAAuC,CAAuB,CAAC;QAExG,IAAI,CAAC,MAAM,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEjC,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,qCAAqC,EAAE,CAAC,WAAW,CAAC,CAAC;QAC7E,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC5D,CAAC;IAED,SAAS,gBAAgB,CAAC,OAAsB;QAC5C,oDAAoD;QACpD,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;QAElB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC5C,KAAK,CAAC,SAAS,GAAG,2BAA2B,CAAC;YAC9C,KAAK,CAAC,WAAW,GAAG,sBAAsB,CAAC;YAC3C,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACtB,OAAO;QACX,CAAC;QAED,sBAAsB;QACtB,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC3B,MAAM,MAAM,GAAG,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACvD,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;IACP,CAAC;IAED,SAAS,WAAW;QAChB,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,6BAA6B,CAAC;QAClD,OAAO,CAAC,WAAW,GAAG,oBAAoB,CAAC;QAC3C,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAED,SAAS,UAAU,CAAC,KAAmB;QACnC,MAAM,cAAc,GAAG,CAAC,YAAY;YAChC,KAAK,CAAC,OAAO,KAAK,YAAY,CAAC,OAAO;YACtC,KAAK,CAAC,cAAc,KAAK,YAAY,CAAC,cAAc,CAAC;QAEzD,IAAI,cAAc,EAAE,CAAC;YACjB,4CAA4C;YAC5C,KAAK,MAAM,GAAG,IAAI,WAAW;gBAAE,GAAG,EAAE,CAAC;YACrC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;YAEvB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,EAAE,CAAC;YAClB,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBAChC,+DAA+D;gBAC/D,EAAE,CAAC,SAAS,GAAG,EAAE,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC;QACL,CAAC;QAED,YAAY,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,SAAS,KAAK,CACV,SAAsB,EACtB,KAAiC;QAEjC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QAC1B,QAAQ,GAAG,KAAK,CAAC;QAEjB,sBAAsB;QACtB,UAAU,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QAEjD,WAAW,GAAG,iBAAiB,CAC3B,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,EAAE,QAAQ,EAAE,YAAY,EAAE,CAC7B,CAAC;IACN,CAAC;IAED,SAAS,OAAO;QACZ,IAAI,WAAW;YAAE,WAAW,EAAE,CAAC;QAC/B,KAAK,MAAM,GAAG,IAAI,WAAW;YAAE,GAAG,EAAE,CAAC;QACrC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QAEvB,cAAc,CAAC,KAAK,EAAE,CAAC;QACvB,QAAQ,GAAG,IAAI,CAAC;QAChB,YAAY,GAAG,IAAI,CAAC;QAEpB,EAAE,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AAClC,CAAC"}
@@ -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