@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
134 lines • 11 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: accordion-menu.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, ViewEncapsulation, HostBinding } from '@angular/core';
import { AccordionBaseComponent } from './accordion-base-component.class';
import { AccordionComponent } from './accordion.component';
var AccordionMenuComponent = /** @class */ (function (_super) {
tslib_1.__extends(AccordionMenuComponent, _super);
function AccordionMenuComponent(accordion) {
var _this = _super.call(this, accordion) || this;
_this.accordion = accordion;
_this.defaultClasses = true;
return _this;
}
Object.defineProperty(AccordionMenuComponent.prototype, "menuItemTemplate", {
get: /**
* @return {?}
*/
function () {
return this.accordion.menuItemTemplate;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AccordionMenuComponent.prototype, "open", {
get: /**
* @return {?}
*/
function () {
return (this.keyOpen === undefined && this.accordion.autoOpenActiveMenu)
? this.childActived
: this.keyOpen;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AccordionMenuComponent.prototype, "keyOpen", {
get: /**
* @return {?}
*/
function () {
return this.item && this.item[this.accordion.openKey];
},
enumerable: true,
configurable: true
});
Object.defineProperty(AccordionMenuComponent.prototype, "children", {
get: /**
* @return {?}
*/
function () {
return this.item && this.item[this.accordion.childrenKey];
},
enumerable: true,
configurable: true
});
Object.defineProperty(AccordionMenuComponent.prototype, "childActived", {
get: /**
* @return {?}
*/
function () {
return this.routerLinkActived || this.hasActiveChildren;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AccordionMenuComponent.prototype, "routerLinkActived", {
get: /**
* @return {?}
*/
function () {
return this.accordionListFromView && this.accordionListFromView.routerLinkActived;
},
enumerable: true,
configurable: true
});
Object.defineProperty(AccordionMenuComponent.prototype, "hasActiveChildren", {
get: /**
* @return {?}
*/
function () {
return this.accordionListFromView && this.accordionListFromView.hasActiveChildren;
},
enumerable: true,
configurable: true
});
/**
* @param {?} event
* @return {?}
*/
AccordionMenuComponent.prototype.toggle = /**
* @param {?} event
* @return {?}
*/
function (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 = function () { return [
{ 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',] }]
};
return AccordionMenuComponent;
}(AccordionBaseComponent));
export { AccordionMenuComponent };
if (false) {
/** @type {?} */
AccordionMenuComponent.prototype.defaultClasses;
/** @type {?} */
AccordionMenuComponent.prototype.accordionListFromView;
/** @type {?} */
AccordionMenuComponent.prototype.accordion;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctZGV2dWkvYWNjb3JkaW9uLyIsInNvdXJjZXMiOlsiYWNjb3JkaW9uLW1lbnUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNEO0lBSzRDLGtEQUE0RDtJQXFDdEcsZ0NBQW1CLFNBQTZCO1FBQWhELFlBQ0Usa0JBQU0sU0FBUyxDQUFDLFNBQ2pCO1FBRmtCLGVBQVMsR0FBVCxTQUFTLENBQW9CO1FBbkNoRCxvQkFBYyxHQUFHLElBQUksQ0FBQzs7SUFxQ3RCLENBQUM7SUFqQ0Qsc0JBQUksb0RBQWdCOzs7O1FBQXBCO1lBQ0UsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixDQUFDO1FBQ3pDLENBQUM7OztPQUFBO0lBRUQsc0JBQ0ksd0NBQUk7Ozs7UUFEUjtZQUVFLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLGtCQUFrQixDQUFDO2dCQUN0RSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVk7Z0JBQ25CLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ25CLENBQUM7OztPQUFBO0lBQ0Qsc0JBQUksMkNBQU87Ozs7UUFBWDtZQUNFLE9BQU8sSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDeEQsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSw0Q0FBUTs7OztRQUFaO1lBQ0UsT0FBTyxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUM1RCxDQUFDOzs7T0FBQTtJQUNELHNCQUFJLGdEQUFZOzs7O1FBQWhCO1lBQ0UsT0FBTyxJQUFJLENBQUMsaUJBQWlCLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBQzFELENBQUM7OztPQUFBO0lBRUQsc0JBQ0kscURBQWlCOzs7O1FBRHJCO1lBRUUsT0FBTyxJQUFJLENBQUMscUJBQXFCLElBQUksSUFBSSxDQUFDLHFCQUFxQixDQUFDLGlCQUFpQixDQUFDO1FBQ3BGLENBQUM7OztPQUFBO0lBRUQsc0JBQ0kscURBQWlCOzs7O1FBRHJCO1lBRUUsT0FBTyxJQUFJLENBQUMscUJBQXFCLElBQUksSUFBSSxDQUFDLHFCQUFxQixDQUFDLGlCQUFpQixDQUFDO1FBQ3BGLENBQUM7OztPQUFBOzs7OztJQU1ELHVDQUFNOzs7O0lBQU4sVUFBTyxLQUFLO1FBQ1YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUM7WUFDMUIsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO1lBQ2YsSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDaEIsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ25CLEtBQUssRUFBRSxLQUFLO1NBQ2IsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0JBckRGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixpdENBQThDO29CQUM5QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozs7Z0JBTlEsa0JBQWtCOzs7aUNBUXhCLFdBQVcsU0FBQyxpQ0FBaUM7dUJBUzdDLFdBQVcsU0FBQyxZQUFZO29DQWlCeEIsV0FBVyxTQUFDLDJCQUEyQjtvQ0FLdkMsV0FBVyxTQUFDLDZCQUE2Qjs7SUFpQjVDLDZCQUFDO0NBQUEsQUF0REQsQ0FLNEMsc0JBQXNCLEdBaURqRTtTQWpEWSxzQkFBc0I7OztJQUNqQyxnREFDc0I7O0lBRXRCLHVEQUFxRDs7SUFpQ3pDLDJDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjY29yZGlvbkJhc2VDb21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi1iYXNlLWNvbXBvbmVudC5jbGFzcyc7XHJcbmltcG9ydCB7IEFjY29yZGlvbkJhc2VNZW51LCBBY2NvcmRpb25NZW51SXRlbSB9IGZyb20gJy4vYWNjb3JkaW9uLnR5cGUnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25MaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24tbGlzdC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBBY2NvcmRpb25Db21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLWFjY29yZGlvbi1tZW51JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY2NvcmRpb25NZW51Q29tcG9uZW50IGV4dGVuZHMgQWNjb3JkaW9uQmFzZUNvbXBvbmVudDxBY2NvcmRpb25CYXNlTWVudTxBY2NvcmRpb25NZW51SXRlbT4+IHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRldnVpLWFjY29yZGlvbi1tZW51LWl0ZW0nKVxyXG4gIGRlZmF1bHRDbGFzc2VzID0gdHJ1ZTtcclxuXHJcbiAgcHVibGljIGFjY29yZGlvbkxpc3RGcm9tVmlldzogQWNjb3JkaW9uTGlzdENvbXBvbmVudDtcclxuXHJcbiAgZ2V0IG1lbnVJdGVtVGVtcGxhdGUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hY2NvcmRpb24ubWVudUl0ZW1UZW1wbGF0ZTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3Mub3BlbicpXHJcbiAgZ2V0IG9wZW4oKSB7XHJcbiAgICByZXR1cm4gKHRoaXMua2V5T3BlbiA9PT0gdW5kZWZpbmVkICYmIHRoaXMuYWNjb3JkaW9uLmF1dG9PcGVuQWN0aXZlTWVudSlcclxuICAgICAgPyB0aGlzLmNoaWxkQWN0aXZlZFxyXG4gICAgICA6IHRoaXMua2V5T3BlbjtcclxuICB9XHJcbiAgZ2V0IGtleU9wZW4oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5pdGVtICYmIHRoaXMuaXRlbVt0aGlzLmFjY29yZGlvbi5vcGVuS2V5XTtcclxuICB9XHJcblxyXG4gIGdldCBjaGlsZHJlbigpIHtcclxuICAgIHJldHVybiB0aGlzLml0ZW0gJiYgdGhpcy5pdGVtW3RoaXMuYWNjb3JkaW9uLmNoaWxkcmVuS2V5XTtcclxuICB9XHJcbiAgZ2V0IGNoaWxkQWN0aXZlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLnJvdXRlckxpbmtBY3RpdmVkIHx8IHRoaXMuaGFzQWN0aXZlQ2hpbGRyZW47XHJcbiAgfVxyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRldnVpLXJvdXRlci1hY3RpdmUnKVxyXG4gIGdldCByb3V0ZXJMaW5rQWN0aXZlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkxpc3RGcm9tVmlldyAmJiB0aGlzLmFjY29yZGlvbkxpc3RGcm9tVmlldy5yb3V0ZXJMaW5rQWN0aXZlZDtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGV2dWktaGFzLWFjdGl2ZS1pdGVtJylcclxuICBnZXQgaGFzQWN0aXZlQ2hpbGRyZW4oKSB7XHJcbiAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25MaXN0RnJvbVZpZXcgJiYgdGhpcy5hY2NvcmRpb25MaXN0RnJvbVZpZXcuaGFzQWN0aXZlQ2hpbGRyZW47XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYWNjb3JkaW9uOiBBY2NvcmRpb25Db21wb25lbnQpIHtcclxuICAgIHN1cGVyKGFjY29yZGlvbik7XHJcbiAgfVxyXG5cclxuICB0b2dnbGUoZXZlbnQpIHtcclxuICAgIHRoaXMuYWNjb3JkaW9uLm1lbnVUb2dnbGVGbih7XHJcbiAgICAgIGl0ZW06IHRoaXMuaXRlbSxcclxuICAgICAgb3BlbjogIXRoaXMub3BlbixcclxuICAgICAgcGFyZW50OiB0aGlzLnBhcmVudCxcclxuICAgICAgZXZlbnQ6IGV2ZW50XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIl19