@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.
- package/README.md +185 -13
- package/dist/annotation-circle-tIpRci60.js +21 -0
- package/dist/annotation-freetext-zmKZ4GuW.js +21 -0
- package/dist/annotation-highlight-CBhenBLo.js +23 -0
- package/dist/annotation-ink-Cr5tjD8f.js +31 -0
- package/dist/annotation-line-CBubP1QZ.js +23 -0
- package/dist/annotation-link-DI9mj24Y.js +21 -0
- package/dist/annotation-signature-DQVfU7hJ.js +21 -0
- package/dist/annotation-square-_rIuUCHT.js +21 -0
- package/dist/annotation-squiggly-DfLrUnSa.js +23 -0
- package/dist/annotation-stamp-B5gaCO0X.js +21 -0
- package/dist/annotation-strikeout-Cn_VHn_N.js +21 -0
- package/dist/annotation-text-pKHfDK_Q.js +21 -0
- package/dist/annotation-underline-BDgmfJQk.js +21 -0
- package/dist/arrow-up-DhoV0HvK.js +21 -0
- package/dist/assets/pdf-annotations/altText_add.svg +3 -0
- package/dist/assets/pdf-annotations/altText_disclaimer.svg +3 -0
- package/dist/assets/pdf-annotations/altText_done.svg +3 -0
- package/dist/assets/pdf-annotations/altText_spinner.svg +37 -0
- package/dist/assets/pdf-annotations/altText_warning.svg +3 -0
- package/dist/assets/pdf-annotations/annotation-check.svg +11 -0
- package/dist/assets/pdf-annotations/annotation-comment.svg +16 -0
- package/dist/assets/pdf-annotations/annotation-help.svg +26 -0
- package/dist/assets/pdf-annotations/annotation-insert.svg +10 -0
- package/dist/assets/pdf-annotations/annotation-key.svg +11 -0
- package/dist/assets/pdf-annotations/annotation-noicon.svg +7 -0
- package/dist/assets/pdf-annotations/annotation-note.svg +44 -0
- package/dist/assets/pdf-annotations/annotation-paperclip.svg +6 -0
- package/dist/assets/pdf-annotations/annotation-paragraph.svg +16 -0
- package/dist/assets/pdf-annotations/annotation-pushpin.svg +7 -0
- package/dist/assets/pdf-annotations/cursor-editorFreeHighlight.svg +6 -0
- package/dist/assets/pdf-annotations/cursor-editorFreeText.svg +3 -0
- package/dist/assets/pdf-annotations/cursor-editorInk.svg +4 -0
- package/dist/assets/pdf-annotations/cursor-editorTextHighlight.svg +8 -0
- package/dist/assets/pdf-annotations/editor-toolbar-delete.svg +5 -0
- package/dist/assets/pdf-annotations/messageBar_closingButton.svg +3 -0
- package/dist/assets/pdf-annotations/messageBar_warning.svg +3 -0
- package/dist/assets/pdf-annotations/secondaryToolbarButton-documentProperties.svg +3 -0
- package/dist/assets/pdf-annotations/toolbarButton-editorHighlight.svg +6 -0
- package/dist/assets/pdf-annotations/toolbarButton-menuArrow.svg +3 -0
- package/dist/check-BRo7Q5UG.js +21 -0
- package/dist/chevron-down-BEs3P7KI.js +21 -0
- package/dist/clear-DP391aEz.js +31 -0
- package/dist/close-CnbAWKuA.js +21 -0
- package/dist/comment-panel-BkFw3FUB.js +21 -0
- package/dist/download-C45QpUvK.js +21 -0
- package/dist/{drag-icon-CJSwJaYj.mjs → drag-icon-CpENKa0y.js} +12 -11
- package/dist/drag-icon-dark-B0sqKXav.js +18 -0
- package/dist/ellipsis-vertical-X1VRRfZe.js +21 -0
- package/dist/empty-comment-dark-DdPeDeR5.js +18 -0
- package/dist/empty-comment-light-Dgc1r5xv.js +18 -0
- package/dist/file-C2gjRcLU.js +21 -0
- package/dist/first-page-32lvRrjG.js +21 -0
- package/dist/fullscreen-Cuegwls4.js +21 -0
- package/dist/hand-BvbzlDGf.js +21 -0
- package/dist/index.js +17710 -0
- package/dist/index.umd.cjs +71 -0
- package/dist/info-2-wEcru0.js +21 -0
- package/dist/last-page-DDJIJ2gp.js +21 -0
- package/dist/magnifier-shuB09Te.js +21 -0
- package/dist/moon-Cf7pmsnw.js +21 -0
- package/dist/page-view-dual-f5-I0-4D.js +21 -0
- package/dist/page-view-single-DTduusoS.js +21 -0
- package/dist/pointer-CdvbhXLR.js +21 -0
- package/dist/printer-ERNx1Q88.js +21 -0
- package/dist/rotate-counter-clockwise-CEN3P8nT.js +21 -0
- package/dist/scrolling-horizontal-CdariRpO.js +23 -0
- package/dist/scrolling-page-wFZlGv_K.js +23 -0
- package/dist/scrolling-vertical-B1Doxmyt.js +23 -0
- package/dist/scrolling-wrapped-BBipRQ-N.js +23 -0
- package/dist/sun-C0fX-A5U.js +21 -0
- package/dist/thumbnail-HzftUNEp.js +21 -0
- package/dist/types/assets/pdf-annotations/index.d.ts +2 -0
- package/dist/types/components/AppButton.vue.d.ts +3 -3
- package/dist/types/components/AppFormControl.vue.d.ts +30 -0
- package/dist/types/components/AppIcon.vue.d.ts +3 -3
- package/dist/types/components/AppInput.vue.d.ts +1 -1
- package/dist/types/components/AppLoader.vue.d.ts +3 -3
- package/dist/types/components/AppPopover.vue.d.ts +80 -0
- package/dist/types/components/AppTooltip.vue.d.ts +18 -3
- package/dist/types/components/DragFileMask.vue.d.ts +8 -12
- package/dist/types/components/HighlightColorPicker.vue.d.ts +2 -0
- package/dist/types/components/{layers/AnnotationLayer.vue.d.ts → LayerAnnotation.vue.d.ts} +15 -11
- package/dist/types/components/LayerCanvas.vue.d.ts +25 -0
- package/dist/types/components/{layers/TextLayer.vue.d.ts → LayerText.vue.d.ts} +9 -11
- package/dist/types/components/LayerTextHighlight.vue.d.ts +20 -0
- package/dist/types/components/LayerTextSearchHighlight.vue.d.ts +19 -0
- package/dist/types/components/{layers/XFALayer.vue.d.ts → LayerXFA.vue.d.ts} +4 -4
- package/dist/types/components/ModalPassword.vue.d.ts +19 -0
- package/dist/types/components/ModalPdfProperties.vue.d.ts +3 -3
- package/dist/types/components/ModalPrintLoadingProgress.vue.d.ts +3 -3
- package/dist/types/components/SwitchAppearance.vue.d.ts +5 -3
- package/dist/types/components/ToolCommentPanel.vue.d.ts +31 -0
- package/dist/types/components/ToolDownload.vue.d.ts +4 -3
- package/dist/types/components/ToolFullscreen.vue.d.ts +4 -3
- package/dist/types/components/ToolMenuOthers.vue.d.ts +67 -26
- package/dist/types/components/ToolMenuOthersMobile.vue.d.ts +2 -2
- package/dist/types/components/ToolOpenFile.vue.d.ts +4 -3
- package/dist/types/components/ToolOpenFileInput.vue.d.ts +2 -2
- package/dist/types/components/ToolPagination.vue.d.ts +14 -19
- package/dist/types/components/ToolPrint.vue.d.ts +10 -45
- package/dist/types/components/ToolSearch.vue.d.ts +43 -23
- package/dist/types/components/ToolThumbnail.vue.d.ts +8 -10
- package/dist/types/components/ToolZoom.vue.d.ts +24 -27
- package/dist/types/components/ToolZoomPercentageMenu.vue.d.ts +12 -11
- package/dist/types/components/VPdfComments.vue.d.ts +28 -0
- package/dist/types/components/VPdfCommentsDate.vue.d.ts +15 -0
- package/dist/types/components/VPdfCommentsHeader.vue.d.ts +16 -0
- package/dist/types/components/VPdfCommentsIcon.vue.d.ts +16 -0
- package/dist/types/components/VPdfCommentsReplies.vue.d.ts +16 -0
- package/dist/types/components/VPdfCommentsSidebar.vue.d.ts +15 -0
- package/dist/types/components/VPdfCommentsText.vue.d.ts +2 -0
- package/dist/types/components/VPdfPage.vue.d.ts +17 -32
- package/dist/types/components/VPdfSplitter.vue.d.ts +1 -1
- package/dist/types/components/VPdfThumbnail.vue.d.ts +7 -5
- package/dist/types/components/VPdfThumbnails.vue.d.ts +5 -5
- package/dist/types/components/VPdfViewer.vue.d.ts +522 -276
- package/dist/types/components/index.d.ts +2 -2
- package/dist/types/components/ui/button/Button.vue.d.ts +6 -8
- package/dist/types/components/ui/button/index.d.ts +1 -1
- package/dist/types/components/ui/checkbox/Checkbox.vue.d.ts +35 -0
- package/dist/types/components/ui/checkbox/index.d.ts +1 -0
- package/dist/types/components/ui/collapsible/Collapsible.vue.d.ts +30 -0
- package/dist/types/components/ui/collapsible/CollapsibleContent.vue.d.ts +28 -0
- package/dist/types/components/ui/collapsible/CollapsibleTrigger.vue.d.ts +28 -0
- package/dist/types/components/ui/collapsible/index.d.ts +3 -0
- package/dist/types/components/ui/dialog/Dialog.vue.d.ts +3 -3
- package/dist/types/components/ui/dialog/DialogClose.vue.d.ts +3 -3
- package/dist/types/components/ui/dialog/DialogContent.vue.d.ts +4 -6
- package/dist/types/components/ui/dialog/DialogDescription.vue.d.ts +4 -6
- package/dist/types/components/ui/dialog/DialogFooter.vue.d.ts +4 -6
- package/dist/types/components/ui/dialog/DialogHeader.vue.d.ts +4 -6
- package/dist/types/components/ui/dialog/DialogTitle.vue.d.ts +4 -6
- package/dist/types/components/ui/dialog/DialogTrigger.vue.d.ts +3 -3
- package/dist/types/components/ui/dropdown-menu/DropdownMenu.vue.d.ts +3 -3
- package/dist/types/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts +4 -6
- package/dist/types/components/ui/dropdown-menu/DropdownMenuContent.vue.d.ts +6 -10
- package/dist/types/components/ui/dropdown-menu/DropdownMenuGroup.vue.d.ts +3 -3
- package/dist/types/components/ui/dropdown-menu/DropdownMenuItem.vue.d.ts +7 -7
- package/dist/types/components/ui/dropdown-menu/DropdownMenuLabel.vue.d.ts +4 -7
- package/dist/types/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue.d.ts +3 -3
- package/dist/types/components/ui/dropdown-menu/DropdownMenuRadioItem.vue.d.ts +7 -6
- package/dist/types/components/ui/dropdown-menu/DropdownMenuSeparator.vue.d.ts +3 -3
- package/dist/types/components/ui/dropdown-menu/DropdownMenuShortcut.vue.d.ts +4 -6
- package/dist/types/components/ui/dropdown-menu/DropdownMenuSub.vue.d.ts +3 -3
- package/dist/types/components/ui/dropdown-menu/DropdownMenuSubContent.vue.d.ts +4 -6
- package/dist/types/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts +4 -6
- package/dist/types/components/ui/dropdown-menu/DropdownMenuTrigger.vue.d.ts +3 -3
- package/dist/types/components/ui/input/Input.vue.d.ts +3 -3
- package/dist/types/components/ui/popover/Popover.vue.d.ts +3 -3
- package/dist/types/components/ui/popover/PopoverContent.vue.d.ts +6 -12
- package/dist/types/components/ui/popover/PopoverTrigger.vue.d.ts +3 -3
- package/dist/types/components/ui/progress/Progress.vue.d.ts +4 -4
- package/dist/types/components/ui/tooltip/Tooltip.vue.d.ts +3 -3
- package/dist/types/components/ui/tooltip/TooltipContent.vue.d.ts +6 -10
- package/dist/types/components/ui/tooltip/TooltipProvider.vue.d.ts +3 -3
- package/dist/types/components/ui/tooltip/TooltipTrigger.vue.d.ts +3 -3
- package/dist/types/components/utils/annotations.d.ts +1 -11
- package/dist/types/components/utils/destination.d.ts +1 -1
- package/dist/types/components/utils/helpers.d.ts +0 -8
- package/dist/types/composables/useDownload.d.ts +11 -4
- package/dist/types/composables/useHighlight.d.ts +11 -0
- package/dist/types/composables/useLicense.d.ts +18 -8
- package/dist/types/composables/{usePDF.d.ts → usePdf.d.ts} +7 -5
- package/dist/types/composables/usePdfComments.d.ts +5 -0
- package/dist/types/composables/usePdfPagesSizes.d.ts +8 -0
- package/dist/types/composables/usePdfProperties.d.ts +3 -17
- package/dist/types/composables/usePinch.d.ts +2 -1
- package/dist/types/composables/usePlugins.d.ts +252 -0
- package/dist/types/composables/usePrintControl.d.ts +22 -0
- package/dist/types/composables/usePrintProcess.d.ts +3 -3
- package/dist/types/composables/useRenderQueue.d.ts +13 -0
- package/dist/types/composables/useRequestAnimationFrame.d.ts +1 -0
- package/dist/types/composables/useRotation.d.ts +3 -2
- package/dist/types/composables/useScale.d.ts +21 -0
- package/dist/types/composables/useSearch.d.ts +3 -37
- package/dist/types/composables/useTextLayers.d.ts +5 -0
- package/dist/types/composables/useVirtualPages.d.ts +32 -0
- package/dist/types/composables/useVisibilities.d.ts +9 -0
- package/dist/types/const.d.ts +86 -18
- package/dist/types/index.d.ts +4 -0
- package/dist/types/utils/appConsole.d.ts +24 -0
- package/dist/types/utils/characters.d.ts +16 -0
- package/dist/types/utils/enumerators.d.ts +76 -0
- package/dist/types/utils/highlight.d.ts +8 -0
- package/dist/types/utils/promiseWithResolvers.d.ts +7 -0
- package/dist/types/utils/searchHighlight.d.ts +10 -0
- package/dist/types/utils/smoothScroll.d.ts +2 -0
- package/dist/types/utils/types.d.ts +683 -0
- package/dist/types/utils/uiViewer.d.ts +4 -0
- package/dist/types/utils/validators.d.ts +26 -0
- package/dist/types/utils.d.ts +6 -3
- package/dist/zoom-in-CPqqALGr.js +21 -0
- package/dist/zoom-out-BpilF8O_.js +21 -0
- package/package.json +29 -30
- package/dist/arrow-up-CZcWar0V.mjs +0 -20
- package/dist/check-BDQ_1xOK.mjs +0 -21
- package/dist/chevron-down-BGvKkqoz.mjs +0 -21
- package/dist/clear-BdBsR989.mjs +0 -31
- package/dist/close-CbywujCY.mjs +0 -20
- package/dist/download-DwxdC2cz.mjs +0 -21
- package/dist/drag-icon-dark-DslxK0op.mjs +0 -17
- package/dist/ellipsis-vertical-DU4RrfN8.mjs +0 -21
- package/dist/first-page-D2sUix1F.mjs +0 -20
- package/dist/fullscreen-CDD3D91y.mjs +0 -21
- package/dist/hand-BdufQ7PJ.mjs +0 -21
- package/dist/index.mjs +0 -28779
- package/dist/index.umd.js +0 -54
- package/dist/info-CnzWbChw.mjs +0 -20
- package/dist/last-page-BlLcdVDC.mjs +0 -20
- package/dist/magnifier-D5effak1.mjs +0 -21
- package/dist/moon-jjKfhCeP.mjs +0 -21
- package/dist/pointer-CosfQ2Bj.mjs +0 -21
- package/dist/printer-CZndb-XY.mjs +0 -21
- package/dist/rotate-counter-clockwise-BnC8SAwc.mjs +0 -21
- package/dist/sun-f_yo-49i.mjs +0 -21
- package/dist/thumbnail-BrLTlvMi.mjs +0 -21
- package/dist/types/components/types.d.ts +0 -212
- package/dist/types/components/utils/highlight.d.ts +0 -6
- package/dist/types/composables/useCalculatePages.d.ts +0 -12
- package/dist/types/composables/usePageQueue.d.ts +0 -10
- package/dist/types/composables/usePrint.d.ts +0 -9
- package/dist/types/composables/useRenderTask.d.ts +0 -8
- package/dist/zoom-in-MHWLskY5.mjs +0 -21
- package/dist/zoom-out-BOe91xpp.mjs +0 -21
package/README.md
CHANGED
|
@@ -1,29 +1,183 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
-
|
|
16
|
+
<div align="center">
|
|
17
|
+
|
|
18
|
+
[Vue PDF Viewer Home][vuepdfviewer] - [License](#page_facing_up-license) - [Documentation][vuepdfviewer-docs]
|
|
19
|
+
|
|
20
|
+
[][npm]
|
|
21
|
+
[][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:
|
|
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
|
-
|
|
72
|
+
| Chrome | Firefox | Edge | Safari | Safari iOS | Chrome Android |
|
|
73
|
+
| ------ | ------- | ---- | ------ | ---------- | -------------- |
|
|
74
|
+
| 115+ | 115+ | 115+ | 16.5+ | 16.5+ | 126+ |
|
|
15
75
|
|
|
16
|
-
Install the
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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. [
|
|
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
|
-
|
|
203
|
+
# Acknowledgement
|
|
37
204
|
|
|
38
|
-
|
|
205
|
+
- [pdf.js](https://github.com/mozilla/pdf.js)
|
|
206
|
+
- [Img Shields](https://shields.io)
|
|
207
|
+
- [Vue.js](https://vuejs.org/)
|
|
39
208
|
|
|
40
|
-
|
|
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>
|