@progress/kendo-angular-common 16.3.1-develop.2 → 16.4.0-develop.1

package/esm2020/utils/html-attributes.mjs

@@ -3,15 +3,14 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { isPresent } from "./ng-class-parser";
+import { take } from "rxjs/operators";
 /**
  * @hidden
  */
-export const setHTMLAttributes = (attributes, renderer, element) => {
-    for (const attribute in attributes) {
-        if (attribute && isPresent(attributes[attribute])) {
-            renderer.setAttribute(element, attribute, attributes[attribute]);
-        }
-    }
+export const setHTMLAttributes = (attributes, renderer, element, zone) => {
+    zone ? zone.onStable.pipe(take(1)).subscribe(() => {
+        applyAttributes(attributes, renderer, element);
+    }) : applyAttributes(attributes, renderer, element);
 };
 /**
  * @hidden
@@ -33,3 +32,13 @@ export const parseAttributes = (target, source) => {
     });
     return targetObj;
 };
+/**
+ * @hidden
+ */
+export const applyAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute && isPresent(attributes[attribute])) {
+            renderer.setAttribute(element, attribute, attributes[attribute]);
+        }
+    }
+};

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

@@ -5,10 +5,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Directive, Input, Output, NgModule, Injectable, Component, HostBinding, ViewChild, Optional, isDevMode } from '@angular/core';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
+import { take, auditTime } from 'rxjs/operators';
 import { Draggable } from '@progress/kendo-draggable';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { auditTime, take } from 'rxjs/operators';
 import { merge, fromEvent, from, Subscription } from 'rxjs';
 
 /**
@@ -140,12 +140,10 @@ const parseArrayClassNames = (value) => {
 /**
  * @hidden
  */
-const setHTMLAttributes = (attributes, renderer, element) => {
-    for (const attribute in attributes) {
-        if (attribute && isPresent(attributes[attribute])) {
-            renderer.setAttribute(element, attribute, attributes[attribute]);
-        }
-    }
+const setHTMLAttributes = (attributes, renderer, element, zone) => {
+    zone ? zone.onStable.pipe(take(1)).subscribe(() => {
+        applyAttributes(attributes, renderer, element);
+    }) : applyAttributes(attributes, renderer, element);
 };
 /**
  * @hidden
@@ -167,6 +165,16 @@ const parseAttributes = (target, source) => {
     });
     return targetObj;
 };
+/**
+ * @hidden
+ */
+const applyAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute && isPresent(attributes[attribute])) {
+            renderer.setAttribute(element, attribute, attributes[attribute]);
+        }
+    }
+};
 
 /**
  * @hidden
@@ -1448,5 +1456,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective, ToggleButtonTabStopModule, WatermarkModule, WatermarkOverlayComponent, anyChanged, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective, ToggleButtonTabStopModule, WatermarkModule, WatermarkOverlayComponent, anyChanged, applyAttributes, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
 

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

@@ -5,10 +5,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Directive, Input, Output, NgModule, Injectable, Component, HostBinding, ViewChild, Optional, isDevMode } from '@angular/core';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
+import { take, auditTime } from 'rxjs/operators';
 import { Draggable } from '@progress/kendo-draggable';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { auditTime, take } from 'rxjs/operators';
 import { merge, fromEvent, from, Subscription } from 'rxjs';
 
 /**
@@ -140,12 +140,10 @@ const parseArrayClassNames = (value) => {
 /**
  * @hidden
  */
-const setHTMLAttributes = (attributes, renderer, element) => {
-    for (const attribute in attributes) {
-        if (attribute && isPresent(attributes[attribute])) {
-            renderer.setAttribute(element, attribute, attributes[attribute]);
-        }
-    }
+const setHTMLAttributes = (attributes, renderer, element, zone) => {
+    zone ? zone.onStable.pipe(take(1)).subscribe(() => {
+        applyAttributes(attributes, renderer, element);
+    }) : applyAttributes(attributes, renderer, element);
 };
 /**
  * @hidden
@@ -167,6 +165,16 @@ const parseAttributes = (target, source) => {
     });
     return targetObj;
 };
+/**
+ * @hidden
+ */
+const applyAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute && isPresent(attributes[attribute])) {
+            renderer.setAttribute(element, attribute, attributes[attribute]);
+        }
+    }
+};
 
 /**
  * @hidden
@@ -1437,5 +1445,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective, ToggleButtonTabStopModule, WatermarkModule, WatermarkOverlayComponent, anyChanged, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, MultiTabStop, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, ToggleButtonTabStopDirective, ToggleButtonTabStopModule, WatermarkModule, WatermarkOverlayComponent, anyChanged, applyAttributes, closest, closestBySelector, closestInScope, contains, findElement, findFocusable, findFocusableChild, focusableSelector, guid, hasClasses, hasObservers, isChanged, isControlRequired, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isObjectPresent, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseAttributes, parseCSSClassNames, removeHTMLAttributes, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
 

package/package.json

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

package/utils/html-attributes.d.ts

@@ -2,13 +2,13 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Renderer2 } from "@angular/core";
+import { NgZone, Renderer2 } from "@angular/core";
 /**
  * @hidden
  */
 export declare const setHTMLAttributes: (attributes: {
     [key: string]: string;
-}, renderer: Renderer2, element: Element) => void;
+}, renderer: Renderer2, element: Element, zone?: NgZone) => void;
 /**
  * @hidden
  */
@@ -25,3 +25,9 @@ export declare const parseAttributes: (target: {
 }) => {
     [key: string]: string;
 };
+/**
+ * @hidden
+ */
+export declare const applyAttributes: (attributes: {
+    [key: string]: string;
+}, renderer: Renderer2, element: Element) => void;