@progress/kendo-angular-inputs 13.2.1-develop.11 → 13.2.1-develop.13

package/esm2020/colorpicker/utils/color-parser.mjs

@@ -0,0 +1,164 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { parseColor as parse, Color, namedColors as colors } from '@progress/kendo-drawing';
+import { isPresent, fitIntoBounds } from '../../common/utils';
+/**
+ * @hidden
+ *
+ * Returns the hex or rgba string representation of the color.
+ */
+export const parseColor = (value, format, opacityEnabled = false, safe = true) => {
+    const allowedFormats = ['hex', 'rgba', 'name'];
+    if (allowedFormats.indexOf(format) === -1) {
+        throw new Error(`Unsupported color output format '${format}'. The available options are 'hex', 'rgba' or 'name'.`);
+    }
+    if (!isPresent(value)) {
+        return;
+    }
+    if (format === 'name') {
+        return nameFormat(value, safe);
+    }
+    const parsedColor = parse(value.trim(), safe);
+    if (!isPresent(parsedColor)) {
+        return;
+    }
+    const parsedColorResult = format === 'hex' ? getHexValue(parsedColor, opacityEnabled) : parsedColor.toCssRgba();
+    return parsedColorResult;
+};
+/**
+ * @hidden
+ *
+ * Returns an HSV object representation of the color string.
+ */
+export const getHSV = (value, safe = true) => {
+    const parsed = parse(value, safe);
+    if (!isPresent(parsed)) {
+        return {};
+    }
+    return parsed.toHSV();
+};
+/**
+ * @hidden
+ *
+ * Returns an RGBA object representation of the color string.
+ */
+export const getRGBA = (value, safe = true) => {
+    const parsed = parse(value, safe);
+    if (!isPresent(parsed)) {
+        return {};
+    }
+    return parsed.toBytes();
+};
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color.
+ */
+export const getColorFromHSV = (hsva, format = 'rgba', opacityEnabled = false) => {
+    const hue = fitIntoBounds(hsva.h, 0, 359.9);
+    const saturation = fitIntoBounds(hsva.s, 0, 1);
+    const value = fitIntoBounds(hsva.v, 0, 1);
+    const alpha = fitIntoBounds(hsva.a, 0, 1);
+    const color = Color.fromHSV(hue, saturation, value, alpha);
+    return format === 'hex' ? getHexValue(color, opacityEnabled) : color.toCssRgba();
+};
+/**
+ * @hidden
+ *
+ * Returns the HEX value.
+ */
+export const getHexValue = (color, opacity) => {
+    return opacity && color.a < 1 ? color.toCss({ alpha: true }) : color.toCss();
+};
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color based on the `hue`, assuming the `value`, `saturation` and `alpha` have value of `1`.
+ */
+export const getColorFromHue = (hue) => {
+    return getColorFromHSV({ h: hue, s: 1, v: 1, a: 1 });
+};
+/**
+ * @hidden
+ *
+ * Returns the RGBA string representation of the color.
+ */
+export const getColorFromRGBA = (rgba) => {
+    const red = fitIntoBounds(rgba.r, 0, 255);
+    const green = fitIntoBounds(rgba.g, 0, 255);
+    const blue = fitIntoBounds(rgba.b, 0, 255);
+    const alpha = fitIntoBounds(rgba.a, 0, 1);
+    return Color.fromBytes(red, green, blue, alpha).toCssRgba();
+};
+/**
+ *
+ * @hidden
+ */
+export function nameFormat(value, safe) {
+    value = value.toLowerCase().trim();
+    if (isPresent(colors[value])) {
+        return value;
+    }
+    if (parse(value, safe)) {
+        value = parse(value, safe).toHex();
+    }
+    const key = Object.keys(colors).find(key => colors[key] === value);
+    if (!key && !safe) {
+        throw new Error(`The provided color ${value} is not supported for 'format="name"' property.To display ${value} color, the component 'format' property should be set to 'hex' or 'rgba' `);
+    }
+    return key;
+}
+/**
+ * @hidden
+ *
+ * Returns the RGB object representation of the color based on the background color.
+ */
+export const getRGBFromRGBA = (foregroundColor, backgroundColor) => {
+    const r1 = fitIntoBounds(foregroundColor.r, 0, 255);
+    const g1 = fitIntoBounds(foregroundColor.g, 0, 255);
+    const b1 = fitIntoBounds(foregroundColor.b, 0, 255);
+    const a1 = fitIntoBounds(foregroundColor.a, 0, 1);
+    const r2 = fitIntoBounds(backgroundColor.r, 0, 255);
+    const g2 = fitIntoBounds(backgroundColor.g, 0, 255);
+    const b2 = fitIntoBounds(backgroundColor.b, 0, 255);
+    return {
+        r: Math.round(((1 - a1) * r2) + (a1 * r1)),
+        g: Math.round(((1 - a1) * g2) + (a1 * g1)),
+        b: Math.round(((1 - a1) * b2) + (a1 * b1))
+    };
+};
+/**
+ * @hidden
+ *
+ * Returns the relative luminance.
+ */
+export const getLuminance = (rgb) => {
+    const a = [rgb.r, rgb.g, rgb.b].map(function (v) {
+        v /= 255;
+        return v <= 0.03928
+            ? v / 12.92
+            : Math.pow((v + 0.055) / 1.055, 2.4);
+    });
+    return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
+};
+/**
+ * @hidden
+ *
+ * Returns the color contrast.
+ */
+export const getContrast = (luminance1, luminance2) => {
+    const brightest = Math.max(luminance1, luminance2);
+    const darkest = Math.min(luminance1, luminance2);
+    return (brightest + 0.05)
+        / (darkest + 0.05);
+};
+/**
+ * @hidden
+ *
+ * Returns the color contrast from two RGBA colors.
+ */
+export const getContrastFromTwoRGBAs = (a, b) => {
+    return getContrast(getLuminance(getRGBFromRGBA(a, b)), getLuminance(getRGBFromRGBA(b, { r: 0, g: 0, b: 0, a: 1 })));
+};

package/esm2020/colorpicker/utils/contrast-curve.mjs

@@ -0,0 +1,85 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const bezierCommand = (controlPointCalc) => (point, i, a) => {
+    // start control point
+    const [cpsX, cpsY] = controlPointCalc(a[i - 1], a[i - 2], point);
+    // end control point
+    const [cpeX, cpeY] = controlPointCalc(point, a[i - 1], a[i + 1], true);
+    return `C ${cpsX},${cpsY} ${cpeX},${cpeY} ${point[0]},${point[1]}`;
+};
+/**
+ * @hidden
+ */
+export const controlPoint = (lineCalc) => (current, previous, next, reverse) => {
+    // when 'current' is the first or last point of the array
+    // 'previous' and 'next' are undefined
+    // replace with 'current'
+    const p = previous || current;
+    const n = next || current;
+    const smooth = 0.1;
+    // properties of the line between previous and next
+    const l = lineCalc(p, n);
+    // If is end-control-point, add PI to the angle to go backward
+    const angle = l.angle + (reverse ? Math.PI : 0);
+    const length = l.length * smooth;
+    // The control point position is relative to the current point
+    const x = current[0] + Math.cos(angle) * length;
+    const y = current[1] + Math.sin(angle) * length;
+    return [x, y];
+};
+/**
+ * @hidden
+ */
+export const line = (pointA, pointB) => {
+    const lengthX = pointB[0] - pointA[0];
+    const lengthY = pointB[1] - pointA[1];
+    return {
+        length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
+        angle: Math.atan2(lengthY, lengthX)
+    };
+};
+/**
+ * @hidden
+ */
+export const d = (points, command) => {
+    if (points.length === 0) {
+        return '';
+    }
+    // build the d attributes by looping over the points
+    const d = points.reduce((acc, point, i, a) => i === 0 ?
+        // if first point
+        `M ${point[0]},${point[1]}` :
+        // else
+        `${acc} ${command(point, i, a)}`, '');
+    return d;
+};
+/**
+ * @hidden
+ *
+ * Render the svg <path> element.
+ *
+ * @param points (array) Represents the points coordinates as an array of tuples.
+ * @param command (function) The command that is used (bezierCommand, lineCommand).
+ *      @param point (array) [x,y] Represents the current point coordinates.
+ *      @param i (integer) Represents the index of 'point' in the array 'a'.
+ *      @param a (array) Represents the complete array of points coordinates.
+ *      @output (string) a svg path command.
+ * @output (string) a Svg <path> element
+ */
+export const svgPath = (points, command) => {
+    if (points.length === 0) {
+        return '';
+    }
+    // build the d attributes by looping over the points
+    const d = points.reduce((acc, point, i, a) => i === 0 ?
+        // if first point
+        `M ${point[0]},${point[1]}` :
+        // else
+        `${acc} ${command(point, i, a)}`, '');
+    return d;
+};

package/esm2020/colorpicker/utils.mjs

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './utils/color-parser';
+export * from './utils/contrast-curve';

package/esm2020/colorpicker.module.mjs

@@ -0,0 +1,104 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PopupModule } from '@progress/kendo-angular-popup';
+import { DraggableModule } from '@progress/kendo-angular-common';
+import { SliderModule } from './slider.module';
+import { NumericTextBoxModule } from './numerictextbox.module';
+import { ColorPickerComponent } from './colorpicker/colorpicker.component';
+import { ColorPaletteComponent } from './colorpicker/color-palette.component';
+import { ColorGradientComponent } from './colorpicker/color-gradient.component';
+import { ColorInputComponent } from './colorpicker/color-input.component';
+import { FlatColorPickerHeaderComponent } from './colorpicker/flatcolorpicker-header.component';
+import { FlatColorPickerActionButtonsComponent } from './colorpicker/flatcolorpicker-actions.component';
+import { FlatColorPickerComponent } from './colorpicker/flatcolorpicker.component';
+import { ColorPickerCustomMessagesComponent } from './colorpicker/localization/custom-messages.component';
+import { LocalizedColorPickerMessagesDirective } from './colorpicker/localization/localized-colorpicker-messages.directive';
+import { FocusOnDomReadyDirective } from './colorpicker/focus-on-dom-ready.directive';
+import { ContrastValidationComponent } from './colorpicker/contrast-validation.component';
+import { ContrastComponent } from './colorpicker/contrast.component';
+import { ColorContrastSvgComponent } from './colorpicker/color-contrast-svg.component';
+import { NumericLabelDirective } from './colorpicker/color-gradient-numeric-label.directive';
+import { ButtonModule } from '@progress/kendo-angular-buttons';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import * as i0 from "@angular/core";
+const PUBLIC_DIRECTIVES = [
+    ColorPickerComponent,
+    ColorPaletteComponent,
+    ColorGradientComponent,
+    FlatColorPickerComponent,
+    LocalizedColorPickerMessagesDirective,
+    ColorPickerCustomMessagesComponent
+];
+const INTERNAL_DIRECTIVES = [
+    NumericLabelDirective,
+    ColorInputComponent,
+    FocusOnDomReadyDirective,
+    ContrastComponent,
+    ContrastValidationComponent,
+    FlatColorPickerHeaderComponent,
+    FlatColorPickerActionButtonsComponent,
+    ColorContrastSvgComponent
+];
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the ColorPicker.
+ */
+export class ColorPickerModule {
+}
+ColorPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColorPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ColorPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColorPickerModule, declarations: [ColorPickerComponent,
+        ColorPaletteComponent,
+        ColorGradientComponent,
+        FlatColorPickerComponent,
+        LocalizedColorPickerMessagesDirective,
+        ColorPickerCustomMessagesComponent, NumericLabelDirective,
+        ColorInputComponent,
+        FocusOnDomReadyDirective,
+        ContrastComponent,
+        ContrastValidationComponent,
+        FlatColorPickerHeaderComponent,
+        FlatColorPickerActionButtonsComponent,
+        ColorContrastSvgComponent], imports: [SliderModule,
+        NumericTextBoxModule,
+        CommonModule,
+        PopupModule,
+        DraggableModule,
+        ButtonModule,
+        IconsModule], exports: [ColorPickerComponent,
+        ColorPaletteComponent,
+        ColorGradientComponent,
+        FlatColorPickerComponent,
+        LocalizedColorPickerMessagesDirective,
+        ColorPickerCustomMessagesComponent] });
+ColorPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColorPickerModule, imports: [[
+            SliderModule,
+            NumericTextBoxModule,
+            CommonModule,
+            PopupModule,
+            DraggableModule,
+            ButtonModule,
+            IconsModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColorPickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        PUBLIC_DIRECTIVES,
+                        INTERNAL_DIRECTIVES
+                    ],
+                    exports: [PUBLIC_DIRECTIVES],
+                    imports: [
+                        SliderModule,
+                        NumericTextBoxModule,
+                        CommonModule,
+                        PopupModule,
+                        DraggableModule,
+                        ButtonModule,
+                        IconsModule
+                    ]
+                }]
+        }] });

package/esm2020/common/dom-utils.mjs

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+const UNTOUCHED = 'ng-untouched';
+const toClassList = (classNames) => String(classNames).trim().split(' ');
+/**
+ * @hidden
+ */
+export const hasClass = (element, className) => Boolean(toClassList(element.className).find((name) => name === className));
+/**
+ * @hidden
+ */
+export function invokeElementMethod(element, name, ...args) {
+    if (element && element.nativeElement) {
+        // eslint-disable-next-line prefer-spread
+        return element.nativeElement[name].apply(element.nativeElement, args);
+    }
+}
+/**
+ * @hidden
+ */
+export const isUntouched = (element) => element && element.nativeElement && hasClass(element.nativeElement, UNTOUCHED);
+/**
+ * @hidden
+ */
+export const containsFocus = (hostElement, contender) => hostElement && contender && (hostElement === contender || hostElement.contains(contender));
+/**
+ * @hidden
+ */
+export const closest = (node, predicate) => {
+    while (node && !predicate(node)) {
+        node = node.parentNode;
+    }
+    return node;
+};

package/esm2020/common/math.mjs

@@ -0,0 +1,65 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+const MAX_PRECISION = 20;
+/**
+ * @hidden
+ */
+export const limitPrecision = (precision) => Math.min(precision, MAX_PRECISION);
+/**
+ * @hidden
+ */
+export const fractionLength = (value) => {
+    return (String(value).split('.')[1] || "").length;
+};
+const maxFractionLength = (value1, value2) => {
+    return Math.max(fractionLength(value1), fractionLength(value2));
+};
+/**
+ * @hidden
+ */
+export const toFixedPrecision = (value, precision) => {
+    const maxPrecision = limitPrecision(precision);
+    return parseFloat(value.toFixed(maxPrecision));
+};
+/**
+ * @hidden
+ */
+export const add = (value1, value2) => {
+    const maxPrecision = maxFractionLength(value1, value2);
+    return toFixedPrecision(value1 + value2, maxPrecision);
+};
+/**
+ * @hidden
+ */
+export const subtract = (value1, value2) => {
+    return add(value1, -value2);
+};
+/**
+ * @hidden
+ */
+export const multiply = (value1, value2) => {
+    const maxPrecision = fractionLength(value1) + fractionLength(value2);
+    return toFixedPrecision(value1 * value2, maxPrecision);
+};
+/**
+ * @hidden
+ */
+export const divide = (dividend, divisor) => {
+    if (divisor === 0) {
+        return NaN;
+    }
+    const power = maxFractionLength(dividend, divisor);
+    const correctionValue = Math.pow(10, power);
+    return ((correctionValue * dividend) / (correctionValue * divisor));
+};
+/**
+ * @hidden
+ */
+export const remainder = (dividend, divisor) => {
+    return Math.abs(subtract(dividend, multiply(divisor, Math.floor(divide(dividend, divisor)))));
+};

package/esm2020/common/models/fillmode.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/common/models/rounded.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/common/models/size.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/common/models/styling-classes.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/common/models.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './models/fillmode';
+export * from './models/rounded';
+export * from './models/size';
+export * from './models/styling-classes';

package/esm2020/common/utils.mjs

@@ -0,0 +1,81 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ *
+ * Checks if the value is `null` or `undefined`. Falsy values like '', 0, false, NaN, etc. are regarded as present.
+ */
+export const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * @hidden
+ */
+export const areSame = (value1, value2) => value1 === value2 || (value1 === null && value2 === undefined) || (value1 === undefined && value2 === null);
+/**
+ * @hidden
+ */
+export const requiresZoneOnBlur = (ngControl) => ngControl &&
+    (!ngControl.touched || (ngControl.control && ngControl.control.updateOn === 'blur'));
+/**
+ * @hidden
+ *
+ * Fits the contender number into the specified bounds. If the number is NaN or null, the min is returned.
+ *
+ * @param contender Represents the number you want to fit into specified bounds.
+ * @param min The inclusive lower bound number.
+ * @param max The inclusive upper bound number.
+ */
+export const fitIntoBounds = (contender, min, max) => {
+    if (!isPresent(contender) || isNaN(contender)) {
+        return min;
+    }
+    return contender <= min ? min : contender >= max ? max : contender;
+};
+/**
+ * @hidden
+ */
+export const SIZE_MAP = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg'
+};
+/**
+ * @hidden
+ */
+export const ROUNDED_MAP = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg',
+    full: 'full'
+};
+/**
+ * @hidden
+ */
+export const isNone = (style) => style === 'none';
+/**
+ * @hidden
+ *
+ * Returns the styling classes to be added and removed
+ */
+export const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
+    switch (stylingOption) {
+        case 'size':
+            return {
+                toRemove: `k-${componentType}-${SIZE_MAP[previousValue]}`,
+                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZE_MAP[newValue]}` : ''
+            };
+        case 'rounded':
+            return {
+                toRemove: `k-rounded-${ROUNDED_MAP[previousValue]}`,
+                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDED_MAP[newValue]}` : ''
+            };
+        case 'fillMode':
+            return {
+                toRemove: `k-${componentType}-${previousValue}`,
+                toAdd: newValue !== 'none' ? `k-${componentType}-${newValue}` : ''
+            };
+        default:
+            break;
+    }
+};

package/esm2020/formfield/error.component.mjs

@@ -0,0 +1,68 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+let serial = 0;
+/**
+ * Represents an error message that will be shown underneath
+ * a Kendo control or native HTML form-bound component after a validation.
+ */
+export class ErrorComponent {
+    constructor() {
+        this.hostClass = true;
+        /**
+         * Specifies the alignment of the Error message.
+         *
+         * The possible values are:
+         * * (Default) `start`
+         * * `end`
+         */
+        this.align = 'start';
+        /**
+         * @hidden
+         */
+        this.id = `kendo-error-${serial++}`;
+        this.roleAttribute = 'alert';
+    }
+    get startClass() {
+        return this.align === 'start';
+    }
+    get endClass() {
+        return this.align === 'end';
+    }
+    get idAttribute() {
+        return this.id;
+    }
+}
+ErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ErrorComponent, selector: "kendo-formerror", inputs: { align: "align" }, host: { properties: { "class.k-form-error": "this.hostClass", "attr.role": "this.roleAttribute", "class.k-text-start": "this.startClass", "class.k-text-end": "this.endClass", "attr.id": "this.idAttribute" } }, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-formerror',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-form-error']
+            }], align: [{
+                type: Input
+            }], roleAttribute: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], startClass: [{
+                type: HostBinding,
+                args: ['class.k-text-start']
+            }], endClass: [{
+                type: HostBinding,
+                args: ['class.k-text-end']
+            }], idAttribute: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }] } });