com.phloxui/esm5/lib/component/page/main/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 './menu.internal/PhloxNotifier.component';

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVudVRvcEl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY29tLnBobG94dWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50L3BhZ2UvbWFpbi9NZW51VG9wSXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBbUMsTUFBTSxlQUFlLENBQUM7QUFFbEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDN0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBSzdELHFCQUFNLFNBQVMsR0FBVyxvQkFBb0IsQ0FBQzs7SUFjZCx1Q0FBZTtJQWE5QyxxQkFBWSxlQUFnQyxFQUFFLGdCQUFrQztlQUM5RSxrQkFBTSxlQUFlLEVBQUUsZ0JBQWdCLENBQUM7S0FDekM7MEJBTlcsK0JBQU07Ozs7O1lBdUJoQixNQUFNLG1CQUFnQixJQUFJLENBQUMsT0FBTyxFQUFDOzs7Ozs7a0JBdkJsQixNQUFxQjtZQUN0QyxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztTQUN2Qjs7O09BQUE7Ozs7SUFNTSw4QkFBUTs7OztRQUNiLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUM7UUFFNUIsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksT0FBTyxJQUFJLENBQUMsT0FBTyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUM7WUFDaEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDNUI7Ozs7O0lBR0ksaUNBQVc7Ozs7UUFDaEIsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLElBQUksT0FBTyxJQUFJLENBQUMsT0FBTyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUM7WUFDaEUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0I7Ozs7OztJQU9PLDZCQUFPOzs7O0lBQWpCLFVBQWtCLE1BQWE7S0FFOUI7Ozs7O0lBRVMsaUNBQVc7Ozs7SUFBckIsVUFBc0IsTUFBYTtLQUVsQzs7OztJQUVNLDhCQUFROzs7O1FBQ2IsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7Ozs7OztJQUdiLDZCQUFPOzs7O2NBQUMsS0FBaUI7UUFDOUIsaUJBQU0sT0FBTyxZQUFDLEtBQUssQ0FBQyxDQUFDOzs0QkE5Q29CLFNBQVM7O2dCQWRyRCxTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO29CQUNuQixRQUFRLEVBQUUsU0FBUztvQkFDbkIsUUFBUSxFQUFFLDZTQU9YO2lCQUNBOzs7O2dCQXBCUSxlQUFlO2dCQUNmLGdCQUFnQjs7OzBCQXlCdEIsS0FBSzsyQkFHTCxLQUFLOzs7UUFKTCxNQUFNLEVBQUU7MENBRU0saUJBQWlCOzs7UUFDL0IsTUFBTSxFQUFFOzBDQUVrQixhQUFhO2lEQUFiLGFBQWE7NkNBRXZDO3NCQXRDSDtFQTJCaUMsZUFBZTtTQUFuQyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7O0FBb0R4Qiw4QkFBYyx5Q0FBeUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgSG9zdExpc3RlbmVyLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTWVudVRvcExheW91dCB9IGZyb20gJy4vTWVudVRvcExheW91dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGhsb3hBcHAgfSBmcm9tICcuLi8uLi9QaGxveEFwcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWJzdHJhY3ROYXZJdGVtIH0gZnJvbSAnLi4vLi4vQWJzdHJhY3ROYXZJdGVtJztcbmltcG9ydCB7IFBobG94TWFpbk1lbnVJdGVtIH0gZnJvbSAnLi4vLi4vLi9tb2RlbC9tb2RlbHMnO1xuaW1wb3J0IHsgUGhsb3hBcHBTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZS9QaGxveEFwcFNlcnZpY2Uuc2VydmljZSc7XG5pbXBvcnQgeyBOZWVkRm9jdXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZS9OZWVkRm9jdXNTZXJ2aWNlLnNlcnZpY2UnO1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSAnLi4vLi4vLi4vZGVjb3JhdG9yL09wdGlvbi5kZWNvcmF0b3InO1xuXG4vLyBEZWNsYXJlIGpRdWVyeSB2YXJcbmRlY2xhcmUgdmFyICQ6IGFueTtcblxuY29uc3QgVFlQRV9OQU1FOiBzdHJpbmcgPSBcIi5waHgtbWVudS10b3AtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgc2VsZWN0b3I6IFRZUEVfTkFNRSxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwibWV1bi1pdGVtLXdyYXBwZXJcIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJsZS13cmFwcGVyIGZsdWlkXCI+XG4gICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwtd3JhcHBlciBtaWRkbGVcIj5cbiAgICAgIDxhIGNsYXNzPVwicGhsb3gtcmlwcGxlXCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIiBbYXR0ci50aXRsZV09XCJnZXRNb2RlbCgpLnRvb2x0aXBcIj57e2dldE1vZGVsKCkubGFiZWx9fTwvYT5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgTWVudVRvcEl0ZW0gZXh0ZW5kcyBBYnN0cmFjdE5hdkl0ZW0gaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBUWVBFX05BTUU6IHN0cmluZyA9IFRZUEVfTkFNRTtcblxuICBAT3B0aW9uKClcbiAgQElucHV0KClcbiAgcHJpdmF0ZSBtb2RlbDogUGhsb3hNYWluTWVudUl0ZW07XG4gIEBPcHRpb24oKVxuICBASW5wdXQoKVxuICBwcml2YXRlIHNldCBsYXlvdXQobGF5b3V0OiBNZW51VG9wTGF5b3V0KSB7XG4gICAgdGhpcy5uYXZNZW51ID0gbGF5b3V0O1xuICB9XG5cbiAgY29uc3RydWN0b3IocGhsb3hBcHBTZXJ2aWNlOiBQaGxveEFwcFNlcnZpY2UsIG5lZWRGb2N1c1NlcnZpY2U6IE5lZWRGb2N1c1NlcnZpY2UpIHtcbiAgICBzdXBlcihwaGxveEFwcFNlcnZpY2UsIG5lZWRGb2N1c1NlcnZpY2UpO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMubmFtZSA9IHRoaXMubW9kZWwubmFtZTtcblxuICAgIGlmICh0aGlzLm5hdk1lbnUgIT0gbnVsbCAmJiB0eXBlb2YgdGhpcy5uYXZNZW51ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5uYXZNZW51LmFkZEl0ZW0odGhpcyk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgIGlmICh0aGlzLm5hdk1lbnUgIT0gbnVsbCAmJiB0eXBlb2YgdGhpcy5uYXZNZW51ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgdGhpcy5uYXZNZW51LnJlbW92ZUl0ZW0odGhpcyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXQgbGF5b3V0KCk6IE1lbnVUb3BMYXlvdXQge1xuICAgIHJldHVybiA8TWVudVRvcExheW91dD50aGlzLm5hdk1lbnU7XG4gIH1cblxuICBwcm90ZWN0ZWQgZG9Gb2N1cygkZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG5cbiAgfVxuXG4gIHByb3RlY3RlZCBkb0xvc3RGb2N1cygkZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG5cbiAgfVxuXG4gIHB1YmxpYyBnZXRNb2RlbCgpOiBQaGxveE1haW5NZW51SXRlbSB7XG4gICAgcmV0dXJuIHRoaXMubW9kZWw7XG4gIH1cblxuICBwdWJsaWMgb25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIHN1cGVyLm9uQ2xpY2soZXZlbnQpO1xuICB9XG59XG5cbmV4cG9ydCAqIGZyb20gJy4vbWVudS5pbnRlcm5hbC9QaGxveE5vdGlmaWVyLmNvbXBvbmVudCc7XG4iXX0=