@progress/kendo-angular-navigation 11.3.1-develop.1 → 11.4.0-develop.10

package/actionsheet/actionsheet.component.d.ts

@@ -13,7 +13,7 @@ import * as i0 from "@angular/core";
  * Used to display a set of choices related to a task the user initiates.
  */
 export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, OnChanges {
-    private element;
+    element: ElementRef;
     private ngZone;
     private renderer;
     private localizationService;
@@ -117,8 +117,10 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
     ngOnDestroy(): void;
     /**
      * Toggles the visibility of the ActionSheet.
+     *
+     * @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
      */
-    toggle(): void;
+    toggle(expanded?: boolean): void;
     /**
      * @hidden
      */
@@ -140,6 +142,7 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy, O
      */
     get shouldRenderSeparator(): boolean;
     private initDomEvents;
+    private setCssVariables;
     private onKeyDown;
     private handleInitialFocus;
     private keepFocusWithinComponent;

package/esm2020/actionsheet/actionsheet.component.mjs

@@ -7,7 +7,7 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { Subscription } from 'rxjs';
 import { ActionSheetHeaderTemplateDirective, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective, ActionSheetTemplateDirective } from './models';
-import { Keys } from '@progress/kendo-angular-common';
+import { isPresent, Keys } from '@progress/kendo-angular-common';
 import { getId, getActionSheetItemIndex, getFirstAndLastFocusable, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE } from '../common/util';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { AnimationBuilder } from '@angular/animations';
@@ -88,6 +88,7 @@ export class ActionSheetComponent {
     ;
     ngAfterViewInit() {
         this.initDomEvents();
+        this.setCssVariables();
     }
     ngOnChanges(changes) {
         if (changes['expanded'] && this.expanded) {
@@ -105,9 +106,15 @@ export class ActionSheetComponent {
     }
     /**
      * Toggles the visibility of the ActionSheet.
+     *
+     * @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
      */
-    toggle() {
-        const current = !this.expanded;
+    toggle(expanded) {
+        const previous = this.expanded;
+        const current = isPresent(expanded) ? expanded : !previous;
+        if (current === previous) {
+            return;
+        }
         if (current === true) {
             this.setExpanded(true);
         }
@@ -163,6 +170,12 @@ export class ActionSheetComponent {
             }));
         });
     }
+    setCssVariables() {
+        if (!this.element) {
+            return;
+        }
+        this.renderer.setAttribute(this.element.nativeElement, 'style', '--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none');
+    }
     onKeyDown(event) {
         const target = event.target;
         if (event.keyCode === Keys.Tab) {
@@ -203,7 +216,7 @@ export class ActionSheetComponent {
     }
     triggerItemClick(target, event) {
         const itemIndex = getActionSheetItemIndex(target, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE, this.element.nativeElement);
-        const item = this.items[itemIndex];
+        const item = isPresent(itemIndex) ? this.items[itemIndex] : null;
         if (!item || item.disabled) {
             return;
         }
@@ -255,7 +268,6 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             <div class="k-animation-container">
                 <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
                     <div class="k-actionsheet k-actionsheet-bottom"
-                        [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
                         [ngClass]="cssClass"
                         role="dialog"
                         aria-modal="true"
@@ -329,7 +341,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <div class="k-animation-container">
                 <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
                     <div class="k-actionsheet k-actionsheet-bottom"
-                        [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
                         [ngClass]="cssClass"
                         role="dialog"
                         aria-modal="true"

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-navigation',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1677750278,
-    version: '11.3.1-develop.1',
+    publishDate: 1678804007,
+    version: '11.4.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -8,7 +8,7 @@ import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i3 from '@progress/kendo-angular-common';
-import { closestInScope as closestInScope$1, isDocumentAvailable, Keys, ResizeSensorModule } from '@progress/kendo-angular-common';
+import { closestInScope as closestInScope$1, isDocumentAvailable, Keys, ResizeSensorModule, isPresent as isPresent$1 } from '@progress/kendo-angular-common';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { fromEvent, merge, ReplaySubject, Subject, Subscription } from 'rxjs';
@@ -26,8 +26,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-navigation',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1677750278,
-    version: '11.3.1-develop.1',
+    publishDate: 1678804007,
+    version: '11.4.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2069,6 +2069,7 @@ class ActionSheetComponent {
     ;
     ngAfterViewInit() {
         this.initDomEvents();
+        this.setCssVariables();
     }
     ngOnChanges(changes) {
         if (changes['expanded'] && this.expanded) {
@@ -2086,9 +2087,15 @@ class ActionSheetComponent {
     }
     /**
      * Toggles the visibility of the ActionSheet.
+     *
+     * @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
      */
-    toggle() {
-        const current = !this.expanded;
+    toggle(expanded) {
+        const previous = this.expanded;
+        const current = isPresent$1(expanded) ? expanded : !previous;
+        if (current === previous) {
+            return;
+        }
         if (current === true) {
             this.setExpanded(true);
         }
@@ -2147,6 +2154,12 @@ class ActionSheetComponent {
             }));
         });
     }
+    setCssVariables() {
+        if (!this.element) {
+            return;
+        }
+        this.renderer.setAttribute(this.element.nativeElement, 'style', '--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none');
+    }
     onKeyDown(event) {
         const target = event.target;
         if (event.keyCode === Keys.Tab) {
@@ -2187,7 +2200,7 @@ class ActionSheetComponent {
     }
     triggerItemClick(target, event) {
         const itemIndex = getActionSheetItemIndex(target, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE, this.element.nativeElement);
-        const item = this.items[itemIndex];
+        const item = isPresent$1(itemIndex) ? this.items[itemIndex] : null;
         if (!item || item.disabled) {
             return;
         }
@@ -2239,7 +2252,6 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             <div class="k-animation-container">
                 <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
                     <div class="k-actionsheet k-actionsheet-bottom"
-                        [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
                         [ngClass]="cssClass"
                         role="dialog"
                         aria-modal="true"
@@ -2313,7 +2325,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <div class="k-animation-container">
                 <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
                     <div class="k-actionsheet k-actionsheet-bottom"
-                        [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
                         [ngClass]="cssClass"
                         role="dialog"
                         aria-modal="true"

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

@@ -8,7 +8,7 @@ import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i3 from '@progress/kendo-angular-common';
-import { closestInScope as closestInScope$1, isDocumentAvailable, Keys, ResizeSensorModule } from '@progress/kendo-angular-common';
+import { closestInScope as closestInScope$1, isDocumentAvailable, Keys, ResizeSensorModule, isPresent as isPresent$1 } from '@progress/kendo-angular-common';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { fromEvent, merge, ReplaySubject, Subject, Subscription } from 'rxjs';
@@ -26,8 +26,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-navigation',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1677750278,
-    version: '11.3.1-develop.1',
+    publishDate: 1678804007,
+    version: '11.4.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2055,6 +2055,7 @@ class ActionSheetComponent {
     ;
     ngAfterViewInit() {
         this.initDomEvents();
+        this.setCssVariables();
     }
     ngOnChanges(changes) {
         if (changes['expanded'] && this.expanded) {
@@ -2072,9 +2073,15 @@ class ActionSheetComponent {
     }
     /**
      * Toggles the visibility of the ActionSheet.
+     *
+     * @param expanded? - Boolean. Specifies if the ActionSheet will be expanded or collapsed.
      */
-    toggle() {
-        const current = !this.expanded;
+    toggle(expanded) {
+        const previous = this.expanded;
+        const current = isPresent$1(expanded) ? expanded : !previous;
+        if (current === previous) {
+            return;
+        }
         if (current === true) {
             this.setExpanded(true);
         }
@@ -2130,6 +2137,12 @@ class ActionSheetComponent {
             }));
         });
     }
+    setCssVariables() {
+        if (!this.element) {
+            return;
+        }
+        this.renderer.setAttribute(this.element.nativeElement, 'style', '--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none');
+    }
     onKeyDown(event) {
         const target = event.target;
         if (event.keyCode === Keys.Tab) {
@@ -2170,7 +2183,7 @@ class ActionSheetComponent {
     }
     triggerItemClick(target, event) {
         const itemIndex = getActionSheetItemIndex(target, ACTIONSHEET_ITEM_INDEX_ATTRIBUTE, this.element.nativeElement);
-        const item = this.items[itemIndex];
+        const item = isPresent$1(itemIndex) ? this.items[itemIndex] : null;
         if (!item || item.disabled) {
             return;
         }
@@ -2222,7 +2235,6 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             <div class="k-animation-container">
                 <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
                     <div class="k-actionsheet k-actionsheet-bottom"
-                        [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
                         [ngClass]="cssClass"
                         role="dialog"
                         aria-modal="true"
@@ -2296,7 +2308,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             <div class="k-animation-container">
                 <div #childContainer class="k-child-animation-container" [style]="'bottom: 0px; width: 100%;'">
                     <div class="k-actionsheet k-actionsheet-bottom"
-                        [style]="'--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;'"
                         [ngClass]="cssClass"
                         role="dialog"
                         aria-modal="true"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-navigation",
-  "version": "11.3.1-develop.1",
+  "version": "11.4.0-develop.10",
   "description": "Kendo UI Navigation for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -21,14 +21,14 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "11.3.1-develop.1",
-    "@progress/kendo-angular-icons": "11.3.1-develop.1",
-    "@progress/kendo-angular-l10n": "11.3.1-develop.1",
+    "@progress/kendo-angular-common": "11.4.0-develop.10",
+    "@progress/kendo-angular-icons": "11.4.0-develop.10",
+    "@progress/kendo-angular-l10n": "11.4.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "11.3.1-develop.1"
+    "@progress/kendo-angular-schematics": "11.4.0-develop.10"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-navigation.mjs",