@progress/kendo-angular-inputs 21.4.1 → 22.0.0-develop.1

package/esm2022/directives.mjs

@@ -1,430 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent } from "@progress/kendo-angular-common";
-import { CheckBoxComponent } from "./checkbox/checkbox.component";
-import { CheckBoxDirective } from "./checkbox/checkbox.directive";
-import { ColorGradientComponent } from "./colorpicker/color-gradient.component";
-import { ColorPaletteComponent } from "./colorpicker/color-palette.component";
-import { ColorPickerComponent } from "./colorpicker/colorpicker.component";
-import { FlatColorPickerComponent } from "./colorpicker/flatcolorpicker.component";
-import { ColorPickerCustomMessagesComponent } from "./colorpicker/localization/custom-messages.component";
-import { ErrorComponent } from "./formfield/error.component";
-import { FormFieldComponent } from "./formfield/formfield.component";
-import { HintComponent } from "./formfield/hint.component";
-import { MaskedTextBoxComponent } from "./maskedtextbox/maskedtextbox.component";
-import { NumericTextBoxCustomMessagesComponent } from "./numerictextbox/localization/custom-messages.component";
-import { NumericTextBoxComponent } from "./numerictextbox/numerictextbox.component";
-import { RadioButtonComponent } from "./radiobutton/radiobutton.component";
-import { RadioButtonDirective } from "./radiobutton/radiobutton.directive";
-import { RangeSliderCustomMessagesComponent } from "./rangeslider/localization/custom-messages.component";
-import { RangeSliderComponent } from "./rangeslider/rangeslider.component";
-import { RatingHoveredItemTemplateDirective } from "./rating/directives/rating-hovered-item.directive";
-import { RatingItemTemplateDirective } from "./rating/directives/rating-item.directive";
-import { RatingSelectedItemTemplateDirective } from "./rating/directives/rating-selected-item.directive";
-import { RatingComponent } from "./rating/rating.component";
-import { InputSeparatorComponent } from "./shared/input-separator.component";
-import { InputSpacerComponent } from "./shared/input-spacer.component";
-import { TextAreaDirective } from "./textarea/textarea.directive";
-import { SignatureCustomMessagesComponent } from "./signature/localization/custom-messages.component";
-import { SignatureComponent } from "./signature/signature.component";
-import { SliderCustomMessagesComponent } from "./slider/localization/custom-messages.component";
-import { SliderComponent } from "./slider/slider.component";
-import { LabelTemplateDirective } from "./sliders-common/label-template.directive";
-import { SwitchCustomMessagesComponent } from "./switch/localization/custom-messages.component";
-import { SwitchComponent } from "./switch/switch.component";
-import { TextAreaPrefixComponent } from "./textarea/textarea-prefix.component";
-import { TextAreaSuffixComponent } from "./textarea/textarea-suffix.component";
-import { TextAreaComponent } from "./textarea/textarea.component";
-import { TextBoxCustomMessagesComponent } from "./textbox/localization/custom-messages.component";
-import { TextBoxPrefixTemplateDirective } from "./textbox/textbox-prefix.directive";
-import { TextBoxSuffixTemplateDirective } from "./textbox/textbox-suffix.directive";
-import { TextBoxComponent } from "./textbox/textbox.component";
-import { TextBoxDirective } from "./textbox/textbox.directive";
-import { OTPInputComponent } from "./otpinput/otpinput.component";
-import { OTPInputCustomMessagesComponent } from "./otpinput/localization/custom-messages.component";
-import { FormComponent } from "./form/form.component";
-import { FormSeparatorComponent } from "./form/formseparator.component";
-import { FormFieldSetComponent } from "./formfieldset/formfieldset.component";
-/**
- * Use the `KENDO_TEXTBOX` utility array to add all TextBox-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_TEXTBOX } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_TEXTBOX],
- *   template: `<kendo-textbox></kendo-textbox>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_TEXTBOX = [
-    TextBoxDirective,
-    TextBoxComponent,
-    InputSeparatorComponent,
-    InputSpacerComponent,
-    TextBoxSuffixTemplateDirective,
-    TextBoxPrefixTemplateDirective,
-    TextBoxCustomMessagesComponent,
-    PrefixTemplateDirective,
-    SuffixTemplateDirective,
-    SeparatorComponent
-];
-/**
- * Use the `KENDO_NUMERICTEXTBOX` utility array to add all NumericTextBox-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_NUMERICTEXTBOX } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_NUMERICTEXTBOX],
- *   template: `<kendo-numerictextbox></kendo-numerictextbox>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_NUMERICTEXTBOX = [
-    NumericTextBoxComponent,
-    NumericTextBoxCustomMessagesComponent,
-    PrefixTemplateDirective,
-    SuffixTemplateDirective,
-    SeparatorComponent
-];
-/**
- * Use the `KENDO_MASKEDTEXTBOX` utility array to add all MaskedTextBox-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_MASKEDTEXTBOX } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_MASKEDTEXTBOX],
- *   template: `<kendo-maskedtextbox></kendo-maskedtextbox>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_MASKEDTEXTBOX = [
-    MaskedTextBoxComponent,
-    PrefixTemplateDirective,
-    SuffixTemplateDirective,
-    SeparatorComponent
-];
-/**
- * Use the `KENDO_OTPINPUT` utility array to add all OTPInput-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_OTPINPUT } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_OTPINPUT],
- *   template: `<kendo-otpinput></kendo-otpinput>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_OTPINPUT = [
-    OTPInputComponent,
-    OTPInputCustomMessagesComponent
-];
-/**
- * Use the `KENDO_TEXTAREA` utility array to add all TextArea-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_TEXTAREA } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_TEXTAREA],
- *   template: `<kendo-textarea></kendo-textarea>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_TEXTAREA = [
-    TextAreaComponent,
-    TextAreaDirective,
-    TextAreaPrefixComponent,
-    TextAreaSuffixComponent,
-    SeparatorComponent
-];
-/**
- * Use the `KENDO_CHECKBOX` utility array to add all CheckBox-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_CHECKBOX } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_CHECKBOX],
- *   template: `<kendo-checkbox></kendo-checkbox>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_CHECKBOX = [
-    CheckBoxComponent,
-    CheckBoxDirective
-];
-/**
- * Use the `KENDO_RADIOBUTTON` utility array to add all RadioButton-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_RADIOBUTTON } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_RADIOBUTTON],
- *   template: `<kendo-radiobutton></kendo-radiobutton>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_RADIOBUTTON = [
-    RadioButtonComponent,
-    RadioButtonDirective
-];
-/**
- * Use the `KENDO_SWITCH` utility array to add all Switch-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_SWITCH } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_SWITCH],
- *   template: `<kendo-switch></kendo-switch>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_SWITCH = [
-    SwitchComponent,
-    SwitchCustomMessagesComponent
-];
-/**
- * Use the `KENDO_FORMFIELD` utility array to add all FormField-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_FORMFIELD } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_FORMFIELD],
- *   template: `<kendo-formfield></kendo-formfield>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_FORMFIELD = [
-    FormFieldComponent,
-    HintComponent,
-    ErrorComponent
-];
-/**
- * Use the `KENDO_FORM` utility array to add all Form-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_FORM } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_FORM],
- *   template: `<form kendoForm>...</form>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_FORM = [
-    FormComponent,
-    FormSeparatorComponent,
-    FormFieldSetComponent,
-    ...KENDO_FORMFIELD
-];
-/**
- * Use the `KENDO_SLIDER` utility array to add all Slider-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_SLIDER } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_SLIDER],
- *   template: `<kendo-slider></kendo-slider>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_SLIDER = [
-    SliderComponent,
-    SliderCustomMessagesComponent,
-    LabelTemplateDirective,
-];
-/**
- * Use the `KENDO_RANGESLIDER` utility array to add all RangeSlider-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_RANGESLIDER } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_RANGESLIDER],
- *   template: `<kendo-rangeslider></kendo-rangeslider>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_RANGESLIDER = [
-    RangeSliderComponent,
-    RangeSliderCustomMessagesComponent,
-    LabelTemplateDirective
-];
-/**
- * Use the `KENDO_RATING` utility array to add all Rating-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_RATING } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_RATING],
- *   template: `<kendo-rating></kendo-rating>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_RATING = [
-    RatingComponent,
-    RatingItemTemplateDirective,
-    RatingHoveredItemTemplateDirective,
-    RatingSelectedItemTemplateDirective
-];
-/**
- * Use the `KENDO_SIGNATURE` utility array to add all Signature-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_SIGNATURE } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_SIGNATURE],
- *   template: `<kendo-signature></kendo-signature>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_SIGNATURE = [
-    SignatureComponent,
-    SignatureCustomMessagesComponent
-];
-/**
- * Use the `KENDO_COLORPICKER` utility array to add all ColorPicker-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_COLORPICKER } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_COLORPICKER],
- *   template: `<kendo-colorpicker></kendo-colorpicker>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_COLORPICKER = [
-    ColorPickerComponent,
-    ColorPickerCustomMessagesComponent
-];
-/**
- * Use the `KENDO_FLATCOLORPICKER` utility array to add all FlatColorPicker-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_FLATCOLORPICKER } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_FLATCOLORPICKER],
- *   template: `<kendo-flatcolorpicker></kendo-flatcolorpicker>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_FLATCOLORPICKER = [
-    FlatColorPickerComponent,
-    ColorPickerCustomMessagesComponent
-];
-/**
- * Use the `KENDO_COLORPALETTE` utility array to add all ColorPalette-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_COLORPALETTE } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_COLORPALETTE],
- *   template: `<kendo-colorpalette></kendo-colorpalette>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_COLORPALETTE = [
-    ColorPaletteComponent,
-    ColorPickerCustomMessagesComponent
-];
-/**
- * Use the `KENDO_COLORGRADIENT` utility array to add all ColorGradient-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_COLORGRADIENT } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_COLORGRADIENT],
- *   template: `<kendo-colorgradient></kendo-colorgradient>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_COLORGRADIENT = [
-    ColorGradientComponent,
-    ColorPickerCustomMessagesComponent
-];
-/**
- * Use the `KENDO_INPUTS` utility array to add all `@progress/kendo-angular-inputs`-related components and directives to a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { KENDO_INPUTS } from '@progress/kendo-angular-inputs';
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_INPUTS],
- *   template: `<kendo-textbox></kendo-textbox>`
- * })
- * export class MyComponent {}
- * ```
- */
-export const KENDO_INPUTS = [
-    ...KENDO_TEXTBOX,
-    ...KENDO_NUMERICTEXTBOX,
-    ...KENDO_MASKEDTEXTBOX,
-    ...KENDO_TEXTAREA,
-    ...KENDO_CHECKBOX,
-    ...KENDO_RADIOBUTTON,
-    ...KENDO_SWITCH,
-    ...KENDO_FORM,
-    ...KENDO_FORMFIELD,
-    ...KENDO_SLIDER,
-    ...KENDO_RANGESLIDER,
-    ...KENDO_RATING,
-    ...KENDO_SIGNATURE,
-    ...KENDO_COLORPICKER,
-    ...KENDO_FLATCOLORPICKER,
-    ...KENDO_COLORGRADIENT,
-    ...KENDO_COLORPALETTE,
-    ...KENDO_OTPINPUT
-];

package/esm2022/form/form.component.mjs

@@ -1,163 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgClass, NgStyle } from '@angular/common';
-import { Component, ElementRef, HostBinding, Input, ChangeDetectorRef } from '@angular/core';
-import { ResizeSensorComponent, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { calculateColumns, calculateGutters, DEFAULT_FORM_GUTTERS, generateColumnClass, generateGuttersStyling, innerWidth } from './utils';
-import { FormService } from '../common/formservice.service';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/formservice.service";
-/**
- *  Represents the Kendo UI Form component for Angular.
- *
- * @remarks
- * Supported children components are: {@link FormFieldComponent}, {@link FormSeparatorComponent}, and {@link FormFieldSetComponent}.
- */
-export class FormComponent {
-    element;
-    cdr;
-    formService;
-    /**
-     * Defines the orientation of the form.
-     *
-     * @default 'vertical'
-     */
-    orientation = 'vertical';
-    /**
-     * Defines the number of columns in the form.
-     * Can be a number or an array of responsive breakpoints.
-     */
-    cols;
-    /**
-     * Defines the gutters for the form.
-     * You can specify gutters for rows and columns.
-     */
-    gutters = { ...DEFAULT_FORM_GUTTERS };
-    /**
-     * @hidden
-     */
-    columnsClass = '';
-    /**
-     * @hidden
-     */
-    guttersStyle = '';
-    /**
-     * @hidden
-     */
-    showLicenseWatermark = false;
-    /**
-     * @hidden
-     */
-    licenseMessage;
-    get formClass() {
-        return 'k-form k-form-md';
-    }
-    get horizontalClass() {
-        return this.orientation === 'horizontal';
-    }
-    _formColumnsNumber;
-    _formGutters = { ...DEFAULT_FORM_GUTTERS };
-    constructor(element, cdr, formService) {
-        this.element = element;
-        this.cdr = cdr;
-        this.formService = formService;
-        const isValid = validatePackage(packageMetadata);
-        this.licenseMessage = getLicenseMessage(packageMetadata);
-        this.showLicenseWatermark = shouldShowValidationUI(isValid);
-    }
-    ngAfterContentInit() {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.applyColumns();
-        this.applyGutters();
-        this.formService.formWidth.next(innerWidth(this.element.nativeElement));
-    }
-    ngOnChanges(changes) {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        if (changes['cols']) {
-            this.applyColumns();
-        }
-        if (changes['gutters']) {
-            this.applyGutters();
-        }
-    }
-    /**
-     * @hidden
-     */
-    onResize() {
-        this.formService.formWidth.next(innerWidth(this.element.nativeElement));
-        const previousColumnsNumber = this._formColumnsNumber;
-        const previousGutters = this._formGutters;
-        this.applyColumns();
-        this.applyGutters();
-        if (previousColumnsNumber !== this._formColumnsNumber) {
-            this.cdr.detectChanges();
-        }
-        if (previousGutters?.cols !== this._formGutters?.cols || previousGutters?.rows !== this._formGutters?.rows) {
-            this.cdr.detectChanges();
-        }
-    }
-    applyColumns() {
-        const containerWidth = innerWidth(this.element.nativeElement);
-        this._formColumnsNumber = calculateColumns(this.cols, containerWidth);
-        this.updateColumnClasses();
-    }
-    applyGutters() {
-        const containerWidth = innerWidth(this.element.nativeElement);
-        this._formGutters = calculateGutters(this.gutters, containerWidth);
-        this.updateGutterClasses();
-    }
-    updateColumnClasses() {
-        this.columnsClass = generateColumnClass(this._formColumnsNumber);
-    }
-    updateGutterClasses() {
-        this.guttersStyle = generateGuttersStyling(this._formGutters, { ...DEFAULT_FORM_GUTTERS });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.FormService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FormComponent, isStandalone: true, selector: "form[kendoForm]", inputs: { orientation: "orientation", cols: "cols", gutters: "gutters" }, host: { properties: { "class": "this.formClass", "class.k-form-horizontal": "this.horizontalClass" } }, exportAs: ["kendoForm"], usesOnChanges: true, ngImport: i0, template: `
-        <div class="k-form-layout k-d-grid" [ngClass]="[columnsClass]" [ngStyle]="{ gap: guttersStyle }">
-          <ng-content></ng-content>
-        </div>
-        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
-        @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]", inputs: ["licenseMessage"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormComponent, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoForm',
-                    selector: 'form[kendoForm]',
-                    template: `
-        <div class="k-form-layout k-d-grid" [ngClass]="[columnsClass]" [ngStyle]="{ gap: guttersStyle }">
-          <ng-content></ng-content>
-        </div>
-        <kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
-        @if (showLicenseWatermark) {
-          <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
-        }
-        `,
-                    standalone: true,
-                    imports: [NgClass, NgStyle, ResizeSensorComponent, WatermarkOverlayComponent],
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.FormService }], propDecorators: { orientation: [{
-                type: Input
-            }], cols: [{
-                type: Input
-            }], gutters: [{
-                type: Input
-            }], formClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], horizontalClass: [{
-                type: HostBinding,
-                args: ['class.k-form-horizontal']
-            }] } });

package/esm2022/form/formseparator.component.mjs

@@ -1,80 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { calculateColSpan, generateColSpanClass } from './utils';
-import { Subscription } from 'rxjs';
-import { FormService } from '../common/formservice.service';
-import { filter } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/formservice.service";
-/**
- *  Represents the Kendo UI Form Separator component for Angular.
- */
-export class FormSeparatorComponent {
-    renderer;
-    hostElement;
-    formService;
-    hostClass = true;
-    /**
-     * Defines the colspan for the separator element related to the parent Form component columns.
-     * Can be a number or an array of responsive breakpoints.
-     */
-    colSpan;
-    _formWidth = null;
-    _colSpanClass = null;
-    _previousColSpan = null;
-    subscriptions = new Subscription();
-    constructor(renderer, hostElement, formService) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this.formService = formService;
-        validatePackage(packageMetadata);
-        this.subscriptions.add(this.formService.formWidth.pipe(filter((width) => width !== null)).subscribe((width) => {
-            this._formWidth = width;
-            this.updateColSpanClass();
-        }));
-    }
-    ngOnChanges(changes) {
-        if (changes['colSpan']) {
-            this.updateColSpanClass();
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-    }
-    updateColSpanClass() {
-        const hostElement = this.hostElement.nativeElement;
-        const newColSpan = calculateColSpan(this.colSpan, this._formWidth);
-        if (newColSpan !== this._previousColSpan) {
-            const newClass = generateColSpanClass(newColSpan);
-            if (this._colSpanClass) {
-                this.renderer.removeClass(hostElement, this._colSpanClass);
-            }
-            if (newClass) {
-                this.renderer.addClass(hostElement, newClass);
-            }
-            this._colSpanClass = newClass;
-            this._previousColSpan = newColSpan;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormSeparatorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.FormService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormSeparatorComponent, isStandalone: true, selector: "kendo-form-separator", inputs: { colSpan: "colSpan" }, host: { properties: { "class.k-form-separator": "this.hostClass" } }, exportAs: ["kendoFormSeparator"], usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormSeparatorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    exportAs: 'kendoFormSeparator',
-                    selector: 'kendo-form-separator',
-                    template: ``,
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.FormService }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-form-separator']
-            }], colSpan: [{
-                type: Input
-            }] } });