@progress/kendo-angular-common 23.3.0-develop.20 → 23.3.0-develop.21

package/fesm2022/progress-kendo-angular-common.mjs

@@ -558,17 +558,39 @@ class ResizeService {
 }
 
 // eslint-disable import/no-deprecated
-// TODO:NG13 CSP
-const div = (style) => {
+const applyStyles = (el, styles) => {
+    for (const prop in styles) {
+        el.style.setProperty(prop, styles[prop]);
+    }
+};
+const div = (styles) => {
     const el = document.createElement('div');
-    el.style.cssText = style;
+    applyStyles(el, styles);
     return el;
 };
 const computedProp = (elem, prop) => getComputedStyle(elem, null).getPropertyValue(prop);
-const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
+const WRAP_STYLES = {
+    'position': 'absolute',
+    'display': 'block',
+    'left': '0',
+    'top': '0',
+    'right': '0',
+    'bottom': '0',
+    'z-index': '-1',
+    'overflow': 'hidden',
+    'visibility': 'hidden'
+};
+const EXPAND_CHILD_STYLES = {
+    'position': 'absolute',
+    'left': '0',
+    'top': '0',
+    'transition': '0s'
+};
+const SHRINK_CHILD_STYLES = {
+    ...EXPAND_CHILD_STYLES,
+    'width': '200%',
+    'height': '200%'
+};
 class ResizeCompatService extends ResizeService {
     element;
     ngZone;
@@ -623,14 +645,14 @@ class ResizeCompatService extends ResizeService {
     }
     render() {
         const element = this.element?.nativeElement;
-        element.style.cssText = WRAP_STYLE;
+        applyStyles(element, WRAP_STYLES);
         element.setAttribute('dir', 'ltr');
-        this.expand = div(WRAP_STYLE);
-        this.expandChild = div(EXPAND_CHILD_STYLE);
+        this.expand = div(WRAP_STYLES);
+        this.expandChild = div(EXPAND_CHILD_STYLES);
         this.expand.appendChild(this.expandChild);
         element.appendChild(this.expand);
-        this.shrink = div(WRAP_STYLE);
-        const shrinkChild = div(SHRINK_CHILD_STYLE);
+        this.shrink = div(WRAP_STYLES);
+        const shrinkChild = div(SHRINK_CHILD_STYLES);
         this.shrink.appendChild(shrinkChild);
         element.appendChild(this.shrink);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "23.3.0-develop.20",
+  "version": "23.3.0-develop.21",
   "description": "Kendo UI for Angular - Utility Package",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.0-develop.20"
+    "@progress/kendo-angular-schematics": "23.3.0-develop.21"
   },
   "publishConfig": {
     "access": "public"