@progress/kendo-angular-menu 24.0.0-develop.2 → 24.0.0-develop.21

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

@@ -9,7 +9,7 @@ import * as i3 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { PreventableEvent as PreventableEvent$1, hasObservers, Keys, normalizeKeys, isDocumentAvailable, isPresent, parseCSSClassNames, ResizeBatchService } from '@progress/kendo-angular-common';
-import { caretAltLeftIcon, caretAltRightIcon, caretAltDownIcon } from '@progress/kendo-svg-icons';
+import { chevronDownIcon, chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
 import * as i5 from '@progress/kendo-angular-popup';
 import { PopupService, POPUP_CONTAINER } from '@progress/kendo-angular-popup';
 import { IconWrapperComponent, IconsService } from '@progress/kendo-angular-icons';
@@ -22,8 +22,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1776936102,
-    version: '24.0.0-develop.2',
+    publishDate: 1778160970,
+    version: '24.0.0-develop.21',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1154,29 +1154,25 @@ const getSizeClass = (size) => {
         'medium': 'k-menu-group-md',
         'large': 'k-menu-group-lg'
     };
-    return SIZE_CLASSES[size];
+    return SIZE_CLASSES[size] || '';
 };
 /**
  * @hidden
  */
 const getFontIcon = (horizontal, rtl) => {
-    const icon = horizontal ?
-        rtl ?
-            'caret-alt-left' :
-            'caret-alt-right' :
-        'caret-alt-down';
-    return icon;
+    if (!horizontal) {
+        return 'chevron-down';
+    }
+    return rtl ? 'chevron-left' : 'chevron-right';
 };
 /**
  * @hidden
  */
 const getSVGIcon = (horizontal, rtl) => {
-    const icon = horizontal ?
-        rtl ?
-            caretAltLeftIcon :
-            caretAltRightIcon :
-        caretAltDownIcon;
-    return icon;
+    if (!horizontal) {
+        return chevronDownIcon;
+    }
+    return rtl ? chevronLeftIcon : chevronRightIcon;
 };
 /**
  * @hidden
@@ -1652,10 +1648,7 @@ class ItemComponent {
         return this.item.disabled;
     }
     get hasPopup() {
-        return this.hasContent ? true : null;
-    }
-    get label() {
-        return this.item.text ? this.item.text : null;
+        return this.hasContent ? 'menu' : null;
     }
     get defaultPopupSettings() {
         const settings = this.rtl ? POPUP_SETTINGS_RTL : POPUP_SETTINGS;
@@ -1685,7 +1678,7 @@ class ItemComponent {
     }
     get menuListClasses() {
         const sizeClass = getSizeClass(this.size);
-        return this.isContextMenu ? `k-context-menu k-menu-group ${sizeClass}` : `k-menu-group ${sizeClass}`;
+        return `k-menu-group ${sizeClass}`;
     }
     get children() {
         const item = this.item;
@@ -1835,20 +1828,20 @@ class ItemComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ItemComponent, deps: [{ token: ItemsService }, { token: NavigationService }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i5.PopupService }, { token: i0.ElementRef }, { token: ContextMenuService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ItemComponent, isStandalone: true, selector: "[kendoMenuItem]", inputs: { appendTo: "appendTo", item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate", popupSettings: "popupSettings", trackBy: "trackBy" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup", "attr.aria-label": "this.label" } }, providers: [PopupService, {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ItemComponent, isStandalone: true, selector: "[kendoMenuItem]", inputs: { appendTo: "appendTo", item: "item", level: "level", index: "index", siblingIndex: "siblingIndex", animate: "animate", size: "size", vertical: "vertical", rtl: "rtl", openOnClick: "openOnClick", itemTemplate: "itemTemplate", itemLinkTemplate: "itemLinkTemplate", popupSettings: "popupSettings", trackBy: "trackBy" }, host: { properties: { "attr.aria-disabled": "this.disabled", "attr.aria-haspopup": "this.hasPopup" } }, providers: [PopupService, {
                 provide: POPUP_CONTAINER,
                 useFactory: bodyFactory
             }], viewQueries: [{ propertyName: "link", first: true, predicate: ["link"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
     @if (!hasLink && !item.content && !linkTemplate) {
       <span class="k-link k-menu-link" #link
-        [class.k-active]="opened" role="presentation">
+        [class.k-active]="opened" [class.k-disabled]="item.disabled && (level > 0 || isContextMenu)" role="presentation">
         <ng-template [ngTemplateOutlet]="itemcontent">
         </ng-template>
       </span>
     }
     @if (item.url && !linkTemplate) {
       <a class="k-link k-menu-link" #link [attr.href]="item.url"
-        [class.k-active]="opened" tabindex="-1" role="presentation">
+        [class.k-active]="opened" [class.k-disabled]="item.disabled && (level > 0 || isContextMenu)" tabindex="-1" role="presentation">
         <ng-template [ngTemplateOutlet]="itemcontent">
         </ng-template>
       </a>
@@ -1915,14 +1908,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     template: `
     @if (!hasLink && !item.content && !linkTemplate) {
       <span class="k-link k-menu-link" #link
-        [class.k-active]="opened" role="presentation">
+        [class.k-active]="opened" [class.k-disabled]="item.disabled && (level > 0 || isContextMenu)" role="presentation">
         <ng-template [ngTemplateOutlet]="itemcontent">
         </ng-template>
       </span>
     }
     @if (item.url && !linkTemplate) {
       <a class="k-link k-menu-link" #link [attr.href]="item.url"
-        [class.k-active]="opened" tabindex="-1" role="presentation">
+        [class.k-active]="opened" [class.k-disabled]="item.disabled && (level > 0 || isContextMenu)" tabindex="-1" role="presentation">
         <ng-template [ngTemplateOutlet]="itemcontent">
         </ng-template>
       </a>
@@ -2022,9 +2015,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], hasPopup: [{
                 type: HostBinding,
                 args: ['attr.aria-haspopup']
-            }], label: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
             }] } });
 
 /**
@@ -2089,8 +2079,9 @@ class MenuComponent extends MenuBase {
      */
     get ariaOrientation() {
         if (this.vertical) {
-            return 'vertical';
+            return this.ariaRole === 'menubar' ? 'vertical' : null;
         }
+        return this.ariaRole === 'menu' ? 'horizontal' : null;
     }
     /**
      * @hidden
@@ -2111,7 +2102,10 @@ class MenuComponent extends MenuBase {
         const sizeClass = getSizeClass(this.size);
         const staticClasses = 'k-reset k-header k-menu';
         if (this.isContextMenu) {
-            return `k-context-menu k-menu-group ${sizeClass || ''}`;
+            const contextMenuClasses = this.vertical
+                ? 'k-context-menu k-menu-group'
+                : `${staticClasses} k-context-menu k-menu-horizontal`;
+            return `${contextMenuClasses} ${sizeClass || ''}`;
         }
         return `${staticClasses} k-menu-${this.vertical ? 'vertical' : 'horizontal'}`;
     }
@@ -3308,7 +3302,7 @@ class ContextMenuComponent extends MenuBase {
             else {
                 offset = { left: e.pageX, top: e.pageY };
             }
-            this.createPopup({ anchor, offset });
+            this.createPopup(offset ? { anchor, offset } : { anchor });
         });
     }
     createPopup(options) {

package/menu.component.d.ts

@@ -73,7 +73,7 @@ export declare class MenuComponent extends MenuBase implements OnChanges, AfterV
     /**
      * @hidden
      */
-    get ariaOrientation(): string;
+    get ariaOrientation(): string | null;
     /**
      * @hidden
      */

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1776936102,
-  "version": "24.0.0-develop.2",
+  "publishDate": 1778160970,
+  "version": "24.0.0-develop.21",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-menu",
-  "version": "24.0.0-develop.2",
+  "version": "24.0.0-develop.21",
   "description": "Kendo UI Angular Menu component",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776936102,
+      "publishDate": 1778160970,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,15 +29,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.2",
-    "@progress/kendo-angular-icons": "24.0.0-develop.2",
-    "@progress/kendo-angular-popup": "24.0.0-develop.2",
+    "@progress/kendo-angular-common": "24.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.21",
+    "@progress/kendo-angular-icons": "24.0.0-develop.21",
+    "@progress/kendo-angular-popup": "24.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.2"
+    "@progress/kendo-angular-schematics": "24.0.0-develop.21"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-menu.mjs",

package/rendering/list.component.d.ts

@@ -81,8 +81,7 @@ export declare class ItemComponent implements OnInit, OnChanges, AfterViewInit,
     link: ElementRef;
     popupTemplate: TemplateRef<any>;
     get disabled(): boolean;
-    get hasPopup(): boolean;
-    get label(): boolean;
+    get hasPopup(): string;
     get defaultPopupSettings(): any;
     get horizontal(): boolean;
     get hasLink(): boolean;