@progress/kendo-angular-navigation 23.2.1-develop.6 → 23.2.1-develop.7

package/actionsheet/actionsheet.component.d.ts

@@ -69,7 +69,8 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     /**
      * Applies CSS classes to the inner ActionSheet element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
      */
-    cssClass: any;
+    set cssClass(value: any);
+    get cssClass(): any;
     /**
      * Applies inline styles to the inner ActionSheet element. Accepts any value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
      */
@@ -154,11 +155,13 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      * @hidden
      */
     footerTemplate: ActionSheetFooterTemplateDirective;
+    private _cssClass;
     private dynamicRTLSubscription;
     private rtl;
     private domSubs;
     private player;
     private animationEnd;
+    private isFullscreen;
     constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService, builder: AnimationBuilder, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -207,8 +210,13 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      * @hidden
      */
     get shouldRenderSeparator(): boolean;
+    /**
+     * @hidden
+     */
+    get childContainerStyle(): string;
     private initDomEvents;
     private setCssVariables;
+    private hasFullscreenClass;
     private onKeyDown;
     private handleInitialFocus;
     private keepFocusWithinComponent;

package/fesm2022/progress-kendo-angular-navigation.mjs

@@ -26,7 +26,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.2.1-develop.6',
+    version: '23.2.1-develop.7',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -729,6 +729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
             }] } });
 
 const DEFAULT_ANIMATION_CONFIG = { duration: 300 };
+const FULLSCREEN_CLASS = 'k-actionsheet-fullscreen';
 /**
  * Represents the [Kendo UI ActionSheet component for Angular](https://www.telerik.com/kendo-angular-ui/components/navigation/actionsheet).
  * Use this component to display a set of choices related to a user-initiated task in a modal sheet that slides up from the bottom of the screen.
@@ -792,7 +793,13 @@ class ActionSheetComponent {
     /**
      * Applies CSS classes to the inner ActionSheet element. Accepts any value supported by [`ngClass`](link:site.data.urls.angular['ngclassapi']).
      */
-    cssClass;
+    set cssClass(value) {
+        this._cssClass = value;
+        this.isFullscreen = this.hasFullscreenClass(value);
+    }
+    get cssClass() {
+        return this._cssClass;
+    }
     /**
      * Applies inline styles to the inner ActionSheet element. Accepts any value supported by [`ngStyle`](link:site.data.urls.angular['ngstyleapi']).
      */
@@ -877,11 +884,13 @@ class ActionSheetComponent {
      * @hidden
      */
     footerTemplate;
+    _cssClass;
     dynamicRTLSubscription;
     rtl = false;
     domSubs = new Subscription();
     player;
     animationEnd = new EventEmitter();
+    isFullscreen = false;
     constructor(element, ngZone, renderer, localizationService, builder, cdr) {
         this.element = element;
         this.ngZone = ngZone;
@@ -1002,6 +1011,13 @@ class ActionSheetComponent {
     get shouldRenderSeparator() {
         return this.topGroupItems?.length > 0 && this.bottomGroupItems?.length > 0;
     }
+    /**
+     * @hidden
+     */
+    get childContainerStyle() {
+        const baseStyle = 'bottom: 0px; width: 100%;';
+        return this.isFullscreen ? `${baseStyle} height: 100%;` : baseStyle;
+    }
     initDomEvents() {
         if (!this.element) {
             return;
@@ -1020,6 +1036,21 @@ class ActionSheetComponent {
         this.element.nativeElement.style.setProperty('--kendo-actionsheet-height', 'auto');
         this.element.nativeElement.style.setProperty('--kendo-actionsheet-max-height', 'none');
     }
+    hasFullscreenClass(cssClass) {
+        if (!cssClass) {
+            return false;
+        }
+        if (typeof cssClass === 'string') {
+            return cssClass.split(/\s+/).includes(FULLSCREEN_CLASS);
+        }
+        if (cssClass instanceof Set) {
+            return cssClass.has(FULLSCREEN_CLASS);
+        }
+        if (Array.isArray(cssClass)) {
+            return cssClass.some(cls => typeof cls === 'string' && cls.split(/\s+/).includes(FULLSCREEN_CLASS));
+        }
+        return cssClass[FULLSCREEN_CLASS] === true;
+    }
     onKeyDown(event) {
         const target = event.target;
         if (event.code === Keys.Tab) {
@@ -1109,7 +1140,7 @@ class ActionSheetComponent {
         @if (expanded) {
           <div class="k-overlay" (click)="onOverlayClick()"></div>
           <div class="k-animation-container k-animation-container-shown">
-            <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
+            <div #childContainer class="k-child-animation-container" [style]="childContainerStyle">
               <div
                 class="k-actionsheet k-actionsheet-bottom"
                 [ngClass]="cssClass"
@@ -1227,7 +1258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImpo
         @if (expanded) {
           <div class="k-overlay" (click)="onOverlayClick()"></div>
           <div class="k-animation-container k-animation-container-shown">
-            <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
+            <div #childContainer class="k-child-animation-container" [style]="childContainerStyle">
               <div
                 class="k-actionsheet k-actionsheet-bottom"
                 [ngClass]="cssClass"

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1773219395,
-  "version": "23.2.1-develop.6",
+  "publishDate": 1773396790,
+  "version": "23.2.1-develop.7",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-navigation",
-  "version": "23.2.1-develop.6",
+  "version": "23.2.1-develop.7",
   "description": "Kendo UI Navigation for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1773219395,
+      "publishDate": 1773396790,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,15 +27,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.2.1-develop.6",
-    "@progress/kendo-angular-common": "23.2.1-develop.6",
-    "@progress/kendo-angular-icons": "23.2.1-develop.6",
-    "@progress/kendo-angular-l10n": "23.2.1-develop.6",
+    "@progress/kendo-angular-buttons": "23.2.1-develop.7",
+    "@progress/kendo-angular-common": "23.2.1-develop.7",
+    "@progress/kendo-angular-icons": "23.2.1-develop.7",
+    "@progress/kendo-angular-l10n": "23.2.1-develop.7",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.2.1-develop.6"
+    "@progress/kendo-angular-schematics": "23.2.1-develop.7"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-navigation.mjs",