ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
142 lines • 12.7 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: submenu-non-inline-child.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @license
* Copyright Alibaba.com All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
*/
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import { slideMotion, zoomBigMotion } from 'ng-zorro-antd/core/animation';
var NzSubmenuNoneInlineChildComponent = /** @class */ (function () {
function NzSubmenuNoneInlineChildComponent() {
this.menuClass = null;
this.theme = 'light';
this.templateOutlet = null;
this.isMenuInsideDropDown = false;
this.mode = 'vertical';
this.position = 'right';
this.nzDisabled = false;
this.nzOpen = false;
this.subMenuMouseState = new EventEmitter();
this.expandState = 'collapsed';
}
/**
* @param {?} state
* @return {?}
*/
NzSubmenuNoneInlineChildComponent.prototype.setMouseState = /**
* @param {?} state
* @return {?}
*/
function (state) {
if (!this.nzDisabled) {
this.subMenuMouseState.next(state);
}
};
/**
* @return {?}
*/
NzSubmenuNoneInlineChildComponent.prototype.calcMotionState = /**
* @return {?}
*/
function () {
if (this.nzOpen) {
if (this.mode === 'horizontal') {
this.expandState = 'bottom';
}
else if (this.mode === 'vertical') {
this.expandState = 'active';
}
}
else {
this.expandState = 'collapsed';
}
};
/**
* @return {?}
*/
NzSubmenuNoneInlineChildComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.calcMotionState();
};
/**
* @param {?} changes
* @return {?}
*/
NzSubmenuNoneInlineChildComponent.prototype.ngOnChanges = /**
* @param {?} changes
* @return {?}
*/
function (changes) {
var mode = changes.mode, nzOpen = changes.nzOpen;
if (mode || nzOpen) {
this.calcMotionState();
}
};
NzSubmenuNoneInlineChildComponent.decorators = [
{ type: Component, args: [{
selector: '[nz-submenu-none-inline-child]',
exportAs: 'nzSubmenuNoneInlineChild',
encapsulation: ViewEncapsulation.None,
animations: [zoomBigMotion, slideMotion],
changeDetection: ChangeDetectionStrategy.OnPush,
template: "\n <div\n [class.ant-dropdown-menu]=\"isMenuInsideDropDown\"\n [class.ant-menu]=\"!isMenuInsideDropDown\"\n [class.ant-dropdown-menu-vertical]=\"isMenuInsideDropDown\"\n [class.ant-menu-vertical]=\"!isMenuInsideDropDown\"\n [class.ant-dropdown-menu-sub]=\"isMenuInsideDropDown\"\n [class.ant-menu-sub]=\"!isMenuInsideDropDown\"\n [ngClass]=\"menuClass\"\n >\n <ng-template [ngTemplateOutlet]=\"templateOutlet\"></ng-template>\n </div>\n ",
host: {
'[class.ant-menu-submenu]': 'true',
'[class.ant-menu-submenu-popup]': 'true',
'[class.ant-menu-light]': "theme === 'light'",
'[class.ant-menu-dark]': "theme === 'dark'",
'[class.ant-menu-submenu-placement-bottom]': "mode === 'horizontal'",
'[class.ant-menu-submenu-placement-right]': "mode === 'vertical' && position === 'right'",
'[class.ant-menu-submenu-placement-left]': "mode === 'vertical' && position === 'left'",
'[@slideMotion]': 'expandState',
'[@zoomBigMotion]': 'expandState',
'(mouseenter)': 'setMouseState(true)',
'(mouseleave)': 'setMouseState(false)'
}
}] }
];
NzSubmenuNoneInlineChildComponent.propDecorators = {
menuClass: [{ type: Input }],
theme: [{ type: Input }],
templateOutlet: [{ type: Input }],
isMenuInsideDropDown: [{ type: Input }],
mode: [{ type: Input }],
position: [{ type: Input }],
nzDisabled: [{ type: Input }],
nzOpen: [{ type: Input }],
subMenuMouseState: [{ type: Output }]
};
return NzSubmenuNoneInlineChildComponent;
}());
export { NzSubmenuNoneInlineChildComponent };
if (false) {
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.menuClass;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.theme;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.templateOutlet;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.isMenuInsideDropDown;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.mode;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.position;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.nzDisabled;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.nzOpen;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.subMenuMouseState;
/** @type {?} */
NzSubmenuNoneInlineChildComponent.prototype.expandState;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibWVudS1ub24taW5saW5lLWNoaWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLXpvcnJvLWFudGQvbWVudS8iLCJzb3VyY2VzIjpbInN1Ym1lbnUtbm9uLWlubGluZS1jaGlsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBUUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBR04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFJMUU7SUFBQTtRQWtDVyxjQUFTLEdBQWtCLElBQUksQ0FBQztRQUNoQyxVQUFLLEdBQW9CLE9BQU8sQ0FBQztRQUNqQyxtQkFBYyxHQUFrQyxJQUFJLENBQUM7UUFDckQseUJBQW9CLEdBQUcsS0FBSyxDQUFDO1FBQzdCLFNBQUksR0FBbUIsVUFBVSxDQUFDO1FBQ2xDLGFBQVEsR0FBRyxPQUFPLENBQUM7UUFDbkIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ0wsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQU1uRSxnQkFBVyxHQUFHLFdBQVcsQ0FBQztJQXFCNUIsQ0FBQzs7Ozs7SUExQkMseURBQWE7Ozs7SUFBYixVQUFjLEtBQWM7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNwQztJQUNILENBQUM7Ozs7SUFFRCwyREFBZTs7O0lBQWY7UUFDRSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssWUFBWSxFQUFFO2dCQUM5QixJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQzthQUM3QjtpQkFBTSxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssVUFBVSxFQUFFO2dCQUNuQyxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQzthQUM3QjtTQUNGO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztTQUNoQztJQUNILENBQUM7Ozs7SUFDRCxvREFBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekIsQ0FBQzs7Ozs7SUFDRCx1REFBVzs7OztJQUFYLFVBQVksT0FBc0I7UUFDeEIsSUFBQSxtQkFBSSxFQUFFLHVCQUFNO1FBQ3BCLElBQUksSUFBSSxJQUFJLE1BQU0sRUFBRTtZQUNsQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7U0FDeEI7SUFDSCxDQUFDOztnQkFwRUYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQ0FBZ0M7b0JBQzFDLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxVQUFVLEVBQUUsQ0FBQyxhQUFhLEVBQUUsV0FBVyxDQUFDO29CQUN4QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsUUFBUSxFQUFFLHllQVlUO29CQUNELElBQUksRUFBRTt3QkFDSiwwQkFBMEIsRUFBRSxNQUFNO3dCQUNsQyxnQ0FBZ0MsRUFBRSxNQUFNO3dCQUN4Qyx3QkFBd0IsRUFBRSxtQkFBbUI7d0JBQzdDLHVCQUF1QixFQUFFLGtCQUFrQjt3QkFDM0MsMkNBQTJDLEVBQUUsdUJBQXVCO3dCQUNwRSwwQ0FBMEMsRUFBRSw2Q0FBNkM7d0JBQ3pGLHlDQUF5QyxFQUFFLDRDQUE0Qzt3QkFDdkYsZ0JBQWdCLEVBQUUsYUFBYTt3QkFDL0Isa0JBQWtCLEVBQUUsYUFBYTt3QkFDakMsY0FBYyxFQUFFLHFCQUFxQjt3QkFDckMsY0FBYyxFQUFFLHNCQUFzQjtxQkFDdkM7aUJBQ0Y7Ozs0QkFFRSxLQUFLO3dCQUNMLEtBQUs7aUNBQ0wsS0FBSzt1Q0FDTCxLQUFLO3VCQUNMLEtBQUs7MkJBQ0wsS0FBSzs2QkFDTCxLQUFLO3lCQUNMLEtBQUs7b0NBQ0wsTUFBTTs7SUEyQlQsd0NBQUM7Q0FBQSxBQXJFRCxJQXFFQztTQXBDWSxpQ0FBaUM7OztJQUM1QyxzREFBeUM7O0lBQ3pDLGtEQUEwQzs7SUFDMUMsMkRBQThEOztJQUM5RCxpRUFBc0M7O0lBQ3RDLGlEQUEyQzs7SUFDM0MscURBQTRCOztJQUM1Qix1REFBNEI7O0lBQzVCLG1EQUF3Qjs7SUFDeEIsOERBQW1FOztJQU1uRSx3REFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgQWxpYmFiYS5jb20gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqXG4gKiBVc2Ugb2YgdGhpcyBzb3VyY2UgY29kZSBpcyBnb3Zlcm5lZCBieSBhbiBNSVQtc3R5bGUgbGljZW5zZSB0aGF0IGNhbiBiZVxuICogZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZSBhdCBodHRwczovL2dpdGh1Yi5jb20vTkctWk9SUk8vbmctem9ycm8tYW50ZC9ibG9iL21hc3Rlci9MSUNFTlNFXG4gKi9cblxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgc2xpZGVNb3Rpb24sIHpvb21CaWdNb3Rpb24gfSBmcm9tICduZy16b3Jyby1hbnRkL2NvcmUvYW5pbWF0aW9uJztcbmltcG9ydCB7IE56U2FmZUFueSB9IGZyb20gJ25nLXpvcnJvLWFudGQvY29yZS90eXBlcyc7XG5pbXBvcnQgeyBOek1lbnVNb2RlVHlwZSwgTnpNZW51VGhlbWVUeXBlIH0gZnJvbSAnLi9tZW51LnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnW256LXN1Ym1lbnUtbm9uZS1pbmxpbmUtY2hpbGRdJyxcbiAgZXhwb3J0QXM6ICduelN1Ym1lbnVOb25lSW5saW5lQ2hpbGQnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBhbmltYXRpb25zOiBbem9vbUJpZ01vdGlvbiwgc2xpZGVNb3Rpb25dLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2XG4gICAgICBbY2xhc3MuYW50LWRyb3Bkb3duLW1lbnVdPVwiaXNNZW51SW5zaWRlRHJvcERvd25cIlxuICAgICAgW2NsYXNzLmFudC1tZW51XT1cIiFpc01lbnVJbnNpZGVEcm9wRG93blwiXG4gICAgICBbY2xhc3MuYW50LWRyb3Bkb3duLW1lbnUtdmVydGljYWxdPVwiaXNNZW51SW5zaWRlRHJvcERvd25cIlxuICAgICAgW2NsYXNzLmFudC1tZW51LXZlcnRpY2FsXT1cIiFpc01lbnVJbnNpZGVEcm9wRG93blwiXG4gICAgICBbY2xhc3MuYW50LWRyb3Bkb3duLW1lbnUtc3ViXT1cImlzTWVudUluc2lkZURyb3BEb3duXCJcbiAgICAgIFtjbGFzcy5hbnQtbWVudS1zdWJdPVwiIWlzTWVudUluc2lkZURyb3BEb3duXCJcbiAgICAgIFtuZ0NsYXNzXT1cIm1lbnVDbGFzc1wiXG4gICAgPlxuICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInRlbXBsYXRlT3V0bGV0XCI+PC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuYW50LW1lbnUtc3VibWVudV0nOiAndHJ1ZScsXG4gICAgJ1tjbGFzcy5hbnQtbWVudS1zdWJtZW51LXBvcHVwXSc6ICd0cnVlJyxcbiAgICAnW2NsYXNzLmFudC1tZW51LWxpZ2h0XSc6IFwidGhlbWUgPT09ICdsaWdodCdcIixcbiAgICAnW2NsYXNzLmFudC1tZW51LWRhcmtdJzogXCJ0aGVtZSA9PT0gJ2RhcmsnXCIsXG4gICAgJ1tjbGFzcy5hbnQtbWVudS1zdWJtZW51LXBsYWNlbWVudC1ib3R0b21dJzogXCJtb2RlID09PSAnaG9yaXpvbnRhbCdcIixcbiAgICAnW2NsYXNzLmFudC1tZW51LXN1Ym1lbnUtcGxhY2VtZW50LXJpZ2h0XSc6IFwibW9kZSA9PT0gJ3ZlcnRpY2FsJyAmJiBwb3NpdGlvbiA9PT0gJ3JpZ2h0J1wiLFxuICAgICdbY2xhc3MuYW50LW1lbnUtc3VibWVudS1wbGFjZW1lbnQtbGVmdF0nOiBcIm1vZGUgPT09ICd2ZXJ0aWNhbCcgJiYgcG9zaXRpb24gPT09ICdsZWZ0J1wiLFxuICAgICdbQHNsaWRlTW90aW9uXSc6ICdleHBhbmRTdGF0ZScsXG4gICAgJ1tAem9vbUJpZ01vdGlvbl0nOiAnZXhwYW5kU3RhdGUnLFxuICAgICcobW91c2VlbnRlciknOiAnc2V0TW91c2VTdGF0ZSh0cnVlKScsXG4gICAgJyhtb3VzZWxlYXZlKSc6ICdzZXRNb3VzZVN0YXRlKGZhbHNlKSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBOelN1Ym1lbnVOb25lSW5saW5lQ2hpbGRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIG1lbnVDbGFzczogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHRoZW1lOiBOek1lbnVUaGVtZVR5cGUgPSAnbGlnaHQnO1xuICBASW5wdXQoKSB0ZW1wbGF0ZU91dGxldDogVGVtcGxhdGVSZWY8TnpTYWZlQW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBpc01lbnVJbnNpZGVEcm9wRG93biA9IGZhbHNlO1xuICBASW5wdXQoKSBtb2RlOiBOek1lbnVNb2RlVHlwZSA9ICd2ZXJ0aWNhbCc7XG4gIEBJbnB1dCgpIHBvc2l0aW9uID0gJ3JpZ2h0JztcbiAgQElucHV0KCkgbnpEaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBuek9wZW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIHJlYWRvbmx5IHN1Yk1lbnVNb3VzZVN0YXRlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBzZXRNb3VzZVN0YXRlKHN0YXRlOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLm56RGlzYWJsZWQpIHtcbiAgICAgIHRoaXMuc3ViTWVudU1vdXNlU3RhdGUubmV4dChzdGF0ZSk7XG4gICAgfVxuICB9XG4gIGV4cGFuZFN0YXRlID0gJ2NvbGxhcHNlZCc7XG4gIGNhbGNNb3Rpb25TdGF0ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5uek9wZW4pIHtcbiAgICAgIGlmICh0aGlzLm1vZGUgPT09ICdob3Jpem9udGFsJykge1xuICAgICAgICB0aGlzLmV4cGFuZFN0YXRlID0gJ2JvdHRvbSc7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMubW9kZSA9PT0gJ3ZlcnRpY2FsJykge1xuICAgICAgICB0aGlzLmV4cGFuZFN0YXRlID0gJ2FjdGl2ZSc7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZXhwYW5kU3RhdGUgPSAnY29sbGFwc2VkJztcbiAgICB9XG4gIH1cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5jYWxjTW90aW9uU3RhdGUoKTtcbiAgfVxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgY29uc3QgeyBtb2RlLCBuek9wZW4gfSA9IGNoYW5nZXM7XG4gICAgaWYgKG1vZGUgfHwgbnpPcGVuKSB7XG4gICAgICB0aGlzLmNhbGNNb3Rpb25TdGF0ZSgpO1xuICAgIH1cbiAgfVxufVxuIl19