@progress/kendo-pdfviewer-common 0.2.7-dev.202401031409 → 0.2.8-dev.202401261100

package/README.md

@@ -1,9 +1,32 @@
-# Kendo UI for Angular
+## Professional Grade UI Components
 
-This package is part of the [Kendo UI for Angular](http://www.telerik.com/kendo-angular-ui/) suite.
+This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/) and [KendoReact](https://www.telerik.com/kendo-react-ui/components/#react-components) suites.
 
 ## License
 
-This is commercial software. To use it, you need to agree to the [**Telerik End User License Agreement for Kendo UI Complete**](http://www.telerik.com/purchase/license-agreement/kendo-ui-complete). If you do not own a commercial license, this file shall be governed by the trial license terms.
+This is commercial software. To use it, you need to agree to the [**Telerik End User License Agreement for Kendo UI** (for Kendo UI for Angular)](http://www.telerik.com/purchase/license-agreement/kendo-ui) or to the [**End User License Agreement for Progress KendoReact** (for KendoReact)](https://www.telerik.com/purchase/license-agreement/progress-kendoreact). If you do not own a commercial license, this file shall be governed by the trial license terms.
 
 All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
+
+## Kendo UI for Angular Resources and Feedback
+
+- [Get Started](https://www.telerik.com/kendo-angular-ui/getting-started)
+- [Component References](https://www.telerik.com/kendo-angular-ui/components)
+- [Blogs](http://www.telerik.com/blogs/kendo-ui)
+- [FAQ](https://www.telerik.com/kendo-angular-ui/components/faq/)
+- [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
+- [Feedback Portal](http://kendoui-feedback.telerik.com/forums/555517-kendo-ui-for-angular-2-feedback)
+- [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
+
+## KendoReact Resources and Feedback
+
+- [Get Started](https://www.telerik.com/kendo-react-ui/getting-started)
+- [Component References](https://www.telerik.com/kendo-react-ui/components/#react-components)
+- [Blogs](http://www.telerik.com/blogs/kendo-ui)
+- [GitHub Issues](https://github.com/telerik/kendo-react/issues)
+- [Feedback Portal](http://kendoui-feedback.telerik.com/forums/908425-kendo-ui-for-react-feedback)
+- [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-react-ui)
+
+*Copyright © 2023 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
+
+*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/dist/es/utils.js

@@ -192,6 +192,12 @@ const createElement = function (name, className, styles) {
     Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
     return element;
 };
+const transforms = {
+    '0': '',
+    '90': 'rotate(90deg) translateY(-100%)',
+    '180': 'rotate(180deg) translate(-100%, -100%)',
+    '270': 'rotate(270deg) translateX(-100%)'
+};
 const renderPage = (page, zoom, error) => {
     const { canvasContext, viewport, pageElement, styles } = createCanvas(page, zoom, 'k-page');
     page.render({ canvasContext, viewport })
@@ -207,6 +213,11 @@ const renderPage = (page, zoom, error) => {
                 .promise.then(() => {
                 textLayer.style.width = textLayer.style.width.replace(/px/g, 'pt');
                 textLayer.style.height = textLayer.style.height.replace(/px/g, 'pt');
+                const rotation = textLayer.getAttribute('data-main-rotation') || '0';
+                if (transforms[rotation]) {
+                    textLayer.style.transform = transforms[rotation];
+                    textLayer.style.transformOrigin = 'top left';
+                }
                 textLayer.querySelectorAll('span').forEach((el) => {
                     if (el.style.fontSize) {
                         el.style.fontSize = el.style.fontSize.replace(/px/g, 'pt');

package/dist/es2015/utils.js

@@ -192,6 +192,12 @@ const createElement = function (name, className, styles) {
     Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
     return element;
 };
+const transforms = {
+    '0': '',
+    '90': 'rotate(90deg) translateY(-100%)',
+    '180': 'rotate(180deg) translate(-100%, -100%)',
+    '270': 'rotate(270deg) translateX(-100%)'
+};
 const renderPage = (page, zoom, error) => {
     const { canvasContext, viewport, pageElement, styles } = createCanvas(page, zoom, 'k-page');
     page.render({ canvasContext, viewport })
@@ -207,6 +213,11 @@ const renderPage = (page, zoom, error) => {
                 .promise.then(() => {
                 textLayer.style.width = textLayer.style.width.replace(/px/g, 'pt');
                 textLayer.style.height = textLayer.style.height.replace(/px/g, 'pt');
+                const rotation = textLayer.getAttribute('data-main-rotation') || '0';
+                if (transforms[rotation]) {
+                    textLayer.style.transform = transforms[rotation];
+                    textLayer.style.transformOrigin = 'top left';
+                }
                 textLayer.querySelectorAll('span').forEach((el) => {
                     if (el.style.fontSize) {
                         el.style.fontSize = el.style.fontSize.replace(/px/g, 'pt');

package/dist/npm/utils.js

@@ -194,6 +194,12 @@ const createElement = function (name, className, styles) {
     Object.keys(styles).forEach((key) => (element.style[key] = styles[key]));
     return element;
 };
+const transforms = {
+    '0': '',
+    '90': 'rotate(90deg) translateY(-100%)',
+    '180': 'rotate(180deg) translate(-100%, -100%)',
+    '270': 'rotate(270deg) translateX(-100%)'
+};
 const renderPage = (page, zoom, error) => {
     const { canvasContext, viewport, pageElement, styles } = createCanvas(page, zoom, 'k-page');
     page.render({ canvasContext, viewport })
@@ -209,6 +215,11 @@ const renderPage = (page, zoom, error) => {
                 .promise.then(() => {
                 textLayer.style.width = textLayer.style.width.replace(/px/g, 'pt');
                 textLayer.style.height = textLayer.style.height.replace(/px/g, 'pt');
+                const rotation = textLayer.getAttribute('data-main-rotation') || '0';
+                if (transforms[rotation]) {
+                    textLayer.style.transform = transforms[rotation];
+                    textLayer.style.transformOrigin = 'top left';
+                }
                 textLayer.querySelectorAll('span').forEach((el) => {
                     if (el.style.fontSize) {
                         el.style.fontSize = el.style.fontSize.replace(/px/g, 'pt');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-pdfviewer-common",
   "description": "Kendo UI TypeScript package exporting functions for PDFViewer component",
-  "version": "0.2.7-dev.202401031409",
+  "version": "0.2.8-dev.202401261100",
   "keywords": [
     "Kendo UI"
   ],