@syncfusion/ej2-vue-pdfviewer 34.2.6 → 34.2.7

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 CHANGED
@@ -21,12 +21,15 @@ Trusted by the world's leading companies
21
21
 
22
22
  > **Using this package with an AI coding agent**
23
23
  >
24
- > Before generating Syncfusion® code, ask your AI coding agent to run the Syncfusion® setup using the following prompt:
24
+ > Before generating Syncfusion code, ask your AI coding agent to run the Syncfusion setup using the following prompt:
25
25
  >
26
26
  > ```text
27
- > Set up this project for Syncfusion® before generating code. Fetch and follow the official instructions at https://ai.syncfusion.com/agent-setup/prompt.md, then report the detected platform, installed skill pack, MCP status, and any required licensing action.
27
+ > Set up this project for Syncfusion before generating code. Fetch
28
+ > and follow the official instructions at https://ai.syncfusion.com/,
29
+ > then report the detected platform, installed skill pack, MCP
30
+ > status, and any required licensing action.
28
31
  > ```
29
- > The setup detects your project’s platform and loads the appropriate Syncfusion® skill pack. No Syncfusion® account or MCP key is required to install or read Syncfusion® agent skills.
32
+ > The setup detects your project’s platform and loads the appropriate Syncfusion skill pack. No Syncfusion account or MCP key is required to install or read Syncfusion agent skills.
30
33
  >
31
34
  > **Platform reference:** [https://ai.syncfusion.com/vue/llms.txt](https://ai.syncfusion.com/vue/llms.txt)
32
35
 
@@ -68,23 +71,24 @@ Vue.use(PdfViewerPlugin);
68
71
 
69
72
  ### Adding CSS references for PDF Viewer
70
73
 
71
- Add CSS references needed for PDF Viewer in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
74
+ Install the styles package from npm using the following command:
72
75
 
73
- ```html
74
- <style>
75
- @import '../node_modules/@syncfusion/ej2-base/styles/material.css';
76
- @import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
77
- @import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
78
- @import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
79
- @import '../node_modules/@syncfusion/ej2-lists/styles/material.css';
80
- @import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
81
- @import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
82
- @import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
83
- @import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
84
- @import "../node_modules/@syncfusion/ej2-vue-pdfviewer/styles/material.css";
85
- </style>
76
+ ```bash
77
+ npm install @syncfusion/ej2-tailwind3-theme
86
78
  ```
87
79
 
80
+ The Tailwind 3 theme package includes an `index.css` file that automatically imports all required PDF Viewer styles. Add the required PDF Viewer theme style reference in the **\<style\>** section.
81
+
82
+ {% tabs %}
83
+ {% highlight css tabtitle="~/src/App.vue" %}
84
+
85
+ @import '../node_modules/@syncfusion/ej2-tailwind3-theme/styles/pdfviewer/index.css';
86
+
87
+ {% endhighlight %}
88
+ {% endtabs %}
89
+
90
+ For more themes, see the [themes documentation](https://ej2.syncfusion.com/vue/documentation/appearance/theme#theme-packages).
91
+
88
92
  ## Add PDF Viewer component
89
93
 
90
94
  Add the Vue PDF Viewer by using **ejs-pdfviewer** selector in **template** section of the **App.vue** file.
@@ -92,7 +96,7 @@ Add the Vue PDF Viewer by using **ejs-pdfviewer** selector in **template** secti
92
96
  ```html
93
97
  <template>
94
98
  <div id="app">
95
- <ejs-pdfviewer id="pdfViewer" :serviceUrl="serviceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
99
+ <ejs-pdfviewer id="pdfViewer" :resourceUrl="resourceUrl" :documentPath="documentPath"> </ejs-pdfviewer>
96
100
  </div>
97
101
  </template>
98
102
 
@@ -104,8 +108,8 @@ export default {
104
108
  name: 'app',
105
109
  data () {
106
110
  return {
107
- serviceUrl:"https://ej2services.syncfusion.com/production/web-services/api/pdfviewer",
108
- documentPath:"PDF_Succinctly.pdf"
111
+ resourceUrl: 'https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib',
112
+ documentPath: "https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
109
113
  };
110
114
  },
111
115
  provide: {
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-pdfviewer.umd.min.js
3
- * version : 34.2.6
3
+ * version : 34.2.7
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-vue-pdfviewer",
3
- "version": "34.2.6",
3
+ "version": "34.2.7",
4
4
  "description": "Essential JS 2 PDF viewer Component for Vue",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@syncfusion/ej2-base": "~34.2.6",
22
22
  "@syncfusion/ej2-vue-base": "~34.2.6",
23
- "@syncfusion/ej2-pdfviewer": "34.2.6"
23
+ "@syncfusion/ej2-pdfviewer": "34.2.7"
24
24
  },
25
25
  "devDependencies": {},
26
26
  "scripts": {