@progress/kendo-angular-common 15.4.0 → 15.5.0-develop.10

package/{utils/set-html-attributes.d.ts → esm2020/utils/forms-utils.mjs}

@@ -2,10 +2,12 @@
 * 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";
 /**
  * @hidden
  */
-export declare const setHTMLAttributes: (attributes: {
-    [key: string]: string;
-}, renderer: Renderer2, element: Element) => void;
+export const isControlRequired = (control) => {
+    if (!control?.validator) {
+        return false;
+    }
+    return control.validator({})?.hasOwnProperty('required');
+};

package/esm2020/utils/html-attributes.mjs

@@ -0,0 +1,35 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { isPresent } from "./ng-class-parser";
+/**
+ * @hidden
+ */
+export const setHTMLAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute && isPresent(attributes[attribute])) {
+            renderer.setAttribute(element, attribute, attributes[attribute]);
+        }
+    }
+};
+/**
+ * @hidden
+ */
+export const removeHTMLAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute) {
+            renderer.removeAttribute(element, attribute);
+        }
+    }
+};
+/**
+ * @hidden
+ */
+export const parseAttributes = (target, source) => {
+    const targetObj = target;
+    Object.keys(source).forEach(key => {
+        delete targetObj[key];
+    });
+    return targetObj;
+};

package/esm2020/utils/ng-class-parser.mjs

@@ -7,6 +7,12 @@
  * @hidden
  */
 export const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * @hidden
+ */
+export const isObjectPresent = (value) => {
+    return isObject(value) && Object.keys(value).length > 0;
+};
 /**
  * @hidden
  */

package/esm2020/utils.mjs

@@ -8,4 +8,5 @@ export { anyChanged } from './utils/any-changed';
 export { hasObservers } from './utils/has-observers';
 export { guid } from './utils/guid';
 export { isSafari, isFirefox } from './utils/detect-browser';
-export { setHTMLAttributes } from './utils/set-html-attributes';
+export * from './utils/html-attributes';
+export { isControlRequired } from './utils/forms-utils';

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

@@ -69,16 +69,115 @@ const isFirefox = (userAgent) => {
     return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * @hidden
+ */
+const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * @hidden
+ */
+const isObjectPresent = (value) => {
+    return isObject(value) && Object.keys(value).length > 0;
+};
+/**
+ * @hidden
+ */
+const isString = (value) => value instanceof String || typeof value === 'string';
+/**
+ * @hidden
+ */
+const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
+/**
+ * @hidden
+ */
+const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
+/**
+ * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
+ *
+ * @hidden
+ */
+const parseCSSClassNames = (value) => {
+    if (Array.isArray(value)) {
+        return parseArrayClassNames(value);
+    }
+    if (isObject(value)) {
+        return parseObjectClassNames(value);
+    }
+    if (isString(value)) {
+        return parseStringClassNames(value);
+    }
+};
+const parseObjectClassNames = (value) => {
+    const classes = [];
+    Object.keys(value).forEach((className) => {
+        const currentClassName = splitStringToArray(className);
+        if (value[className] && currentClassName.length) {
+            classes.push(...currentClassName);
+        }
+    });
+    return classes;
+};
+const parseStringClassNames = (value) => {
+    const classes = [];
+    const classesArray = splitStringToArray(value);
+    classesArray.forEach((className) => {
+        classes.push(className);
+    });
+    return classes;
+};
+const parseArrayClassNames = (value) => {
+    const classes = [];
+    value.forEach((className) => {
+        const current = splitStringToArray(className);
+        if (current[0]) {
+            classes.push(...current);
+        }
+    });
+    return classes;
+};
+
 /**
  * @hidden
  */
 const setHTMLAttributes = (attributes, renderer, element) => {
     for (const attribute in attributes) {
-        if (attribute) {
+        if (attribute && isPresent(attributes[attribute])) {
             renderer.setAttribute(element, attribute, attributes[attribute]);
         }
     }
 };
+/**
+ * @hidden
+ */
+const removeHTMLAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute) {
+            renderer.removeAttribute(element, attribute);
+        }
+    }
+};
+/**
+ * @hidden
+ */
+const parseAttributes = (target, source) => {
+    const targetObj = target;
+    Object.keys(source).forEach(key => {
+        delete targetObj[key];
+    });
+    return targetObj;
+};
+
+/**
+ * @hidden
+ */
+const isControlRequired = (control) => {
+    var _a;
+    if (!(control === null || control === void 0 ? void 0 : control.validator)) {
+        return false;
+    }
+    return (_a = control.validator({})) === null || _a === void 0 ? void 0 : _a.hasOwnProperty('required');
+};
 
 class DraggableDirective {
     constructor(element, ngZone) {
@@ -751,68 +850,6 @@ const focusableSelector = [
     '*[contenteditable]:not([tabindex^="-"]):not([disabled]):not([contenteditable="false"])'
 ].join(',');
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * @hidden
- */
-const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-const isString = (value) => value instanceof String || typeof value === 'string';
-/**
- * @hidden
- */
-const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
-/**
- * @hidden
- */
-const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
-/**
- * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
- *
- * @hidden
- */
-const parseCSSClassNames = (value) => {
-    if (Array.isArray(value)) {
-        return parseArrayClassNames(value);
-    }
-    if (isObject(value)) {
-        return parseObjectClassNames(value);
-    }
-    if (isString(value)) {
-        return parseStringClassNames(value);
-    }
-};
-const parseObjectClassNames = (value) => {
-    const classes = [];
-    Object.keys(value).forEach((className) => {
-        const currentClassName = splitStringToArray(className);
-        if (value[className] && currentClassName.length) {
-            classes.push(...currentClassName);
-        }
-    });
-    return classes;
-};
-const parseStringClassNames = (value) => {
-    const classes = [];
-    const classesArray = splitStringToArray(value);
-    classesArray.forEach((className) => {
-        classes.push(className);
-    });
-    return classes;
-};
-const parseArrayClassNames = (value) => {
-    const classes = [];
-    value.forEach((className) => {
-        const current = splitStringToArray(className);
-        if (current[0]) {
-            classes.push(...current);
-        }
-    });
-    return classes;
-};
-
 /**
  * @hidden
  */
@@ -1366,5 +1403,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, 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, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseCSSClassNames, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, 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 };
 

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

@@ -69,16 +69,114 @@ const isFirefox = (userAgent) => {
     return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
 };
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ * @hidden
+ */
+const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * @hidden
+ */
+const isObjectPresent = (value) => {
+    return isObject(value) && Object.keys(value).length > 0;
+};
+/**
+ * @hidden
+ */
+const isString = (value) => value instanceof String || typeof value === 'string';
+/**
+ * @hidden
+ */
+const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
+/**
+ * @hidden
+ */
+const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
+/**
+ * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
+ *
+ * @hidden
+ */
+const parseCSSClassNames = (value) => {
+    if (Array.isArray(value)) {
+        return parseArrayClassNames(value);
+    }
+    if (isObject(value)) {
+        return parseObjectClassNames(value);
+    }
+    if (isString(value)) {
+        return parseStringClassNames(value);
+    }
+};
+const parseObjectClassNames = (value) => {
+    const classes = [];
+    Object.keys(value).forEach((className) => {
+        const currentClassName = splitStringToArray(className);
+        if (value[className] && currentClassName.length) {
+            classes.push(...currentClassName);
+        }
+    });
+    return classes;
+};
+const parseStringClassNames = (value) => {
+    const classes = [];
+    const classesArray = splitStringToArray(value);
+    classesArray.forEach((className) => {
+        classes.push(className);
+    });
+    return classes;
+};
+const parseArrayClassNames = (value) => {
+    const classes = [];
+    value.forEach((className) => {
+        const current = splitStringToArray(className);
+        if (current[0]) {
+            classes.push(...current);
+        }
+    });
+    return classes;
+};
+
 /**
  * @hidden
  */
 const setHTMLAttributes = (attributes, renderer, element) => {
     for (const attribute in attributes) {
-        if (attribute) {
+        if (attribute && isPresent(attributes[attribute])) {
             renderer.setAttribute(element, attribute, attributes[attribute]);
         }
     }
 };
+/**
+ * @hidden
+ */
+const removeHTMLAttributes = (attributes, renderer, element) => {
+    for (const attribute in attributes) {
+        if (attribute) {
+            renderer.removeAttribute(element, attribute);
+        }
+    }
+};
+/**
+ * @hidden
+ */
+const parseAttributes = (target, source) => {
+    const targetObj = target;
+    Object.keys(source).forEach(key => {
+        delete targetObj[key];
+    });
+    return targetObj;
+};
+
+/**
+ * @hidden
+ */
+const isControlRequired = (control) => {
+    if (!control?.validator) {
+        return false;
+    }
+    return control.validator({})?.hasOwnProperty('required');
+};
 
 class DraggableDirective {
     constructor(element, ngZone) {
@@ -747,68 +845,6 @@ const focusableSelector = [
     '*[contenteditable]:not([tabindex^="-"]):not([disabled]):not([contenteditable="false"])'
 ].join(',');
 
-/* eslint-disable @typescript-eslint/no-explicit-any */
-/**
- * @hidden
- */
-const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-const isString = (value) => value instanceof String || typeof value === 'string';
-/**
- * @hidden
- */
-const isObject = (value) => isPresent(value) && !Array.isArray(value) && typeof value === 'object';
-/**
- * @hidden
- */
-const splitStringToArray = (value) => value.trim().replace(/\s+/g, " ").split(' ');
-/**
- * Receives CSS class declarations either as an object, string or array and returns an array of the class names.
- *
- * @hidden
- */
-const parseCSSClassNames = (value) => {
-    if (Array.isArray(value)) {
-        return parseArrayClassNames(value);
-    }
-    if (isObject(value)) {
-        return parseObjectClassNames(value);
-    }
-    if (isString(value)) {
-        return parseStringClassNames(value);
-    }
-};
-const parseObjectClassNames = (value) => {
-    const classes = [];
-    Object.keys(value).forEach((className) => {
-        const currentClassName = splitStringToArray(className);
-        if (value[className] && currentClassName.length) {
-            classes.push(...currentClassName);
-        }
-    });
-    return classes;
-};
-const parseStringClassNames = (value) => {
-    const classes = [];
-    const classesArray = splitStringToArray(value);
-    classesArray.forEach((className) => {
-        classes.push(className);
-    });
-    return classes;
-};
-const parseArrayClassNames = (value) => {
-    const classes = [];
-    value.forEach((className) => {
-        const current = splitStringToArray(className);
-        if (current[0]) {
-            classes.push(...current);
-        }
-    });
-    return classes;
-};
-
 /**
  * @hidden
  */
@@ -1357,5 +1393,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, 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, isDocumentAvailable, isFirefox, isFocusable, isFocusableWithTabKey, isObject, isPresent, isSafari, isString, isVisible, matchesClasses, matchesNodeName, parseCSSClassNames, rtlScrollPosition, scrollbarWidth, setHTMLAttributes, shouldShowValidationUI, splitStringToArray };
+export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, 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 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "15.4.0",
+  "version": "15.5.0-develop.10",
   "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": "15.4.0"
+    "@progress/kendo-angular-schematics": "15.5.0-develop.10"
   },
   "publishConfig": {
     "access": "public"

package/{esm2020/utils/set-html-attributes.mjs → utils/forms-utils.d.ts}

@@ -2,13 +2,8 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { AbstractControl } from "@angular/forms";
 /**
  * @hidden
  */
-export const setHTMLAttributes = (attributes, renderer, element) => {
-    for (const attribute in attributes) {
-        if (attribute) {
-            renderer.setAttribute(element, attribute, attributes[attribute]);
-        }
-    }
-};
+export declare const isControlRequired: (control: AbstractControl) => boolean;

package/utils/html-attributes.d.ts

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* 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";
+/**
+ * @hidden
+ */
+export declare const setHTMLAttributes: (attributes: {
+    [key: string]: string;
+}, renderer: Renderer2, element: Element) => void;
+/**
+ * @hidden
+ */
+export declare const removeHTMLAttributes: (attributes: {
+    [key: string]: string;
+}, renderer: Renderer2, element: Element) => void;
+/**
+ * @hidden
+ */
+export declare const parseAttributes: (target: {
+    [key: string]: string;
+}, source: {
+    [key: string]: string;
+}) => {
+    [key: string]: string;
+};

package/utils/ng-class-parser.d.ts

@@ -6,6 +6,10 @@
  * @hidden
  */
 export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isObjectPresent: (value: any) => boolean;
 /**
  * @hidden
  */

package/utils.d.ts

@@ -8,4 +8,5 @@ export { anyChanged } from './utils/any-changed';
 export { hasObservers } from './utils/has-observers';
 export { guid } from './utils/guid';
 export { isSafari, isFirefox } from './utils/detect-browser';
-export { setHTMLAttributes } from './utils/set-html-attributes';
+export * from './utils/html-attributes';
+export { isControlRequired } from './utils/forms-utils';