/**
 * @fileoverview added by tsickle
 * Generated from: lib/layout/page-tab/index.component.ts
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
// 组件类
import { Component, EventEmitter, Input, Output, ViewChild, } from "@angular/core";
import { TabComponent } from "@syncfusion/ej2-angular-navigations";
var RsPageTabComponent = /** @class */ (function () {
    function RsPageTabComponent() {
        this.customPageTitle = false;
        this.tabList = [];
        this.tabChange = new EventEmitter();
        this.selectedItemIndex = 0;
        this.animation = {
            previous: { effect: "", duration: 0, easing: "" },
            next: { effect: "", duration: 0, easing: "" },
        };
    }
    /**
     * @return {?}
     */
    RsPageTabComponent.prototype.ngOnInit = /**
     * @return {?}
     */
    function () { };
    /**
     * @return {?}
     */
    RsPageTabComponent.prototype.ngAfterViewInit = /**
     * @return {?}
     */
    function () {
        var _this = this;
        if (this.currentTab !== undefined) {
            /** @type {?} */
            var idx_1 = this.tabList.findIndex((/**
             * @param {?} ele
             * @return {?}
             */
            function (ele) { return ele.value === _this.currentTab; }));
            setTimeout((/**
             * @return {?}
             */
            function () {
                _this.tabObj.select(idx_1);
            }), 30);
        }
    };
    /**
     * @param {?} e
     * @return {?}
     */
    RsPageTabComponent.prototype.onTabClick = /**
     * @param {?} e
     * @return {?}
     */
    function (e) {
        /** @type {?} */
        var index = e.selectedItem.dataset.id.split('_')[1] // sy的bug只能这么取了
        ;
        if (e.isInteracted) {
            this.selectedItemIndex = index;
            this.tabChange.emit(this.tabList[index]);
        }
    };
    // 切换tab,传入下标
    // 切换tab,传入下标
    /**
     * @param {?} idx
     * @return {?}
     */
    RsPageTabComponent.prototype.changeTab = 
    // 切换tab,传入下标
    /**
     * @param {?} idx
     * @return {?}
     */
    function (idx) {
        this.tabObj.select(idx);
    };
    RsPageTabComponent.decorators = [
        { type: Component, args: [{
                    selector: "rs-page-tab",
                    template: "<div class=\"rs-page-list-wrap\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <ejs-tab\r\n    class=\"rs-tab\"\r\n    #tabObj\r\n    (selected)=\"onTabClick($event)\"\r\n    [animation]=\"animation\"\r\n\t  overflowMode=\"Popup\"\r\n    heightAdjustMode=\"None\"\r\n    [selectedItem]=\"selectedItemIndex\"\r\n  >\r\n    <e-tabitems>\r\n      <e-tabitem *ngFor=\"let item of tabList\">\r\n        <ng-template #headerText>\r\n          <div>{{ item.title }}</div>\r\n        </ng-template>\r\n      </e-tabitem>\r\n    </e-tabitems>\r\n  </ejs-tab>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
                    styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]
                }] }
    ];
    RsPageTabComponent.propDecorators = {
        tabObj: [{ type: ViewChild, args: ["tabObj", { static: false },] }],
        pageTitle: [{ type: Input }],
        customPageTitle: [{ type: Input }],
        tabList: [{ type: Input }],
        currentTab: [{ type: Input }],
        tabChange: [{ type: Output }]
    };
    return RsPageTabComponent;
}());
export { RsPageTabComponent };
if (false) {
    /** @type {?} */
    RsPageTabComponent.prototype.tabObj;
    /** @type {?} */
    RsPageTabComponent.prototype.pageTitle;
    /** @type {?} */
    RsPageTabComponent.prototype.customPageTitle;
    /** @type {?} */
    RsPageTabComponent.prototype.tabList;
    /** @type {?} */
    RsPageTabComponent.prototype.currentTab;
    /** @type {?} */
    RsPageTabComponent.prototype.tabChange;
    /** @type {?} */
    RsPageTabComponent.prototype.selectedItemIndex;
    /** @type {?} */
    RsPageTabComponent.prototype.animation;
}
//# sourceMappingURL=data:application/json;base64, 