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

package/fesm2020/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';
@@ -983,6 +983,180 @@ 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;
@@ -1048,5 +1222,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 };
 

package/index.d.ts

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "14.4.0-develop.9",
+  "version": "15.0.0-develop.2",
   "description": "Kendo UI for Angular - Utility Package",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "@progress/kendo-common": "^0.2.1",
     "@progress/kendo-draggable": "^3.0.2",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "14.4.0-develop.9"
+    "@progress/kendo-angular-schematics": "15.0.0-develop.2"
   },
   "publishConfig": {
     "access": "public"