@progress/kendo-angular-common 14.4.0-develop.9 → 15.0.0-develop.2

package/adornments/adornments.module.d.ts

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./prefix.directive";
+import * as i2 from "./suffix.directive";
+import * as i3 from "./separator.component";
+/**
+ * @hidden
+ */
+export declare class AdornmentsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdornmentsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdornmentsModule, [typeof i1.PrefixTemplateDirective, typeof i2.SuffixTemplateDirective, typeof i3.SeparatorComponent], never, [typeof i1.PrefixTemplateDirective, typeof i2.SuffixTemplateDirective, typeof i3.SeparatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdornmentsModule>;
+}

package/adornments/prefix.directive.d.ts

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the prefix container of the [Inputs]({% slug adornments_textbox %}#toc-prefixadornments) and [DropDowns]({% slug adornments_multiselect %}#toc-prefixadornments).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoPrefixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ *
+ *  <kendo-multiselect [data]="data" [(ngModel)]="value">
+ *      <ng-template kendoPrefixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-multiselect>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export declare class PrefixTemplateDirective {
+    templateRef: TemplateRef<any>;
+    /**
+     * Sets the `showSeparator` attribute of the `prefixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value: boolean);
+    get showSeparator(): boolean;
+    private _showSeparator;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PrefixTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PrefixTemplateDirective, "[kendoPrefixTemplate]", never, { "showSeparator": "showSeparator"; }, {}, never>;
+}

package/adornments/separator-orientation.d.ts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare type SeparatorOrientation = 'horizontal' | 'vertical';

package/adornments/separator.component.d.ts

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { SeparatorOrientation } from './separator-orientation';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a separator in the content of the [Inputs]({% slug adornments_textbox %}#toc-separator) and [DropDowns]({% slug adornments_multiselect %}#toc-separator).
+ * @example
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *          <kendo-separator></kendo-separator>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export declare class SeparatorComponent {
+    /**
+     * @hidden
+     */
+    orientation: SeparatorOrientation;
+    get vertical(): boolean;
+    get horizontal(): boolean;
+    hostClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SeparatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SeparatorComponent, "kendo-separator", never, { "orientation": "orientation"; }, {}, never, never>;
+}

package/adornments/suffix.directive.d.ts

@@ -0,0 +1,41 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the suffix container of the [Inputs]({% slug adornments_textbox %}#toc-suffixadornments) and [DropDowns]({% slug adornments_multiselect %}#toc-suffixadornments).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ * `
+ *  <kendo-multiselect [data]="data" [(ngModel)]="value">
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-multiselect>
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export declare class SuffixTemplateDirective {
+    templateRef: TemplateRef<any>;
+    /**
+     * Sets the `showSeparator` attribute of the `suffixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value: boolean);
+    get showSeparator(): boolean;
+    private _showSeparator;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuffixTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuffixTemplateDirective, "[kendoSuffixTemplate]", never, { "showSeparator": "showSeparator"; }, {}, never>;
+}

package/adornments.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { PrefixTemplateDirective } from './adornments/prefix.directive';
+export { SuffixTemplateDirective } from './adornments/suffix.directive';
+export { SeparatorComponent } from './adornments/separator.component';
+export { SeparatorOrientation } from './adornments/separator-orientation';
+export { AdornmentsModule } from './adornments/adornments.module';

package/esm2020/adornments/adornments.module.mjs

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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 { PrefixTemplateDirective } from './prefix.directive';
+import { SuffixTemplateDirective } from './suffix.directive';
+import { SeparatorComponent } from './separator.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class AdornmentsModule {
+}
+AdornmentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdornmentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule, declarations: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent], exports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent] });
+AdornmentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent],
+                    exports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent]
+                }]
+        }] });

package/esm2020/adornments/prefix.directive.mjs

@@ -0,0 +1,57 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input, Optional, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the prefix container of the [Inputs]({% slug adornments_textbox %}#toc-prefixadornments) and [DropDowns]({% slug adornments_multiselect %}#toc-prefixadornments).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoPrefixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ *
+ *  <kendo-multiselect [data]="data" [(ngModel)]="value">
+ *      <ng-template kendoPrefixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-multiselect>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export class PrefixTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+        this._showSeparator = false;
+    }
+    /**
+     * Sets the `showSeparator` attribute of the `prefixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value) {
+        this._showSeparator = value;
+    }
+    get showSeparator() {
+        return this._showSeparator;
+    }
+}
+PrefixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PrefixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: PrefixTemplateDirective, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPrefixTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { showSeparator: [{
+                type: Input
+            }] } });

package/esm2020/adornments/separator-orientation.mjs

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

package/esm2020/adornments/separator.component.mjs

@@ -0,0 +1,60 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 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";
+/**
+ * Specifies a separator in the content of the [Inputs]({% slug adornments_textbox %}#toc-separator) and [DropDowns]({% slug adornments_multiselect %}#toc-separator).
+ * @example
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *          <kendo-separator></kendo-separator>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export class SeparatorComponent {
+    constructor() {
+        /**
+         * @hidden
+         */
+        this.orientation = 'vertical';
+        this.hostClass = true;
+    }
+    get vertical() {
+        return this.orientation === 'vertical';
+    }
+    get horizontal() {
+        return this.orientation === 'horizontal';
+    }
+}
+SeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeparatorComponent, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-separator',
+                    template: ``
+                }]
+        }], propDecorators: { orientation: [{
+                type: Input
+            }], vertical: [{
+                type: HostBinding,
+                args: ['class.k-input-separator-vertical']
+            }], horizontal: [{
+                type: HostBinding,
+                args: ['class.k-input-separator-horizontal']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-input-separator']
+            }] } });

package/esm2020/adornments/suffix.directive.mjs

@@ -0,0 +1,56 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Input, Optional, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies the adornments in the suffix container of the [Inputs]({% slug adornments_textbox %}#toc-suffixadornments) and [DropDowns]({% slug adornments_multiselect %}#toc-suffixadornments).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ * `
+ *  <kendo-multiselect [data]="data" [(ngModel)]="value">
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-multiselect>
+ * })
+ * class AppComponent {}
+ * ```
+ */
+export class SuffixTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+        this._showSeparator = false;
+    }
+    /**
+     * Sets the `showSeparator` attribute of the `suffixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value) {
+        this._showSeparator = value;
+    }
+    get showSeparator() {
+        return this._showSeparator;
+    }
+}
+SuffixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SuffixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SuffixTemplateDirective, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSuffixTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { showSeparator: [{
+                type: Input
+            }] } });

package/esm2020/adornments.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { PrefixTemplateDirective } from './adornments/prefix.directive';
+export { SuffixTemplateDirective } from './adornments/suffix.directive';
+export { SeparatorComponent } from './adornments/separator.component';
+export { AdornmentsModule } from './adornments/adornments.module';

package/esm2020/index.mjs

@@ -12,5 +12,6 @@ export * from './enums';
 export * from './utils/focusable-selectors';
 export * from './utils/ng-class-parser';
 export * from './watermark';
+export * from './adornments';
 export { PreventableEvent } from './preventable-event';
 export { ScrollbarWidthService, scrollbarWidth } from './utils/scrollbar-width.service';

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { EventEmitter, Directive, Input, Output, NgModule, Injectable, Component, HostBinding, ViewChild } from '@angular/core';
+import { EventEmitter, Directive, Input, Output, NgModule, Injectable, Component, HostBinding, ViewChild, Optional } from '@angular/core';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { Draggable } from '@progress/kendo-draggable';
 import * as i1 from '@angular/common';
@@ -987,6 +987,184 @@ function shouldShowValidationUI(isPackageValid) {
     return !skip && !isPackageValid;
 }
 
+/**
+ * Specifies the adornments in the prefix container of the [Inputs]({% slug adornments_textbox %}#toc-prefixadornments) and [DropDowns]({% slug adornments_multiselect %}#toc-prefixadornments).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoPrefixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ *
+ *  <kendo-multiselect [data]="data" [(ngModel)]="value">
+ *      <ng-template kendoPrefixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-multiselect>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+class PrefixTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+        this._showSeparator = false;
+    }
+    /**
+     * Sets the `showSeparator` attribute of the `prefixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value) {
+        this._showSeparator = value;
+    }
+    get showSeparator() {
+        return this._showSeparator;
+    }
+}
+PrefixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PrefixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: PrefixTemplateDirective, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoPrefixTemplate]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.TemplateRef, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { showSeparator: [{
+                type: Input
+            }] } });
+
+/**
+ * Specifies the adornments in the suffix container of the [Inputs]({% slug adornments_textbox %}#toc-suffixadornments) and [DropDowns]({% slug adornments_multiselect %}#toc-suffixadornments).
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ * `
+ *  <kendo-multiselect [data]="data" [(ngModel)]="value">
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-multiselect>
+ * })
+ * class AppComponent {}
+ * ```
+ */
+class SuffixTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+        this._showSeparator = false;
+    }
+    /**
+     * Sets the `showSeparator` attribute of the `suffixTemplate`.
+     *
+     * @default false
+     */
+    set showSeparator(value) {
+        this._showSeparator = value;
+    }
+    get showSeparator() {
+        return this._showSeparator;
+    }
+}
+SuffixTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SuffixTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: SuffixTemplateDirective, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoSuffixTemplate]'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.TemplateRef, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { showSeparator: [{
+                type: Input
+            }] } });
+
+/**
+ * Specifies a separator in the content of the [Inputs]({% slug adornments_textbox %}#toc-separator) and [DropDowns]({% slug adornments_multiselect %}#toc-separator).
+ * @example
+ * ```ts-no-run
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *  <kendo-textbox>
+ *      <ng-template kendoSuffixTemplate>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *          <kendo-separator></kendo-separator>
+ *          <button kendoButton look="clear" icon="image"></button>
+ *      </ng-template>
+ *  </kendo-textbox>
+ * `
+ * })
+ * class AppComponent {}
+ * ```
+ */
+class SeparatorComponent {
+    constructor() {
+        /**
+         * @hidden
+         */
+        this.orientation = 'vertical';
+        this.hostClass = true;
+    }
+    get vertical() {
+        return this.orientation === 'vertical';
+    }
+    get horizontal() {
+        return this.orientation === 'horizontal';
+    }
+}
+SeparatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SeparatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SeparatorComponent, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-separator',
+                    template: ``
+                }]
+        }], propDecorators: { orientation: [{
+                type: Input
+            }], vertical: [{
+                type: HostBinding,
+                args: ['class.k-input-separator-vertical']
+            }], horizontal: [{
+                type: HostBinding,
+                args: ['class.k-input-separator-horizontal']
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-input-separator']
+            }] } });
+
+/**
+ * @hidden
+ */
+class AdornmentsModule {
+}
+AdornmentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AdornmentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule, declarations: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent], exports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent] });
+AdornmentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: AdornmentsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent],
+                    exports: [PrefixTemplateDirective, SuffixTemplateDirective, SeparatorComponent]
+                }]
+        }] });
+
 class PreventableEvent {
     constructor() {
         this.prevented = false;
@@ -1052,5 +1230,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, 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, shouldShowValidationUI, splitStringToArray };
+export { AdornmentsModule, DraggableDirective, DraggableModule, EventsModule, EventsOutsideAngularDirective, KendoInput, Keys, PrefixTemplateDirective, PreventableEvent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorComponent, ResizeSensorModule, ScrollbarWidthService, SeparatorComponent, SuffixTemplateDirective, 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, shouldShowValidationUI, splitStringToArray };