@progress/kendo-angular-inputs/form/utils.d.ts

Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, Te

/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Gutters } from '../common/models/gutters';
import { ResponsiveFormBreakPoint } from '../common/models/responsive-breakpoints';
/**
 * @hidden
 */
export declare const DEFAULT_FORM_GUTTERS: Gutters;
/**
 * @hidden
 */
export declare const DEFAULT_FORMFIELDSET_GUTTERS: Gutters;
/**
 * @hidden
 */
export declare function innerWidth(element: HTMLElement): number;
/**
 * @hidden
 */
export declare function processBreakpoints(breakpoints: ResponsiveFormBreakPoint[], containerWidth: number): number | string;
/**
 * @hidden
 */
export declare const calculateColumns: (cols: number | ResponsiveFormBreakPoint[] | undefined, containerWidth: number) => number | null;
/**
 * @hidden
 *
 * Calculates gutters for rows and columns based on responsive breakpoints or fixed values
 */
export declare const calculateGutters: (gutters: number | string | ResponsiveFormBreakPoint[] | Gutters | undefined, containerWidth: number) => {
    cols: number | string;
    rows: number | string;
} | null;
/**
 * @hidden
 *
 * Calculates column span value based on responsive breakpoints or fixed number
 */
export declare const calculateColSpan: (colSpan: number | ResponsiveFormBreakPoint[], containerWidth: number) => number | null;
/**
 * @hidden
 *
 * Generates CSS class names for columns
 */
export declare const generateColumnClass: (columnsNumber: number | null) => string;
/**
 * @hidden
 *
 * Generates CSS styles for gutters based on the provided gutters object.
 */
export declare const generateGuttersStyling: (gutters: {
    cols?: number | string;
    rows?: number | string;
} | null, defaultGutters?: Gutters) => string;
/**
 * @hidden
 *
 * Generates CSS class name for column span
 */
export declare const generateColSpanClass: (colSpan: number | null) => string;