@progress/kendo-angular-navigation 11.1.1-develop.1 → 11.2.0-develop.10

package/actionsheet/actionsheet.component.d.ts

@@ -2,24 +2,27 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
-import { ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './models';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective, ActionSheetAnimation } from './models';
 import { ActionSheetItem } from './models/actionsheet-item.interface';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { AnimationBuilder } from '@angular/animations';
 import * as i0 from "@angular/core";
 /**
  * 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 declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
+export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, OnChanges {
     private element;
     private ngZone;
     private renderer;
     private localizationService;
+    private builder;
+    private cdr;
     /**
      * @hidden
      */
-    hostClass: boolean;
+    get hostClass(): boolean;
     /**
      * @hidden
      */
@@ -36,6 +39,37 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
      * The collection of items that will be rendered in the ActionSheet.
      */
     items: Array<ActionSheetItem>;
+    /**
+     * The CSS classes that will be rendered on the inner ActionSheet element.
+     * Supports the type of values that are supported by [ngClass](link:site.data.urls.angular['ngclassapi']).
+     */
+    cssClass: any;
+    /**
+     * Configures the ActionSheet opening and closing animations ([see example]({% slug animations_actionsheet %})).
+     * By default the animations are turned off. The default animations' duration is `300ms`.
+     *
+     * @default true
+     */
+    animation: boolean | ActionSheetAnimation;
+    /**
+     * Specifies the state of the ActionSheet.
+     *
+     * @default false
+     */
+    expanded: boolean;
+    /**
+     * Fires when the `expanded` property of the component is updated.
+     * Used to provide a two-way binding for the `expanded` property.
+     */
+    expandedChange: EventEmitter<boolean>;
+    /**
+     * Fires when the ActionSheet is expanded and its animation is complete.
+     */
+    expand: EventEmitter<any>;
+    /**
+     * Fires when the ActionSheet is collapsed and its animation is complete.
+     */
+    collapse: EventEmitter<any>;
     /**
      * Fires when an ActionSheet item is clicked.
      */
@@ -44,6 +78,14 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
      * Fires when the modal overlay is clicked.
      */
     overlayClick: EventEmitter<any>;
+    /**
+     * @hidden
+     */
+    childContainer: ElementRef;
+    /**
+     * @hidden
+     */
+    actionSheetTemplate: ActionSheetTemplateDirective;
     /**
      * @hidden
      */
@@ -67,9 +109,16 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
     private dynamicRTLSubscription;
     private rtl;
     private domSubs;
-    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService);
+    private player;
+    private animationEnd;
+    constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService, builder: AnimationBuilder, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    /**
+     * Toggles the visibility of the ActionSheet.
+     */
+    toggle(): void;
     /**
      * @hidden
      */
@@ -95,6 +144,9 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
     private handleInitialFocus;
     private keepFocusWithinComponent;
     private triggerItemClick;
+    private setExpanded;
+    private onAnimationEnd;
+    private playAnimation;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; }, { "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; "cssClass": "cssClass"; "animation": "animation"; "expanded": "expanded"; }, { "expandedChange": "expandedChange"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never>;
 }

package/actionsheet/animation/animations.d.ts

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AnimationMetadata } from '@angular/animations';
+/**
+ * @hidden
+ */
+export declare function slideUp(duration: number, height: string): AnimationMetadata[];
+/**
+ * @hidden
+ */
+export declare function slideDown(duration: number, height: string): AnimationMetadata[];

package/actionsheet/models/animation.d.ts

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * The settings for the opening and closing animations of the ActionSheet ([see example]({% slug animations_actionsheet %})).
+ */
+export interface ActionSheetAnimation {
+    /**
+     * Defines the duration of the ActionSheet opening and closing animations in milliseconds.
+     */
+    duration?: number;
+}

package/actionsheet/models/index.d.ts

@@ -9,3 +9,5 @@ export { ActionSheetHeaderTemplateDirective } from '../templates/header-template
 export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
 export { ActionSheetContentTemplateDirective } from '../templates/content-template.directive';
 export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';
+export { ActionSheetAnimation } from './animation';
+export { ActionSheetTemplateDirective } from '../templates/actionsheet-template';

package/actionsheet/templates/actionsheet-template.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 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";
+/**
+ * Represents a template that defines the content of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetTemplate` directive inside the `<kendo-actionsheet>` tag.
+ */
+export declare class ActionSheetTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetTemplateDirective, "[kendoActionSheetTemplate]", never, {}, {}, never>;
+}

package/actionsheet.module.d.ts

@@ -10,8 +10,9 @@ import * as i4 from "./actionsheet/templates/header-template.directive";
 import * as i5 from "./actionsheet/templates/item-template.directive";
 import * as i6 from "./actionsheet/templates/content-template.directive";
 import * as i7 from "./actionsheet/templates/footer-template.directive";
-import * as i8 from "@angular/common";
-import * as i9 from "@progress/kendo-angular-icons";
+import * as i8 from "./actionsheet/templates/actionsheet-template";
+import * as i9 from "@angular/common";
+import * as i10 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the ActionSheet component.
@@ -46,6 +47,6 @@ import * as i9 from "@progress/kendo-angular-icons";
  */
 export declare class ActionSheetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, [typeof i1.ActionSheetItemComponent, typeof i2.ActionSheetListComponent, typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective], [typeof i8.CommonModule, typeof i9.IconsModule], [typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, [typeof i1.ActionSheetItemComponent, typeof i2.ActionSheetListComponent, typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective, typeof i8.ActionSheetTemplateDirective], [typeof i9.CommonModule, typeof i10.IconsModule], [typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective, typeof i8.ActionSheetTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
 }

package/breadcrumb/breadcrumb.component.d.ts

@@ -42,10 +42,10 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDestroy {
+    private localization;
     private el;
     private cdr;
     private zone;
-    private localization;
     /**
      * The collection of items that will be rendered in the Breadcrumb.
      */
@@ -102,7 +102,7 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
     private afterViewInit;
     private subscriptions;
     private direction;
-    constructor(el: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, zone: NgZone, localization: LocalizationService);
+    constructor(localization: LocalizationService, el: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, zone: NgZone);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;