raise-common-lib 0.0.15 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/raise-common-lib.umd.js +785 -71
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +2 -2
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/layout/grid-box/index.component.js +68 -0
- package/esm2015/lib/layout/main-container/index.component.js +10 -5
- package/esm2015/lib/layout/multi-tab/index.component.js +310 -0
- package/esm2015/lib/layout/page-list/index.component.js +69 -0
- package/esm2015/lib/layout/page-tab/index.component.js +58 -0
- package/esm2015/lib/layout/rs-aside/index.component.js +4 -4
- package/esm2015/lib/layout/rs-header/index.component.js +3 -3
- package/esm2015/lib/raise-common-lib.module.js +23 -8
- package/esm2015/lib/service/common-function.service.js +55 -1
- package/esm2015/lib/service/icon-loader.service.js +19 -10
- package/esm2015/lib/service/keep-alive.service.js +92 -0
- package/esm2015/public-api.js +6 -2
- package/esm2015/raise-common-lib.js +2 -2
- package/esm5/lib/layout/grid-box/index.component.js +80 -0
- package/esm5/lib/layout/main-container/index.component.js +11 -6
- package/esm5/lib/layout/multi-tab/index.component.js +356 -0
- package/esm5/lib/layout/page-list/index.component.js +81 -0
- package/esm5/lib/layout/page-tab/index.component.js +67 -0
- package/esm5/lib/layout/rs-aside/index.component.js +4 -4
- package/esm5/lib/layout/rs-header/index.component.js +3 -3
- package/esm5/lib/raise-common-lib.module.js +23 -8
- package/esm5/lib/service/common-function.service.js +67 -1
- package/esm5/lib/service/icon-loader.service.js +18 -9
- package/esm5/lib/service/keep-alive.service.js +133 -0
- package/esm5/public-api.js +6 -2
- package/esm5/raise-common-lib.js +2 -2
- package/fesm2015/raise-common-lib.js +659 -62
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +784 -72
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/{common-list → grid-box}/index.component.d.ts +1 -1
- package/lib/layout/main-container/index.component.d.ts +1 -0
- package/lib/layout/multi-tab/index.component.d.ts +38 -0
- package/lib/layout/page-list/index.component.d.ts +12 -0
- package/lib/layout/page-tab/index.component.d.ts +11 -0
- package/lib/service/common-function.service.d.ts +2 -0
- package/lib/service/icon-loader.service.d.ts +5 -3
- package/lib/service/keep-alive.service.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +5 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/close-url.svg +10 -0
- package/src/assets/img/desktop-refresh-btn.svg +6 -0
- package/src/assets/img/icon-more-active.svg +7 -0
- package/src/assets/img/icon-more.svg +7 -0
- package/src/assets/img/split-button-arrow.svg +3 -0
- package/src/assets/style/reset/button.scss +38 -3
- package/esm2015/lib/layout/common-list/index.component.js +0 -69
- package/esm5/lib/layout/common-list/index.component.js +0 -81
|
@@ -8,8 +8,10 @@ import { Component, Input } from "@angular/core";
|
|
|
8
8
|
export class MainContainerComponent {
|
|
9
9
|
constructor() {
|
|
10
10
|
this.isCollapsed = false; // 接收输入属性
|
|
11
|
+
// 接收输入属性
|
|
12
|
+
this.singleReuseUrls = []; //只能单个缓存的url
|
|
11
13
|
}
|
|
12
|
-
|
|
14
|
+
//只能单个缓存的url
|
|
13
15
|
/**
|
|
14
16
|
* @return {?}
|
|
15
17
|
*/
|
|
@@ -18,15 +20,18 @@ export class MainContainerComponent {
|
|
|
18
20
|
MainContainerComponent.decorators = [
|
|
19
21
|
{ type: Component, args: [{
|
|
20
22
|
selector: "rs-main-container",
|
|
21
|
-
template: "<div class=\"app-main-container\">\r\n <ng-content select=\"[headerSlot]\"></ng-content>\r\n <div class=\"main-page\">\r\n <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div class=\"right-aside\">\r\n
|
|
22
|
-
styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .
|
|
23
|
+
template: "<div class=\"app-main-container\">\r\n <ng-content select=\"[headerSlot]\"></ng-content>\r\n <div class=\"main-page\">\r\n <div class=\"left-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div class=\"right-aside\">\r\n <ng-content select=\"[multiTabSlot]\"></ng-content>\r\n <!-- <rs-multi-tab [singleReuseUrls]=\"singleReuseUrls\"></rs-multi-tab> -->\r\n <div class=\"router-content\">\r\n <ng-content select=\"[routerSlot]\"></ng-content>\r\n </div>\r\n <rs-footer></rs-footer>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
24
|
+
styles: [".app-main-container{display:flex;flex-direction:column;height:100vh}.app-main-container .main-page{flex:1;height:0;display:flex;background-color:var(--rs-container-bg)}.app-main-container .left-aside{width:240px;height:100%;padding-right:16px;will-change:width;transition:width .3s}.app-main-container .left-aside.isCollapsed{width:64px;padding-right:0}.app-main-container .right-aside{width:0;flex:1;display:flex;flex-direction:column;padding-right:12px}.app-main-container .right-aside .router-content{flex:1;overflow:auto}"]
|
|
23
25
|
}] }
|
|
24
26
|
];
|
|
25
27
|
MainContainerComponent.propDecorators = {
|
|
26
|
-
isCollapsed: [{ type: Input }]
|
|
28
|
+
isCollapsed: [{ type: Input }],
|
|
29
|
+
singleReuseUrls: [{ type: Input }]
|
|
27
30
|
};
|
|
28
31
|
if (false) {
|
|
29
32
|
/** @type {?} */
|
|
30
33
|
MainContainerComponent.prototype.isCollapsed;
|
|
34
|
+
/** @type {?} */
|
|
35
|
+
MainContainerComponent.prototype.singleReuseUrls;
|
|
31
36
|
}
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbWFpbi1jb250YWluZXIvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQU92RSxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBTVcsZ0JBQVcsR0FBWSxLQUFLLENBQUMsQ0FBQyxTQUFTOztRQUN2QyxvQkFBZSxHQUFhLEVBQUUsQ0FBQyxDQUFDLFlBQVk7SUFFdkQsQ0FBQzs7Ozs7SUFEQyxRQUFRLEtBQUksQ0FBQzs7O1lBUmQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLGlwQkFBcUM7O2FBRXRDOzs7MEJBRUUsS0FBSzs4QkFDTCxLQUFLOzs7O0lBRE4sNkNBQXNDOztJQUN0QyxpREFBd0MiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtbWFpbi1jb250YWluZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWFpbkNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTsgLy8g5o6l5pS26L6T5YWl5bGe5oCnXHJcbiAgQElucHV0KCkgc2luZ2xlUmV1c2VVcmxzOiBzdHJpbmdbXSA9IFtdOyAvL+WPquiDveWNleS4que8k+WtmOeahHVybFxyXG4gIG5nT25Jbml0KCkge31cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* Generated from: lib/layout/multi-tab/index.component.ts
|
|
4
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
|
+
*/
|
|
6
|
+
// 组件类
|
|
7
|
+
import { ChangeDetectorRef, Component, HostListener, Input, } from "@angular/core";
|
|
8
|
+
import { ActivatedRoute, NavigationEnd, Router, } from "@angular/router";
|
|
9
|
+
import { CommonFunctionService } from "../../service/common-function.service";
|
|
10
|
+
import { KeepAliveService } from "../../service/keep-alive.service";
|
|
11
|
+
import { filter } from "rxjs/operators";
|
|
12
|
+
export class MultiTabComponent {
|
|
13
|
+
/**
|
|
14
|
+
* @param {?} router
|
|
15
|
+
* @param {?} cf
|
|
16
|
+
* @param {?} activatedRoute
|
|
17
|
+
* @param {?} keepAlive
|
|
18
|
+
* @param {?} ref
|
|
19
|
+
*/
|
|
20
|
+
constructor(router, cf, activatedRoute, keepAlive, ref) {
|
|
21
|
+
this.router = router;
|
|
22
|
+
this.cf = cf;
|
|
23
|
+
this.activatedRoute = activatedRoute;
|
|
24
|
+
this.keepAlive = keepAlive;
|
|
25
|
+
this.ref = ref;
|
|
26
|
+
this.singleReuseUrls = []; //只能单个缓存的url
|
|
27
|
+
//只能单个缓存的url
|
|
28
|
+
this.TAB_WIDTH = 164;
|
|
29
|
+
this.GAP_NORMAL = 54;
|
|
30
|
+
this.GAP_SMALL = 30;
|
|
31
|
+
this.tabList = [];
|
|
32
|
+
this.selectedTab = 0;
|
|
33
|
+
this.maxTabs = 10;
|
|
34
|
+
this.screenWidth = window.innerWidth; // 初始化屏幕宽度
|
|
35
|
+
}
|
|
36
|
+
// 初始化屏幕宽度
|
|
37
|
+
/**
|
|
38
|
+
* @param {?} event
|
|
39
|
+
* @return {?}
|
|
40
|
+
*/
|
|
41
|
+
onResize(event) {
|
|
42
|
+
this.screenWidth = window.innerWidth; // 更新屏幕宽度
|
|
43
|
+
this.setEllipsisTitle();
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @return {?}
|
|
47
|
+
*/
|
|
48
|
+
ngOnInit() {
|
|
49
|
+
this.initTab();
|
|
50
|
+
this.router.events
|
|
51
|
+
.pipe(filter((/**
|
|
52
|
+
* @param {?} event
|
|
53
|
+
* @return {?}
|
|
54
|
+
*/
|
|
55
|
+
(event) => event instanceof NavigationEnd)))
|
|
56
|
+
.subscribe((/**
|
|
57
|
+
* @return {?}
|
|
58
|
+
*/
|
|
59
|
+
() => {
|
|
60
|
+
/** @type {?} */
|
|
61
|
+
const navigation = this.router.getCurrentNavigation();
|
|
62
|
+
if (navigation) {
|
|
63
|
+
/** @type {?} */
|
|
64
|
+
const state = navigation.extras.state;
|
|
65
|
+
// 获取传递的 state
|
|
66
|
+
/** @type {?} */
|
|
67
|
+
const currentRoute = this.router.routerState.root.firstChild;
|
|
68
|
+
if (currentRoute) {
|
|
69
|
+
this.setTab(this.router.url, currentRoute.snapshot.routeConfig.path, state && state.title);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}));
|
|
73
|
+
this.setEllipsisTitle();
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* @param {?=} title
|
|
77
|
+
* @return {?}
|
|
78
|
+
*/
|
|
79
|
+
setEllipsisTitle(title) {
|
|
80
|
+
this.textGap = this.GAP_NORMAL;
|
|
81
|
+
if (this.screenWidth <= 1100) {
|
|
82
|
+
this.textGap = this.GAP_SMALL;
|
|
83
|
+
}
|
|
84
|
+
let { allWidth, leftWidth, rightWidth } = this.calcTabWidth();
|
|
85
|
+
/** @type {?} */
|
|
86
|
+
let width = Math.floor((allWidth - rightWidth) / (this.tabList && this.tabList.length));
|
|
87
|
+
if (title) {
|
|
88
|
+
return this.cf.setMiddleEllipsis(title, width > this.TAB_WIDTH
|
|
89
|
+
? this.TAB_WIDTH - this.textGap
|
|
90
|
+
: width - this.textGap, 12);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
this.tabList.forEach((/**
|
|
94
|
+
* @param {?} ele
|
|
95
|
+
* @param {?} idx
|
|
96
|
+
* @return {?}
|
|
97
|
+
*/
|
|
98
|
+
(ele, idx) => {
|
|
99
|
+
ele.displayTitle = this.cf.setMiddleEllipsis(ele.title, width > this.TAB_WIDTH
|
|
100
|
+
? this.TAB_WIDTH - this.textGap
|
|
101
|
+
: width - this.textGap, 12);
|
|
102
|
+
}));
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
/**
|
|
106
|
+
* @return {?}
|
|
107
|
+
*/
|
|
108
|
+
calcTabWidth() {
|
|
109
|
+
/** @type {?} */
|
|
110
|
+
const wrap = document.querySelector(".rs-multi-tab");
|
|
111
|
+
/** @type {?} */
|
|
112
|
+
const ulElement = document.querySelector(".rs-multi-tab > ul");
|
|
113
|
+
/** @type {?} */
|
|
114
|
+
const refreshTabDiv = document.querySelector(".rs-multi-tab .refresh-tab");
|
|
115
|
+
/** @type {?} */
|
|
116
|
+
let allWidth;
|
|
117
|
+
/** @type {?} */
|
|
118
|
+
let leftWidth;
|
|
119
|
+
/** @type {?} */
|
|
120
|
+
let rightWidth;
|
|
121
|
+
if (wrap && ulElement && refreshTabDiv) {
|
|
122
|
+
// 获取元素的位置信息
|
|
123
|
+
/** @type {?} */
|
|
124
|
+
const wrapRect = wrap.getBoundingClientRect();
|
|
125
|
+
/** @type {?} */
|
|
126
|
+
const ulRect = ulElement.getBoundingClientRect();
|
|
127
|
+
/** @type {?} */
|
|
128
|
+
const refreshTabRect = refreshTabDiv.getBoundingClientRect();
|
|
129
|
+
allWidth = wrapRect.width;
|
|
130
|
+
leftWidth = ulRect.width;
|
|
131
|
+
rightWidth = refreshTabRect.width;
|
|
132
|
+
}
|
|
133
|
+
return {
|
|
134
|
+
allWidth,
|
|
135
|
+
leftWidth,
|
|
136
|
+
rightWidth,
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
/**
|
|
140
|
+
* @return {?}
|
|
141
|
+
*/
|
|
142
|
+
initTab() {
|
|
143
|
+
/** @type {?} */
|
|
144
|
+
let TabCache = JSON.parse(sessionStorage.getItem("TabCache"));
|
|
145
|
+
this.tabList = TabCache || [];
|
|
146
|
+
}
|
|
147
|
+
/**
|
|
148
|
+
* @param {?} tab
|
|
149
|
+
* @param {?} idx
|
|
150
|
+
* @return {?}
|
|
151
|
+
*/
|
|
152
|
+
closeTab(tab, idx) {
|
|
153
|
+
this.tabList = this.tabList.filter((/**
|
|
154
|
+
* @param {?} ele
|
|
155
|
+
* @return {?}
|
|
156
|
+
*/
|
|
157
|
+
(ele) => ele.url !== tab.url));
|
|
158
|
+
this.clearCache(tab.url);
|
|
159
|
+
if (this.selectedTab === idx) {
|
|
160
|
+
/** @type {?} */
|
|
161
|
+
const targetIdx = Math.max(0, idx - 1);
|
|
162
|
+
this.changeTab(this.tabList[targetIdx], targetIdx);
|
|
163
|
+
}
|
|
164
|
+
this.setEllipsisTitle();
|
|
165
|
+
sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
|
|
166
|
+
this.ref.markForCheck();
|
|
167
|
+
}
|
|
168
|
+
/**
|
|
169
|
+
* @param {?} tab
|
|
170
|
+
* @param {?} idx
|
|
171
|
+
* @return {?}
|
|
172
|
+
*/
|
|
173
|
+
changeTab(tab, idx) {
|
|
174
|
+
this.router.navigateByUrl(tab.url);
|
|
175
|
+
this.selectedTab = idx;
|
|
176
|
+
this.ref.markForCheck();
|
|
177
|
+
}
|
|
178
|
+
/**
|
|
179
|
+
* @param {?} url
|
|
180
|
+
* @param {?} title
|
|
181
|
+
* @return {?}
|
|
182
|
+
*/
|
|
183
|
+
addTab(url, title) {
|
|
184
|
+
if (this.tabList.length >= this.maxTabs) {
|
|
185
|
+
this.closeTab(this.tabList[0], 0); // 删除第一个
|
|
186
|
+
}
|
|
187
|
+
this.tabList.push({
|
|
188
|
+
url: url,
|
|
189
|
+
title: title || "default",
|
|
190
|
+
displayTitle: this.setEllipsisTitle(title || "default"),
|
|
191
|
+
});
|
|
192
|
+
this.selectedTab = this.tabList.length - 1;
|
|
193
|
+
this.setEllipsisTitle();
|
|
194
|
+
sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
|
|
195
|
+
this.ref.markForCheck();
|
|
196
|
+
}
|
|
197
|
+
/**
|
|
198
|
+
* @param {?} url
|
|
199
|
+
* @param {?} pureUrl
|
|
200
|
+
* @param {?} title
|
|
201
|
+
* @return {?}
|
|
202
|
+
*/
|
|
203
|
+
setTab(url, pureUrl, title) {
|
|
204
|
+
/** @type {?} */
|
|
205
|
+
const isExistIdx = this.tabList.findIndex((/**
|
|
206
|
+
* @param {?} ele
|
|
207
|
+
* @return {?}
|
|
208
|
+
*/
|
|
209
|
+
(ele) => ele.url === url));
|
|
210
|
+
if (isExistIdx === -1) {
|
|
211
|
+
/** @type {?} */
|
|
212
|
+
const singleIdx = this.singleReuseUrls.findIndex((/**
|
|
213
|
+
* @param {?} ele
|
|
214
|
+
* @return {?}
|
|
215
|
+
*/
|
|
216
|
+
(ele) => ele === pureUrl));
|
|
217
|
+
if (singleIdx !== -1) {
|
|
218
|
+
this.tabList = this.tabList.filter((/**
|
|
219
|
+
* @param {?} ele
|
|
220
|
+
* @return {?}
|
|
221
|
+
*/
|
|
222
|
+
(ele) => !ele.url.includes(this.singleReuseUrls[singleIdx])));
|
|
223
|
+
this.keepAlive.clearCache(url);
|
|
224
|
+
}
|
|
225
|
+
this.addTab(url, title);
|
|
226
|
+
}
|
|
227
|
+
else {
|
|
228
|
+
this.selectedTab = isExistIdx;
|
|
229
|
+
this.ref.markForCheck();
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
/**
|
|
233
|
+
* @return {?}
|
|
234
|
+
*/
|
|
235
|
+
refreshTab() {
|
|
236
|
+
this.keepAlive.clearCache(this.tabList[this.selectedTab].url);
|
|
237
|
+
/** @type {?} */
|
|
238
|
+
const currentUrl = this.router.url;
|
|
239
|
+
this.router.navigateByUrl("/", { skipLocationChange: true }).then((/**
|
|
240
|
+
* @return {?}
|
|
241
|
+
*/
|
|
242
|
+
() => {
|
|
243
|
+
this.router.navigateByUrl(currentUrl); // 重新导航到当前 URL
|
|
244
|
+
}));
|
|
245
|
+
}
|
|
246
|
+
/**
|
|
247
|
+
* @param {?} url
|
|
248
|
+
* @return {?}
|
|
249
|
+
*/
|
|
250
|
+
clearCache(url) {
|
|
251
|
+
this.keepAlive.clearCache(url); // 调用自定义策略的清除缓存方法
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
MultiTabComponent.decorators = [
|
|
255
|
+
{ type: Component, args: [{
|
|
256
|
+
selector: "rs-multi-tab",
|
|
257
|
+
template: "<div class=\"rs-multi-tab\">\r\n <ul>\r\n <ng-container *ngFor=\"let tab of tabList; let i = index\">\r\n <li\r\n [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n (click)=\"changeTab(tab, i)\"\r\n >\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n *ngIf=\"tab.displayTitle !== tab.title; else originText\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ tab.title }}\r\n </div>\r\n </ng-template>\r\n <span class=\"tabTitle\">{{ tab.displayTitle }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"tabTitle\">\r\n {{ tab.displayTitle }}\r\n </span>\r\n </ng-template>\r\n <span class=\"img-block\" *ngIf=\"selectedTab !== i\"></span>\r\n <img\r\n *ngIf=\"tabList.length !== 1\"\r\n src=\"../../../assets/img/close-url.svg\"\r\n (click)=\"closeTab(tab, i)\"\r\n />\r\n </li>\r\n </ng-container>\r\n </ul>\r\n <div class=\"refresh-tab\" (click)=\"refreshTab()\">\r\n <img\r\n id=\"loadingIcon\"\r\n alt\r\n class=\"refresh-btn\"\r\n src=\"../../../assets/img/desktop-refresh-btn.svg\"\r\n />\r\n <span>Refresh Current Tab</span>\r\n </div>\r\n</div>\r\n",
|
|
258
|
+
styles: [".rs-multi-tab{border-bottom:1px solid #e5eaef;height:28px;width:100%;display:flex;justify-content:space-between}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul li{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:100%;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.rs-multi-tab ul li .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.rs-multi-tab ul li img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul li img:hover{background:#dce8f6}.rs-multi-tab ul li:not(:last-child){border-right:none}.rs-multi-tab ul li:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul li:last-child{border-top-right-radius:8px}.rs-multi-tab ul .isSelect{color:#1f3f5c;background:#fff}.rs-multi-tab ul .notSelect img{display:none}.rs-multi-tab ul .notSelect .img-block{display:inline-block;width:22px}.rs-multi-tab ul .notSelect:hover{color:#1f3f5c;background-color:rgba(31,123,255,.04)}.rs-multi-tab ul .notSelect:hover .img-block{display:none}.rs-multi-tab ul .notSelect:hover img{display:inline-block}.rs-multi-tab .refresh-tab{cursor:pointer;text-align:right;color:#6c7c90;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;padding-right:12px}.rs-multi-tab .refresh-tab img{vertical-align:middle;margin-right:4px}.refresh-tab-loading{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip-content{padding:4px;color:#f8fafb;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}@media (max-width:1400px){.refresh-tab{padding-right:0!important}.refresh-tab span{display:none!important}}@media (max-width:1100px){.rs-multi-tab ul li img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}}@media (max-width:600px){.rs-multi-tab ul li{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]
|
|
259
|
+
}] }
|
|
260
|
+
];
|
|
261
|
+
/** @nocollapse */
|
|
262
|
+
MultiTabComponent.ctorParameters = () => [
|
|
263
|
+
{ type: Router },
|
|
264
|
+
{ type: CommonFunctionService },
|
|
265
|
+
{ type: ActivatedRoute },
|
|
266
|
+
{ type: KeepAliveService },
|
|
267
|
+
{ type: ChangeDetectorRef }
|
|
268
|
+
];
|
|
269
|
+
MultiTabComponent.propDecorators = {
|
|
270
|
+
singleReuseUrls: [{ type: Input }],
|
|
271
|
+
onResize: [{ type: HostListener, args: ["window:resize", ["$event"],] }]
|
|
272
|
+
};
|
|
273
|
+
if (false) {
|
|
274
|
+
/** @type {?} */
|
|
275
|
+
MultiTabComponent.prototype.singleReuseUrls;
|
|
276
|
+
/** @type {?} */
|
|
277
|
+
MultiTabComponent.prototype.TAB_WIDTH;
|
|
278
|
+
/** @type {?} */
|
|
279
|
+
MultiTabComponent.prototype.GAP_NORMAL;
|
|
280
|
+
/** @type {?} */
|
|
281
|
+
MultiTabComponent.prototype.GAP_SMALL;
|
|
282
|
+
/** @type {?} */
|
|
283
|
+
MultiTabComponent.prototype.textGap;
|
|
284
|
+
/** @type {?} */
|
|
285
|
+
MultiTabComponent.prototype.foo;
|
|
286
|
+
/** @type {?} */
|
|
287
|
+
MultiTabComponent.prototype.comRef;
|
|
288
|
+
/** @type {?} */
|
|
289
|
+
MultiTabComponent.prototype.tabList;
|
|
290
|
+
/** @type {?} */
|
|
291
|
+
MultiTabComponent.prototype.selectedTab;
|
|
292
|
+
/** @type {?} */
|
|
293
|
+
MultiTabComponent.prototype.maxTabs;
|
|
294
|
+
/** @type {?} */
|
|
295
|
+
MultiTabComponent.prototype.screenWidth;
|
|
296
|
+
/** @type {?} */
|
|
297
|
+
MultiTabComponent.prototype.router;
|
|
298
|
+
/** @type {?} */
|
|
299
|
+
MultiTabComponent.prototype.cf;
|
|
300
|
+
/** @type {?} */
|
|
301
|
+
MultiTabComponent.prototype.activatedRoute;
|
|
302
|
+
/** @type {?} */
|
|
303
|
+
MultiTabComponent.prototype.keepAlive;
|
|
304
|
+
/**
|
|
305
|
+
* @type {?}
|
|
306
|
+
* @private
|
|
307
|
+
*/
|
|
308
|
+
MultiTabComponent.prototype.ref;
|
|
309
|
+
}
|
|
310
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbXVsdGktdGFiL2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFNBQVMsRUFHVCxZQUFZLEVBQ1osS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxjQUFjLEVBQ2QsYUFBYSxFQUNiLE1BQU0sR0FFUCxNQUFNLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxNQUFNLEVBQWlCLE1BQU0sZ0JBQWdCLENBQUM7QUFPdkQsTUFBTSxPQUFPLGlCQUFpQjs7Ozs7Ozs7SUFDNUIsWUFDUyxNQUFjLEVBQ2QsRUFBeUIsRUFDekIsY0FBOEIsRUFDOUIsU0FBMkIsRUFDMUIsR0FBc0I7UUFKdkIsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNkLE9BQUUsR0FBRixFQUFFLENBQXVCO1FBQ3pCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5QixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMxQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQUV2QixvQkFBZSxHQUFhLEVBQUUsQ0FBQyxDQUFDLFlBQVk7O1FBRXJELGNBQVMsR0FBRyxHQUFHLENBQUM7UUFDaEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixjQUFTLEdBQUcsRUFBRSxDQUFDO1FBSWYsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLGdCQUFXLEdBQVcsQ0FBQyxDQUFDO1FBQ3hCLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsZ0JBQVcsR0FBVyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsVUFBVTtJ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TSxDQUFDLGFBQWEsQ0FBQyxHQUFHLEVBQUUsRUFBRSxrQkFBa0IsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLElBQUk7OztRQUFDLEdBQUcsRUFBRTtZQUNyRSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLGNBQWM7UUFDdkQsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7OztJQUVELFVBQVUsQ0FBQyxHQUFHO1FBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxpQkFBaUI7SUFDbkQsQ0FBQzs7O1lBNUtGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsMjlDQUFxQzs7YUFFdEM7Ozs7WUFYQyxNQUFNO1lBR0MscUJBQXFCO1lBTDVCLGNBQWM7WUFNUCxnQkFBZ0I7WUFoQnZCLGlCQUFpQjs7OzhCQWdDaEIsS0FBSzt1QkFZTCxZQUFZLFNBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDOzs7O0lBWnpDLDRDQUF3Qzs7SUFFeEMsc0NBQWdCOztJQUNoQix1Q0FBZ0I7O0lBQ2hCLHNDQUFlOztJQUNmLG9DQUFROztJQUNSLGdDQUFrQjs7SUFDbEIsbUNBQVk7O0lBQ1osb0NBQWE7O0lBQ2Isd0NBQXdCOztJQUN4QixvQ0FBcUI7O0lBQ3JCLHdDQUF3Qzs7SUFqQnRDLG1DQUFxQjs7SUFDckIsK0JBQWdDOztJQUNoQywyQ0FBcUM7O0lBQ3JDLHNDQUFrQzs7Ozs7SUFDbEMsZ0NBQThCIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSG9zdExpc3RlbmVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtcclxuICBBY3RpdmF0ZWRSb3V0ZSxcclxuICBOYXZpZ2F0aW9uRW5kLFxyXG4gIFJvdXRlcixcclxuICBSb3V0ZXJPdXRsZXQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL3JvdXRlclwiO1xyXG5pbXBvcnQgeyBDb21tb25GdW5jdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vc2VydmljZS9jb21tb24tZnVuY3Rpb24uc2VydmljZVwiO1xyXG5pbXBvcnQgeyBLZWVwQWxpdmVTZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL3NlcnZpY2Uva2VlcC1hbGl2ZS5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7IGZpbHRlciwgbWFwLCBtZXJnZU1hcCB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtbXVsdGktdGFiXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE11bHRpVGFiQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyByb3V0ZXI6IFJvdXRlcixcclxuICAgIHB1YmxpYyBjZjogQ29tbW9uRnVuY3Rpb25TZXJ2aWNlLFxyXG4gICAgcHVibGljIGFjdGl2YXRlZFJvdXRlOiBBY3RpdmF0ZWRSb3V0ZSxcclxuICAgIHB1YmxpYyBrZWVwQWxpdmU6IEtlZXBBbGl2ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHt9XHJcbiAgQElucHV0KCkgc2luZ2xlUmV1c2VVcmxzOiBzdHJpbmdbXSA9IFtdOyAvL+WPquiDveWNleS4que8k+WtmOeahHVybFxyXG5cclxuICBUQUJfV0lEVEggPSAxNjQ7XHJcbiAgR0FQX05PUk1BTCA9IDU0O1xyXG4gIEdBUF9TTUFMTCA9IDMwO1xyXG4gIHRleHRHYXA7IC8vIOaWh+acrOS4jui+ueahhueahOaAu+mXtOi3nVxyXG4gIGZvbzogUm91dGVyT3V0bGV0O1xyXG4gIGNvbVJlZjogYW55O1xyXG4gIHRhYkxpc3QgPSBbXTtcclxuICBzZWxlY3RlZFRhYjogbnVtYmVyID0gMDtcclxuICBtYXhUYWJzOiBudW1iZXIgPSAxMDtcclxuICBzY3JlZW5XaWR0aDogbnVtYmVyID0gd2luZG93LmlubmVyV2lkdGg7IC8vIOWIneWni+WMluWxj+W5leWuveW6plxyXG4gIEBIb3N0TGlzdGVuZXIoXCJ3aW5kb3c6cmVzaXplXCIsIFtcIiRldmVudFwiXSlcclxuICBvblJlc2l6ZShldmVudCkge1xyXG4gICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoOyAvLyDmm7TmlrDlsY/luZXlrr3luqZcclxuICAgIHRoaXMuc2V0RWxsaXBzaXNUaXRsZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmluaXRUYWIoKTtcclxuICAgIHRoaXMucm91dGVyLmV2ZW50c1xyXG4gICAgICAucGlwZShmaWx0ZXIoKGV2ZW50KSA9PiBldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FbmQpKVxyXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICBjb25zdCBuYXZpZ2F0aW9uID0gdGhpcy5yb3V0ZXIuZ2V0Q3VycmVudE5hdmlnYXRpb24oKTsgLy8g6I635Y+W5b2T5YmN5a+86IiqXHJcbiAgICAgICAgaWYgKG5hdmlnYXRpb24pIHtcclxuICAgICAgICAgIGNvbnN0IHN0YXRlID0gbmF2aWdhdGlvbi5leHRyYXMuc3RhdGU7IC8vIOiOt+WPluS8oOmAkueahCBzdGF0ZVxyXG4gICAgICAgICAgY29uc3QgY3VycmVudFJvdXRlID0gdGhpcy5yb3V0ZXIucm91dGVyU3RhdGUucm9vdC5maXJzdENoaWxkO1xyXG4gICAgICAgICAgaWYgKGN1cnJlbnRSb3V0ZSkge1xyXG4gICAgICAgICAgICB0aGlzLnNldFRhYihcclxuICAgICAgICAgICAgICB0aGlzLnJvdXRlci51cmwsXHJcbiAgICAgICAgICAgICAgY3VycmVudFJvdXRlLnNuYXBzaG90LnJvdXRlQ29uZmlnLnBhdGgsXHJcbiAgICAgICAgICAgICAgc3RhdGUgJiYgc3RhdGUudGl0bGVcclxuICAgICAgICAgICAgKTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgdGhpcy5zZXRFbGxpcHNpc1RpdGxlKCk7XHJcbiAgfVxyXG5cclxuICBzZXRFbGxpcHNpc1RpdGxlKHRpdGxlPykge1xyXG4gICAgdGhpcy50ZXh0R2FwID0gdGhpcy5HQVBfTk9STUFMO1xyXG4gICAgaWYgKHRoaXMuc2NyZWVuV2lkdGggPD0gMTEwMCkge1xyXG4gICAgICB0aGlzLnRleHRHYXAgPSB0aGlzLkdBUF9TTUFMTDtcclxuICAgIH1cclxuICAgIGxldCB7IGFsbFdpZHRoLCBsZWZ0V2lkdGgsIHJpZ2h0V2lkdGggfSA9IHRoaXMuY2FsY1RhYldpZHRoKCk7XHJcbiAgICBsZXQgd2lkdGggPSBNYXRoLmZsb29yKFxyXG4gICAgICAoYWxsV2lkdGggLSByaWdodFdpZHRoKSAvICh0aGlzLnRhYkxpc3QgJiYgdGhpcy50YWJMaXN0Lmxlbmd0aClcclxuICAgICk7XHJcblxyXG4gICAgaWYgKHRpdGxlKSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmNmLnNldE1pZGRsZUVsbGlwc2lzKFxyXG4gICAgICAgIHRpdGxlLFxyXG4gICAgICAgIHdpZHRoID4gdGhpcy5UQUJfV0lEVEhcclxuICAgICAgICAgID8gdGhpcy5UQUJfV0lEVEggLSB0aGlzLnRleHRHYXBcclxuICAgICAgICAgIDogd2lkdGggLSB0aGlzLnRleHRHYXAsXHJcbiAgICAgICAgMTJcclxuICAgICAgKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMudGFiTGlzdC5mb3JFYWNoKChlbGUsIGlkeCkgPT4ge1xyXG4gICAgICAgIGVsZS5kaXNwbGF5VGl0bGUgPSB0aGlzLmNmLnNldE1pZGRsZUVsbGlwc2lzKFxyXG4gICAgICAgICAgZWxlLnRpdGxlLFxyXG4gICAgICAgICAgd2lkdGggPiB0aGlzLlRBQl9XSURUSFxyXG4gICAgICAgICAgICA/IHRoaXMuVEFCX1dJRFRIIC0gdGhpcy50ZXh0R2FwXHJcbiAgICAgICAgICAgIDogd2lkdGggLSB0aGlzLnRleHRHYXAsXHJcbiAgICAgICAgICAxMlxyXG4gICAgICAgICk7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2FsY1RhYldpZHRoKCkge1xyXG4gICAgY29uc3Qgd3JhcCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoXCIucnMtbXVsdGktdGFiXCIpO1xyXG4gICAgY29uc3QgdWxFbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcihcIi5ycy1tdWx0aS10YWIgPiB1bFwiKTtcclxuICAgIGNvbnN0IHJlZnJlc2hUYWJEaXYgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKFwiLnJzLW11bHRpLXRhYiAucmVmcmVzaC10YWJcIik7XHJcbiAgICBsZXQgYWxsV2lkdGg7XHJcbiAgICBsZXQgbGVmdFdpZHRoO1xyXG4gICAgbGV0IHJpZ2h0V2lkdGg7XHJcbiAgICBpZiAod3JhcCAmJiB1bEVsZW1lbnQgJiYgcmVmcmVzaFRhYkRpdikge1xyXG4gICAgICAvLyDojrflj5blhYPntKDnmoTkvY3nva7kv6Hmga9cclxuICAgICAgY29uc3Qgd3JhcFJlY3QgPSB3cmFwLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICBjb25zdCB1bFJlY3QgPSB1bEVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbiAgICAgIGNvbnN0IHJlZnJlc2hUYWJSZWN0ID0gcmVmcmVzaFRhYkRpdi5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgICAgYWxsV2lkdGggPSB3cmFwUmVjdC53aWR0aDtcclxuICAgICAgbGVmdFdpZHRoID0gdWxSZWN0LndpZHRoO1xyXG4gICAgICByaWdodFdpZHRoID0gcmVmcmVzaFRhYlJlY3Qud2lkdGg7XHJcbiAgICB9XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBhbGxXaWR0aCxcclxuICAgICAgbGVmdFdpZHRoLFxyXG4gICAgICByaWdodFdpZHRoLFxyXG4gICAgfTtcclxuICB9XHJcbiAgaW5pdFRhYigpIHtcclxuICAgIGxldCBUYWJDYWNoZSA9IEpTT04ucGFyc2Uoc2Vzc2lvblN0b3JhZ2UuZ2V0SXRlbShcIlRhYkNhY2hlXCIpKTtcclxuICAgIHRoaXMudGFiTGlzdCA9IFRhYkNhY2hlIHx8IFtdO1xyXG4gIH1cclxuXHJcbiAgY2xvc2VUYWIodGFiLCBpZHgpIHtcclxuICAgIHRoaXMudGFiTGlzdCA9IHRoaXMudGFiTGlzdC5maWx0ZXIoKGVsZSkgPT4gZWxlLnVybCAhPT0gdGFiLnVybCk7XHJcbiAgICB0aGlzLmNsZWFyQ2FjaGUodGFiLnVybCk7XHJcbiAgICBpZiAodGhpcy5zZWxlY3RlZFRhYiA9PT0gaWR4KSB7XHJcbiAgICAgIGNvbnN0IHRhcmdldElkeCA9IE1hdGgubWF4KDAsIGlkeCAtIDEpO1xyXG4gICAgICB0aGlzLmNoYW5nZVRhYih0aGlzLnRhYkxpc3RbdGFyZ2V0SWR4XSwgdGFyZ2V0SWR4KTtcclxuICAgIH1cclxuICAgIHRoaXMuc2V0RWxsaXBzaXNUaXRsZSgpO1xyXG4gICAgc2Vzc2lvblN0b3JhZ2Uuc2V0SXRlbShcIlRhYkNhY2hlXCIsIEpTT04uc3RyaW5naWZ5KHRoaXMudGFiTGlzdCkpO1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2VUYWIodGFiLCBpZHgpIHtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwodGFiLnVybCk7XHJcbiAgICB0aGlzLnNlbGVjdGVkVGFiID0gaWR4O1xyXG4gICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBhZGRUYWIodXJsLCB0aXRsZSkge1xyXG4gICAgaWYgKHRoaXMudGFiTGlzdC5sZW5ndGggPj0gdGhpcy5tYXhUYWJzKSB7XHJcbiAgICAgIHRoaXMuY2xvc2VUYWIodGhpcy50YWJMaXN0WzBdLCAwKTsgLy8g5Yig6Zmk56ys5LiA5LiqXHJcbiAgICB9XHJcbiAgICB0aGlzLnRhYkxpc3QucHVzaCh7XHJcbiAgICAgIHVybDogdXJsLFxyXG4gICAgICB0aXRsZTogdGl0bGUgfHwgXCJkZWZhdWx0XCIsXHJcbiAgICAgIGRpc3BsYXlUaXRsZTogdGhpcy5zZXRFbGxpcHNpc1RpdGxlKHRpdGxlIHx8IFwiZGVmYXVsdFwiKSxcclxuICAgIH0pO1xyXG4gICAgdGhpcy5zZWxlY3RlZFRhYiA9IHRoaXMudGFiTGlzdC5sZW5ndGggLSAxO1xyXG4gICAgdGhpcy5zZXRFbGxpcHNpc1RpdGxlKCk7XHJcbiAgICBzZXNzaW9uU3RvcmFnZS5zZXRJdGVtKFwiVGFiQ2FjaGVcIiwgSlNPTi5zdHJpbmdpZnkodGhpcy50YWJMaXN0KSk7XHJcbiAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZXRUYWIodXJsLCBwdXJlVXJsLCB0aXRsZSkge1xyXG4gICAgY29uc3QgaXNFeGlzdElkeCA9IHRoaXMudGFiTGlzdC5maW5kSW5kZXgoKGVsZSkgPT4gZWxlLnVybCA9PT0gdXJsKTtcclxuICAgIGlmIChpc0V4aXN0SWR4ID09PSAtMSkge1xyXG4gICAgICBjb25zdCBzaW5nbGVJZHggPSB0aGlzLnNpbmdsZVJldXNlVXJscy5maW5kSW5kZXgoXHJcbiAgICAgICAgKGVsZSkgPT4gZWxlID09PSBwdXJlVXJsXHJcbiAgICAgICk7XHJcbiAgICAgIGlmIChzaW5nbGVJZHggIT09IC0xKSB7XHJcbiAgICAgICAgdGhpcy50YWJMaXN0ID0gdGhpcy50YWJMaXN0LmZpbHRlcihcclxuICAgICAgICAgIChlbGUpID0+ICFlbGUudXJsLmluY2x1ZGVzKHRoaXMuc2luZ2xlUmV1c2VVcmxzW3NpbmdsZUlkeF0pXHJcbiAgICAgICAgKTtcclxuICAgICAgICB0aGlzLmtlZXBBbGl2ZS5jbGVhckNhY2hlKHVybCk7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5hZGRUYWIodXJsLCB0aXRsZSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkVGFiID0gaXNFeGlzdElkeDtcclxuICAgICAgdGhpcy5yZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWZyZXNoVGFiKCkge1xyXG4gICAgdGhpcy5rZWVwQWxpdmUuY2xlYXJDYWNoZSh0aGlzLnRhYkxpc3RbdGhpcy5zZWxlY3RlZFRhYl0udXJsKTtcclxuICAgIGNvbnN0IGN1cnJlbnRVcmwgPSB0aGlzLnJvdXRlci51cmw7IC8vIOiOt+WPluW9k+WJjSBVUkxcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlQnlVcmwoXCIvXCIsIHsgc2tpcExvY2F0aW9uQ2hhbmdlOiB0cnVlIH0pLnRoZW4oKCkgPT4ge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKGN1cnJlbnRVcmwpOyAvLyDph43mlrDlr7zoiKrliLDlvZPliY0gVVJMXHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIGNsZWFyQ2FjaGUodXJsKSB7XHJcbiAgICB0aGlzLmtlZXBBbGl2ZS5jbGVhckNhY2hlKHVybCk7IC8vIOiwg+eUqOiHquWumuS5ieetlueVpeeahOa4hemZpOe8k+WtmOaWueazlVxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* Generated from: lib/layout/page-list/index.component.ts
|
|
4
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
|
+
*/
|
|
6
|
+
// 组件类
|
|
7
|
+
import { Component, ContentChild, Input, } from '@angular/core';
|
|
8
|
+
import { CommonGridComponent } from '../../common-grid/index.component';
|
|
9
|
+
import { debounce } from 'lodash';
|
|
10
|
+
export class RsPageListComponent {
|
|
11
|
+
constructor() {
|
|
12
|
+
this.customPageTitle = false;
|
|
13
|
+
this.isInner = false;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* @return {?}
|
|
17
|
+
*/
|
|
18
|
+
ngOnInit() {
|
|
19
|
+
this.debouncedInput = debounce((/**
|
|
20
|
+
* @return {?}
|
|
21
|
+
*/
|
|
22
|
+
() => {
|
|
23
|
+
this.onSeach();
|
|
24
|
+
}), 300);
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* @return {?}
|
|
28
|
+
*/
|
|
29
|
+
onSeach() {
|
|
30
|
+
this.gridContent.grid.search(this.searchValue);
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* @return {?}
|
|
34
|
+
*/
|
|
35
|
+
onInput() {
|
|
36
|
+
this.debouncedInput();
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
RsPageListComponent.decorators = [
|
|
40
|
+
{ type: Component, args: [{
|
|
41
|
+
selector: 'rs-page-list',
|
|
42
|
+
template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\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 <div class=\"rs-content-wrap\">\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-left-col\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
43
|
+
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-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
44
|
+
}] }
|
|
45
|
+
];
|
|
46
|
+
RsPageListComponent.propDecorators = {
|
|
47
|
+
gridContent: [{ type: ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
48
|
+
pageTitle: [{ type: Input }],
|
|
49
|
+
customPageTitle: [{ type: Input }],
|
|
50
|
+
isInner: [{ type: Input }]
|
|
51
|
+
};
|
|
52
|
+
if (false) {
|
|
53
|
+
/** @type {?} */
|
|
54
|
+
RsPageListComponent.prototype.gridContent;
|
|
55
|
+
/** @type {?} */
|
|
56
|
+
RsPageListComponent.prototype.pageTitle;
|
|
57
|
+
/** @type {?} */
|
|
58
|
+
RsPageListComponent.prototype.customPageTitle;
|
|
59
|
+
/** @type {?} */
|
|
60
|
+
RsPageListComponent.prototype.isInner;
|
|
61
|
+
/**
|
|
62
|
+
* @type {?}
|
|
63
|
+
* @private
|
|
64
|
+
*/
|
|
65
|
+
RsPageListComponent.prototype.debouncedInput;
|
|
66
|
+
/** @type {?} */
|
|
67
|
+
RsPageListComponent.prototype.searchValue;
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcGFnZS1saXN0L2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQU9sQyxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBUVcsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsWUFBTyxHQUFHLEtBQUssQ0FBQztJQW9CM0IsQ0FBQzs7OztJQWhCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFROzs7UUFBQyxHQUFHLEVBQUU7WUFDbEMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFBO1FBQ2hCLENBQUMsR0FBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7Ozs7SUFLRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNqRCxDQUFDOzs7O0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQTtJQUN2QixDQUFDOzs7WUE1QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4QiwrckNBQXFDOzthQUV0Qzs7OzBCQUVFLFlBQVksU0FBQyxtQkFBbUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7d0JBQ2xELEtBQUs7OEJBQ0wsS0FBSztzQkFDTCxLQUFLOzs7O0lBSE4sMENBQWlFOztJQUNqRSx3Q0FBbUI7O0lBQ25CLDhDQUFpQzs7SUFDakMsc0NBQXlCOzs7OztJQUV6Qiw2Q0FBaUM7O0lBVWpDLDBDQUFZIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkdyaWRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21tb24tZ3JpZC9pbmRleC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBkZWJvdW5jZSB9IGZyb20gJ2xvZGFzaCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3JzLXBhZ2UtbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUnNQYWdlTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* Generated from: lib/layout/page-tab/index.component.ts
|
|
4
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
|
+
*/
|
|
6
|
+
// 组件类
|
|
7
|
+
import { Component, EventEmitter, Input, Output, } from "@angular/core";
|
|
8
|
+
export class RsPageTabComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.customPageTitle = false;
|
|
11
|
+
this.tabList = [];
|
|
12
|
+
this.tabChange = new EventEmitter();
|
|
13
|
+
this.animation = {
|
|
14
|
+
previous: { effect: "", duration: 0, easing: "" },
|
|
15
|
+
next: { effect: "", duration: 0, easing: "" },
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* @return {?}
|
|
20
|
+
*/
|
|
21
|
+
ngOnInit() { }
|
|
22
|
+
/**
|
|
23
|
+
* @param {?} e
|
|
24
|
+
* @return {?}
|
|
25
|
+
*/
|
|
26
|
+
onTabClick(e) {
|
|
27
|
+
this.tabChange.emit(this.tabList[e.selectedIndex]);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
RsPageTabComponent.decorators = [
|
|
31
|
+
{ type: Component, args: [{
|
|
32
|
+
selector: "rs-page-tab",
|
|
33
|
+
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 (selected)=\"onTabClick($event)\"\r\n [animation]=\"animation\"\r\n\toverflowMode=\"Popup\"\r\n heightAdjustMode=\"None\"\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",
|
|
34
|
+
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}"]
|
|
35
|
+
}] }
|
|
36
|
+
];
|
|
37
|
+
RsPageTabComponent.propDecorators = {
|
|
38
|
+
pageTitle: [{ type: Input }],
|
|
39
|
+
customPageTitle: [{ type: Input }],
|
|
40
|
+
tabList: [{ type: Input }],
|
|
41
|
+
currentTab: [{ type: Input }],
|
|
42
|
+
tabChange: [{ type: Output }]
|
|
43
|
+
};
|
|
44
|
+
if (false) {
|
|
45
|
+
/** @type {?} */
|
|
46
|
+
RsPageTabComponent.prototype.pageTitle;
|
|
47
|
+
/** @type {?} */
|
|
48
|
+
RsPageTabComponent.prototype.customPageTitle;
|
|
49
|
+
/** @type {?} */
|
|
50
|
+
RsPageTabComponent.prototype.tabList;
|
|
51
|
+
/** @type {?} */
|
|
52
|
+
RsPageTabComponent.prototype.currentTab;
|
|
53
|
+
/** @type {?} */
|
|
54
|
+
RsPageTabComponent.prototype.tabChange;
|
|
55
|
+
/** @type {?} */
|
|
56
|
+
RsPageTabComponent.prototype.animation;
|
|
57
|
+
}
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcGFnZS10YWIvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFPdkIsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU9XLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFJdEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFeEIsY0FBUyxHQUFXO1lBQzNCLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFO1lBQ2pELElBQUksRUFBRSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFO1NBQzdDLENBQUM7SUFNSCxDQUFDOzs7O0lBTEMsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsVUFBVSxDQUFDLENBQUM7UUFDVixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ3JELENBQUM7OztZQXRCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLHMxQkFBcUM7O2FBRXRDOzs7d0JBRUUsS0FBSzs4QkFDTCxLQUFLO3NCQUNMLEtBQUs7eUJBQ0wsS0FBSzt3QkFFTCxNQUFNOzs7O0lBTFAsdUNBQW1COztJQUNuQiw2Q0FBaUM7O0lBQ2pDLHFDQUFzQjs7SUFDdEIsd0NBQW9COztJQUVwQix1Q0FDK0I7O0lBRS9CLHVDQUdDIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtcGFnZS10YWJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUnNQYWdlVGFiQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGFiTGlzdCA9IFtdO1xyXG4gIEBJbnB1dCgpIGN1cnJlbnRUYWI7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHRhYkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgcHVibGljIGFuaW1hdGlvbjogb2JqZWN0ID0ge1xyXG5cdFx0cHJldmlvdXM6IHsgZWZmZWN0OiBcIlwiLCBkdXJhdGlvbjogMCwgZWFzaW5nOiBcIlwiIH0sXHJcblx0XHRuZXh0OiB7IGVmZmVjdDogXCJcIiwgZHVyYXRpb246IDAsIGVhc2luZzogXCJcIiB9LFxyXG5cdH07XHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxuICBvblRhYkNsaWNrKGUpIHtcclxuICAgIHRoaXMudGFiQ2hhbmdlLmVtaXQodGhpcy50YWJMaXN0W2Uuc2VsZWN0ZWRJbmRleF0pO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -27,14 +27,14 @@ export class RSAsideComponent {
|
|
|
27
27
|
*/
|
|
28
28
|
onNavClick(item) {
|
|
29
29
|
this.currentNav = item.title;
|
|
30
|
-
this.router.navigate([item.url]);
|
|
30
|
+
this.router.navigate([item.url], { state: { title: item.title } });
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
RSAsideComponent.decorators = [
|
|
34
34
|
{ type: Component, args: [{
|
|
35
35
|
selector: "rs-aside",
|
|
36
|
-
template: "<div class=\"rs-aside\">\r\n <div class=\"nav-list\">\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.title }\"\r\n *ngFor=\"let nav of navList\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\">\r\n <
|
|
37
|
-
styles: [".rs-aside{display:flex;flex-direction:column;height:100%}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{height:32px;cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .icon
|
|
36
|
+
template: "<div class=\"rs-aside\">\r\n <div class=\"nav-list\">\r\n <div\r\n class=\"nav-item\"\r\n [ngClass]=\"{ isCurrent: currentNav === nav.title }\"\r\n *ngFor=\"let nav of navList\"\r\n (click)=\"onNavClick(nav)\"\r\n >\r\n <div class=\"nav-item-inner\">\r\n <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.icon\"></mat-icon>\r\n <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n nav.title\r\n }}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
37
|
+
styles: [".rs-aside{display:flex;flex-direction:column;height:100%}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{height:32px;cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item:hover .nav-item-inner ::ng-deep .menu-icon svg{color:#44566c;stroke:#44566c}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px}.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}"]
|
|
38
38
|
}] }
|
|
39
39
|
];
|
|
40
40
|
/** @nocollapse */
|
|
@@ -55,4 +55,4 @@ if (false) {
|
|
|
55
55
|
/** @type {?} */
|
|
56
56
|
RSAsideComponent.prototype.router;
|
|
57
57
|
}
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcnMtYXNpZGUvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFDTCxTQUFTLEVBR1QsS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQU96QyxNQUFNLE9BQU8sZ0JBQWdCOzs7O0lBQzNCLFlBQW1CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQ3hCLGdCQUFXLEdBQVksS0FBSyxDQUFDLENBQUMsU0FBUzs7UUFDdkMsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUV0QixlQUFVLEdBQUcsSUFBSSxDQUFDO0lBSmtCLENBQUM7Ozs7SUFHckMsUUFBUSxLQUFJLENBQUM7Ozs7O0lBRWIsVUFBVSxDQUFDLElBQUk7UUFDYixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDN0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFDLENBQUMsQ0FBQztJQUNuRSxDQUFDOzs7WUFkRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLCtyQkFBcUM7O2FBRXRDOzs7O1lBTlEsTUFBTTs7OzBCQVNaLEtBQUs7c0JBQ0wsS0FBSzs7OztJQUROLHVDQUFzQzs7SUFDdEMsbUNBQXNCOztJQUV0QixzQ0FBa0I7O0lBSk4sa0NBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tIFwiQGFuZ3VsYXIvcm91dGVyXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1hc2lkZVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSU0FzaWRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHt9XHJcbiAgQElucHV0KCkgaXNDb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTsgLy8g5o6l5pS26L6T5YWl5bGe5oCnXHJcbiAgQElucHV0KCkgbmF2TGlzdCA9IFtdO1xyXG4gIG5nT25Jbml0KCkge31cclxuICBjdXJyZW50TmF2ID0gbnVsbDsgIFxyXG4gIG9uTmF2Q2xpY2soaXRlbSkge1xyXG4gICAgdGhpcy5jdXJyZW50TmF2ID0gaXRlbS50aXRsZTtcclxuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnVybF0seyBzdGF0ZTogeyB0aXRsZTogaXRlbS50aXRsZSB9fSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -54,8 +54,8 @@ export class RSHeaderComponent {
|
|
|
54
54
|
RSHeaderComponent.decorators = [
|
|
55
55
|
{ type: Component, args: [{
|
|
56
56
|
selector: "rs-header",
|
|
57
|
-
template: "<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n </div>\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{currentLang.text}}\r\n </button>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
58
|
-
styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .rs-toolbar-wrap{display:flex;align-items:center}.rs-header .rs-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]
|
|
57
|
+
template: "<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n </div>\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{currentLang.text}}\r\n </button>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
58
|
+
styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .rs-toolbar-wrap,.rs-header .rs-toolbar-wrap .quick-icon-group{display:flex;align-items:center}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;margin-right:24px;cursor:pointer}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover{border-radius:4px;background:rgba(31,123,255,.04)}.rs-header .rs-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover svg{color:#1f7bff;stroke:#1f7bff}.rs-header .rs-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]
|
|
59
59
|
}] }
|
|
60
60
|
];
|
|
61
61
|
RSHeaderComponent.propDecorators = {
|
|
@@ -76,4 +76,4 @@ if (false) {
|
|
|
76
76
|
/** @type {?} */
|
|
77
77
|
RSHeaderComponent.prototype.currentLang;
|
|
78
78
|
}
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvcnMtaGVhZGVyL2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBT3ZCLE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFPRSxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2QixrQkFBYSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7UUFPcEMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFNcEIsZ0JBQVcsR0FBRztZQUNaO2dCQUNFLEtBQUssRUFBRSxDQUFDO2dCQUNSLElBQUksRUFBRSxTQUFTO2FBQ2hCO1lBQ0Q7Z0JBQ0UsS0FBSyxFQUFFLENBQUM7Z0JBQ1IsSUFBSSxFQUFFLE1BQU07YUFDYjtZQUNEO2dCQUNFLEtBQUssRUFBRSxDQUFDO2dCQUNSLElBQUksRUFBRSxNQUFNO2FBQ2I7U0FDRixDQUFDO1FBQ0YsZ0JBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBTXBDLENBQUM7Ozs7SUE5QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUM7SUFDckUsQ0FBQzs7OztJQUdELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUNyQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDekMsQ0FBQzs7Ozs7SUFpQkQsY0FBYyxDQUFDLEtBQUs7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUk7Ozs7UUFDdEMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQ3hDLENBQUM7SUFDSixDQUFDOzs7WUF4Q0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxXQUFXO2dCQUNyQiwwMENBQXFDOzthQUV0Qzs7O3lCQUVFLE1BQU07NEJBRU4sS0FBSzs7OztJQUZOLHVDQUNnQzs7SUFDaEMsMENBQW9DOztJQUNwQyx3Q0FBbUI7O0lBTW5CLHdDQUFvQjs7SUFNcEIsd0NBYUU7O0lBQ0Ysd0NBQWtDIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIENvbnRlbnRDaGlsZCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtaGVhZGVyXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFJTSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAT3V0cHV0KClcclxuICB0b2dnbGVNZW51ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGxhc3RMb2dpblRpbWUgPSBuZXcgRGF0ZSgpO1xyXG4gIHB1YmxpYyB0cmFuc2xhdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLnRyYW5zbGF0aW9uID0gSlNPTi5wYXJzZShsb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInRyYW5zbGF0aW9uXCIpKTtcclxuICB9XHJcblxyXG4gIGlzQ29sbGFwc2VkID0gZmFsc2U7XHJcbiAgb25Ub2dnbGVNZW51KCkge1xyXG4gICAgdGhpcy5pc0NvbGxhcHNlZCA9ICF0aGlzLmlzQ29sbGFwc2VkO1xyXG4gICAgdGhpcy50b2dnbGVNZW51LmVtaXQodGhpcy5pc0NvbGxhcHNlZCk7XHJcbiAgfVxyXG5cclxuICBsYW5nT3B0aW9ucyA9IFtcclxuICAgIHtcclxuICAgICAgdmFsdWU6IDEsXHJcbiAgICAgIHRleHQ6IFwiRW5nbGlzaFwiLFxyXG4gICAgfSxcclxuICAgIHtcclxuICAgICAgdmFsdWU6IDIsXHJcbiAgICAgIHRleHQ6IFwi57mB6auU5Lit5paHXCIsXHJcbiAgICB9LFxyXG4gICAge1xyXG4gICAgICB2YWx1ZTogMyxcclxuICAgICAgdGV4dDogXCLnroDkvZPkuK3mlodcIixcclxuICAgIH0sXHJcbiAgXTtcclxuICBjdXJyZW50TGFuZyA9IHRoaXMubGFuZ09wdGlvbnNbMF07XHJcbiAgc2VsZWN0TGFuZ3VhZ2UoZXZlbnQpIHtcclxuICAgIHRoaXMuY3VycmVudExhbmcgPSB0aGlzLmxhbmdPcHRpb25zLmZpbmQoXHJcbiAgICAgIChpdGVtKSA9PiBpdGVtLnRleHQgPT09IGV2ZW50Lml0ZW0udGV4dFxyXG4gICAgKTtcclxuICB9XHJcbn1cclxuIl19
|