@progress/kendo-angular-navigation 2.0.3-dev.202210121055 → 2.1.0-dev.202210170736

package/common/util.d.ts

@@ -10,3 +10,19 @@ export declare const isPresent: (value: any) => boolean;
  * @hidden
  */
 export declare const outerWidth: (element: HTMLElement) => number;
+/**
+ * @hidden
+ */
+export declare const getFirstAndLastFocusable: (parent: any) => Array<HTMLElement>;
+/**
+ * @hidden
+ */
+export declare const hexColorRegex: RegExp;
+/**
+ * @hidden
+ */
+export declare const getId: (prefix: string) => string;
+/**
+ * @hidden
+ */
+export declare const getActionSheetItemIndex: (target: HTMLElement) => number;

package/esm2015/actionsheet/actionsheet.component.js

@@ -0,0 +1,290 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { Subscription } from 'rxjs';
+import { ActionSheetTitleTemplateDirective, ActionSheetItemTemplateDirective } from './models';
+import { Keys } from '@progress/kendo-angular-common';
+import { getId, getActionSheetItemIndex, getFirstAndLastFocusable } from '../common/util';
+import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./list.component";
+import * as i3 from "@angular/common";
+/**
+ * Represents the [Kendo UI ActionSheet component for Angular]({% slug overview_actionsheet %}).
+ * Used to display a set of choices related to a task the user initiates.
+ */
+export class ActionSheetComponent {
+    constructor(element, ngZone, renderer, localizationService) {
+        this.element = element;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.localizationService = localizationService;
+        /**
+         * @hidden
+         */
+        this.hostClass = true;
+        /**
+         * Fires when an ActionSheet item is clicked.
+         */
+        this.itemClick = new EventEmitter();
+        /**
+         * Fires when the modal overlay is clicked.
+         */
+        this.overlayClick = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.titleId = null;
+        this.rtl = false;
+        this.domSubs = new Subscription();
+        validatePackage(packageMetadata);
+        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
+            this.rtl = rtl;
+            this.direction = this.rtl ? 'rtl' : 'ltr';
+        });
+        this.titleId = getId('k-actionsheet-title');
+    }
+    ngAfterViewInit() {
+        this.handleInitialFocus();
+        this.initDomEvents();
+    }
+    ngOnDestroy() {
+        this.domSubs.unsubscribe();
+        if (this.dynamicRTLSubscription) {
+            this.dynamicRTLSubscription.unsubscribe();
+        }
+    }
+    /**
+     * @hidden
+     */
+    get topGroupItems() {
+        var _a;
+        return (_a = this.items) === null || _a === void 0 ? void 0 : _a.filter(item => !item.group || item.group === 'top');
+    }
+    /**
+     * @hidden
+     */
+    get bottomGroupItems() {
+        var _a;
+        return (_a = this.items) === null || _a === void 0 ? void 0 : _a.filter(item => item.group === 'bottom');
+    }
+    /**
+     * @hidden
+     */
+    onItemClick(ev) {
+        this.itemClick.emit(ev);
+    }
+    /**
+     * @hidden
+     */
+    onOverlayClick() {
+        this.overlayClick.emit();
+    }
+    /**
+     * @hidden
+     */
+    get shouldRenderSeparator() {
+        var _a, _b;
+        return ((_a = this.topGroupItems) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.bottomGroupItems) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    }
+    initDomEvents() {
+        if (!this.element) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            this.domSubs.add(this.renderer.listen(this.element.nativeElement, 'keydown', (ev) => {
+                this.onKeyDown(ev);
+            }));
+        });
+    }
+    onKeyDown(event) {
+        const target = event.target;
+        if (event.keyCode === Keys.Tab) {
+            this.ngZone.run(() => {
+                this.keepFocusWithinComponent(target, event);
+            });
+        }
+        if (event.keyCode === Keys.Escape) {
+            this.ngZone.run(() => {
+                this.overlayClick.emit();
+            });
+        }
+        if (event.keyCode === Keys.Enter) {
+            this.ngZone.run(() => {
+                this.triggerItemClick(target, event);
+            });
+        }
+    }
+    handleInitialFocus() {
+        const [firstFocusable] = getFirstAndLastFocusable(this.element.nativeElement);
+        if (firstFocusable) {
+            firstFocusable.focus();
+        }
+    }
+    keepFocusWithinComponent(target, event) {
+        const wrapper = this.element.nativeElement;
+        const [firstFocusable, lastFocusable] = getFirstAndLastFocusable(wrapper);
+        const tabAfterLastFocusable = !event.shiftKey && target === lastFocusable;
+        const shiftTabAfterFirstFocusable = event.shiftKey && target === firstFocusable;
+        if (tabAfterLastFocusable) {
+            event.preventDefault();
+            firstFocusable.focus();
+        }
+        if (shiftTabAfterFirstFocusable) {
+            event.preventDefault();
+            lastFocusable.focus();
+        }
+    }
+    triggerItemClick(target, event) {
+        const itemIndex = getActionSheetItemIndex(target);
+        const item = this.items[itemIndex];
+        if (!item || item.disabled) {
+            return;
+        }
+        this.itemClick.emit({ item, originalEvent: event });
+    }
+}
+ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetComponent, selector: "kendo-actionsheet", inputs: { title: "title", subtitle: "subtitle", items: "items" }, outputs: { itemClick: "itemClick", overlayClick: "overlayClick" }, host: { properties: { "class.k-actionsheet-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.actionsheet.component'
+        }
+    ], queries: [{ propertyName: "titleTemplate", first: true, predicate: ActionSheetTitleTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
+        <div class="k-overlay" (click)="onOverlayClick()"></div>
+        <div class="k-animation-container">
+            <div class="k-child-animation-container">
+                <div class="k-actionsheet k-actionsheet-bottom"
+                    role="dialog"
+                    aria-modal="true"
+                    [attr.aria-labelledby]="titleId">
+
+                    <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">
+                        <div class="k-actionsheet-titlebar-group k-hbox">
+                            <div class="k-actionsheet-title" [id]="titleId">
+                                <ng-template *ngIf="titleTemplate; else defaultTemplate"
+                                    [ngTemplateOutlet]="titleTemplate?.templateRef">
+                                </ng-template>
+                                <ng-template #defaultTemplate>
+                                    <div *ngIf="title" class="k-text-center">{{title}}</div>
+                                    <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
+                                </ng-template>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">
+                        <ul *ngIf="topGroupItems" kendoActionSheetList
+                            class="k-list-ul"
+                            role="group"
+                            [groupItems]="topGroupItems"
+                            [allItems]="items"
+                            [itemTemplate]="itemTemplate?.templateRef"
+                            (itemClick)="onItemClick($event)">
+                        </ul>
+
+                        <hr *ngIf="shouldRenderSeparator" class="k-hr"/>
+
+                        <ul *ngIf="bottomGroupItems" kendoActionSheetList
+                            class="k-list-ul"
+                            role="group"
+                            [groupItems]="bottomGroupItems"
+                            [allItems]="items"
+                            [itemTemplate]="itemTemplate?.templateRef"
+                            (itemClick)="onItemClick($event)">
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `, isInline: true, components: [{ type: i2.ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: ["groupItems", "allItems", "itemTemplate"], outputs: ["itemClick"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoActionSheet',
+                    selector: 'kendo-actionsheet',
+                    template: `
+        <div class="k-overlay" (click)="onOverlayClick()"></div>
+        <div class="k-animation-container">
+            <div class="k-child-animation-container">
+                <div class="k-actionsheet k-actionsheet-bottom"
+                    role="dialog"
+                    aria-modal="true"
+                    [attr.aria-labelledby]="titleId">
+
+                    <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">
+                        <div class="k-actionsheet-titlebar-group k-hbox">
+                            <div class="k-actionsheet-title" [id]="titleId">
+                                <ng-template *ngIf="titleTemplate; else defaultTemplate"
+                                    [ngTemplateOutlet]="titleTemplate?.templateRef">
+                                </ng-template>
+                                <ng-template #defaultTemplate>
+                                    <div *ngIf="title" class="k-text-center">{{title}}</div>
+                                    <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
+                                </ng-template>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">
+                        <ul *ngIf="topGroupItems" kendoActionSheetList
+                            class="k-list-ul"
+                            role="group"
+                            [groupItems]="topGroupItems"
+                            [allItems]="items"
+                            [itemTemplate]="itemTemplate?.templateRef"
+                            (itemClick)="onItemClick($event)">
+                        </ul>
+
+                        <hr *ngIf="shouldRenderSeparator" class="k-hr"/>
+
+                        <ul *ngIf="bottomGroupItems" kendoActionSheetList
+                            class="k-list-ul"
+                            role="group"
+                            [groupItems]="bottomGroupItems"
+                            [allItems]="items"
+                            [itemTemplate]="itemTemplate?.templateRef"
+                            (itemClick)="onItemClick($event)">
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    `,
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.actionsheet.component'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-actionsheet-container']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], overlayClick: [{
+                type: Output
+            }], titleTemplate: [{
+                type: ContentChild,
+                args: [ActionSheetTitleTemplateDirective]
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [ActionSheetItemTemplateDirective]
+            }] } });

package/esm2015/actionsheet/item.component.js

@@ -0,0 +1,108 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, HostBinding } from "@angular/core";
+import { isPresent, hexColorRegex } from "../common/util";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * @hidden
+ */
+export class ActionSheetItemComponent {
+    constructor() {
+        this.pointerClass = true;
+    }
+    manageIconClasses(item) {
+        let classes = ['k-actionsheet-item-icon'];
+        if (item.icon) {
+            classes.push(`k-icon k-i-${item.icon}`);
+        }
+        if (item.iconClass) {
+            classes.push(`${item.iconClass}`);
+        }
+        const isHexColor = isPresent(item.iconColor) && hexColorRegex.test(item.iconColor);
+        const isThemeColor = isPresent(item.iconColor) && item.iconColor !== '' && !isHexColor;
+        if (isThemeColor) {
+            classes.push(`k-text-${item.iconColor}`);
+        }
+        return classes.join(' ');
+    }
+    manageIconStyles(item) {
+        const isHexColor = isPresent(item.iconColor) && hexColorRegex.test(item.iconColor);
+        const isSizeSet = isPresent(item.iconSize) && item.iconSize !== '';
+        const styles = {};
+        if (isHexColor) {
+            styles.color = item.iconColor;
+        }
+        if (isSizeSet) {
+            styles.fontSize = item.iconSize;
+        }
+        return styles;
+    }
+}
+ActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
+        <span class="k-actionsheet-action"
+            tabindex="0"
+            role="button"
+            [attr.aria-disabled]="item.disabled">
+            <ng-template *ngIf="itemTemplate; else defaultTemplate"
+                [ngTemplateOutlet]="itemTemplate"
+                [ngTemplateOutletContext]="{
+                    $implicit: item
+                }">
+            </ng-template>
+            <ng-template #defaultTemplate>
+                <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">
+                    <span
+                        [class]="manageIconClasses(item)"
+                        [style]="manageIconStyles(item)">
+                    </span>
+                </span>
+                <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">
+                    <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>
+                    <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>
+                </span>
+            </ng-template>
+        </span>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoActionSheetItem]',
+                    template: `
+        <span class="k-actionsheet-action"
+            tabindex="0"
+            role="button"
+            [attr.aria-disabled]="item.disabled">
+            <ng-template *ngIf="itemTemplate; else defaultTemplate"
+                [ngTemplateOutlet]="itemTemplate"
+                [ngTemplateOutletContext]="{
+                    $implicit: item
+                }">
+            </ng-template>
+            <ng-template #defaultTemplate>
+                <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">
+                    <span
+                        [class]="manageIconClasses(item)"
+                        [style]="manageIconStyles(item)">
+                    </span>
+                </span>
+                <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">
+                    <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>
+                    <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>
+                </span>
+            </ng-template>
+        </span>
+    `
+                }]
+        }], propDecorators: { itemTemplate: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], pointerClass: [{
+                type: HostBinding,
+                args: ['class.k-cursor-pointer']
+            }] } });

package/esm2015/actionsheet/list.component.js

@@ -0,0 +1,91 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, Output, EventEmitter } from "@angular/core";
+import { Subscription } from "rxjs";
+import { getActionSheetItemIndex } from "../common/util";
+import * as i0 from "@angular/core";
+import * as i1 from "./item.component";
+import * as i2 from "@angular/common";
+/**
+ * @hidden
+ */
+export class ActionSheetListComponent {
+    constructor(renderer, ngZone, element) {
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.element = element;
+        this.groupItems = [];
+        this.allItems = [];
+        this.itemClick = new EventEmitter();
+        this.subscriptions = new Subscription();
+    }
+    ngAfterViewInit() {
+        this.initDomEvents();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    initDomEvents() {
+        if (!this.element) {
+            return;
+        }
+        this.ngZone.runOutsideAngular(() => {
+            const nativeElement = this.element.nativeElement;
+            this.subscriptions.add(this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this)));
+        });
+    }
+    clickHandler(e) {
+        const itemIndex = getActionSheetItemIndex(e.target);
+        const item = this.allItems[itemIndex];
+        if (!item) {
+            return;
+        }
+        if (item.disabled) {
+            e.preventDefault();
+            return;
+        }
+        this.ngZone.run(() => {
+            this.itemClick.emit({ item, originalEvent: e });
+        });
+    }
+}
+ActionSheetListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ActionSheetListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: { groupItems: "groupItems", allItems: "allItems", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
+            <li *ngFor="let item of groupItems" kendoActionSheetItem
+                role="none"
+                [class.k-actionsheet-item]="true"
+                [class.k-disabled]="item.disabled"
+                [ngClass]="item.cssClass"
+                [ngStyle]="item.cssStyle"
+                [itemTemplate]="itemTemplate"
+                [item]="item">
+            </li>
+    `, isInline: true, components: [{ type: i1.ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: ["itemTemplate", "item"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[kendoActionSheetList]',
+                    template: `
+            <li *ngFor="let item of groupItems" kendoActionSheetItem
+                role="none"
+                [class.k-actionsheet-item]="true"
+                [class.k-disabled]="item.disabled"
+                [ngClass]="item.cssClass"
+                [ngStyle]="item.cssStyle"
+                [itemTemplate]="itemTemplate"
+                [item]="item">
+            </li>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { groupItems: [{
+                type: Input
+            }], allItems: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });

package/esm2015/actionsheet/models/actionsheet-item.interface.js

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

package/esm2015/actionsheet/models/group.js

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

package/esm2015/actionsheet/models/index.js

@@ -0,0 +1,7 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { ActionSheetItemClickEvent } from './item-click.event';
+export { ActionSheetTitleTemplateDirective } from '../templates/title-template.directive';
+export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';

package/esm2015/actionsheet/models/item-click.event.js

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Arguments for the `itemClick` event of the ActionSheet.
+ */
+export class ActionSheetItemClickEvent {
+}

package/esm2015/actionsheet/templates/item-template.directive.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the item content of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetItemTemplate` directive inside the `<kendo-actionsheet>` tag.
+ */
+export class ActionSheetItemTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ActionSheetItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ActionSheetItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetItemTemplateDirective, selector: "[kendoActionSheetItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoActionSheetItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/actionsheet/templates/title-template.directive.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the title content of the ActionSheet. Utilizing the template overrides both the `title` and `subtitle` of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetTitleTemplate` directive inside the `<kendo-actionsheet>` tag.
+ */
+export class ActionSheetTitleTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+ActionSheetTitleTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetTitleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+ActionSheetTitleTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetTitleTemplateDirective, selector: "[kendoActionSheetTitleTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetTitleTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoActionSheetTitleTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });