com.phloxui/esm5/lib/component/menuTopLayout.internal/MenuTopItem.component.js

PhloxUI Ng2+ Framework

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes} checked by tsc
 */
import * as tslib_1 from "tslib";
import { Component, Input } from '@angular/core';
import { MenuTopLayout } from '../MenuTopLayout.component';
import { AbstractNavItem } from '../AbstractNavItem';
import { PhloxMainMenuItem } from '../model/models';
import { PhloxAppService } from '../../service/PhloxAppService.service';
import { NeedFocusService } from '../../service/NeedFocusService.service';
import { Option } from '../../decorator/Option.decorator';
var /** @type {?} */ TYPE_NAME = ".phx-menu-top-item";
var MenuTopItem = /** @class */ (function (_super) {
    tslib_1.__extends(MenuTopItem, _super);
    function MenuTopItem(phloxAppService, needFocusService) {
        return _super.call(this, phloxAppService, needFocusService) || this;
    }
    Object.defineProperty(MenuTopItem.prototype, "layout", {
        get: /**
         * @return {?}
         */
        function () {
            return /** @type {?} */ (this.navMenu);
        },
        set: /**
         * @param {?} layout
         * @return {?}
         */
        function (layout) {
            this.navMenu = layout;
        },
        enumerable: true,
        configurable: true
    });
    /**
     * @return {?}
     */
    MenuTopItem.prototype.ngOnInit = /**
     * @return {?}
     */
    function () {
        this.name = this.model.name;
        if (this.navMenu != null && typeof this.navMenu !== 'undefined') {
            this.navMenu.addItem(this);
        }
    };
    /**
     * @return {?}
     */
    MenuTopItem.prototype.ngOnDestroy = /**
     * @return {?}
     */
    function () {
        if (this.navMenu != null && typeof this.navMenu !== 'undefined') {
            this.navMenu.removeItem(this);
        }
    };
    /**
     * @param {?} $event
     * @return {?}
     */
    MenuTopItem.prototype.doFocus = /**
     * @param {?} $event
     * @return {?}
     */
    function ($event) {
    };
    /**
     * @param {?} $event
     * @return {?}
     */
    MenuTopItem.prototype.doLostFocus = /**
     * @param {?} $event
     * @return {?}
     */
    function ($event) {
    };
    /**
     * @return {?}
     */
    MenuTopItem.prototype.getModel = /**
     * @return {?}
     */
    function () {
        return this.model;
    };
    /**
     * @param {?} event
     * @return {?}
     */
    MenuTopItem.prototype.onClick = /**
     * @param {?} event
     * @return {?}
     */
    function (event) {
        _super.prototype.onClick.call(this, event);
    };
    MenuTopItem.TYPE_NAME = TYPE_NAME;
    MenuTopItem.decorators = [
        { type: Component, args: [{
                    moduleId: module.id,
                    selector: TYPE_NAME,
                    template: "<div class=\"meun-item-wrapper\" (click)=\"onClick($event)\">\n  <div class=\"table-wrapper fluid\">\n    <div class=\"table-cell-wrapper middle\">\n      <a class=\"phlox-ripple\" [class.active]=\"active\" [attr.title]=\"getModel().tooltip\">{{getModel().label}}</a>\n    </div>\n  </div>\n</div>\n"
                },] },
    ];
    /** @nocollapse */
    MenuTopItem.ctorParameters = function () { return [
        { type: PhloxAppService, },
        { type: NeedFocusService, },
    ]; };
    MenuTopItem.propDecorators = {
        "model": [{ type: Input },],
        "layout": [{ type: Input },],
    };
    tslib_1.__decorate([
        Option(),
        tslib_1.__metadata("design:type", PhloxMainMenuItem)
    ], MenuTopItem.prototype, "model", void 0);
    tslib_1.__decorate([
        Option(),
        tslib_1.__metadata("design:type", MenuTopLayout),
        tslib_1.__metadata("design:paramtypes", [MenuTopLayout])
    ], MenuTopItem.prototype, "layout", null);
    return MenuTopItem;
}(AbstractNavItem));
export { MenuTopItem };
function MenuTopItem_tsickle_Closure_declarations() {
    /** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
    MenuTopItem.decorators;
    /**
     * @nocollapse
     * @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
     */
    MenuTopItem.ctorParameters;
    /** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
    MenuTopItem.propDecorators;
    /** @type {?} */
    MenuTopItem.TYPE_NAME;
    /** @type {?} */
    MenuTopItem.prototype.model;
}
export { PhloxNotifier } from '../page/main/menu.internal/PhloxNotifier.component';

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudVRvcEl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY29tLnBobG94dWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50L21lbnVUb3BMYXlvdXQuaW50ZXJuYWwvTWVudVRvcEl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQW1DLE1BQU0sZUFBZSxDQUFDO0FBRWxGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUsxRCxxQkFBTSxTQUFTLEdBQVcsb0JBQW9CLENBQUM7O0lBY2QsdUNBQWU7SUFhOUMscUJBQVksZUFBZ0MsRUFBRSxnQkFBa0M7ZUFDOUUsa0JBQU0sZUFBZSxFQUFFLGdCQUFnQixDQUFDO0tBQ3pDOzBCQU5XLCtCQUFNOzs7OztZQXVCaEIsTUFBTSxtQkFBZ0IsSUFBSSxDQUFDLE9BQU8sRUFBQzs7Ozs7O2tCQXZCbEIsTUFBcUI7WUFDdEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7U0FDdkI7OztPQUFBOzs7O0lBTU0sOEJBQVE7Ozs7UUFDYixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO1FBRTVCLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDO1lBQ2hFLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzVCOzs7OztJQUdJLGlDQUFXOzs7O1FBQ2hCLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDO1lBQ2hFLElBQUksQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQy9COzs7Ozs7SUFPTyw2QkFBTzs7OztJQUFqQixVQUFrQixNQUFhO0tBRTlCOzs7OztJQUVTLGlDQUFXOzs7O0lBQXJCLFVBQXNCLE1BQWE7S0FFbEM7Ozs7SUFFTSw4QkFBUTs7OztRQUNiLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDOzs7Ozs7SUFHYiw2QkFBTzs7OztjQUFDLEtBQWlCO1FBQzlCLGlCQUFNLE9BQU8sWUFBQyxLQUFLLENBQUMsQ0FBQzs7NEJBOUNvQixTQUFTOztnQkFkckQsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxNQUFNLENBQUMsRUFBRTtvQkFDbkIsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFFBQVEsRUFBRSw2U0FPWDtpQkFDQTs7OztnQkFwQlEsZUFBZTtnQkFDZixnQkFBZ0I7OzswQkF5QnRCLEtBQUs7MkJBR0wsS0FBSzs7O1FBSkwsTUFBTSxFQUFFOzBDQUVNLGlCQUFpQjs7O1FBQy9CLE1BQU0sRUFBRTswQ0FFa0IsYUFBYTtpREFBYixhQUFhOzZDQUV2QztzQkF0Q0g7RUEyQmlDLGVBQWU7U0FBbkMsV0FBVzs7Ozs7Ozs7Ozs7Ozs7OztBQW9EeEIsOEJBQWMsb0RBQW9ELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIEhvc3RMaXN0ZW5lciwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1lbnVUb3BMYXlvdXQgfSBmcm9tICcuLi9NZW51VG9wTGF5b3V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQaGxveEFwcCB9IGZyb20gJy4uL1BobG94QXBwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBYnN0cmFjdE5hdkl0ZW0gfSBmcm9tICcuLi9BYnN0cmFjdE5hdkl0ZW0nO1xuaW1wb3J0IHsgUGhsb3hNYWluTWVudUl0ZW0gfSBmcm9tICcuLi9tb2RlbC9tb2RlbHMnO1xuaW1wb3J0IHsgUGhsb3hBcHBTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZS9QaGxveEFwcFNlcnZpY2Uuc2VydmljZSc7XG5pbXBvcnQgeyBOZWVkRm9jdXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZS9OZWVkRm9jdXNTZXJ2aWNlLnNlcnZpY2UnO1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSAnLi4vLi4vZGVjb3JhdG9yL09wdGlvbi5kZWNvcmF0b3InO1xuXG4vLyBEZWNsYXJlIGpRdWVyeSB2YXJcbmRlY2xhcmUgdmFyICQ6IGFueTtcblxuY29uc3QgVFlQRV9OQU1FOiBzdHJpbmcgPSBcIi5waHgtbWVudS10b3AtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgc2VsZWN0b3I6IFRZUEVfTkFNRSxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibWV1bi1pdGVtLXdyYXBwZXJcIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJsZS13cmFwcGVyIGZsdWlkXCI+XG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwtd3JhcHBlciBtaWRkbGVcIj5cbiAgICAgIDxhIGNsYXNzPVwicGhsb3gtcmlwcGxlXCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIiBbYXR0ci50aXRsZV09XCJnZXRNb2RlbCgpLnRvb2x0aXBcIj57e2dldE1vZGVsKCkubGFiZWx9fTwvYT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgTWVudVRvcEl0ZW0gZXh0ZW5kcyBBYnN0cmFjdE5hdkl0ZW0gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBUWVBFX05BTUU6IHN0cmluZyA9IFRZUEVfTkFNRTtcblxuICBAT3B0aW9uKClcbiAgQElucHV0KClcbiAgcHJpdmF0ZSBtb2RlbDogUGhsb3hNYWluTWVudUl0ZW07XG4gIEBPcHRpb24oKVxuICBASW5wdXQoKVxuICBwcml2YXRlIHNldCBsYXlvdXQobGF5b3V0OiBNZW51VG9wTGF5b3V0KSB7XG4gICAgdGhpcy5uYXZNZW51ID0gbGF5b3V0O1xuICB9XG5cbiAgY29uc3RydWN0b3IocGhsb3hBcHBTZXJ2aWNlOiBQaGxveEFwcFNlcnZpY2UsIG5lZWRGb2N1c1NlcnZpY2U6IE5lZWRGb2N1c1NlcnZpY2UpIHtcbiAgICBzdXBlcihwaGxveEFwcFNlcnZpY2UsIG5lZWRGb2N1c1NlcnZpY2UpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMubmFtZSA9IHRoaXMubW9kZWwubmFtZTtcblxuICAgIGlmICh0aGlzLm5hdk1lbnUgIT0gbnVsbCAmJiB0eXBlb2YgdGhpcy5uYXZNZW51ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5uYXZNZW51LmFkZEl0ZW0odGhpcyk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLm5hdk1lbnUgIT0gbnVsbCAmJiB0eXBlb2YgdGhpcy5uYXZNZW51ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5uYXZNZW51LnJlbW92ZUl0ZW0odGhpcyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXQgbGF5b3V0KCk6IE1lbnVUb3BMYXlvdXQge1xuICAgIHJldHVybiA8TWVudVRvcExheW91dD50aGlzLm5hdk1lbnU7XG4gIH1cblxuICBwcm90ZWN0ZWQgZG9Gb2N1cygkZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG5cbiAgfVxuXG4gIHByb3RlY3RlZCBkb0xvc3RGb2N1cygkZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG5cbiAgfVxuXG4gIHB1YmxpYyBnZXRNb2RlbCgpOiBQaGxveE1haW5NZW51SXRlbSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cblxuICBwdWJsaWMgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHN1cGVyLm9uQ2xpY2soZXZlbnQpO1xuICB9XG59XG5cbmV4cG9ydCAqIGZyb20gJy4uL3BhZ2UvbWFpbi9tZW51LmludGVybmFsL1BobG94Tm90aWZpZXIuY29tcG9uZW50JztcbiJdfQ==