@progress/kendo-angular-pager 19.0.0-develop.9 → 19.0.0

package/esm2022/util.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { isDocumentAvailable } from "@progress/kendo-angular-common";
 /**
  * @hidden
  */
@@ -64,3 +65,54 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
  * @hidden
  */
 export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`\{\\s*${name}\\s*\}`, 'g'), value);
+/**
+ * @hidden
+ */
+export const calculatePadding = (element) => {
+    if (!element || !isDocumentAvailable()) {
+        return { padding: 0, gapNumbersSizes: 0, gapSizesInfo: 0 };
+    }
+    const computedStyle = window.getComputedStyle(element);
+    const paddingLeft = parseInt(computedStyle.paddingLeft, 10) || 0;
+    const paddingRight = parseInt(computedStyle.paddingRight, 10) || 0;
+    const padding = (paddingLeft + paddingRight) * 1.2; // account for rounding errors
+    const style = getComputedStyle(document.documentElement);
+    const gapNumbersSizes = 2 * (parseFloat(style.getPropertyValue('--kendo-spacing-3\\.5') || '0.875rem') * (parseFloat(getComputedStyle(document.documentElement).fontSize) || 16)); // convert rem to px
+    const gapSizesInfo = gapNumbersSizes;
+    return { padding, gapNumbersSizes, gapSizesInfo };
+};
+/**
+ * @hidden
+ */
+export const createMeasurementSpan = (renderer, container, className) => {
+    const span = renderer.createElement('span');
+    renderer.appendChild(container, span);
+    renderer.addClass(span, className);
+    return span;
+};
+/**
+ * @hidden
+ */
+export const copyComputedStyles = (renderer, source, destination) => {
+    const computedStyle = getComputedStyle(source);
+    const importantStyles = [
+        'font-family', 'font-size', 'font-weight', 'font-style',
+        'letter-spacing', 'text-transform', 'white-space', 'word-spacing',
+        'padding-left', 'padding-right', 'margin-left', 'margin-right',
+        'border-left-width', 'border-right-width', 'box-sizing'
+    ];
+    importantStyles.forEach(style => {
+        renderer.setStyle(destination, style, computedStyle.getPropertyValue(style));
+    });
+};
+/**
+ *
+ * @hidden
+ */
+export const positionOffScreen = (renderer, element) => {
+    renderer.setStyle(element, 'position', 'absolute');
+    renderer.setStyle(element, 'visibility', 'hidden');
+    renderer.setStyle(element, 'left', '-9999px');
+    renderer.setStyle(element, 'top', '-9999px');
+    renderer.setStyle(element, 'display', 'flex');
+};