@progress/kendo-angular-navigation 19.0.0-develop.1 → 19.0.0-develop.3

package/actionsheet/actionsheet-view.component.d.ts

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
+import { ActionSheetComponent } from './actionsheet.component';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ *
+ * Represents the [Kendo UI ActionSheetView component for Angular].
+ * Used to display multiple views.
+ */
+export declare class ActionSheetViewComponent {
+    actionSheet: ActionSheetComponent;
+    title: string;
+    subtitle: string;
+    titleId: string;
+    hostClass: boolean;
+    animated: boolean;
+    transitionDuration: string;
+    transitionProperty: string;
+    headerTemplate: ActionSheetHeaderTemplateDirective;
+    contentTemplate: ActionSheetContentTemplateDirective;
+    footerTemplate: ActionSheetFooterTemplateDirective;
+    actionSheetTemplate: ActionSheetTemplateDirective;
+    constructor(actionSheet: ActionSheetComponent);
+    get orientationClass(): string;
+    get alignmentClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetViewComponent, [{ optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetViewComponent, "kendo-actionsheet-view", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, {}, ["headerTemplate", "contentTemplate", "footerTemplate", "actionSheetTemplate"], never, true, never>;
+}

package/actionsheet/actionsheet.component.d.ts

@@ -2,14 +2,17 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges, QueryList } 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 { ActionSheetAction } from './models/actionsheet-action';
+import { ActionSheetActionsLayout } from './models/actionsheet-action-layout';
+import { ActionSheetViewComponent } from './actionsheet-view.component';
 import * as i0 from "@angular/core";
 /**
- * Represents the [Kendo UI ActionSheet component for Angular]({% slug overview_actionsheet %}).
+ * 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, OnChanges {
@@ -19,6 +22,10 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     private localizationService;
     private builder;
     private cdr;
+    /**
+     * @hidden
+     */
+    currentView: number;
     /**
      * @hidden
      */
@@ -27,6 +34,21 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      * @hidden
      */
     direction: string;
+    /**
+     * Specifies the ActionSheet action buttons.
+     */
+    actions: ActionSheetAction[];
+    /**
+     * Specifies the layout of the action buttons.
+     * By default, the action buttons are rendered horizontally and stretched.
+     */
+    actionsLayout: ActionSheetActionsLayout;
+    /**
+     * Specifies if the ActionSheet is closed on overlay click.
+     *
+     * @default false
+     */
+    overlayClickClose: boolean;
     /**
      * Specifies the text that is rendered as title.
      */
@@ -45,8 +67,13 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      */
     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`.
+     * The inline styles that will be rendered on the inner ActionSheet element.
+     * Supports the type of values that are supported by [ngStyle](link:site.data.urls.angular['ngstyleapi']).
+     */
+    cssStyle: 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
      */
@@ -59,8 +86,8 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     expanded: boolean;
     /**
      * Sets the `aria-labelledby` attribute of the ActionSheet wrapper element.
-     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`]({% slug api_navigation_actionsheetheadertemplatedirective %})
-     * or [`ActionSheetContentTemplate`]({% slug api_navigation_actionsheetcontenttemplatedirective %}).
+     * Use this option when the built-in header element is replaced through the [`ActionSheetHeaderTemplate`](slug:api_navigation_actionsheetheadertemplatedirective)
+     * or [`ActionSheetContentTemplate`](slug:api_navigation_actionsheetcontenttemplatedirective).
      *
      */
     titleId: string;
@@ -69,6 +96,10 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      * Used to provide a two-way binding for the `expanded` property.
      */
     expandedChange: EventEmitter<boolean>;
+    /**
+     * Fires when any of the ActionSheet action buttons is clicked.
+     */
+    action: EventEmitter<ActionSheetAction>;
     /**
      * Fires when the ActionSheet is expanded and its animation is complete.
      */
@@ -89,6 +120,10 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      * @hidden
      */
     childContainer: ElementRef;
+    /**
+     * @hidden
+     */
+    actionSheetViews: QueryList<ActionSheetViewComponent>;
     /**
      * @hidden
      */
@@ -118,12 +153,30 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     * Navigates to the next view.
+     */
+    nextView(): void;
+    /**
+     * @hidden
+     * Navigates to the previous view.
+     */
+    prevView(): void;
     /**
      * Toggles the visibility of the ActionSheet.
      *
      * @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
      */
     toggle(expanded?: boolean): void;
+    /**
+     * @hidden
+     */
+    get orientationClass(): string;
+    /**
+     * @hidden
+     */
+    get alignmentClass(): string | null;
     /**
      * @hidden
      */
@@ -154,5 +207,5 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     private onAnimationEnd;
     private playAnimation;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, { "expandedChange": "expandedChange"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "overlayClickClose": { "alias": "overlayClickClose"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "titleId": { "alias": "titleId"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["actionSheetTemplate", "headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate", "actionSheetViews"], ["kendo-actionsheet-view"], true, never>;
 }

package/actionsheet/models/actionsheet-action-layout.d.ts

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Defines the possible orientations for the ActionSheet action buttons.
+ * - `horizontal`: The actions are laid out in a horizontal row.
+ * - `vertical`: The actions are stacked vertically.
+ */
+export type ActionSheetActionsOrientation = 'horizontal' | 'vertical';
+/**
+ * Defines the possible alignments for the ActionSheet action buttons.
+ * - `start`: Aligns the actions to the start of the container.
+ * - `center`: Centers the actions within the container.
+ * - `end`: Aligns the actions to the end of the container.
+ * - `stretched`: Stretches the actions to fill the available space.
+ * - `justify`: Justifies the actions to distribute them evenly across the container.
+ */
+export type ActionSheetActionsAlignment = 'start' | 'center' | 'end' | 'stretched' | 'justify';
+/**
+ * Represents the layout configuration for the ActionSheet action buttons.
+ */
+export interface ActionSheetActionsLayout {
+    /**
+     * The orientation of the actions.
+     * Defaults to `horizontal` if not specified.
+     */
+    orientation?: ActionSheetActionsOrientation;
+    /**
+     * The alignment of the actions within the container.
+     * Defaults to `stretched` if not specified.
+     */
+    alignment?: ActionSheetActionsAlignment;
+}

package/actionsheet/models/actionsheet-action.d.ts

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ButtonFillMode, ButtonSize, ButtonThemeColor } from "@progress/kendo-angular-buttons";
+import { SVGIcon } from "@progress/kendo-svg-icons";
+/**
+ * The settings for the ActionSheet action buttons.
+ */
+export interface ActionSheetAction {
+    /**
+     * The unique identifier of the action button.
+     */
+    id?: string | number;
+    /**
+     * The text of the action button.
+     */
+    text?: string;
+    /**
+     * The font icon of the action button.
+     */
+    icon?: string;
+    /**
+     * The SVG icon of the action button.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * The title of the action button. The title shows as the default tooltip for the action button.
+     */
+    title?: string;
+    /**
+     * The size of the action button. The supported values are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `none`
+     */
+    size?: ButtonSize;
+    /**
+     * The fill mode of the action button. The supported values are:
+     * - `flat`
+     * - `outline`
+     * - `solid`
+     * - `link`
+     * - `clear`
+     * - `none`
+     */
+    fillMode?: ButtonFillMode;
+    /**
+     * The theme color of the action button. The possible values are:
+     * - `base`: Applies coloring based on the base theme color.
+     * - `primary`: Applies coloring based on the primary theme color.
+     * - `secondary`: Applies coloring based on the secondary theme color.
+     * - `tertiary`: Applies coloring based on the tertiary theme color.
+     * - `info`: Applies coloring based on the info theme color.
+     * - `success`: Applies coloring based on the success theme color.
+     * - `warning`: Applies coloring based on the warning theme color.
+     * - `error`: Applies coloring based on the error theme color.
+     * - `dark`: Applies coloring based on the dark theme color.
+     * - `light`: Applies coloring based on the light theme color.
+     * - `inverse`: Applies coloring based on the inverse theme color.
+     */
+    themeColor?: ButtonThemeColor;
+}

package/actionsheet/models/index.d.ts

@@ -11,3 +11,5 @@ export { ActionSheetContentTemplateDirective } from '../templates/content-templa
 export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';
 export { ActionSheetAnimation } from './animation';
 export { ActionSheetTemplateDirective } from '../templates/actionsheet-template';
+export { ActionSheetActionsLayout, ActionSheetActionsOrientation, ActionSheetActionsAlignment } from './actionsheet-action-layout';
+export { ActionSheetAction } from './actionsheet-action';

package/actionsheet.module.d.ts

@@ -4,11 +4,12 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./actionsheet/actionsheet.component";
-import * as i2 from "./actionsheet/templates/header-template.directive";
-import * as i3 from "./actionsheet/templates/item-template.directive";
-import * as i4 from "./actionsheet/templates/content-template.directive";
-import * as i5 from "./actionsheet/templates/footer-template.directive";
-import * as i6 from "./actionsheet/templates/actionsheet-template";
+import * as i2 from "./actionsheet/actionsheet-view.component";
+import * as i3 from "./actionsheet/templates/header-template.directive";
+import * as i4 from "./actionsheet/templates/item-template.directive";
+import * as i5 from "./actionsheet/templates/content-template.directive";
+import * as i6 from "./actionsheet/templates/footer-template.directive";
+import * as i7 from "./actionsheet/templates/actionsheet-template";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the ActionSheet component.
@@ -43,6 +44,6 @@ import * as i6 from "./actionsheet/templates/actionsheet-template";
  */
 export declare class ActionSheetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, never, [typeof i1.ActionSheetComponent, typeof i2.ActionSheetHeaderTemplateDirective, typeof i3.ActionSheetItemTemplateDirective, typeof i4.ActionSheetContentTemplateDirective, typeof i5.ActionSheetFooterTemplateDirective, typeof i6.ActionSheetTemplateDirective], [typeof i1.ActionSheetComponent, typeof i2.ActionSheetHeaderTemplateDirective, typeof i3.ActionSheetItemTemplateDirective, typeof i4.ActionSheetContentTemplateDirective, typeof i5.ActionSheetFooterTemplateDirective, typeof i6.ActionSheetTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, never, [typeof i1.ActionSheetComponent, typeof i2.ActionSheetViewComponent, typeof i3.ActionSheetHeaderTemplateDirective, typeof i4.ActionSheetItemTemplateDirective, typeof i5.ActionSheetContentTemplateDirective, typeof i6.ActionSheetFooterTemplateDirective, typeof i7.ActionSheetTemplateDirective], [typeof i1.ActionSheetComponent, typeof i2.ActionSheetViewComponent, typeof i3.ActionSheetHeaderTemplateDirective, typeof i4.ActionSheetItemTemplateDirective, typeof i5.ActionSheetContentTemplateDirective, typeof i6.ActionSheetFooterTemplateDirective, typeof i7.ActionSheetTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
 }

package/directives.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { ActionSheetViewComponent } from "./actionsheet/actionsheet-view.component";
 import { ActionSheetComponent } from "./actionsheet/actionsheet.component";
 import { ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetTemplateDirective } from "./actionsheet/models";
 import { AppBarSectionComponent } from "./appbar/appbar-section.component";
@@ -14,7 +15,7 @@ import { BreadCrumbItemTemplateDirective } from "./breadcrumb/template-directive
 /**
 * Utility array that contains all `ActionSheet` related components and directives.
 */
-export declare const KENDO_ACTIONSHEET: readonly [typeof ActionSheetComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective];
+export declare const KENDO_ACTIONSHEET: readonly [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective];
 /**
 * Utility array that contains all `AppBar` related components and directives.
 */
@@ -30,4 +31,4 @@ export declare const KENDO_BREADCRUMB: readonly [typeof BreadCrumbComponent, typ
 /**
 * Utility array that contains all `@progress/kendo-angular-navigation` related components and directives.
 */
-export declare const KENDO_NAVIGATION: readonly [typeof ActionSheetComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective, typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent, typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective, typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective];
+export declare const KENDO_NAVIGATION: readonly [typeof ActionSheetComponent, typeof ActionSheetViewComponent, typeof ActionSheetHeaderTemplateDirective, typeof ActionSheetItemTemplateDirective, typeof ActionSheetContentTemplateDirective, typeof ActionSheetFooterTemplateDirective, typeof ActionSheetTemplateDirective, typeof AppBarComponent, typeof AppBarSectionComponent, typeof AppBarSpacerComponent, typeof BottomNavigationComponent, typeof BottomNavigationItemTemplateDirective, typeof BreadCrumbComponent, typeof BreadCrumbItemTemplateDirective];

package/esm2022/actionsheet/actionsheet-view.component.mjs

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, ContentChild, Host, HostBinding, Input, Optional } from '@angular/core';
+import { ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
+import { getId } from '../common/util';
+import { ActionSheetComponent } from './actionsheet.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./actionsheet.component";
+/**
+ * @hidden
+ *
+ * Represents the [Kendo UI ActionSheetView component for Angular].
+ * Used to display multiple views.
+ */
+export class ActionSheetViewComponent {
+    actionSheet;
+    title;
+    subtitle;
+    titleId = getId('k-actionsheet-title');
+    hostClass = true;
+    animated = true;
+    transitionDuration = '500ms';
+    transitionProperty = 'transform';
+    headerTemplate;
+    contentTemplate;
+    footerTemplate;
+    actionSheetTemplate;
+    constructor(actionSheet) {
+        this.actionSheet = actionSheet;
+    }
+    get orientationClass() {
+        return this.actionSheet?.orientationClass;
+    }
+    get alignmentClass() {
+        return this.actionSheet?.alignmentClass;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetViewComponent, deps: [{ token: i1.ActionSheetComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionSheetViewComponent, isStandalone: true, selector: "kendo-actionsheet-view", inputs: { title: "title", subtitle: "subtitle", titleId: "titleId" }, host: { properties: { "class.k-actionsheet-view": "this.hostClass", "class.k-actionsheet-view-animated": "this.animated", "style.transition-duration": "this.transitionDuration", "style.transition-property": "this.transitionProperty" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ActionSheetHeaderTemplateDirective, descendants: true }, { propertyName: "contentTemplate", first: true, predicate: ActionSheetContentTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: ActionSheetFooterTemplateDirective, descendants: true }, { propertyName: "actionSheetTemplate", first: true, predicate: ActionSheetTemplateDirective, descendants: true }], ngImport: i0, template: `
+        <ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="actionSheetTemplate?.templateRef">
+        </ng-template>
+
+        <ng-template #defaultTemplate>
+            <div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
+                <ng-template *ngIf="headerTemplate; else defaultHeaderTemplate" [ngTemplateOutlet]="headerTemplate.templateRef">
+                </ng-template>
+
+                <ng-template #defaultHeaderTemplate>
+                    <div class="k-actionsheet-titlebar-group k-hbox">
+                        <div class="k-actionsheet-title" [id]="titleId">
+                            <div *ngIf="title" class="k-text-center">{{title}}</div>
+                            <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
+                        </div>
+                    </div>
+                </ng-template>
+            </div>
+
+            <div *ngIf="contentTemplate" class="k-actionsheet-content">
+                <ng-template [ngTemplateOutlet]="contentTemplate.templateRef">
+                </ng-template>
+            </div>
+
+            <div *ngIf="footerTemplate" [ngClass]="[orientationClass, alignmentClass, 'k-actions', 'k-actionsheet-footer']">
+                <ng-template [ngTemplateOutlet]="footerTemplate.templateRef">
+                </ng-template>
+            </div>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionSheetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-actionsheet-view',
+                    template: `
+        <ng-template *ngIf="actionSheetTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="actionSheetTemplate?.templateRef">
+        </ng-template>
+
+        <ng-template #defaultTemplate>
+            <div *ngIf="title || subtitle || headerTemplate" class="k-actionsheet-titlebar">
+                <ng-template *ngIf="headerTemplate; else defaultHeaderTemplate" [ngTemplateOutlet]="headerTemplate.templateRef">
+                </ng-template>
+
+                <ng-template #defaultHeaderTemplate>
+                    <div class="k-actionsheet-titlebar-group k-hbox">
+                        <div class="k-actionsheet-title" [id]="titleId">
+                            <div *ngIf="title" class="k-text-center">{{title}}</div>
+                            <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>
+                        </div>
+                    </div>
+                </ng-template>
+            </div>
+
+            <div *ngIf="contentTemplate" class="k-actionsheet-content">
+                <ng-template [ngTemplateOutlet]="contentTemplate.templateRef">
+                </ng-template>
+            </div>
+
+            <div *ngIf="footerTemplate" [ngClass]="[orientationClass, alignmentClass, 'k-actions', 'k-actionsheet-footer']">
+                <ng-template [ngTemplateOutlet]="footerTemplate.templateRef">
+                </ng-template>
+            </div>
+        </ng-template>
+    `,
+                    standalone: true,
+                    imports: [NgIf, NgClass, NgTemplateOutlet]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ActionSheetComponent, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }]; }, propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], titleId: [{
+                type: Input
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-actionsheet-view']
+            }], animated: [{
+                type: HostBinding,
+                args: ['class.k-actionsheet-view-animated']
+            }], transitionDuration: [{
+                type: HostBinding,
+                args: ['style.transition-duration']
+            }], transitionProperty: [{
+                type: HostBinding,
+                args: ['style.transition-property']
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ActionSheetHeaderTemplateDirective]
+            }], contentTemplate: [{
+                type: ContentChild,
+                args: [ActionSheetContentTemplateDirective]
+            }], footerTemplate: [{
+                type: ContentChild,
+                args: [ActionSheetFooterTemplateDirective]
+            }], actionSheetTemplate: [{
+                type: ContentChild,
+                args: [ActionSheetTemplateDirective]
+            }] } });