{"__symbolic":"module","version":4,"metadata":{"DtPagesTabModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":25},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule","line":19,"character":39},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":21,"character":23},{"__symbolic":"reference","module":"ng-zorro-antd/dropdown","name":"NzDropDownModule","line":23,"character":22},{"__symbolic":"reference","module":"ng-zorro-antd/menu","name":"NzMenuModule","line":23,"character":40},{"__symbolic":"reference","module":"ng-zorro-antd/icon","name":"NzIconModule","line":23,"character":54},{"__symbolic":"reference","module":"ng-zorro-antd/tabs","name":"NzTabsModule","line":23,"character":68},{"__symbolic":"reference","module":"ng-zorro-antd/tooltip","name":"NzToolTipModule","line":23,"character":82}],"declarations":[{"__symbolic":"reference","name":"PagesTabComponent"}],"exports":[{"__symbolic":"reference","name":"PagesTabComponent"}]}]}],"members":{}},"PagesTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"dt-pages-tab","template":"<div\n  class=\"pages-tab-wrap\"\n  [ngClass]=\"{\n    'collapsed-pages-tab-wrap': collapsed && !topMenu,\n    'uncollapsed-pages-tab-wrap': !collapsed && !topMenu,\n    'top-pages-tab-wrap': topMenu,\n    'fixed-pages-tab-wrap': fixHeader && topMenu,\n    'unfixed-pages-tab-wrap': !fixHeader && topMenu,\n    'hide-pages-tab-wrap': shouldHide,\n    'show-pages-tab-wrap': !shouldHide\n  }\"\n>\n  <!-- 收藏的菜单 -->\n  <div class=\"pages-tab-content-wrap\" [ngClass]=\"[fixWidth ? 'fixed-content-width' : 'fluid-content-width']\">\n    <div class=\"collection\">\n      <!-- [ngClass]=\"[collapsed ? 'collapsed-pages-tab-wrap' : 'uncollapsed-pages-tab-wrap', ]\" -->\n      <div nz-dropdown [nzDropdownMenu]=\"collectionMenu\" name=\"pagesTab_collectionMenu\">\n        <i class=\"fa fa-star is-collect\" aria-hidden=\"true\" nz-dropdown></i>\n      </div>\n      <nz-dropdown-menu #collectionMenu=\"nzDropdownMenu\">\n        <ul nz-menu nzSelectable>\n          <div class=\"menu-title\">{{ 'pagesTab.myCollection' | translate }}</div>\n          <!-- 无收藏 -->\n          <div class=\"menu-none\" *ngIf=\"collection.length <= 0; else have_collection\">\n            {{ 'pagesTab.noCollection' | translate }}\n          </div>\n          <!-- 有收藏 -->\n          <ng-template #have_collection>\n            <li\n              nz-menu-item\n              [routerLink]=\"page.url\"\n              *ngFor=\"let page of collection\"\n              class=\"router-name\"\n              name=\"pagesTab_collectionCell\"\n            >\n              <span> {{ page?.title | translate }} </span>\n              <!-- 删除收藏 -->\n              <i\n                nz-icon\n                nzType=\"delete\"\n                nzTheme=\"outline\"\n                name=\"pagesTab_collectionDelete\"\n                class=\"collect-delete icons\"\n                (click)=\"deleteCollect(page)\"\n              ></i>\n            </li>\n          </ng-template>\n        </ul>\n      </nz-dropdown-menu>\n    </div>\n\n    <!-- 菜单tab -->\n    <nz-tabset [nzSelectedIndex]=\"pages?.index\" [nzSize]=\"'small'\">\n      <nz-tab [nzTitle]=\"titleTemplate\" *ngFor=\"let page of pages?.data\">\n        <ng-template #titleTemplate>\n          <!-- [nzTitle]=\"page?.title + '(' + (findIndex(collection, page) > -1 ? '已收藏' : '未收藏') + ')' \" -->\n          <div nzPlacement=\"topRight\" name=\"pagesTab_cell\" nz-tooltip class=\"tab-wrap\" (click)=\"openTab(page.url)\">\n            <!-- 首页图标 -->\n            <div *ngIf=\"isHomePage(page.url); else other_pages\" class=\"home\">\n              <i nz-icon nzType=\"home\" nzTheme=\"outline\" class=\"home-icon\"></i>\n              {{ page?.title | translate }}\n            </div>\n            <!-- 其他页面图标 -->\n            <ng-template #other_pages>\n              {{ page?.title | translate }}\n              <!-- 关闭按钮 -->\n              <!-- <i\n                class=\"fa fa-times close-btn\"\n                aria-hidden=\"true\"\n                name=\"pagesTab_close\"\n                (click)=\"closeTab(page)\"\n                *ngIf=\"page.url != config.HOME_URL\"\n              >\n              </i> -->\n              <i\n                nz-icon\n                nzType=\"close\"\n                nzTheme=\"outline\"\n                name=\"pagesTab_close\"\n                class=\"close-btn\"\n                *ngIf=\"!isHomePage(page.url)\"\n                (click)=\"closeTab(page)\"\n              ></i>\n              <!-- hover标题 -->\n              <div [nzTitle]=\"collection\" nzPlacement=\"topRight\" nz-tooltip></div>\n              <!-- 收藏按钮 -->\n              <div class=\"collect-btn-wrap\">\n                <i\n                  class=\"fa fa-star collect\"\n                  aria-hidden=\"true\"\n                  name=\"pagesTab_collection\"\n                  (click)=\"changeStatus(page)\"\n                  [ngClass]=\"[findIndexFunc(collection, page) > -1 ? 'is-collect' : 'not-collect']\"\n                ></i>\n              </div>\n            </ng-template>\n          </div>\n        </ng-template>\n      </nz-tab>\n    </nz-tabset>\n  </div>\n</div>\n","styles":[".pages-tab-wrap{position:relative;z-index:9;width:100%;padding-left:8px;background:#fff;-webkit-box-shadow:0 1px 3px 0 #eee;box-shadow:0 1px 3px 0 #eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pages-tab-wrap .collect-btn-wrap{position:absolute;top:-3px;right:-8px;display:none;font-size:1px}.pages-tab-wrap .close-btn{color:#aaa;font-size:12px!important}.pages-tab-wrap .close-btn:hover{color:#1890ff}.pages-tab-wrap .tab-wrap{margin-bottom:1px;padding:10px 12px 10px 15px}.pages-tab-wrap .tab-wrap:hover .collect-btn-wrap{display:block}.pages-tab-wrap .collect{margin-right:5px!important;margin-left:5px;color:#ccc;font-size:13px}.pages-tab-wrap .is-collect{color:#fbd71e}.pages-tab-wrap .not-collect{color:#ccc}.pages-tab-wrap .home{margin-left:-9px;padding:0 2px;text-align:center}.pages-tab-wrap .home .home-icon{margin-right:0}.collapsed-pages-tab-wrap{position:fixed;top:64px;width:calc(100% - 79px);width:-webkit-calc(100% - 79px)}.uncollapsed-pages-tab-wrap{position:fixed;top:64px;width:calc(100% - 256px);width:-webkit-calc(100% - 256px)}.top-pages-tab-wrap{margin-bottom:20px;background:#fff}.top-pages-tab-wrap .pages-tab-content-wrap{margin:0 auto}.top-pages-tab-wrap .fixed-content-width{width:1200px}.top-pages-tab-wrap .fluid-content-width{width:100%;padding-left:24px}.fixed-pages-tab-wrap{position:fixed;top:64px}.unfixed-pages-tab-wrap{position:relative}.hide-pages-tab-wrap{opacity:0}.show-pages-tab-wrap{opacity:1}:host ::ng-deep .ant-tabs-nav .ant-tabs-tab{position:relative;margin:0;padding:0}:host ::ng-deep .ant-tabs-nav .ant-tabs-tab::after{position:absolute;top:50%;right:0;display:block;width:1px;height:12px;background:#ddd;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\"}.icons{margin-right:0;margin-left:6px}:host ::ng-deep .ant-tabs-nav .collect.ant-tabs-tab-active{color:#ccc!important}:host ::ng-deep .ant-tabs-bar{margin-bottom:1px;border-bottom:0;padding-right:14px}.collection{position:relative;float:left;height:41px;padding-right:8px;font-size:17px;line-height:41px;cursor:pointer}.collection::before{position:absolute;top:25%;right:0;display:block;width:0;height:50%;border-right:1px dotted #ccc;content:\"\"}.ant-dropdown-menu{min-width:160px}.ant-dropdown-menu .menu-title{margin-bottom:3px;padding-bottom:4px;color:#666;font-size:14px;line-height:22px;text-align:center;border-bottom:1px solid #e8e8e8}.ant-dropdown-menu .menu-none{padding:5px 10px;color:#aaa;font-size:13px;text-align:center}.ant-dropdown-menu .router-name{font-size:13px}.ant-dropdown-menu .collect-delete{float:right;margin-left:15px;line-height:26px}.ant-dropdown-menu .collect-delete:hover{color:#1890ff}:host ::ng-deep .ant-tabs-small>.ant-tabs-bar .ant-tabs-tab{padding:0}"]}]}],"members":{"pages":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"collection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"topMenu":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"fixHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"fixWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"shouldHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"sendTabChanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"sendColChanges":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router","line":45,"character":20},{"__symbolic":"reference","module":"@ithinkdt/shared/route","name":"UrlChangeService","line":46,"character":26},{"__symbolic":"reference","module":"@ithinkdt/theme/page-tab-service","name":"PageTabService","line":47,"character":24},{"__symbolic":"reference","module":"@ithinkdt/shared/browser","name":"SettingsService","line":48,"character":25},{"__symbolic":"reference","module":"@ithinkdt/shared/i18n","name":"I18NService","line":49,"character":21}]}],"addTabChangeSub":[{"__symbolic":"method"}],"getRedirectTab":[{"__symbolic":"method"}],"closeTab":[{"__symbolic":"method"}],"deleteTabData":[{"__symbolic":"method"}],"closeAndCallback":[{"__symbolic":"method"}],"runHook":[{"__symbolic":"method"}],"calcWillActiveTabIdx":[{"__symbolic":"method"}],"normalClose":[{"__symbolic":"method"}],"getIdxInTab":[{"__symbolic":"method"}],"openTab":[{"__symbolic":"method"}],"deleteCollect":[{"__symbolic":"method"}],"changeStatus":[{"__symbolic":"method"}],"isHomePage":[{"__symbolic":"method"}]}}},"origins":{"DtPagesTabModule":"./pages-tab.module","PagesTabComponent":"./pages-tab.component"},"importAs":"@ithinkdt/theme/pages-tab"}