@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
100 lines • 9.18 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: accordion-menu.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, HostBinding } from '@angular/core';
import { AccordionBaseComponent } from './accordion-base-component.class';
import { AccordionComponent } from './accordion.component';
export class AccordionMenuComponent extends AccordionBaseComponent {
/**
* @param {?} accordion
*/
constructor(accordion) {
super(accordion);
this.accordion = accordion;
this.defaultClasses = true;
}
/**
* @return {?}
*/
get menuItemTemplate() {
return this.accordion.menuItemTemplate;
}
/**
* @return {?}
*/
get open() {
return (this.keyOpen === undefined && this.accordion.autoOpenActiveMenu)
? this.childActived
: this.keyOpen;
}
/**
* @return {?}
*/
get keyOpen() {
return this.item && this.item[this.accordion.openKey];
}
/**
* @return {?}
*/
get children() {
return this.item && this.item[this.accordion.childrenKey];
}
/**
* @return {?}
*/
get childActived() {
return this.routerLinkActived || this.hasActiveChildren;
}
/**
* @return {?}
*/
get routerLinkActived() {
return this.accordionListFromView && this.accordionListFromView.routerLinkActived;
}
/**
* @return {?}
*/
get hasActiveChildren() {
return this.accordionListFromView && this.accordionListFromView.hasActiveChildren;
}
/**
* @param {?} event
* @return {?}
*/
toggle(event) {
this.accordion.menuToggleFn({
item: this.item,
open: !this.open,
parent: this.parent,
event: event
});
}
}
AccordionMenuComponent.decorators = [
{ type: Component, args: [{
selector: 'd-accordion-menu',
template: "<div\r\n class=\"devui-accordion-item-title devui-over-flow-ellipsis\"\r\n [ngClass]=\"{\r\n open: open,\r\n active: childActived,\r\n disabled: disabled\r\n }\"\r\n title=\"{{ title }}\"\r\n (click)=\"!disabled && toggle($event)\"\r\n>\r\n <ng-container *ngIf=\"!menuItemTemplate\">\r\n {{ title }}\r\n </ng-container>\r\n <ng-template\r\n *ngIf=\"menuItemTemplate\"\r\n [ngTemplateOutlet]=\"menuItemTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n parent: parent,\r\n item: item,\r\n deepth: deepth\r\n }\"\r\n ></ng-template>\r\n <span class=\"devui-accordion-open-icon\">\r\n <svg viewBox=\"0 0 16 16\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n <polygon points=\"4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462\"></polygon>\r\n </g>\r\n </svg>\r\n </span>\r\n</div>\r\n<d-accordion-list\r\n class=\"devui-accordion-submenu\"\r\n [ngClass]=\"{ 'devui-accordion-menu-hidden': !open }\"\r\n [deepth]=\"deepth + 1\"\r\n [data]=\"children\"\r\n [parent]=\"item\"\r\n>\r\n</d-accordion-list>\r\n",
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
AccordionMenuComponent.ctorParameters = () => [
{ type: AccordionComponent }
];
AccordionMenuComponent.propDecorators = {
defaultClasses: [{ type: HostBinding, args: ['class.devui-accordion-menu-item',] }],
open: [{ type: HostBinding, args: ['class.open',] }],
routerLinkActived: [{ type: HostBinding, args: ['class.devui-router-active',] }],
hasActiveChildren: [{ type: HostBinding, args: ['class.devui-has-active-item',] }]
};
if (false) {
/** @type {?} */
AccordionMenuComponent.prototype.defaultClasses;
/** @type {?} */
AccordionMenuComponent.prototype.accordionListFromView;
/** @type {?} */
AccordionMenuComponent.prototype.accordion;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctZGV2dWkvYWNjb3JkaW9uLyIsInNvdXJjZXMiOlsiYWNjb3JkaW9uLW1lbnUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFHMUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFPM0QsTUFBTSxPQUFPLHNCQUF1QixTQUFRLHNCQUE0RDs7OztJQXFDdEcsWUFBbUIsU0FBNkI7UUFDOUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBREEsY0FBUyxHQUFULFNBQVMsQ0FBb0I7UUFuQ2hELG1CQUFjLEdBQUcsSUFBSSxDQUFDO0lBcUN0QixDQUFDOzs7O0lBakNELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQztJQUN6QyxDQUFDOzs7O0lBRUQsSUFDSSxJQUFJO1FBQ04sT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsa0JBQWtCLENBQUM7WUFDdEUsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZO1lBQ25CLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ25CLENBQUM7Ozs7SUFDRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hELENBQUM7Ozs7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzVELENBQUM7Ozs7SUFDRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDMUQsQ0FBQzs7OztJQUVELElBQ0ksaUJBQWlCO1FBQ25CLE9BQU8sSUFBSSxDQUFDLHFCQUFxQixJQUFJLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxpQkFBaUIsQ0FBQztJQUNwRixDQUFDOzs7O0lBRUQsSUFDSSxpQkFBaUI7UUFDbkIsT0FBTyxJQUFJLENBQUMscUJBQXFCLElBQUksSUFBSSxDQUFDLHFCQUFxQixDQUFDLGlCQUFpQixDQUFDO0lBQ3BGLENBQUM7Ozs7O0lBTUQsTUFBTSxDQUFDLEtBQUs7UUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksQ0FBQztZQUMxQixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7WUFDZixJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUNoQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDbkIsS0FBSyxFQUFFLEtBQUs7U0FDYixDQUFDLENBQUM7SUFDTCxDQUFDOzs7WUFyREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLGl0Q0FBOEM7Z0JBQzlDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7O1lBTlEsa0JBQWtCOzs7NkJBUXhCLFdBQVcsU0FBQyxpQ0FBaUM7bUJBUzdDLFdBQVcsU0FBQyxZQUFZO2dDQWlCeEIsV0FBVyxTQUFDLDJCQUEyQjtnQ0FLdkMsV0FBVyxTQUFDLDZCQUE2Qjs7OztJQS9CMUMsZ0RBQ3NCOztJQUV0Qix1REFBcUQ7O0lBaUN6QywyQ0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25CYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24tYmFzZS1jb21wb25lbnQuY2xhc3MnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25CYXNlTWVudSwgQWNjb3JkaW9uTWVudUl0ZW0gfSBmcm9tICcuL2FjY29yZGlvbi50eXBlJztcclxuaW1wb3J0IHsgQWNjb3JkaW9uTGlzdENvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWxpc3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQWNjb3JkaW9uQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZC1hY2NvcmRpb24tbWVudScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjY29yZGlvbi1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWNjb3JkaW9uTWVudUNvbXBvbmVudCBleHRlbmRzIEFjY29yZGlvbkJhc2VDb21wb25lbnQ8QWNjb3JkaW9uQmFzZU1lbnU8QWNjb3JkaW9uTWVudUl0ZW0+PiB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kZXZ1aS1hY2NvcmRpb24tbWVudS1pdGVtJylcclxuICBkZWZhdWx0Q2xhc3NlcyA9IHRydWU7XHJcblxyXG4gIHB1YmxpYyBhY2NvcmRpb25MaXN0RnJvbVZpZXc6IEFjY29yZGlvbkxpc3RDb21wb25lbnQ7XHJcblxyXG4gIGdldCBtZW51SXRlbVRlbXBsYXRlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLm1lbnVJdGVtVGVtcGxhdGU7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm9wZW4nKVxyXG4gIGdldCBvcGVuKCkge1xyXG4gICAgcmV0dXJuICh0aGlzLmtleU9wZW4gPT09IHVuZGVmaW5lZCAmJiB0aGlzLmFjY29yZGlvbi5hdXRvT3BlbkFjdGl2ZU1lbnUpXHJcbiAgICAgID8gdGhpcy5jaGlsZEFjdGl2ZWRcclxuICAgICAgOiB0aGlzLmtleU9wZW47XHJcbiAgfVxyXG4gIGdldCBrZXlPcGVuKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuaXRlbSAmJiB0aGlzLml0ZW1bdGhpcy5hY2NvcmRpb24ub3BlbktleV07XHJcbiAgfVxyXG5cclxuICBnZXQgY2hpbGRyZW4oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtICYmIHRoaXMuaXRlbVt0aGlzLmFjY29yZGlvbi5jaGlsZHJlbktleV07XHJcbiAgfVxyXG4gIGdldCBjaGlsZEFjdGl2ZWQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5yb3V0ZXJMaW5rQWN0aXZlZCB8fCB0aGlzLmhhc0FjdGl2ZUNoaWxkcmVuO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kZXZ1aS1yb3V0ZXItYWN0aXZlJylcclxuICBnZXQgcm91dGVyTGlua0FjdGl2ZWQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25MaXN0RnJvbVZpZXcgJiYgdGhpcy5hY2NvcmRpb25MaXN0RnJvbVZpZXcucm91dGVyTGlua0FjdGl2ZWQ7XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRldnVpLWhhcy1hY3RpdmUtaXRlbScpXHJcbiAgZ2V0IGhhc0FjdGl2ZUNoaWxkcmVuKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uTGlzdEZyb21WaWV3ICYmIHRoaXMuYWNjb3JkaW9uTGlzdEZyb21WaWV3Lmhhc0FjdGl2ZUNoaWxkcmVuO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGFjY29yZGlvbjogQWNjb3JkaW9uQ29tcG9uZW50KSB7XHJcbiAgICBzdXBlcihhY2NvcmRpb24pO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlKGV2ZW50KSB7XHJcbiAgICB0aGlzLmFjY29yZGlvbi5tZW51VG9nZ2xlRm4oe1xyXG4gICAgICBpdGVtOiB0aGlzLml0ZW0sXHJcbiAgICAgIG9wZW46ICF0aGlzLm9wZW4sXHJcbiAgICAgIHBhcmVudDogdGhpcy5wYXJlbnQsXHJcbiAgICAgIGV2ZW50OiBldmVudFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==