@tailng-ui/primitives 0.12.0 → 0.13.0

package/src/lib/navigation/menu/tng-menu.js

@@ -1,7 +1,6 @@
-var TngMenu_1;
-import { __decorate } from "tslib";
 import { ChangeDetectorRef, Directive, ElementRef, HostBinding, HostListener, inject, input, NgZone, output, } from '@angular/core';
 import { createTngIdFactory } from '@tailng-ui/cdk';
+import * as i0 from "@angular/core";
 function getNextIndex(currentIndex, total) {
     if (currentIndex < 0) {
         return 0;
@@ -55,8 +54,7 @@ const createMenuId = createTngIdFactory('tng-menu');
 const createMenuItemId = createTngIdFactory('tng-menu-item');
 const createMenuTriggerId = createTngIdFactory('tng-menu-trigger');
 const TYPEAHEAD_RESET_MS = 500;
-let TngMenu = class TngMenu {
-    static { TngMenu_1 = this; }
+export class TngMenu {
     static openRootMenu = null;
     changeDetectorRef = inject(ChangeDetectorRef);
     hostRef = inject(ElementRef);
@@ -76,11 +74,11 @@ let TngMenu = class TngMenu {
     openSubmenu = null;
     openState = false;
     typeaheadBuffer = '';
-    loop = input(true);
-    disabled = input(false);
-    closeOnSelect = input(true);
-    dismissOnOutsideClick = input(true);
-    dismissOnFocusout = input(false);
+    loop = input(true, ...(ngDevMode ? [{ debugName: "loop" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    closeOnSelect = input(true, ...(ngDevMode ? [{ debugName: "closeOnSelect" }] : []));
+    dismissOnOutsideClick = input(true, ...(ngDevMode ? [{ debugName: "dismissOnOutsideClick" }] : []));
+    dismissOnFocusout = input(false, ...(ngDevMode ? [{ debugName: "dismissOnFocusout" }] : []));
     tngMenuOpened = output();
     tngMenuClosed = output();
     tngMenuSelect = output();
@@ -180,8 +178,8 @@ let TngMenu = class TngMenu {
             return;
         }
         if (this.parentMenu === null) {
-            if (TngMenu_1.openRootMenu !== null && TngMenu_1.openRootMenu !== this) {
-                TngMenu_1.openRootMenu.close(false);
+            if (TngMenu.openRootMenu !== null && TngMenu.openRootMenu !== this) {
+                TngMenu.openRootMenu.close(false);
             }
         }
         else {
@@ -189,7 +187,7 @@ let TngMenu = class TngMenu {
         }
         this.openState = true;
         if (this.parentMenu === null) {
-            TngMenu_1.openRootMenu = this;
+            TngMenu.openRootMenu = this;
         }
         if (focusAction === 'first') {
             this.moveActiveItem('next');
@@ -222,8 +220,8 @@ let TngMenu = class TngMenu {
         if (this.parentMenu !== null) {
             this.parentMenu.notifySubmenuClosed(this);
         }
-        else if (TngMenu_1.openRootMenu === this) {
-            TngMenu_1.openRootMenu = null;
+        else if (TngMenu.openRootMenu === this) {
+            TngMenu.openRootMenu = null;
         }
         this.tngMenuClosed.emit();
         if (restoreFocus) {
@@ -242,8 +240,8 @@ let TngMenu = class TngMenu {
             if (this.parentMenu !== null) {
                 this.parentMenu.notifySubmenuClosed(this);
             }
-            else if (TngMenu_1.openRootMenu === this) {
-                TngMenu_1.openRootMenu = null;
+            else if (TngMenu.openRootMenu === this) {
+                TngMenu.openRootMenu = null;
             }
             this.triggerStateSync?.();
         }
@@ -563,43 +561,45 @@ let TngMenu = class TngMenu {
         event.preventDefault();
         this.moveActiveItem(action);
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngMenu.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngMenu.prototype, "role", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngMenu.prototype, "id", void 0);
-__decorate([
-    HostBinding('attr.tabindex')
-], TngMenu.prototype, "tabIndex", null);
-__decorate([
-    HostBinding('attr.data-state')
-], TngMenu.prototype, "dataState", null);
-__decorate([
-    HostBinding('attr.hidden')
-], TngMenu.prototype, "hidden", null);
-__decorate([
-    HostBinding('attr.aria-activedescendant')
-], TngMenu.prototype, "ariaActiveDescendant", null);
-__decorate([
-    HostListener('focusout', ['$event'])
-], TngMenu.prototype, "onFocusout", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngMenu.prototype, "onKeydown", null);
-TngMenu = TngMenu_1 = __decorate([
-    Directive({
-        selector: '[tngMenu]',
-        exportAs: 'tngMenu',
-        standalone: true,
-    })
-], TngMenu);
-export { TngMenu };
-let TngMenuItem = class TngMenuItem {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenu, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngMenu, isStandalone: true, selector: "[tngMenu]", inputs: { loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, closeOnSelect: { classPropertyName: "closeOnSelect", publicName: "closeOnSelect", isSignal: true, isRequired: false, transformFunction: null }, dismissOnOutsideClick: { classPropertyName: "dismissOnOutsideClick", publicName: "dismissOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, dismissOnFocusout: { classPropertyName: "dismissOnFocusout", publicName: "dismissOnFocusout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tngMenuOpened: "tngMenuOpened", tngMenuClosed: "tngMenuClosed", tngMenuSelect: "tngMenuSelect" }, host: { listeners: { "focusout": "onFocusout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.role": "this.role", "attr.id": "this.id", "attr.tabindex": "this.tabIndex", "attr.data-state": "this.dataState", "attr.hidden": "this.hidden", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, exportAs: ["tngMenu"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenu, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenu]',
+                    exportAs: 'tngMenu',
+                    standalone: true,
+                }]
+        }], propDecorators: { loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], closeOnSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnSelect", required: false }] }], dismissOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissOnOutsideClick", required: false }] }], dismissOnFocusout: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissOnFocusout", required: false }] }], tngMenuOpened: [{ type: i0.Output, args: ["tngMenuOpened"] }], tngMenuClosed: [{ type: i0.Output, args: ["tngMenuClosed"] }], tngMenuSelect: [{ type: i0.Output, args: ["tngMenuSelect"] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], dataState: [{
+                type: HostBinding,
+                args: ['attr.data-state']
+            }], hidden: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], ariaActiveDescendant: [{
+                type: HostBinding,
+                args: ['attr.aria-activedescendant']
+            }], onFocusout: [{
+                type: HostListener,
+                args: ['focusout', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+export class TngMenuItem {
     hostRef = inject(ElementRef);
     menu = inject(TngMenu, { optional: true, skipSelf: true });
     resolvedId = this.hostRef.nativeElement.getAttribute('id') ?? createMenuItemId();
@@ -607,18 +607,10 @@ let TngMenuItem = class TngMenuItem {
     lastNavigableState = true;
     lastCheckedInput = false;
     checkedOverride = null;
-    value = input(undefined, {
-        alias: 'tngMenuItemValue',
-    });
-    itemRole = input('menuitem', {
-        alias: 'tngMenuItemRole',
-    });
-    checked = input(false, {
-        alias: 'tngMenuItemChecked',
-    });
-    submenu = input(null, {
-        alias: 'tngMenuItemSubmenu',
-    });
+    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : {}), alias: 'tngMenuItemValue' });
+    itemRole = input('menuitem', { ...(ngDevMode ? { debugName: "itemRole" } : {}), alias: 'tngMenuItemRole' });
+    checked = input(false, { ...(ngDevMode ? { debugName: "checked" } : {}), alias: 'tngMenuItemChecked' });
+    submenu = input(null, { ...(ngDevMode ? { debugName: "submenu" } : {}), alias: 'tngMenuItemSubmenu' });
     constructor() {
         this.lastDisabledState = this.isDisabled();
         this.lastNavigableState = this.isNavigable();
@@ -767,85 +759,89 @@ let TngMenuItem = class TngMenuItem {
         const element = this.hostRef.nativeElement;
         return element.hidden || Boolean(element.inert) || element.hasAttribute('hidden') || element.hasAttribute('inert');
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngMenuItem.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngMenuItem.prototype, "role", null);
-__decorate([
-    HostBinding('attr.id')
-], TngMenuItem.prototype, "id", void 0);
-__decorate([
-    HostBinding('attr.tabindex')
-], TngMenuItem.prototype, "tabIndex", void 0);
-__decorate([
-    HostBinding('attr.aria-disabled')
-], TngMenuItem.prototype, "ariaDisabled", null);
-__decorate([
-    HostBinding('attr.aria-checked')
-], TngMenuItem.prototype, "ariaChecked", null);
-__decorate([
-    HostBinding('attr.data-active')
-], TngMenuItem.prototype, "dataActive", null);
-__decorate([
-    HostBinding('attr.aria-haspopup')
-], TngMenuItem.prototype, "ariaHaspopup", null);
-__decorate([
-    HostBinding('attr.aria-controls')
-], TngMenuItem.prototype, "ariaControls", null);
-__decorate([
-    HostListener('click', ['$event'])
-], TngMenuItem.prototype, "onClick", null);
-TngMenuItem = __decorate([
-    Directive({
-        selector: '[tngMenuItem]',
-        exportAs: 'tngMenuItem',
-        standalone: true,
-    })
-], TngMenuItem);
-export { TngMenuItem };
-let TngMenuSeparator = class TngMenuSeparator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngMenuItem, isStandalone: true, selector: "[tngMenuItem]", inputs: { value: { classPropertyName: "value", publicName: "tngMenuItemValue", isSignal: true, isRequired: false, transformFunction: null }, itemRole: { classPropertyName: "itemRole", publicName: "tngMenuItemRole", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "tngMenuItemChecked", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "tngMenuItemSubmenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.role": "this.role", "attr.id": "this.id", "attr.tabindex": "this.tabIndex", "attr.aria-disabled": "this.ariaDisabled", "attr.aria-checked": "this.ariaChecked", "attr.data-active": "this.dataActive", "attr.aria-haspopup": "this.ariaHaspopup", "attr.aria-controls": "this.ariaControls" } }, exportAs: ["tngMenuItem"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenuItem]',
+                    exportAs: 'tngMenuItem',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuItemValue", required: false }] }], itemRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuItemRole", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuItemChecked", required: false }] }], submenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuItemSubmenu", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], ariaChecked: [{
+                type: HostBinding,
+                args: ['attr.aria-checked']
+            }], dataActive: [{
+                type: HostBinding,
+                args: ['attr.data-active']
+            }], ariaHaspopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], ariaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+export class TngMenuSeparator {
     dataSlot = 'menu-separator';
     role = 'separator';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngMenuSeparator.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngMenuSeparator.prototype, "role", void 0);
-TngMenuSeparator = __decorate([
-    Directive({
-        selector: '[tngMenuSeparator]',
-        exportAs: 'tngMenuSeparator',
-        standalone: true,
-    })
-], TngMenuSeparator);
-export { TngMenuSeparator };
-let TngMenuGroupLabel = class TngMenuGroupLabel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngMenuSeparator, isStandalone: true, selector: "[tngMenuSeparator]", host: { properties: { "attr.data-slot": "this.dataSlot", "attr.role": "this.role" } }, exportAs: ["tngMenuSeparator"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenuSeparator]',
+                    exportAs: 'tngMenuSeparator',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+export class TngMenuGroupLabel {
     dataSlot = 'menu-group-label';
     role = 'presentation';
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngMenuGroupLabel.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.role')
-], TngMenuGroupLabel.prototype, "role", void 0);
-TngMenuGroupLabel = __decorate([
-    Directive({
-        selector: '[tngMenuGroupLabel]',
-        exportAs: 'tngMenuGroupLabel',
-        standalone: true,
-    })
-], TngMenuGroupLabel);
-export { TngMenuGroupLabel };
-let TngMenuBackdrop = class TngMenuBackdrop {
-    menu = input(null, {
-        alias: 'tngMenuBackdrop',
-    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuGroupLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: TngMenuGroupLabel, isStandalone: true, selector: "[tngMenuGroupLabel]", host: { properties: { "attr.data-slot": "this.dataSlot", "attr.role": "this.role" } }, exportAs: ["tngMenuGroupLabel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuGroupLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenuGroupLabel]',
+                    exportAs: 'tngMenuGroupLabel',
+                    standalone: true,
+                }]
+        }], propDecorators: { dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+export class TngMenuBackdrop {
+    menu = input(null, { ...(ngDevMode ? { debugName: "menu" } : {}), alias: 'tngMenuBackdrop' });
     dataSlot = 'menu-backdrop';
     onClick() {
         const menu = this.menu();
@@ -853,28 +849,28 @@ let TngMenuBackdrop = class TngMenuBackdrop {
             menu.close(false);
         }
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngMenuBackdrop.prototype, "dataSlot", void 0);
-__decorate([
-    HostListener('click')
-], TngMenuBackdrop.prototype, "onClick", null);
-TngMenuBackdrop = __decorate([
-    Directive({
-        selector: '[tngMenuBackdrop]',
-        exportAs: 'tngMenuBackdrop',
-        standalone: true,
-    })
-], TngMenuBackdrop);
-export { TngMenuBackdrop };
-let TngMenuTrigger = class TngMenuTrigger {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngMenuBackdrop, isStandalone: true, selector: "[tngMenuBackdrop]", inputs: { menu: { classPropertyName: "menu", publicName: "tngMenuBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "attr.data-slot": "this.dataSlot" } }, exportAs: ["tngMenuBackdrop"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuBackdrop, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenuBackdrop]',
+                    exportAs: 'tngMenuBackdrop',
+                    standalone: true,
+                }]
+        }], propDecorators: { menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuBackdrop", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+export class TngMenuTrigger {
     hostRef = inject(ElementRef);
     resolvedId = this.hostRef.nativeElement.getAttribute('id') ?? createMenuTriggerId();
     linkedMenu = null;
-    menu = input(null, {
-        alias: 'tngMenuTrigger',
-    });
+    menu = input(null, { ...(ngDevMode ? { debugName: "menu" } : {}), alias: 'tngMenuTrigger' });
     dataSlot = 'menu-trigger';
     id = this.resolvedId;
     ariaHaspopup = 'menu';
@@ -996,31 +992,33 @@ let TngMenuTrigger = class TngMenuTrigger {
         this.syncAriaExpanded();
         return menu;
     }
-};
-__decorate([
-    HostBinding('attr.data-slot')
-], TngMenuTrigger.prototype, "dataSlot", void 0);
-__decorate([
-    HostBinding('attr.id')
-], TngMenuTrigger.prototype, "id", void 0);
-__decorate([
-    HostBinding('attr.aria-haspopup')
-], TngMenuTrigger.prototype, "ariaHaspopup", void 0);
-__decorate([
-    HostBinding('attr.aria-controls')
-], TngMenuTrigger.prototype, "ariaControls", null);
-__decorate([
-    HostListener('click')
-], TngMenuTrigger.prototype, "onClick", null);
-__decorate([
-    HostListener('keydown', ['$event'])
-], TngMenuTrigger.prototype, "onKeydown", null);
-TngMenuTrigger = __decorate([
-    Directive({
-        selector: '[tngMenuTrigger]',
-        exportAs: 'tngMenuTrigger',
-        standalone: true,
-    })
-], TngMenuTrigger);
-export { TngMenuTrigger };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: TngMenuTrigger, isStandalone: true, selector: "[tngMenuTrigger]", inputs: { menu: { classPropertyName: "menu", publicName: "tngMenuTrigger", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.data-slot": "this.dataSlot", "attr.id": "this.id", "attr.aria-haspopup": "this.ariaHaspopup", "attr.aria-controls": "this.ariaControls" } }, exportAs: ["tngMenuTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TngMenuTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tngMenuTrigger]',
+                    exportAs: 'tngMenuTrigger',
+                    standalone: true,
+                }]
+        }], propDecorators: { menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "tngMenuTrigger", required: false }] }], dataSlot: [{
+                type: HostBinding,
+                args: ['attr.data-slot']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], ariaHaspopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], ariaControls: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 //# sourceMappingURL=tng-menu.js.map