@vue-pdf-viewer/viewer 0.0.0-beta.8 → 0.0.0-experimental.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.
Files changed (225) hide show
  1. package/README.md +185 -13
  2. package/dist/annotation-circle-tIpRci60.js +21 -0
  3. package/dist/annotation-freetext-zmKZ4GuW.js +21 -0
  4. package/dist/annotation-highlight-CBhenBLo.js +23 -0
  5. package/dist/annotation-ink-Cr5tjD8f.js +31 -0
  6. package/dist/annotation-line-CBubP1QZ.js +23 -0
  7. package/dist/annotation-link-DI9mj24Y.js +21 -0
  8. package/dist/annotation-signature-DQVfU7hJ.js +21 -0
  9. package/dist/annotation-square-_rIuUCHT.js +21 -0
  10. package/dist/annotation-squiggly-DfLrUnSa.js +23 -0
  11. package/dist/annotation-stamp-B5gaCO0X.js +21 -0
  12. package/dist/annotation-strikeout-Cn_VHn_N.js +21 -0
  13. package/dist/annotation-text-pKHfDK_Q.js +21 -0
  14. package/dist/annotation-underline-BDgmfJQk.js +21 -0
  15. package/dist/arrow-up-DhoV0HvK.js +21 -0
  16. package/dist/assets/pdf-annotations/altText_add.svg +3 -0
  17. package/dist/assets/pdf-annotations/altText_disclaimer.svg +3 -0
  18. package/dist/assets/pdf-annotations/altText_done.svg +3 -0
  19. package/dist/assets/pdf-annotations/altText_spinner.svg +37 -0
  20. package/dist/assets/pdf-annotations/altText_warning.svg +3 -0
  21. package/dist/assets/pdf-annotations/annotation-check.svg +11 -0
  22. package/dist/assets/pdf-annotations/annotation-comment.svg +16 -0
  23. package/dist/assets/pdf-annotations/annotation-help.svg +26 -0
  24. package/dist/assets/pdf-annotations/annotation-insert.svg +10 -0
  25. package/dist/assets/pdf-annotations/annotation-key.svg +11 -0
  26. package/dist/assets/pdf-annotations/annotation-noicon.svg +7 -0
  27. package/dist/assets/pdf-annotations/annotation-note.svg +44 -0
  28. package/dist/assets/pdf-annotations/annotation-paperclip.svg +6 -0
  29. package/dist/assets/pdf-annotations/annotation-paragraph.svg +16 -0
  30. package/dist/assets/pdf-annotations/annotation-pushpin.svg +7 -0
  31. package/dist/assets/pdf-annotations/cursor-editorFreeHighlight.svg +6 -0
  32. package/dist/assets/pdf-annotations/cursor-editorFreeText.svg +3 -0
  33. package/dist/assets/pdf-annotations/cursor-editorInk.svg +4 -0
  34. package/dist/assets/pdf-annotations/cursor-editorTextHighlight.svg +8 -0
  35. package/dist/assets/pdf-annotations/editor-toolbar-delete.svg +5 -0
  36. package/dist/assets/pdf-annotations/messageBar_closingButton.svg +3 -0
  37. package/dist/assets/pdf-annotations/messageBar_warning.svg +3 -0
  38. package/dist/assets/pdf-annotations/secondaryToolbarButton-documentProperties.svg +3 -0
  39. package/dist/assets/pdf-annotations/toolbarButton-editorHighlight.svg +6 -0
  40. package/dist/assets/pdf-annotations/toolbarButton-menuArrow.svg +3 -0
  41. package/dist/check-BRo7Q5UG.js +21 -0
  42. package/dist/chevron-down-BEs3P7KI.js +21 -0
  43. package/dist/clear-DP391aEz.js +31 -0
  44. package/dist/close-CnbAWKuA.js +21 -0
  45. package/dist/comment-panel-BkFw3FUB.js +21 -0
  46. package/dist/download-C45QpUvK.js +21 -0
  47. package/dist/{drag-icon-CJSwJaYj.mjs → drag-icon-CpENKa0y.js} +12 -11
  48. package/dist/drag-icon-dark-B0sqKXav.js +18 -0
  49. package/dist/ellipsis-vertical-X1VRRfZe.js +21 -0
  50. package/dist/empty-comment-dark-DdPeDeR5.js +18 -0
  51. package/dist/empty-comment-light-Dgc1r5xv.js +18 -0
  52. package/dist/file-C2gjRcLU.js +21 -0
  53. package/dist/first-page-32lvRrjG.js +21 -0
  54. package/dist/fullscreen-Cuegwls4.js +21 -0
  55. package/dist/hand-BvbzlDGf.js +21 -0
  56. package/dist/index.js +17710 -0
  57. package/dist/index.umd.cjs +71 -0
  58. package/dist/info-2-wEcru0.js +21 -0
  59. package/dist/last-page-DDJIJ2gp.js +21 -0
  60. package/dist/magnifier-shuB09Te.js +21 -0
  61. package/dist/moon-Cf7pmsnw.js +21 -0
  62. package/dist/page-view-dual-f5-I0-4D.js +21 -0
  63. package/dist/page-view-single-DTduusoS.js +21 -0
  64. package/dist/pointer-CdvbhXLR.js +21 -0
  65. package/dist/printer-ERNx1Q88.js +21 -0
  66. package/dist/rotate-counter-clockwise-CEN3P8nT.js +21 -0
  67. package/dist/scrolling-horizontal-CdariRpO.js +23 -0
  68. package/dist/scrolling-page-wFZlGv_K.js +23 -0
  69. package/dist/scrolling-vertical-B1Doxmyt.js +23 -0
  70. package/dist/scrolling-wrapped-BBipRQ-N.js +23 -0
  71. package/dist/sun-C0fX-A5U.js +21 -0
  72. package/dist/thumbnail-HzftUNEp.js +21 -0
  73. package/dist/types/assets/pdf-annotations/index.d.ts +2 -0
  74. package/dist/types/components/AppButton.vue.d.ts +3 -3
  75. package/dist/types/components/AppFormControl.vue.d.ts +30 -0
  76. package/dist/types/components/AppIcon.vue.d.ts +3 -3
  77. package/dist/types/components/AppInput.vue.d.ts +1 -1
  78. package/dist/types/components/AppLoader.vue.d.ts +3 -3
  79. package/dist/types/components/AppPopover.vue.d.ts +80 -0
  80. package/dist/types/components/AppTooltip.vue.d.ts +18 -3
  81. package/dist/types/components/DragFileMask.vue.d.ts +8 -12
  82. package/dist/types/components/HighlightColorPicker.vue.d.ts +2 -0
  83. package/dist/types/components/{layers/AnnotationLayer.vue.d.ts → LayerAnnotation.vue.d.ts} +15 -11
  84. package/dist/types/components/LayerCanvas.vue.d.ts +25 -0
  85. package/dist/types/components/{layers/TextLayer.vue.d.ts → LayerText.vue.d.ts} +9 -11
  86. package/dist/types/components/LayerTextHighlight.vue.d.ts +20 -0
  87. package/dist/types/components/LayerTextSearchHighlight.vue.d.ts +19 -0
  88. package/dist/types/components/{layers/XFALayer.vue.d.ts → LayerXFA.vue.d.ts} +4 -4
  89. package/dist/types/components/ModalPassword.vue.d.ts +19 -0
  90. package/dist/types/components/ModalPdfProperties.vue.d.ts +3 -3
  91. package/dist/types/components/ModalPrintLoadingProgress.vue.d.ts +3 -3
  92. package/dist/types/components/SwitchAppearance.vue.d.ts +5 -3
  93. package/dist/types/components/ToolCommentPanel.vue.d.ts +31 -0
  94. package/dist/types/components/ToolDownload.vue.d.ts +4 -3
  95. package/dist/types/components/ToolFullscreen.vue.d.ts +4 -3
  96. package/dist/types/components/ToolMenuOthers.vue.d.ts +67 -26
  97. package/dist/types/components/ToolMenuOthersMobile.vue.d.ts +2 -2
  98. package/dist/types/components/ToolOpenFile.vue.d.ts +4 -3
  99. package/dist/types/components/ToolOpenFileInput.vue.d.ts +2 -2
  100. package/dist/types/components/ToolPagination.vue.d.ts +14 -19
  101. package/dist/types/components/ToolPrint.vue.d.ts +10 -45
  102. package/dist/types/components/ToolSearch.vue.d.ts +43 -23
  103. package/dist/types/components/ToolThumbnail.vue.d.ts +8 -10
  104. package/dist/types/components/ToolZoom.vue.d.ts +24 -27
  105. package/dist/types/components/ToolZoomPercentageMenu.vue.d.ts +12 -11
  106. package/dist/types/components/VPdfComments.vue.d.ts +28 -0
  107. package/dist/types/components/VPdfCommentsDate.vue.d.ts +15 -0
  108. package/dist/types/components/VPdfCommentsHeader.vue.d.ts +16 -0
  109. package/dist/types/components/VPdfCommentsIcon.vue.d.ts +16 -0
  110. package/dist/types/components/VPdfCommentsReplies.vue.d.ts +16 -0
  111. package/dist/types/components/VPdfCommentsSidebar.vue.d.ts +15 -0
  112. package/dist/types/components/VPdfCommentsText.vue.d.ts +2 -0
  113. package/dist/types/components/VPdfPage.vue.d.ts +17 -32
  114. package/dist/types/components/VPdfSplitter.vue.d.ts +1 -1
  115. package/dist/types/components/VPdfThumbnail.vue.d.ts +7 -5
  116. package/dist/types/components/VPdfThumbnails.vue.d.ts +5 -5
  117. package/dist/types/components/VPdfViewer.vue.d.ts +522 -276
  118. package/dist/types/components/index.d.ts +2 -2
  119. package/dist/types/components/ui/button/Button.vue.d.ts +6 -8
  120. package/dist/types/components/ui/button/index.d.ts +1 -1
  121. package/dist/types/components/ui/checkbox/Checkbox.vue.d.ts +35 -0
  122. package/dist/types/components/ui/checkbox/index.d.ts +1 -0
  123. package/dist/types/components/ui/collapsible/Collapsible.vue.d.ts +30 -0
  124. package/dist/types/components/ui/collapsible/CollapsibleContent.vue.d.ts +28 -0
  125. package/dist/types/components/ui/collapsible/CollapsibleTrigger.vue.d.ts +28 -0
  126. package/dist/types/components/ui/collapsible/index.d.ts +3 -0
  127. package/dist/types/components/ui/dialog/Dialog.vue.d.ts +3 -3
  128. package/dist/types/components/ui/dialog/DialogClose.vue.d.ts +3 -3
  129. package/dist/types/components/ui/dialog/DialogContent.vue.d.ts +4 -6
  130. package/dist/types/components/ui/dialog/DialogDescription.vue.d.ts +4 -6
  131. package/dist/types/components/ui/dialog/DialogFooter.vue.d.ts +4 -6
  132. package/dist/types/components/ui/dialog/DialogHeader.vue.d.ts +4 -6
  133. package/dist/types/components/ui/dialog/DialogTitle.vue.d.ts +4 -6
  134. package/dist/types/components/ui/dialog/DialogTrigger.vue.d.ts +3 -3
  135. package/dist/types/components/ui/dropdown-menu/DropdownMenu.vue.d.ts +3 -3
  136. package/dist/types/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts +4 -6
  137. package/dist/types/components/ui/dropdown-menu/DropdownMenuContent.vue.d.ts +6 -10
  138. package/dist/types/components/ui/dropdown-menu/DropdownMenuGroup.vue.d.ts +3 -3
  139. package/dist/types/components/ui/dropdown-menu/DropdownMenuItem.vue.d.ts +7 -7
  140. package/dist/types/components/ui/dropdown-menu/DropdownMenuLabel.vue.d.ts +4 -7
  141. package/dist/types/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue.d.ts +3 -3
  142. package/dist/types/components/ui/dropdown-menu/DropdownMenuRadioItem.vue.d.ts +7 -6
  143. package/dist/types/components/ui/dropdown-menu/DropdownMenuSeparator.vue.d.ts +3 -3
  144. package/dist/types/components/ui/dropdown-menu/DropdownMenuShortcut.vue.d.ts +4 -6
  145. package/dist/types/components/ui/dropdown-menu/DropdownMenuSub.vue.d.ts +3 -3
  146. package/dist/types/components/ui/dropdown-menu/DropdownMenuSubContent.vue.d.ts +4 -6
  147. package/dist/types/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts +4 -6
  148. package/dist/types/components/ui/dropdown-menu/DropdownMenuTrigger.vue.d.ts +3 -3
  149. package/dist/types/components/ui/input/Input.vue.d.ts +3 -3
  150. package/dist/types/components/ui/popover/Popover.vue.d.ts +3 -3
  151. package/dist/types/components/ui/popover/PopoverContent.vue.d.ts +6 -12
  152. package/dist/types/components/ui/popover/PopoverTrigger.vue.d.ts +3 -3
  153. package/dist/types/components/ui/progress/Progress.vue.d.ts +4 -4
  154. package/dist/types/components/ui/tooltip/Tooltip.vue.d.ts +3 -3
  155. package/dist/types/components/ui/tooltip/TooltipContent.vue.d.ts +6 -10
  156. package/dist/types/components/ui/tooltip/TooltipProvider.vue.d.ts +3 -3
  157. package/dist/types/components/ui/tooltip/TooltipTrigger.vue.d.ts +3 -3
  158. package/dist/types/components/utils/annotations.d.ts +1 -11
  159. package/dist/types/components/utils/destination.d.ts +1 -1
  160. package/dist/types/components/utils/helpers.d.ts +0 -8
  161. package/dist/types/composables/useDownload.d.ts +11 -4
  162. package/dist/types/composables/useHighlight.d.ts +11 -0
  163. package/dist/types/composables/useLicense.d.ts +18 -8
  164. package/dist/types/composables/{usePDF.d.ts → usePdf.d.ts} +7 -5
  165. package/dist/types/composables/usePdfComments.d.ts +5 -0
  166. package/dist/types/composables/usePdfPagesSizes.d.ts +8 -0
  167. package/dist/types/composables/usePdfProperties.d.ts +3 -17
  168. package/dist/types/composables/usePinch.d.ts +2 -1
  169. package/dist/types/composables/usePlugins.d.ts +252 -0
  170. package/dist/types/composables/usePrintControl.d.ts +22 -0
  171. package/dist/types/composables/usePrintProcess.d.ts +3 -3
  172. package/dist/types/composables/useRenderQueue.d.ts +13 -0
  173. package/dist/types/composables/useRequestAnimationFrame.d.ts +1 -0
  174. package/dist/types/composables/useRotation.d.ts +3 -2
  175. package/dist/types/composables/useScale.d.ts +21 -0
  176. package/dist/types/composables/useSearch.d.ts +3 -37
  177. package/dist/types/composables/useTextLayers.d.ts +5 -0
  178. package/dist/types/composables/useVirtualPages.d.ts +32 -0
  179. package/dist/types/composables/useVisibilities.d.ts +9 -0
  180. package/dist/types/const.d.ts +86 -18
  181. package/dist/types/index.d.ts +4 -0
  182. package/dist/types/utils/appConsole.d.ts +24 -0
  183. package/dist/types/utils/characters.d.ts +16 -0
  184. package/dist/types/utils/enumerators.d.ts +76 -0
  185. package/dist/types/utils/highlight.d.ts +8 -0
  186. package/dist/types/utils/promiseWithResolvers.d.ts +7 -0
  187. package/dist/types/utils/searchHighlight.d.ts +10 -0
  188. package/dist/types/utils/smoothScroll.d.ts +2 -0
  189. package/dist/types/utils/types.d.ts +683 -0
  190. package/dist/types/utils/uiViewer.d.ts +4 -0
  191. package/dist/types/utils/validators.d.ts +26 -0
  192. package/dist/types/utils.d.ts +6 -3
  193. package/dist/zoom-in-CPqqALGr.js +21 -0
  194. package/dist/zoom-out-BpilF8O_.js +21 -0
  195. package/package.json +29 -30
  196. package/dist/arrow-up-CZcWar0V.mjs +0 -20
  197. package/dist/check-BDQ_1xOK.mjs +0 -21
  198. package/dist/chevron-down-BGvKkqoz.mjs +0 -21
  199. package/dist/clear-BdBsR989.mjs +0 -31
  200. package/dist/close-CbywujCY.mjs +0 -20
  201. package/dist/download-DwxdC2cz.mjs +0 -21
  202. package/dist/drag-icon-dark-DslxK0op.mjs +0 -17
  203. package/dist/ellipsis-vertical-DU4RrfN8.mjs +0 -21
  204. package/dist/first-page-D2sUix1F.mjs +0 -20
  205. package/dist/fullscreen-CDD3D91y.mjs +0 -21
  206. package/dist/hand-BdufQ7PJ.mjs +0 -21
  207. package/dist/index.mjs +0 -28779
  208. package/dist/index.umd.js +0 -54
  209. package/dist/info-CnzWbChw.mjs +0 -20
  210. package/dist/last-page-BlLcdVDC.mjs +0 -20
  211. package/dist/magnifier-D5effak1.mjs +0 -21
  212. package/dist/moon-jjKfhCeP.mjs +0 -21
  213. package/dist/pointer-CosfQ2Bj.mjs +0 -21
  214. package/dist/printer-CZndb-XY.mjs +0 -21
  215. package/dist/rotate-counter-clockwise-BnC8SAwc.mjs +0 -21
  216. package/dist/sun-f_yo-49i.mjs +0 -21
  217. package/dist/thumbnail-BrLTlvMi.mjs +0 -21
  218. package/dist/types/components/types.d.ts +0 -212
  219. package/dist/types/components/utils/highlight.d.ts +0 -6
  220. package/dist/types/composables/useCalculatePages.d.ts +0 -12
  221. package/dist/types/composables/usePageQueue.d.ts +0 -10
  222. package/dist/types/composables/usePrint.d.ts +0 -9
  223. package/dist/types/composables/useRenderTask.d.ts +0 -8
  224. package/dist/zoom-in-MHWLskY5.mjs +0 -21
  225. package/dist/zoom-out-BOe91xpp.mjs +0 -21
package/README.md CHANGED
@@ -1,29 +1,183 @@
1
- # Vue PDF Viewer
1
+ <div align="center">
2
+ <a href="https://www.vue-pdf-viewer.dev/?utm_source=npmjs" target="_blank">
3
+ <picture>
4
+ <source srcset="https://raw.githubusercontent.com/vue-pdf-viewer/vue-pdf-viewer/main/assets/img/vue-pdf-viewer_cover.webp">
5
+ <img alt="Vue PDF Viewer" src="https://raw.githubusercontent.com/vue-pdf-viewer/vue-pdf-viewer/main/assets/img/vue-pdf-viewer_cover.webp">
6
+ </picture>
7
+ </a>
8
+ </div>
2
9
 
3
- This package is a [Vue 3](https://vuejs.org/) component which is a handy way to integrate PDF viewing capabilities within your Vue or Nuxt applications.
10
+ <br/>
11
+ <div align="center">
12
+ Works seamlessly on your Vue 3 or Nuxt websites. Fast, Customizable and Web Responsive PDF viewer. Save you weeks of development time.
13
+ </div>
14
+ <br/>
4
15
 
5
- ### Prerequisites
16
+ <div align="center">
17
+
18
+ [Vue PDF Viewer Home][vuepdfviewer] - [License](#page_facing_up-license) - [Documentation][vuepdfviewer-docs]
19
+
20
+ [![NPM Version](https://img.shields.io/npm/v/%40vue-pdf-viewer%2Fviewer)][npm]
21
+ [![Twitter](https://img.shields.io/twitter/follow/VuePDF?label=VuePDF&style=social)][twitter]
22
+
23
+ </div>
24
+
25
+ # :star: Why Vue PDF Viewer
26
+
27
+ - **Save Weeks of Development Time**: Vue PDF Viewer simplifies PDF integration with ready-to-use tools, minimizing the need for custom development and saving you valuable time.
28
+ - **Tailored for Vue.js & Nuxt.js**: Vue PDF Viewer is native to Vue.js, ensuring smooth integration into your projects.
29
+ - **Customizability at Its Core**: Built with flexibility in mind, allowing you to match your application’s unique style and functionality.
30
+ - **High-Performance & Rapid Rendering**: Optimized for rendering large PDFs efficiently, Vue PDF Viewer delivers lightning-fast load times with features like virtual scrolling.
31
+ - **Accessibility & Localization**: Designed with inclusivity in mind, Vue PDF Viewer supports ARIA attributes and localized tooltips, catering to diverse user bases.
32
+ - **Modern Browser Compatibility**: Works seamlessly across modern browsers, eliminating compatibility headaches.
33
+ - **Active Development & Support**: With regular updates and a responsive support team, Vue PDF Viewer evolves to meet developer needs.
34
+
35
+ # 📜 Background
36
+
37
+ As developers ourselves, we faced many issues such as browser incompatibility and customizability while trying to render a PDF document or working with PDF libraries. Having faced issues using PDF libraries, we want the solution to be flexible for Vue.js developers and teams. More importantly, the technical document must be easy to use!
38
+
39
+ # :sparkles: Features
40
+
41
+ - 🎯 **Interactive & Immersive Viewing Experience** with features like rotation, zoom, and keyboard navigation.
42
+ - 📱 **Responsive Across All Devices** for a consistent experience on desktops, tablets and mobile devices.
43
+ - 🎨 **Customizable UI and Styling** to tailor the viewer’s appearance to match your website’s theme.
44
+ - 🧭 **Advanced Navigation Options** to browse documents easily with table of contents, hyperlinks, and a powerful search tool.
45
+ - ⚡ **High-Performance Rendering** to load large PDF documents quickly and handle complex elements like vector graphics with ease.
46
+ - 🔧 **Programmatic Control with Instance APIs**, allowing you to interact with the viewer programmatically.
47
+ - 🖋️ **Form Support for XFA and AcroForms** to seamlessly display interactive PDF forms.
48
+ - 🌍 **Localization Support** to translate tooltips and text into your preferred language for an inclusive experience.
49
+ - 📂 **Document Management Tools**, including features like downloading and printing.
50
+ - 👁️ **Accessibility Support** to built-in support for ARIA attributes and localized tooltips, catering to diverse user bases.
51
+
52
+ For the full feature set, visit [Vue PDF Viewer Features](https://www.vue-pdf-viewer.dev/features?utm_source=npmjs).
53
+
54
+ # :zap: Quick Start Guide
55
+
56
+ Here’s how to get started with Vue PDF Viewer in your Vue 3 or Nuxt 3 project:
57
+
58
+ ## 1. Check Prerequsities
6
59
 
7
60
  Here are the basic system requirements to run the Vue PDF Viewer component:
8
61
 
9
62
  - Vue version: >= 3.0
10
63
  - Nuxt version: >= 3.0
11
64
 
12
- _Remark: <br>- Vite version will affect the Vue or Nuxt version used. <br>- If using TypeScript, it requires >= TypeScript 4.6._
65
+ _Remark:_
66
+
67
+ - _Vite version will affect the Vue or Nuxt version used._
68
+ - _If using TypeScript, it requires >= TypeScript 4.6._
69
+
70
+ ### Browser support
13
71
 
14
- ## Installation
72
+ | Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
73
+ | ------ | ------- | ---- | ------ | ---------- | -------------- |
74
+ | 115+ | 115+ | 115+ | 16.5+ | 16.5+ | 126+ |
15
75
 
16
- Install the package in your project directory with:
76
+ ## 2. Install the Package
77
+
78
+ Use your preferred package manager to install the Vue PDF Viewer package:
79
+
80
+ ### Using bun:
81
+
82
+ ```bash
83
+ bun add @vue-pdf-viewer/viewer
84
+ ```
85
+
86
+ ### Using npm:
17
87
 
18
88
  ```bash
19
89
  npm install @vue-pdf-viewer/viewer
20
90
  ```
21
91
 
22
- ## Documentation
92
+ ### Using yarn:
93
+
94
+ ```bash
95
+ yarn add @vue-pdf-viewer/viewer
96
+ ```
97
+
98
+ ### Using pnpm:
99
+
100
+ ```bash
101
+ pnpm install @vue-pdf-viewer/viewer
102
+ ```
103
+
104
+ Vue PDF Viewer uses APIs from pdf.js and pnpm command will attempt to update the version of pdfjs-dist that may be higher than the default version in the Vue PDF Viewer library. You might encounter an error, such as:
23
105
 
24
- For more details on how to usage or other technical information, please visit [https://docs.vue-pdf-viewer.dev/](https://docs.vue-pdf-viewer.dev/).
106
+ ```bash
107
+ UnknownErrorException: The API version "4.4.168" does not match the Worker version "4.0.269".
108
+ ```
109
+
110
+ To avoid version mismatch, please add pnpm.overrides to your package.json to specify the exact version of pdfjs-dist:
111
+
112
+ ```json
113
+ "pnpm": {
114
+ "overrides": {
115
+ "pdfjs-dist": "4.4.168"
116
+ }
117
+ }
118
+ ```
119
+
120
+ After that, you can install Vue PDF Viewer via pnpm command
121
+
122
+ ```bash
123
+ pnpm add @vue-pdf-viewer/viewer
124
+ ```
125
+
126
+ For more information on how to use different package managers, please visit our [installation guide](https://docs.vue-pdf-viewer.dev/introduction/getting-started.html#installation?utm_source=npmjs).
127
+
128
+ ## 3. Import and Use the Component
129
+
130
+ To initiate Vue PDF Viewer, you will first need to import VPdfViewer component.
131
+
132
+ There are two main ways to use Vue PDF Viewer in your project, namely:
133
+
134
+ - **Composition API**: A new method to organize and reuse logic by allowing developers to write components as functions.
135
+ - **Options API**: A traditional method from Vue 2 where components are grouped into series of options.
25
136
 
26
- ## Starter Toolkit
137
+ ### Composition API:
138
+
139
+ ```vue
140
+ <script setup>
141
+ import { VPdfViewer } from '@vue-pdf-viewer/viewer'
142
+ </script>
143
+ <template>
144
+ <div :style="{ width: '1028px', height: '700px' }">
145
+ <VPdfViewer
146
+ src="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf"
147
+ />
148
+ </div>
149
+ </template>
150
+ ```
151
+
152
+ ### Options API:
153
+
154
+ ```vue
155
+ <script>
156
+ import { VPdfViewer } from '@vue-pdf-viewer/viewer'
157
+
158
+ export default {
159
+ components: { VPdfViewer },
160
+ data() {
161
+ return {
162
+ src: 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf'
163
+ }
164
+ }
165
+ }
166
+ </script>
167
+ <template>
168
+ <VPdfViewer :src="src" />
169
+ </template>
170
+ ```
171
+
172
+ You may also check out our [Starter Toolkit](#pushpin-starter-toolkit) for examples to get you started.
173
+
174
+ ### 4. Customize with Props and APIs
175
+
176
+ Enhance functionality with built-in properties and instance APIs to match your app’s needs.
177
+
178
+ For detailed usage, refer to our [Documentation][vuepdfviewer-docs].
179
+
180
+ # :pushpin: Starter Toolkit
27
181
 
28
182
  Here are some sample projects to get started on Vue PDF Viewer quickly:
29
183
 
@@ -31,10 +185,28 @@ Here are some sample projects to get started on Vue PDF Viewer quickly:
31
185
  2. [Vue – Options API - TypeScript](https://github.com/vue-pdf-viewer/starter-vpv-options-ts)
32
186
  3. [Vue – Composition API - JavaScript](https://github.com/vue-pdf-viewer/starter-vpv-composition-js)
33
187
  4. [Vue – Options API - JavaScript](https://github.com/vue-pdf-viewer/starter-vpv-options-js)
34
- 5. [Nuxt - TypeScript](https://github.com/vue-pdf-viewer/starter-vpv-nuxt-ts)
188
+ 5. [Vue – SSR - TypeScript](https://github.com/vue-pdf-viewer/starter-vpv-ssr-vue-ts)
189
+ 6. [Nuxt - TypeScript](https://github.com/vue-pdf-viewer/starter-vpv-nuxt-ts)
190
+ 7. [VitePress](https://github.com/vue-pdf-viewer/starter-vpv-vitepress)
191
+ 8. [Quasar](https://github.com/vue-pdf-viewer/starter-vpv-quasar)
192
+
193
+ # :raising_hand: Need Help?
194
+
195
+ We are more than happy to help you. If you have any questions, run into any errors or face any problems, please feel free to create an issue in [Issues](https://github.com/vue-pdf-viewer/vue-pdf-viewer/issues) or PM us directly in [Twitter][twitter]. Anything related to VPV is on the table!
196
+
197
+ # :page_facing_up: License
198
+
199
+ Vue PDF Viewer is distributed under our proprietary license. Please refer to our [License page](https://www.vue-pdf-viewer.dev/license-agreement?utm_source=npmjs) file for more details.
200
+
201
+ If you would like to use Vue PDF Viewer commercially, please purchase a license from [our website][vuepdfviewer] or reach out to us directly at [david@vue-pdf-viewer.dev](mailto:david@vue-pdf-viewer.dev).
35
202
 
36
- ## License
203
+ # Acknowledgement
37
204
 
38
- Vue PDF Viewer is distributed under our proprietary license. Please refer to our [License page](https://www.vue-pdf-viewer/license-agreement) file for more details.
205
+ - [pdf.js](https://github.com/mozilla/pdf.js)
206
+ - [Img Shields](https://shields.io)
207
+ - [Vue.js](https://vuejs.org/)
39
208
 
40
- If you would like to use Vue PDF Viewer commercially, please purchase a license from [our website](https://www.vue-pdf-viewer.dev) or reach out to us directly at [david@vue-pdf-viewer.dev](mailto:david@vue-pdf-viewer.dev).
209
+ [twitter]: https://x.com/VuePDF
210
+ [vuepdfviewer]: https://www.vue-pdf-viewer.dev/?utm_source=npmjs
211
+ [vuepdfviewer-docs]: https://docs.vue-pdf-viewer.dev/?utm_source=npmjs
212
+ [npm]: https://www.npmjs.com/package/@vue-pdf-viewer/viewer
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function l(i, e) {
10
+ return n(), t("svg", r, e[0] || (e[0] = [
11
+ o("path", {
12
+ fill: "currentColor",
13
+ d: "M18.125 10A8.125 8.125 0 1 1 10 1.875 8.135 8.135 0 0 1 18.125 10"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const d = { render: l };
18
+ export {
19
+ d as default,
20
+ l as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function a(l, e) {
10
+ return n(), t("svg", r, e[0] || (e[0] = [
11
+ o("path", {
12
+ fill: "currentColor",
13
+ d: "M16.25 2.5H3.75A1.25 1.25 0 0 0 2.5 3.75v12.5a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25V3.75a1.25 1.25 0 0 0-1.25-1.25m-1.875 5a.625.625 0 1 1-1.25 0v-.625h-2.5v6.875h.938a.624.624 0 1 1 0 1.25H8.437a.625.625 0 1 1 0-1.25h.938V6.875h-2.5V7.5a.625.625 0 0 1-1.25 0V6.25a.625.625 0 0 1 .625-.625h7.5a.625.625 0 0 1 .625.625z"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const i = { render: a };
18
+ export {
19
+ i as default,
20
+ a as render
21
+ };
@@ -0,0 +1,23 @@
1
+ import { createElementBlock as l, openBlock as t, createElementVNode as n } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function r(a, e) {
10
+ return t(), l("svg", o, e[0] || (e[0] = [
11
+ n("path", {
12
+ fill: "currentColor",
13
+ "fill-rule": "evenodd",
14
+ d: "M12.429 2.033a.617.617 0 0 0-.873 0L8.07 5.518a.617.617 0 0 0 0 .873l6.39 6.39a.617.617 0 0 0 .874 0l3.485-3.484a.617.617 0 0 0 0-.873zm-4.942 5.23-.87.87a.62.62 0 0 0-.152.625c.017.146.06.558.015.841-.064.405-.199.53-.622.922-.16.148-.362.335-.616.59a.617.617 0 0 0 0 .872l3.626 3.628a.617.617 0 0 0 .873 0c.256-.256.444-.459.593-.62.39-.42.514-.555.917-.619.283-.045.696-.002.842.015.22.07.46.011.624-.152l.871-.87zm-5.388 8.562 2.812-2.877 2.88 2.881-1.646 1.61a.62.62 0 0 1-.425.17s-2.974-.704-3.179-.737-.472-.148-.569-.377a.62.62 0 0 1 .127-.67",
15
+ "clip-rule": "evenodd"
16
+ }, null, -1)
17
+ ]));
18
+ }
19
+ const d = { render: r };
20
+ export {
21
+ d as default,
22
+ r as render
23
+ };
@@ -0,0 +1,31 @@
1
+ import { createElementBlock as t, openBlock as a, createElementVNode as e } from "vue";
2
+ const n = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function o(r, l) {
10
+ return a(), t("svg", n, l[0] || (l[0] = [
11
+ e("g", { "clip-path": "url(#a)" }, [
12
+ e("path", {
13
+ fill: "currentColor",
14
+ d: "M16.29 15.038a.83.83 0 0 0 0 1.172.94.94 0 1 1-1.329 1.328 2.704 2.704 0 0 1 0-3.828l.732-.732a.831.831 0 0 0-1.172-1.172l-5.215 5.215a2.707 2.707 0 0 1-3.829-3.828l7.716-7.715a.83.83 0 0 0-1.172-1.172L6.806 9.52a2.707 2.707 0 0 1-3.829-3.828l3.235-3.23A.94.94 0 1 1 7.54 3.79L4.305 7.02a.83.83 0 0 0 1.172 1.172l5.215-5.215a2.707 2.707 0 0 1 3.828 3.829L6.806 14.52a.83.83 0 0 0 1.171 1.172l5.215-5.215a2.708 2.708 0 0 1 3.828 3.829z"
15
+ })
16
+ ], -1),
17
+ e("defs", null, [
18
+ e("clipPath", { id: "a" }, [
19
+ e("path", {
20
+ fill: "#fff",
21
+ d: "M0 0h20v20H0z"
22
+ })
23
+ ])
24
+ ], -1)
25
+ ]));
26
+ }
27
+ const d = { render: o };
28
+ export {
29
+ d as default,
30
+ o as render
31
+ };
@@ -0,0 +1,23 @@
1
+ import { createElementBlock as n, openBlock as t, createElementVNode as l } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function r(i, e) {
10
+ return t(), n("svg", o, e[0] || (e[0] = [
11
+ l("path", {
12
+ fill: "currentColor",
13
+ "fill-rule": "evenodd",
14
+ d: "M16.707 3.293a1 1 0 0 1 0 1.414l-12 12a1 1 0 0 1-1.414-1.414l12-12a1 1 0 0 1 1.414 0",
15
+ "clip-rule": "evenodd"
16
+ }, null, -1)
17
+ ]));
18
+ }
19
+ const a = { render: r };
20
+ export {
21
+ a as default,
22
+ r as render
23
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as l, createElementVNode as n } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function a(r, e) {
10
+ return l(), t("svg", o, e[0] || (e[0] = [
11
+ n("path", {
12
+ fill: "currentColor",
13
+ d: "M9.155 14.745a.937.937 0 0 1 0 1.329l-.4.4a4.55 4.55 0 0 1-3.24 1.339 4.58 4.58 0 0 1-3.238-7.82L4.992 7.28a4.581 4.581 0 0 1 7.7 2.196.937.937 0 1 1-1.826.425 2.706 2.706 0 0 0-4.549-1.295L3.602 11.32a2.705 2.705 0 1 0 3.825 3.825l.399-.4a.94.94 0 0 1 1.329 0M17.72 3.53a4.58 4.58 0 0 0-6.479 0l-.399.4a.94.94 0 0 0 1.328 1.327l.4-.4A2.707 2.707 0 1 1 16.4 8.684l-2.72 2.711a2.69 2.69 0 0 1-1.912.793A2.705 2.705 0 0 1 9.134 10.1a.938.938 0 0 0-1.826.425 4.58 4.58 0 0 0 4.455 3.538h.004a4.55 4.55 0 0 0 3.24-1.342l2.714-2.715a4.58 4.58 0 0 0 0-6.477"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const c = { render: a };
18
+ export {
19
+ c as default,
20
+ a as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as a, createElementVNode as n } from "vue";
2
+ const o = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function c(r, e) {
10
+ return a(), t("svg", o, e[0] || (e[0] = [
11
+ n("path", {
12
+ fill: "currentColor",
13
+ d: "M6.273 9.395a4.6 4.6 0 0 1 .055-1.811c.181-.787.538-1.334.867-1.334.201 0 .23.052.244.078.069.126.313.854-.987 3.635a2.3 2.3 0 0 1-.179-.568m11.852-5.02v11.25a1.25 1.25 0 0 1-1.25 1.25H3.125a1.25 1.25 0 0 1-1.25-1.25V4.375a1.25 1.25 0 0 1 1.25-1.25h13.75a1.25 1.25 0 0 1 1.25 1.25M6.563 12.5q.232-.421.46-.87c.808-.025 1.736-.592 2.772-1.694.39.757.889 1.191 1.474 1.293q.939.16 1.87-.875c.469.432 1.262.896 2.484.896a.625.625 0 1 0 0-1.25c-1.399 0-1.898-.85-1.94-.927a.61.61 0 0 0-.832-.288.6.6 0 0 0-.246.217c-.53.782-.927 1.028-1.124.995-.312-.054-.715-.781-.877-1.406a.625.625 0 0 0-1.094-.235c-.694.855-1.273 1.39-1.729 1.692 1.235-2.785 1.037-3.796.75-4.32C8.387 5.456 8.015 5 7.195 5c-.972 0-1.751.86-2.085 2.302a5.9 5.9 0 0 0-.065 2.328c.133.696.404 1.23.794 1.572-.234.454-.476.893-.703 1.298h-.761a.625.625 0 1 0 0 1.25h.034c-.332.556-.555.906-.56.913a.625.625 0 1 0 1.053.674c.028-.043.427-.67.96-1.587h9.763a.624.624 0 1 0 0-1.25z"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const i = { render: c };
18
+ export {
19
+ i as default,
20
+ c as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function l(a, e) {
10
+ return n(), t("svg", r, e[0] || (e[0] = [
11
+ o("path", {
12
+ fill: "currentColor",
13
+ d: "M17.5 3.75v12.5a1.25 1.25 0 0 1-1.25 1.25H3.75a1.25 1.25 0 0 1-1.25-1.25V3.75A1.25 1.25 0 0 1 3.75 2.5h12.5a1.25 1.25 0 0 1 1.25 1.25"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const c = { render: l };
18
+ export {
19
+ c as default,
20
+ l as render
21
+ };
@@ -0,0 +1,23 @@
1
+ import { createElementBlock as a, openBlock as e, createElementVNode as t } from "vue";
2
+ const n = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function o(r, l) {
10
+ return e(), a("svg", n, l[0] || (l[0] = [
11
+ t("path", {
12
+ fill: "currentColor",
13
+ "fill-rule": "evenodd",
14
+ d: "M17.5 16.25V3.75a1.25 1.25 0 0 0-1.25-1.25H3.75A1.25 1.25 0 0 0 2.5 3.75v12.5a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25M8.38 9.5h3.24L10 5.99zm-1.914 3.71a.625.625 0 0 1-.783-.848l3.875-8a.625.625 0 0 1 1.134 0l3.625 8a.625.625 0 0 1-1.134.524l-.987-2.137H7.804l-.987 2.137a.63.63 0 0 1-.351.324m-.689 1.628a.5.5 0 0 1-.554 0l-.196-.13a.5.5 0 1 0-.554.832l.195.13a1.5 1.5 0 0 0 1.664 0l.39-.26a.5.5 0 0 1 .555 0l.391.26a1.5 1.5 0 0 0 1.664 0l.39-.26a.5.5 0 0 1 .555 0l.391.26a1.5 1.5 0 0 0 1.664 0l.39-.26a.5.5 0 0 1 .555 0l.391.26a1.5 1.5 0 0 0 1.664 0l.195-.13a.5.5 0 1 0-.554-.832l-.196.13a.5.5 0 0 1-.554 0l-.39-.26a1.5 1.5 0 0 0-1.665 0l-.39.26a.5.5 0 0 1-.555 0l-.39-.26a1.5 1.5 0 0 0-1.665 0l-.39.26a.5.5 0 0 1-.555 0l-.39-.26a1.5 1.5 0 0 0-1.665 0z",
15
+ "clip-rule": "evenodd"
16
+ }, null, -1)
17
+ ]));
18
+ }
19
+ const d = { render: o };
20
+ export {
21
+ d as default,
22
+ o as render
23
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as n, createElementVNode as o } from "vue";
2
+ const a = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function r(l, e) {
10
+ return n(), t("svg", a, e[0] || (e[0] = [
11
+ o("path", {
12
+ fill: "currentColor",
13
+ d: "M17.5 17.5a.624.624 0 0 1-.625.625H3.125a.625.625 0 1 1 0-1.25h13.75a.624.624 0 0 1 .625.625M16.25 10h-4.409l1.228-5.726a2.5 2.5 0 0 0-2.444-3.024h-1.25a2.5 2.5 0 0 0-2.444 3.024L8.16 10H3.75a1.25 1.25 0 0 0-1.25 1.25v3.125a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25V11.25A1.25 1.25 0 0 0 16.25 10"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const i = { render: r };
18
+ export {
19
+ i as default,
20
+ r as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as o, createElementVNode as n } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function a(l, e) {
10
+ return o(), t("svg", r, e[0] || (e[0] = [
11
+ n("path", {
12
+ fill: "currentColor",
13
+ d: "M16.25 2.5H3.75A1.25 1.25 0 0 0 2.5 3.75v12.5a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25V3.75a1.25 1.25 0 0 0-1.25-1.25M6.462 7.39C6.719 5.981 8.17 5 10 5c1.422 0 2.624.579 3.217 1.55a.625.625 0 0 1-1.067.65c-.358-.586-1.182-.95-2.15-.95-1.195 0-2.166.573-2.309 1.36a.625.625 0 1 1-1.23-.22M15 10.624h-1.852c.396.422.613.983.602 1.563C13.75 13.765 12.103 15 10 15c-1.866 0-3.424-.998-3.705-2.375a.625.625 0 1 1 1.224-.25c.156.771 1.25 1.375 2.481 1.375 1.355 0 2.5-.716 2.5-1.562 0-.715-.528-1.128-2.01-1.563H5a.625.625 0 1 1 0-1.25h10a.625.625 0 1 1 0 1.25"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const i = { render: a };
18
+ export {
19
+ i as default,
20
+ a as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function l(a, e) {
10
+ return n(), t("svg", r, e[0] || (e[0] = [
11
+ o("path", {
12
+ fill: "currentColor",
13
+ d: "M10.313 1.875A7.82 7.82 0 0 0 2.5 9.688v6.562a1.25 1.25 0 0 0 1.25 1.25h6.563a7.813 7.813 0 0 0 0-15.625m2.5 10H7.5a.625.625 0 1 1 0-1.25h5.313a.624.624 0 1 1 0 1.25m0-2.5H7.5a.625.625 0 0 1 0-1.25h5.313a.625.625 0 1 1 0 1.25"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const m = { render: l };
18
+ export {
19
+ m as default,
20
+ l as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as n, createElementVNode as o } from "vue";
2
+ const r = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "1em",
5
+ height: "1em",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function a(l, e) {
10
+ return n(), t("svg", r, e[0] || (e[0] = [
11
+ o("path", {
12
+ fill: "currentColor",
13
+ d: "M16.25 2.5H3.75A1.25 1.25 0 0 0 2.5 3.75v12.5a1.25 1.25 0 0 0 1.25 1.25h12.5a1.25 1.25 0 0 0 1.25-1.25V3.75a1.25 1.25 0 0 0-1.25-1.25m-10 3.125a.625.625 0 0 1 1.25 0v3.75a2.5 2.5 0 0 0 5 0v-3.75a.625.625 0 1 1 1.25 0v3.75a3.75 3.75 0 0 1-7.5 0zm7.5 10h-7.5a.625.625 0 1 1 0-1.25h7.5a.624.624 0 1 1 0 1.25"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const m = { render: a };
18
+ export {
19
+ m as default,
20
+ a as render
21
+ };
@@ -0,0 +1,21 @@
1
+ import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
2
+ const l = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "20",
5
+ height: "20",
6
+ fill: "none",
7
+ viewBox: "0 0 20 20"
8
+ };
9
+ function n(a, e) {
10
+ return o(), t("svg", l, e[0] || (e[0] = [
11
+ r("path", {
12
+ fill: "currentColor",
13
+ d: "M16.692 12.942a.625.625 0 0 1-.884 0L10 7.134l-5.808 5.808a.625.625 0 1 1-.884-.884l6.25-6.25a.625.625 0 0 1 .884 0l6.25 6.25a.623.623 0 0 1 0 .884"
14
+ }, null, -1)
15
+ ]));
16
+ }
17
+ const c = { render: n };
18
+ export {
19
+ c as default,
20
+ n as render
21
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.375 7.625V11.875C5.375 12.0408 5.44085 12.1997 5.55806 12.3169C5.67527 12.4342 5.83424 12.5 6 12.5C6.16576 12.5 6.32473 12.4342 6.44194 12.3169C6.55915 12.1997 6.625 12.0408 6.625 11.875V7.625L7.125 7.125H11.375C11.5408 7.125 11.6997 7.05915 11.8169 6.94194C11.9342 6.82473 12 6.66576 12 6.5C12 6.33424 11.9342 6.17527 11.8169 6.05806C11.6997 5.94085 11.5408 5.875 11.375 5.875H7.125L6.625 5.375V1.125C6.625 0.95924 6.55915 0.800269 6.44194 0.683058C6.32473 0.565848 6.16576 0.5 6 0.5C5.83424 0.5 5.67527 0.565848 5.55806 0.683058C5.44085 0.800269 5.375 0.95924 5.375 1.125V5.375L4.875 5.875H0.625C0.45924 5.875 0.300269 5.94085 0.183058 6.05806C0.065848 6.17527 0 6.33424 0 6.5C0 6.66576 0.065848 6.82473 0.183058 6.94194C0.300269 7.05915 0.45924 7.125 0.625 7.125H4.762L5.375 7.625Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.49073 1.3015L3.30873 2.1505C3.29349 2.22246 3.25769 2.28844 3.20568 2.34045C3.15368 2.39246 3.08769 2.42826 3.01573 2.4435L2.16673 2.6255C1.76473 2.7125 1.76473 3.2865 2.16673 3.3725L3.01573 3.5555C3.08769 3.57074 3.15368 3.60654 3.20568 3.65855C3.25769 3.71056 3.29349 3.77654 3.30873 3.8485L3.49073 4.6975C3.57773 5.0995 4.15173 5.0995 4.23773 4.6975L4.42073 3.8485C4.43598 3.77654 4.47177 3.71056 4.52378 3.65855C4.57579 3.60654 4.64178 3.57074 4.71373 3.5555L5.56173 3.3725C5.96373 3.2855 5.96373 2.7115 5.56173 2.6255L4.71273 2.4435C4.64083 2.42814 4.57491 2.3923 4.52292 2.34031C4.47093 2.28832 4.43509 2.2224 4.41973 2.1505L4.23773 1.3015C4.15073 0.8995 3.57673 0.8995 3.49073 1.3015ZM10.8647 13.9995C10.4853 14.0056 10.1158 13.8782 9.82067 13.6397C9.52553 13.4013 9.32347 13.0667 9.24973 12.6945L8.89273 11.0275C8.83676 10.7687 8.70738 10.5316 8.52009 10.3445C8.3328 10.1574 8.09554 10.0282 7.83673 9.9725L6.16973 9.6155C5.38873 9.4465 4.86473 8.7975 4.86473 7.9995C4.86473 7.2015 5.38873 6.5525 6.16973 6.3845L7.83673 6.0275C8.09551 5.97135 8.33267 5.84193 8.51992 5.65468C8.70716 5.46744 8.83658 5.23028 8.89273 4.9715L9.25073 3.3045C9.41773 2.5235 10.0667 1.9995 10.8647 1.9995C11.6627 1.9995 12.3117 2.5235 12.4797 3.3045L12.8367 4.9715C12.9507 5.4995 13.3647 5.9135 13.8927 6.0265L15.5597 6.3835C16.3407 6.5525 16.8647 7.2015 16.8647 7.9995C16.8647 8.7975 16.3407 9.4465 15.5597 9.6145L13.8927 9.9715C13.6337 10.0275 13.3963 10.157 13.209 10.3445C13.0217 10.5319 12.8925 10.7694 12.8367 11.0285L12.4787 12.6945C12.4054 13.0667 12.2036 13.4014 11.9086 13.6399C11.6135 13.8784 11.2441 14.0057 10.8647 13.9995ZM10.8647 3.2495C10.7667 3.2495 10.5337 3.2795 10.4727 3.5655L10.1147 5.2335C10.0081 5.72777 9.76116 6.18082 9.40361 6.53837C9.04606 6.89593 8.59301 7.14283 8.09873 7.2495L6.43173 7.6065C6.14573 7.6685 6.11473 7.9015 6.11473 7.9995C6.11473 8.0975 6.14573 8.3305 6.43173 8.3925L8.09873 8.7495C8.59301 8.85617 9.04606 9.10307 9.40361 9.46062C9.76116 9.81817 10.0081 10.2712 10.1147 10.7655L10.4727 12.4335C10.5337 12.7195 10.7667 12.7495 10.8647 12.7495C10.9627 12.7495 11.1957 12.7195 11.2567 12.4335L11.6147 10.7665C11.7212 10.272 11.9681 9.81878 12.3256 9.46103C12.6832 9.10329 13.1363 8.85624 13.6307 8.7495L15.2977 8.3925C15.5837 8.3305 15.6147 8.0975 15.6147 7.9995C15.6147 7.9015 15.5837 7.6685 15.2977 7.6065L13.6307 7.2495C13.1365 7.14283 12.6834 6.89593 12.3259 6.53837C11.9683 6.18082 11.7214 5.72777 11.6147 5.2335L11.2567 3.5655C11.1957 3.2795 10.9627 3.2495 10.8647 3.2495ZM3.30873 12.1505L3.49073 11.3015C3.57673 10.8995 4.15073 10.8995 4.23773 11.3015L4.41973 12.1505C4.43509 12.2224 4.47093 12.2883 4.52292 12.3403C4.57491 12.3923 4.64083 12.4281 4.71273 12.4435L5.56173 12.6255C5.96373 12.7115 5.96373 13.2855 5.56173 13.3725L4.71273 13.5545C4.64083 13.5699 4.57491 13.6057 4.52292 13.6577C4.47093 13.7097 4.43509 13.7756 4.41973 13.8475L4.23773 14.6965C4.15173 15.0985 3.57773 15.0985 3.49073 14.6965L3.30873 13.8475C3.29337 13.7756 3.25754 13.7097 3.20555 13.6577C3.15356 13.6057 3.08764 13.5699 3.01573 13.5545L2.16673 13.3725C1.76473 13.2865 1.76473 12.7125 2.16673 12.6255L3.01573 12.4435C3.08769 12.4283 3.15368 12.3925 3.20568 12.3405C3.25769 12.2884 3.29349 12.2225 3.30873 12.1505Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6 0.5C5.21207 0.5 4.43185 0.655195 3.7039 0.956723C2.97595 1.25825 2.31451 1.70021 1.75736 2.25736C1.20021 2.81451 0.758251 3.47595 0.456723 4.2039C0.155195 4.93185 0 5.71207 0 6.5C0 7.28793 0.155195 8.06815 0.456723 8.7961C0.758251 9.52405 1.20021 10.1855 1.75736 10.7426C2.31451 11.2998 2.97595 11.7417 3.7039 12.0433C4.43185 12.3448 5.21207 12.5 6 12.5C7.5913 12.5 9.11742 11.8679 10.2426 10.7426C11.3679 9.61742 12 8.0913 12 6.5C12 4.9087 11.3679 3.38258 10.2426 2.25736C9.11742 1.13214 7.5913 0.5 6 0.5ZM5.06 8.9L2.9464 6.7856C2.85273 6.69171 2.80018 6.56446 2.80033 6.43183C2.80048 6.29921 2.85331 6.17207 2.9472 6.0784C3.04109 5.98473 3.16834 5.93218 3.30097 5.93233C3.43359 5.93248 3.56073 5.98531 3.6544 6.0792L5.3112 7.7368L8.3464 4.7008C8.44109 4.6109 8.56715 4.56153 8.69771 4.56322C8.82827 4.56492 8.95301 4.61754 9.04534 4.70986C9.13766 4.80219 9.19028 4.92693 9.19198 5.05749C9.19367 5.18805 9.1443 5.31411 9.0544 5.4088L5.5624 8.9H5.06Z" fill="#FBFBFE"/>
3
+ </svg>
@@ -0,0 +1,37 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
2
+ <style>
3
+ @keyframes loadingRotate {
4
+ from {
5
+ rotate: 0;
6
+ }
7
+
8
+ to {
9
+ rotate: 360deg
10
+ }
11
+ }
12
+
13
+ @media not (prefers-reduced-motion) {
14
+ #circle-arrows {
15
+ animation: loadingRotate 1.8s linear infinite;
16
+ transform-origin: 50% 50%;
17
+ }
18
+
19
+ #hourglass {
20
+ display: none;
21
+ }
22
+ }
23
+
24
+ @media (prefers-reduced-motion) {
25
+ #circle-arrows {
26
+ display: none;
27
+ }
28
+ }
29
+ </style>
30
+ <path id="circle-arrows"
31
+ d="M9 5.528c0 .42.508.63.804.333l2.528-2.528a.47.47 0 0 0 0-.666L9.805.14A.471.471 0 0 0 9 .472v1.866A5.756 5.756 0 0 0 2.25 8c0 .942.232 1.83.635 2.615l1.143-1.143A4.208 4.208 0 0 1 3.75 8 4.254 4.254 0 0 1 8 3.75c.345 0 .68.042 1 .122v1.656zM7 10.472v1.656c.32.08.655.122 1 .122A4.254 4.254 0 0 0 12.25 8c0-.52-.107-1.013-.279-1.474l1.143-1.143c.404.786.636 1.674.636 2.617A5.756 5.756 0 0 1 7 13.662v1.866a.47.47 0 0 1-.804.333l-2.528-2.528a.47.47 0 0 1 0-.666l2.528-2.528a.47.47 0 0 1 .804.333z" />
32
+ <g id="hourglass">
33
+ <path
34
+ d="M13,1 C13.5522847,1 14,1.44771525 14,2 C14,2.55228475 13.5522847,3 13,3 L12.9854217,2.99990801 C12.9950817,3.16495885 13,3.33173274 13,3.5 C13,5.24679885 10.9877318,6.01090495 10.9877318,8.0017538 C10.9877318,9.99260264 13,10.7536922 13,12.5 C13,12.6686079 12.9950617,12.8357163 12.985363,13.0010943 L13,13 C13.5522847,13 14,13.4477153 14,14 C14,14.5522847 13.5522847,15 13,15 L3,15 C2.44771525,15 2,14.5522847 2,14 C2,13.4477153 2.44771525,13 3,13 L3.01463704,13.0010943 C3.00493827,12.8357163 3,12.6686079 3,12.5 C3,10.7536922 4.9877318,9.99260264 5,8.0017538 C5.0122682,6.01090495 3,5.24679885 3,3.5 C3,3.33173274 3.00491834,3.16495885 3.01457832,2.99990801 L3,3 C2.44771525,3 2,2.55228475 2,2 C2,1.44771525 2.44771525,1 3,1 L13,1 Z M10.987,3 L5.012,3 L5.00308914,3.24815712 C5.00103707,3.33163368 5,3.4155948 5,3.5 C5,5.36125069 6.99153646,6.01774089 6.99153646,8.0017538 C6.99153646,9.98576671 5,10.6393737 5,12.5 L5.00307746,12.7513676 L5.01222201,12.9998392 L5.60191711,12.9988344 L6.0425138,12.2959826 C7.02362731,10.7653275 7.67612271,10 8,10 C8.37014547,10 9.16950644,10.9996115 10.3980829,12.9988344 L10.987778,12.9998392 C10.9958674,12.8352104 11,12.66849 11,12.5 C11,10.6393737 8.98689779,10.0147381 8.98689779,8.0017538 C8.98689779,5.98876953 11,5.36125069 11,3.5 L10.9969109,3.24815712 L10.987,3 Z" />
35
+ <path d="M6,4 L10,4 C8.95166016,6 8.28499349,7 8,7 C7.71500651,7 7.04833984,6 6,4 Z" />
36
+ </g>
37
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.78182 2.63903C8.58882 2.28803 8.25782 2.25003 8.12482 2.25003C7.99019 2.24847 7.85771 2.28393 7.74185 2.35253C7.62599 2.42113 7.5312 2.52023 7.46782 2.63903L1.97082 12.639C1.90673 12.7528 1.87406 12.8816 1.87617 13.0122C1.87828 13.1427 1.91509 13.2704 1.98282 13.382C2.04798 13.4951 2.14207 13.5888 2.25543 13.6535C2.36879 13.7182 2.49732 13.7515 2.62782 13.75H13.6218C13.7523 13.7515 13.8809 13.7182 13.9942 13.6535C14.1076 13.5888 14.2017 13.4951 14.2668 13.382C14.3346 13.2704 14.3714 13.1427 14.3735 13.0122C14.3756 12.8816 14.3429 12.7528 14.2788 12.639L8.78182 2.63903ZM6.37282 2.03703C6.75182 1.34603 7.43882 1.00003 8.12482 1.00003C8.48341 0.997985 8.83583 1.09326 9.14454 1.2757C9.45325 1.45814 9.70668 1.72092 9.87782 2.03603L15.3748 12.036C16.1078 13.369 15.1438 15 13.6228 15H2.62782C1.10682 15 0.141823 13.37 0.875823 12.037L6.37282 2.03703ZM8.74982 9.06203C8.74982 9.22779 8.68397 9.38676 8.56676 9.50397C8.44955 9.62118 8.29058 9.68703 8.12482 9.68703C7.95906 9.68703 7.80009 9.62118 7.68288 9.50397C7.56566 9.38676 7.49982 9.22779 7.49982 9.06203V5.62503C7.49982 5.45927 7.56566 5.3003 7.68288 5.18309C7.80009 5.06588 7.95906 5.00003 8.12482 5.00003C8.29058 5.00003 8.44955 5.06588 8.56676 5.18309C8.68397 5.3003 8.74982 5.45927 8.74982 5.62503V9.06203ZM7.74982 12L7.49982 11.75V11L7.74982 10.75H8.49982L8.74982 11V11.75L8.49982 12H7.74982Z" fill="black"/>
3
+ </svg>
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2
+ <svg
3
+ xmlns="http://www.w3.org/2000/svg"
4
+ width="40"
5
+ height="40"
6
+ viewBox="0 0 40 40">
7
+ <path
8
+ d="M 1.5006714,23.536225 6.8925879,18.994244 14.585721,26.037937 34.019683,4.5410479 38.499329,9.2235032 14.585721,35.458952 z"
9
+ id="path4"
10
+ style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:1.25402856;stroke-opacity:1" />
11
+ </svg>