raise-common-lib 0.0.25 → 0.0.27
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/assets/language/fr.d.ts +3377 -0
- package/assets/language/ja.d.ts +3351 -0
- package/assets/language/ko.d.ts +3351 -0
- package/assets/language/zh-CN.d.ts +3064 -0
- package/assets/language/zh-TW.d.ts +3354 -0
- package/bundles/raise-common-lib.umd.js +18418 -468
- 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/assets/language/fr.js +3384 -0
- package/esm2015/assets/language/ja.js +3358 -0
- package/esm2015/assets/language/ko.js +3358 -0
- package/esm2015/assets/language/zh-CN.js +3071 -0
- package/esm2015/assets/language/zh-TW.js +3361 -0
- package/esm2015/lib/form/checkbox-group/index.component.js +1 -1
- package/esm2015/lib/form/drawer-form/constants.js +29 -0
- package/esm2015/lib/form/drawer-form/drawer-form.component.js +524 -0
- package/esm2015/lib/form/radio-group/index.component.js +1 -1
- package/esm2015/lib/form/tag-input/index.component.js +44 -11
- package/esm2015/lib/layout/drawer/index.component.js +211 -0
- package/esm2015/lib/layout/main-container/index.component.js +48 -6
- package/esm2015/lib/layout/multi-tab/index.component.js +31 -6
- package/esm2015/lib/layout/rs-header/index.component.js +22 -5
- package/esm2015/lib/raise-common-lib.module.js +13 -2
- package/esm2015/lib/service/drawer.service.js +191 -0
- package/esm2015/lib/service/translation.service.js +142 -0
- package/esm2015/public-api.js +25 -20
- package/esm2015/raise-common-lib.js +2 -2
- package/esm5/assets/language/fr.js +3384 -0
- package/esm5/assets/language/ja.js +3358 -0
- package/esm5/assets/language/ko.js +3358 -0
- package/esm5/assets/language/zh-CN.js +3071 -0
- package/esm5/assets/language/zh-TW.js +3361 -0
- package/esm5/lib/form/checkbox-group/index.component.js +1 -1
- package/esm5/lib/form/drawer-form/constants.js +30 -0
- package/esm5/lib/form/drawer-form/drawer-form.component.js +634 -0
- package/esm5/lib/form/radio-group/index.component.js +1 -1
- package/esm5/lib/form/tag-input/index.component.js +60 -12
- package/esm5/lib/layout/drawer/index.component.js +255 -0
- package/esm5/lib/layout/main-container/index.component.js +52 -9
- package/esm5/lib/layout/multi-tab/index.component.js +32 -8
- package/esm5/lib/layout/rs-header/index.component.js +20 -5
- package/esm5/lib/raise-common-lib.module.js +13 -2
- package/esm5/lib/service/drawer.service.js +229 -0
- package/esm5/lib/service/translation.service.js +157 -0
- package/esm5/public-api.js +25 -20
- package/esm5/raise-common-lib.js +2 -2
- package/fesm2015/raise-common-lib.js +17825 -93
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +18415 -469
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/form/drawer-form/constants.d.ts +34 -0
- package/lib/form/drawer-form/drawer-form.component.d.ts +63 -0
- package/lib/form/tag-input/index.component.d.ts +8 -2
- package/lib/layout/drawer/index.component.d.ts +24 -0
- package/lib/layout/main-container/index.component.d.ts +7 -0
- package/lib/layout/multi-tab/index.component.d.ts +4 -2
- package/lib/layout/rs-header/index.component.d.ts +4 -1
- package/lib/service/drawer.service.d.ts +33 -0
- package/lib/service/translation.service.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +24 -19
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/down-arrow.svg +3 -0
- package/src/assets/img/drawer-back.svg +4 -0
- package/src/assets/img/tooltip-icon.svg +4 -0
- package/src/assets/language/fr.ts +3603 -0
- package/src/assets/language/ja.ts +3501 -0
- package/src/assets/language/ko.ts +3478 -0
- package/src/assets/language/zh-CN.ts +3115 -0
- package/src/assets/language/zh-TW.ts +3411 -0
- package/src/assets/style/reset/dropdown.scss +12 -3
- package/src/assets/style/reset/input.scss +18 -3
|
@@ -10,16 +10,29 @@ export class TagInputComponent {
|
|
|
10
10
|
this.value = [];
|
|
11
11
|
this.disabled = false;
|
|
12
12
|
this.error = false;
|
|
13
|
-
this.
|
|
14
|
-
this.
|
|
13
|
+
this.minlength = 3;
|
|
14
|
+
this.maxlength = 30;
|
|
15
15
|
this.valueChange = new EventEmitter();
|
|
16
|
+
this.focus = new EventEmitter();
|
|
17
|
+
this.blur = new EventEmitter();
|
|
16
18
|
this.inputError = false;
|
|
17
19
|
}
|
|
18
20
|
/**
|
|
19
21
|
* @return {?}
|
|
20
22
|
*/
|
|
21
|
-
|
|
23
|
+
get inputMinlength() {
|
|
24
|
+
return this.minlength === undefined ? 3 : this.minlength;
|
|
22
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* @return {?}
|
|
28
|
+
*/
|
|
29
|
+
get inputMaxlength() {
|
|
30
|
+
return this.minlength === undefined ? 30 : this.maxlength;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* @return {?}
|
|
34
|
+
*/
|
|
35
|
+
ngOnInit() { }
|
|
23
36
|
/**
|
|
24
37
|
* @param {?} tag
|
|
25
38
|
* @return {?}
|
|
@@ -67,12 +80,26 @@ export class TagInputComponent {
|
|
|
67
80
|
onInput() {
|
|
68
81
|
this.inputError = false;
|
|
69
82
|
}
|
|
83
|
+
/**
|
|
84
|
+
* @return {?}
|
|
85
|
+
*/
|
|
86
|
+
onFocus() {
|
|
87
|
+
this.focus.emit();
|
|
88
|
+
}
|
|
89
|
+
/**
|
|
90
|
+
* @param {?} event
|
|
91
|
+
* @return {?}
|
|
92
|
+
*/
|
|
93
|
+
onBlur(event) {
|
|
94
|
+
this.onAddTag(event);
|
|
95
|
+
this.blur.emit();
|
|
96
|
+
}
|
|
70
97
|
}
|
|
71
98
|
TagInputComponent.decorators = [
|
|
72
99
|
{ type: Component, args: [{
|
|
73
100
|
selector: "rs-tag-input",
|
|
74
|
-
template: "<div\r\n class=\"form-tags\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n error: inputError || error\r\n }\"\r\n>\r\n <div class=\"form-tags-item\" *ngFor=\"let tag of value\">\r\n <span>{{ tag }}</span>\r\n <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n </div>\r\n <input\r\n class=\"form-tags-input\"\r\n (keyup.enter)=\"onAddTag($event)\"\r\n (input)=\"onInput()\"\r\n (blur)=\"
|
|
75
|
-
styles: [".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);background-color:#fff;cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4);border-color:var(--rs-input-hover-border-color)}.form-tags.error{border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:0;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove::after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}"]
|
|
101
|
+
template: "<div\r\n class=\"form-tags\"\r\n [ngClass]=\"{\r\n disabled: disabled,\r\n error: inputError || error\r\n }\"\r\n>\r\n <div class=\"form-tags-item\" *ngFor=\"let tag of value\">\r\n <span>{{ tag }}</span>\r\n <span class=\"form-tags-remove\" (click)=\"onRemoveTag(tag)\"></span>\r\n </div>\r\n <input\r\n class=\"form-tags-input\"\r\n (keyup.enter)=\"onAddTag($event)\"\r\n (input)=\"onInput()\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur($event)\"\r\n autocomplete=\"off\"\r\n [minLength]=\"inputMinlength\"\r\n [maxLength]=\"inputMaxlength\"\r\n />\r\n</div>\r\n",
|
|
102
|
+
styles: [".form-tags{display:flex;flex-flow:row wrap;border-radius:4px;overflow:hidden;gap:4px 8px;padding:3px 4px;min-height:28px;box-shadow:none;border-radius:var(--rs-input-border-radius);border:1px solid var(--rs-input-border-color);background-color:#fff;cursor:pointer}.form-tags:not(.error):not(.disabled):hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4);border-color:var(--rs-input-hover-border-color)}.form-tags:focus-within{border-color:var(--rs-input-focus-border-color);box-shadow:none}.form-tags.error:not(:focus-within){border-color:var(--rs-input-error-border-color)!important}.form-tags.disabled{pointer-events:none;border-color:var(--rs-input-border-color)!important;font-size:var(--rs-input-font-size);color:var(--rs-input-disabled-color)!important;background-color:var(--rs-input-disabled-bg)!important;-webkit-text-fill-color:var(--rs-input-disabled-color)!important}.form-tags.disabled .form-tags-input{background-color:var(--rs-input-disabled-bg)!important}.form-tags .form-tags-input{flex:auto;width:auto;padding:0 4px;border:none;outline:0;font-size:var(--rs-input-font-size);color:var(--rs-input-color)!important}.form-tags .form-tags-item{box-sizing:border-box;height:20px;padding:0 8px;border:1px solid #eaedf0;border-radius:12px;background-color:#f8fafb;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:12px;display:flex;flex-flow:row nowrap;align-items:center;position:relative}.form-tags .form-tags-item .form-tags-remove{visibility:hidden;width:20px;height:20px;border:1px solid #dbe1e7;border-radius:20px;background-color:#fff;line-height:18px;text-align:center;position:absolute;top:-1px;right:-1px}.form-tags .form-tags-item .form-tags-remove::after{content:url(/assets/img/tag-remove.svg);cursor:pointer}.form-tags .form-tags-item:hover .form-tags-remove{visibility:visible}"]
|
|
76
103
|
}] }
|
|
77
104
|
];
|
|
78
105
|
TagInputComponent.propDecorators = {
|
|
@@ -80,9 +107,11 @@ TagInputComponent.propDecorators = {
|
|
|
80
107
|
fields: [{ type: Input }],
|
|
81
108
|
disabled: [{ type: Input }],
|
|
82
109
|
error: [{ type: Input }],
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
valueChange: [{ type: Output }]
|
|
110
|
+
minlength: [{ type: Input, args: ["inputMinlength",] }],
|
|
111
|
+
maxlength: [{ type: Input, args: ["inputMaxlength",] }],
|
|
112
|
+
valueChange: [{ type: Output }],
|
|
113
|
+
focus: [{ type: Output }],
|
|
114
|
+
blur: [{ type: Output }]
|
|
86
115
|
};
|
|
87
116
|
if (false) {
|
|
88
117
|
/** @type {?} */
|
|
@@ -94,12 +123,16 @@ if (false) {
|
|
|
94
123
|
/** @type {?} */
|
|
95
124
|
TagInputComponent.prototype.error;
|
|
96
125
|
/** @type {?} */
|
|
97
|
-
TagInputComponent.prototype.
|
|
126
|
+
TagInputComponent.prototype.minlength;
|
|
98
127
|
/** @type {?} */
|
|
99
|
-
TagInputComponent.prototype.
|
|
128
|
+
TagInputComponent.prototype.maxlength;
|
|
100
129
|
/** @type {?} */
|
|
101
130
|
TagInputComponent.prototype.valueChange;
|
|
102
131
|
/** @type {?} */
|
|
132
|
+
TagInputComponent.prototype.focus;
|
|
133
|
+
/** @type {?} */
|
|
134
|
+
TagInputComponent.prototype.blur;
|
|
135
|
+
/** @type {?} */
|
|
103
136
|
TagInputComponent.prototype.inputError;
|
|
104
137
|
}
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
138
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9mb3JtL3RhZy1pbnB1dC9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8vRSxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTVcsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNFLGNBQVMsR0FBRyxDQUFDLENBQUM7UUFDZCxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBV3hDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV2QixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMzQixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQWVwQyxlQUFVLEdBQUcsS0FBSyxDQUFDO0lBMkJyQixDQUFDOzs7O0lBdERDLElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDM0QsQ0FBQzs7OztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxTQUFTLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDNUQsQ0FBQzs7OztJQVFELFFBQVEsS0FBSSxDQUFDOzs7OztJQUNiLFdBQVcsQ0FBQyxHQUFHOztjQUNQLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU07Ozs7UUFBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLEdBQUcsRUFBQztRQUNwRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDOzs7OztJQUVELFFBQVEsQ0FBQyxLQUFLOztjQUNOLFVBQVUsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUs7UUFDckMsSUFBSSxVQUFVLElBQUksSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ25ELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUM7WUFDbkQsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQzs7Ozs7SUFFRCxnQkFBZ0IsQ0FBQyxVQUFVO1FBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDOztjQUNsQixnQkFBZ0IsR0FBRyxVQUFVLENBQUMsTUFBTTtRQUMxQyxJQUNFLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQztZQUMvQixnQkFBZ0IsR0FBRyxJQUFJLENBQUMsY0FBYztZQUN0QyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsY0FBYyxFQUN0QztZQUNBLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1lBQ3ZCLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7Ozs7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQzs7OztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7Ozs7O0lBRUQsTUFBTSxDQUFDLEtBQVU7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQzs7O1lBbEVGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsOG1CQUFxQzs7YUFFdEM7OztvQkFFRSxLQUFLO3FCQUNMLEtBQUs7dUJBQ0wsS0FBSztvQkFDTCxLQUFLO3dCQUNMLEtBQUssU0FBQyxnQkFBZ0I7d0JBQ3RCLEtBQUssU0FBQyxnQkFBZ0I7MEJBVXRCLE1BQU07b0JBR04sTUFBTTttQkFDTixNQUFNOzs7O0lBbkJQLGtDQUFvQjs7SUFDcEIsbUNBQWdCOztJQUNoQixxQ0FBMEI7O0lBQzFCLGtDQUF1Qjs7SUFDdkIsc0NBQXVDOztJQUN2QyxzQ0FBd0M7O0lBVXhDLHdDQUNpQzs7SUFFakMsa0NBQXFDOztJQUNyQyxpQ0FBb0M7O0lBZXBDLHVDQUFtQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRhZy1pbnB1dFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWdJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdmFsdWUgPSBbXTtcclxuICBASW5wdXQoKSBmaWVsZHM7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBlcnJvciA9IGZhbHNlO1xyXG4gIEBJbnB1dChcImlucHV0TWlubGVuZ3RoXCIpIG1pbmxlbmd0aCA9IDM7XHJcbiAgQElucHV0KFwiaW5wdXRNYXhsZW5ndGhcIikgbWF4bGVuZ3RoID0gMzA7XHJcblxyXG4gIGdldCBpbnB1dE1pbmxlbmd0aCgpIHtcclxuICAgIHJldHVybiB0aGlzLm1pbmxlbmd0aCA9PT0gdW5kZWZpbmVkID8gMyA6IHRoaXMubWlubGVuZ3RoO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGlucHV0TWF4bGVuZ3RoKCkge1xyXG4gICAgcmV0dXJuIHRoaXMubWlubGVuZ3RoID09PSB1bmRlZmluZWQgPyAzMCA6IHRoaXMubWF4bGVuZ3RoO1xyXG4gIH1cclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIEBPdXRwdXQoKSBmb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG4gIG9uUmVtb3ZlVGFnKHRhZykge1xyXG4gICAgY29uc3QgdGFnc0xpc3QgPSB0aGlzLnZhbHVlLmZpbHRlcigoaSkgPT4gaSAhPT0gdGFnKTtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0YWdzTGlzdCk7XHJcbiAgfVxyXG5cclxuICBvbkFkZFRhZyhldmVudCkge1xyXG4gICAgY29uc3QgaW5wdXRWYWx1ZSA9IGV2ZW50LnRhcmdldC52YWx1ZTtcclxuICAgIGlmIChpbnB1dFZhbHVlICYmIHRoaXMudmVyaWZ5SW5wdXRWYWx1ZShpbnB1dFZhbHVlKSkge1xyXG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoWy4uLnRoaXMudmFsdWUsIGlucHV0VmFsdWVdKTtcclxuICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID0gXCJcIjtcclxuICAgIH1cclxuICB9XHJcbiAgaW5wdXRFcnJvciA9IGZhbHNlO1xyXG4gIHZlcmlmeUlucHV0VmFsdWUoaW5wdXRWYWx1ZSkge1xyXG4gICAgdGhpcy5pbnB1dEVycm9yID0gZmFsc2U7XHJcbiAgICBjb25zdCBpbnB1dFZhbHVlTGVuZ3RoID0gaW5wdXRWYWx1ZS5sZW5ndGg7XHJcbiAgICBpZiAoXHJcbiAgICAgIHRoaXMudmFsdWUuaW5jbHVkZXMoaW5wdXRWYWx1ZSkgfHxcclxuICAgICAgaW5wdXRWYWx1ZUxlbmd0aCA+IHRoaXMuaW5wdXRNYXhsZW5ndGggfHxcclxuICAgICAgaW5wdXRWYWx1ZUxlbmd0aCA8IHRoaXMuaW5wdXRNaW5sZW5ndGhcclxuICAgICkge1xyXG4gICAgICB0aGlzLmlucHV0RXJyb3IgPSB0cnVlO1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uSW5wdXQoKSB7XHJcbiAgICB0aGlzLmlucHV0RXJyb3IgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIG9uRm9jdXMoKSB7XHJcbiAgICB0aGlzLmZvY3VzLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG9uQmx1cihldmVudDogYW55KSB7XHJcbiAgICB0aGlzLm9uQWRkVGFnKGV2ZW50KTtcclxuICAgIHRoaXMuYmx1ci5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview added by tsickle
|
|
3
|
+
* Generated from: lib/layout/drawer/index.component.ts
|
|
4
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
|
+
*/
|
|
6
|
+
import { Component, ViewChild, ViewContainerRef, ComponentFactoryResolver, ElementRef, } from "@angular/core";
|
|
7
|
+
import { BehaviorSubject } from "rxjs";
|
|
8
|
+
import { DefaultDrawerConfig, DrawerService, } from "../../service/drawer.service";
|
|
9
|
+
export class DrawerComponent {
|
|
10
|
+
/**
|
|
11
|
+
* @param {?} resolver
|
|
12
|
+
* @param {?} service
|
|
13
|
+
*/
|
|
14
|
+
constructor(resolver, service) {
|
|
15
|
+
this.resolver = resolver;
|
|
16
|
+
this.service = service;
|
|
17
|
+
this.config = DefaultDrawerConfig;
|
|
18
|
+
this.useTransition = "yes";
|
|
19
|
+
this.$isOpened = new BehaviorSubject(false);
|
|
20
|
+
this.componentRefMap = new Map();
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* @private
|
|
24
|
+
* @param {?} component
|
|
25
|
+
* @return {?}
|
|
26
|
+
*/
|
|
27
|
+
createDynamicComponent(component) {
|
|
28
|
+
// 确保在调用之前目标组件已经在entryComponents中声明
|
|
29
|
+
/** @type {?} */
|
|
30
|
+
const factory = this.resolver.resolveComponentFactory(component);
|
|
31
|
+
/** @type {?} */
|
|
32
|
+
const componentRef = this.container.createComponent(factory);
|
|
33
|
+
return componentRef;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* @private
|
|
37
|
+
* @param {?} componentRef
|
|
38
|
+
* @return {?}
|
|
39
|
+
*/
|
|
40
|
+
destroyDynamicComponent(componentRef) {
|
|
41
|
+
if (componentRef) {
|
|
42
|
+
componentRef.destroy();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @private
|
|
47
|
+
* @param {?} componentRef
|
|
48
|
+
* @param {?=} data
|
|
49
|
+
* @return {?}
|
|
50
|
+
*/
|
|
51
|
+
setComponentData(componentRef, data = {}) {
|
|
52
|
+
// 如果需要传递数据给动态组件,可以这样做
|
|
53
|
+
if (componentRef) {
|
|
54
|
+
Object.entries(data).forEach((/**
|
|
55
|
+
* @param {?} __0
|
|
56
|
+
* @return {?}
|
|
57
|
+
*/
|
|
58
|
+
([key, value]) => {
|
|
59
|
+
componentRef.instance[key] = value;
|
|
60
|
+
}));
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* @private
|
|
65
|
+
* @param {?} componentRef
|
|
66
|
+
* @return {?}
|
|
67
|
+
*/
|
|
68
|
+
getToolbarElement(componentRef) {
|
|
69
|
+
/** @type {?} */
|
|
70
|
+
const componentEl = componentRef.location.nativeElement;
|
|
71
|
+
/** @type {?} */
|
|
72
|
+
const toolbarEl = componentEl.querySelector("[drawer-toolbar]");
|
|
73
|
+
return toolbarEl;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* @private
|
|
77
|
+
* @param {?} toolbarEl
|
|
78
|
+
* @return {?}
|
|
79
|
+
*/
|
|
80
|
+
setToolbarElement(toolbarEl) {
|
|
81
|
+
/** @type {?} */
|
|
82
|
+
const toolbarContainerEl = this.toolbar.nativeElement;
|
|
83
|
+
toolbarContainerEl.innerHTML = "";
|
|
84
|
+
if (toolbarEl) {
|
|
85
|
+
toolbarContainerEl.append(toolbarEl);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* @template T
|
|
90
|
+
* @param {?} component
|
|
91
|
+
* @param {?} config
|
|
92
|
+
* @param {?} data
|
|
93
|
+
* @return {?}
|
|
94
|
+
*/
|
|
95
|
+
show(component, config, data) {
|
|
96
|
+
/** @type {?} */
|
|
97
|
+
const showConfig = Object.assign({}, DefaultDrawerConfig, config);
|
|
98
|
+
/** @type {?} */
|
|
99
|
+
const componentRef = this.createDynamicComponent(component);
|
|
100
|
+
/** @type {?} */
|
|
101
|
+
const toolbarEl = this.getToolbarElement(componentRef);
|
|
102
|
+
this.setComponentData(componentRef, data);
|
|
103
|
+
this.setToolbarElement(toolbarEl);
|
|
104
|
+
this.componentRefMap.set(this.service.cacheKey, {
|
|
105
|
+
config: showConfig,
|
|
106
|
+
ref: componentRef,
|
|
107
|
+
toolbarEl,
|
|
108
|
+
});
|
|
109
|
+
this.config = showConfig;
|
|
110
|
+
this.$isOpened.next(true);
|
|
111
|
+
this.useTransition = "yes";
|
|
112
|
+
return componentRef.instance;
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* @return {?}
|
|
116
|
+
*/
|
|
117
|
+
back() {
|
|
118
|
+
this.deleteCache(this.service.cacheKey);
|
|
119
|
+
this.$isOpened.next(false);
|
|
120
|
+
this.useTransition = "yes";
|
|
121
|
+
}
|
|
122
|
+
/**
|
|
123
|
+
* @param {?} cacheKey
|
|
124
|
+
* @return {?}
|
|
125
|
+
*/
|
|
126
|
+
deleteCache(cacheKey) {
|
|
127
|
+
/** @type {?} */
|
|
128
|
+
const cache = this.componentRefMap.get(cacheKey);
|
|
129
|
+
if (cache) {
|
|
130
|
+
this.destroyDynamicComponent(cache.ref);
|
|
131
|
+
}
|
|
132
|
+
this.componentRefMap.delete(cacheKey);
|
|
133
|
+
}
|
|
134
|
+
/**
|
|
135
|
+
* @return {?}
|
|
136
|
+
*/
|
|
137
|
+
onRouteChange() {
|
|
138
|
+
this.componentRefMap.forEach((/**
|
|
139
|
+
* @param {?} cache
|
|
140
|
+
* @return {?}
|
|
141
|
+
*/
|
|
142
|
+
(cache) => {
|
|
143
|
+
cache.ref.location.nativeElement.style.display = "none";
|
|
144
|
+
}));
|
|
145
|
+
/** @type {?} */
|
|
146
|
+
const cache = this.componentRefMap.get(this.service.cacheKey);
|
|
147
|
+
if (cache) {
|
|
148
|
+
cache.ref.location.nativeElement.style.display = "";
|
|
149
|
+
this.config = cache.config;
|
|
150
|
+
this.setToolbarElement(cache.toolbarEl);
|
|
151
|
+
this.$isOpened.next(true);
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
this.$isOpened.next(false);
|
|
155
|
+
}
|
|
156
|
+
this.useTransition = "no";
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
DrawerComponent.decorators = [
|
|
160
|
+
{ type: Component, args: [{
|
|
161
|
+
selector: "rs-drawer",
|
|
162
|
+
template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"($isOpened | async) ? 'yes' : 'no'\"\r\n [attr.data-transition]=\"useTransition\"\r\n >\r\n <div class=\"drawer-header\">\r\n <button class=\"drawer-return-button\" (click)=\"back()\">\r\n <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n </div>\r\n <div class=\"drawer-content\">\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"drawer-footer\">\r\n <div class=\"drawer-toolbar\" #toolbar></div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
163
|
+
styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1;pointer-events:auto}.rs-drawer-container .rs-drawer[data-transition=yes]{transition:opacity .5s ease-in-out,left .5s ease-in-out}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;padding-left:12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-content{flex:auto;overflow:hidden}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{height:100%;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-footer{flex:none;height:32px;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.rs-drawer-container .rs-drawer .drawer-footer .drawer-toolbar{height:32px;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.rs-drawer-container .rs-drawer[data-mode=inner],.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 24px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-footer{height:0;padding:0;border:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-footer .drawer-toolbar{position:absolute;top:7px;right:0;z-index:1}.rs-drawer-container .rs-drawer[data-mode=inner]{height:calc(100% - 16px);margin-top:16px;box-shadow:0 -16px #f8fafb}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content{padding:0 20px 0 8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar [drawer-toolbar] button img{display:none}"]
|
|
164
|
+
}] }
|
|
165
|
+
];
|
|
166
|
+
/** @nocollapse */
|
|
167
|
+
DrawerComponent.ctorParameters = () => [
|
|
168
|
+
{ type: ComponentFactoryResolver },
|
|
169
|
+
{ type: DrawerService }
|
|
170
|
+
];
|
|
171
|
+
DrawerComponent.propDecorators = {
|
|
172
|
+
element: [{ type: ViewChild, args: ["element", { static: false },] }],
|
|
173
|
+
toolbar: [{ type: ViewChild, args: ["toolbar", { static: false },] }],
|
|
174
|
+
container: [{ type: ViewChild, args: ["dynamicComponentContainer", {
|
|
175
|
+
read: ViewContainerRef,
|
|
176
|
+
static: false,
|
|
177
|
+
},] }]
|
|
178
|
+
};
|
|
179
|
+
if (false) {
|
|
180
|
+
/** @type {?} */
|
|
181
|
+
DrawerComponent.prototype.element;
|
|
182
|
+
/** @type {?} */
|
|
183
|
+
DrawerComponent.prototype.toolbar;
|
|
184
|
+
/**
|
|
185
|
+
* @type {?}
|
|
186
|
+
* @private
|
|
187
|
+
*/
|
|
188
|
+
DrawerComponent.prototype.container;
|
|
189
|
+
/** @type {?} */
|
|
190
|
+
DrawerComponent.prototype.config;
|
|
191
|
+
/** @type {?} */
|
|
192
|
+
DrawerComponent.prototype.useTransition;
|
|
193
|
+
/** @type {?} */
|
|
194
|
+
DrawerComponent.prototype.$isOpened;
|
|
195
|
+
/**
|
|
196
|
+
* @type {?}
|
|
197
|
+
* @private
|
|
198
|
+
*/
|
|
199
|
+
DrawerComponent.prototype.componentRefMap;
|
|
200
|
+
/**
|
|
201
|
+
* @type {?}
|
|
202
|
+
* @private
|
|
203
|
+
*/
|
|
204
|
+
DrawerComponent.prototype.resolver;
|
|
205
|
+
/**
|
|
206
|
+
* @type {?}
|
|
207
|
+
* @private
|
|
208
|
+
*/
|
|
209
|
+
DrawerComponent.prototype.service;
|
|
210
|
+
}
|
|
211
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvZHJhd2VyL2luZGV4LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULGdCQUFnQixFQUNoQix3QkFBd0IsRUFFeEIsVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUVMLG1CQUFtQixFQUNuQixhQUFhLEdBQ2QsTUFBTSw4QkFBOEIsQ0FBQztBQWF0QyxNQUFNLE9BQU8sZUFBZTs7Ozs7SUFnQjFCLFlBQ1UsUUFBa0MsRUFDbEMsT0FBc0I7UUFEdEIsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFDbEMsWUFBTyxHQUFQLE9BQU8sQ0FBZTtRQVJoQyxXQUFNLEdBQWlCLG1CQUFtQixDQUFDO1FBQzNDLGtCQUFhLEdBQWlCLEtBQUssQ0FBQztRQUNwQyxjQUFTLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFeEMsb0JBQWUsR0FBRyxJQUFJLEdBQUcsRUFBZ0MsQ0FBQztJQUsvRCxDQUFDOzs7Ozs7SUFFSSxzQkFBc0IsQ0FBQyxTQUFzQzs7O2NBRTdELE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLHVCQUF1QixDQUFDLFNBQVMsQ0FBQzs7Y0FDMUQsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQztRQUM1RCxPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDOzs7Ozs7SUFFTyx1QkFBdUIsQ0FBQyxZQUErQjtRQUM3RCxJQUFJLFlBQVksRUFBRTtZQUNoQixZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDeEI7SUFDSCxDQUFDOzs7Ozs7O0lBRU8sZ0JBQWdCLENBQ3RCLFlB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QzdELElBQUksS0FBSyxFQUFFO1lBQ1QsS0FBSyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO1lBQ3BELElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzNCO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM1QjtRQUNELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7OztZQXBIRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLDYrQkFBcUM7O2FBRXRDOzs7O1lBckJDLHdCQUF3QjtZQVF4QixhQUFhOzs7c0JBZVosU0FBUyxTQUFDLFNBQVMsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7c0JBQ3RDLFNBQVMsU0FBQyxTQUFTLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO3dCQUV0QyxTQUFTLFNBQUMsMkJBQTJCLEVBQUU7b0JBQ3RDLElBQUksRUFBRSxnQkFBZ0I7b0JBQ3RCLE1BQU0sRUFBRSxLQUFLO2lCQUNkOzs7O0lBTkQsa0NBQTZFOztJQUM3RSxrQ0FBNkU7Ozs7O0lBRTdFLG9DQUlvQzs7SUFFcEMsaUNBQTJDOztJQUMzQyx3Q0FBb0M7O0lBQ3BDLG9DQUFnRDs7Ozs7SUFFaEQsMENBQWtFOzs7OztJQUdoRSxtQ0FBMEM7Ozs7O0lBQzFDLGtDQUE4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdDaGlsZCxcclxuICBWaWV3Q29udGFpbmVyUmVmLFxyXG4gIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcclxuICBDb21wb25lbnRSZWYsXHJcbiAgRWxlbWVudFJlZixcclxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tIFwicnhqc1wiO1xyXG5pbXBvcnQge1xyXG4gIERyYXdlckNvbmZpZyxcclxuICBEZWZhdWx0RHJhd2VyQ29uZmlnLFxyXG4gIERyYXdlclNlcnZpY2UsXHJcbn0gZnJvbSBcIi4uLy4uL3NlcnZpY2UvZHJhd2VyLnNlcnZpY2VcIjtcclxuXHJcbnR5cGUgRHJhd2VyQ29tcG9uZW50Q2FjaGUgPSB7XHJcbiAgcmVmOiBDb21wb25lbnRSZWY8YW55PjtcclxuICBjb25maWc6IERyYXdlckNvbmZpZztcclxuICB0b29sYmFyRWw6IEhUTUxFbGVtZW50O1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtZHJhd2VyXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9pbmRleC5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi9pbmRleC5jb21wb25lbnQuc2Nzc1wiXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIERyYXdlckNvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZChcImVsZW1lbnRcIiwgeyBzdGF0aWM6IGZhbHNlIH0pIGVsZW1lbnQ6IEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+O1xyXG4gIEBWaWV3Q2hpbGQoXCJ0b29sYmFyXCIsIHsgc3RhdGljOiBmYWxzZSB9KSB0b29sYmFyOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcclxuXHJcbiAgQFZpZXdDaGlsZChcImR5bmFtaWNDb21wb25lbnRDb250YWluZXJcIiwge1xyXG4gICAgcmVhZDogVmlld0NvbnRhaW5lclJlZixcclxuICAgIHN0YXRpYzogZmFsc2UsXHJcbiAgfSlcclxuICBwcml2YXRlIGNvbnRhaW5lcjogVmlld0NvbnRhaW5lclJlZjtcclxuXHJcbiAgY29uZmlnOiBEcmF3ZXJDb25maWcgPSBEZWZhdWx0RHJhd2VyQ29uZmlnO1xyXG4gIHVzZVRyYW5zaXRpb246IFwieWVzXCIgfCBcIm5vXCIgPSBcInllc1wiO1xyXG4gICRpc09wZW5lZCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICBwcml2YXRlIGNvbXBvbmVudFJlZk1hcCA9IG5ldyBNYXA8c3RyaW5nLCBEcmF3ZXJDb21wb25lbnRDYWNoZT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXHJcbiAgICBwcml2YXRlIHNlcnZpY2U6IERyYXdlclNlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIHByaXZhdGUgY3JlYXRlRHluYW1pY0NvbXBvbmVudChjb21wb25lbnQ6IG5ldyAoLi4uYXJnczogYW55W10pID0+IGFueSkge1xyXG4gICAgLy8g56Gu5L+d5Zyo6LCD55So5LmL5YmN55uu5qCH57uE5Lu25bey57uP5ZyoZW50cnlDb21wb25lbnRz5Lit5aOw5piOXHJcbiAgICBjb25zdCBmYWN0b3J5ID0gdGhpcy5yZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShjb21wb25lbnQpO1xyXG4gICAgY29uc3QgY29tcG9uZW50UmVmID0gdGhpcy5jb250YWluZXIuY3JlYXRlQ29tcG9uZW50KGZhY3RvcnkpO1xyXG4gICAgcmV0dXJuIGNvbXBvbmVudFJlZjtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZGVzdHJveUR5bmFtaWNDb21wb25lbnQoY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8YW55Pikge1xyXG4gICAgaWYgKGNvbXBvbmVudFJlZikge1xyXG4gICAgICBjb21wb25lbnRSZWYuZGVzdHJveSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRDb21wb25lbnREYXRhKFxyXG4gICAgY29tcG9uZW50UmVmOiBDb21wb25lbnRSZWY8YW55PixcclxuICAgIGRhdGE6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB7fVxyXG4gICkge1xyXG4gICAgLy8g5aaC5p6c6ZyA6KaB5Lyg6YCS5pWw5o2u57uZ5Yqo5oCB57uE5Lu277yM5Y+v5Lul6L+Z5qC35YGaXHJcbiAgICBpZiAoY29tcG9uZW50UmVmKSB7XHJcbiAgICAgIE9iamVjdC5lbnRyaWVzKGRhdGEpLmZvckVhY2goKFtrZXksIHZhbHVlXSkgPT4ge1xyXG4gICAgICAgIGNvbXBvbmVudFJlZi5pbnN0YW5jZVtrZXldID0gdmFsdWU7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRUb29sYmFyRWxlbWVudChjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+KSB7XHJcbiAgICBjb25zdCBjb21wb25lbnRFbCA9IGNvbXBvbmVudFJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50O1xyXG4gICAgY29uc3QgdG9vbGJhckVsID0gY29tcG9uZW50RWwucXVlcnlTZWxlY3RvcihcIltkcmF3ZXItdG9vbGJhcl1cIik7XHJcbiAgICByZXR1cm4gdG9vbGJhckVsO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRUb29sYmFyRWxlbWVudCh0b29sYmFyRWw6IEhUTUxFbGVtZW50KSB7XHJcbiAgICBjb25zdCB0b29sYmFyQ29udGFpbmVyRWwgPSB0aGlzLnRvb2xiYXIubmF0aXZlRWxlbWVudDtcclxuICAgIHRvb2xiYXJDb250YWluZXJFbC5pbm5lckhUTUwgPSBcIlwiO1xyXG4gICAgaWYgKHRvb2xiYXJFbCkge1xyXG4gICAgICB0b29sYmFyQ29udGFpbmVyRWwuYXBwZW5kKHRvb2xiYXJFbCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzaG93PFQ+KFxyXG4gICAgY29tcG9uZW50OiBuZXcgKC4uLmFyZ3M6IGFueVtdKSA9PiBULFxyXG4gICAgY29uZmlnOiBEcmF3ZXJDb25maWcsXHJcbiAgICBkYXRhOiBSZWNvcmQ8c3RyaW5nLCBhbnk+XHJcbiAgKTogVCB7XHJcbiAgICBjb25zdCBzaG93Q29uZmlnID0geyAuLi5EZWZhdWx0RHJhd2VyQ29uZmlnLCAuLi5jb25maWcgfTtcclxuICAgIGNvbnN0IGNvbXBvbmVudFJlZiA9IHRoaXMuY3JlYXRlRHluYW1pY0NvbXBvbmVudChjb21wb25lbnQpO1xyXG4gICAgY29uc3QgdG9vbGJhckVsID0gdGhpcy5nZXRUb29sYmFyRWxlbWVudChjb21wb25lbnRSZWYpO1xyXG5cclxuICAgIHRoaXMuc2V0Q29tcG9uZW50RGF0YShjb21wb25lbnRSZWYsIGRhdGEpO1xyXG4gICAgdGhpcy5zZXRUb29sYmFyRWxlbWVudCh0b29sYmFyRWwpO1xyXG4gICAgdGhpcy5jb21wb25lbnRSZWZNYXAuc2V0KHRoaXMuc2VydmljZS5jYWNoZUtleSwge1xyXG4gICAgICBjb25maWc6IHNob3dDb25maWcsXHJcbiAgICAgIHJlZjogY29tcG9uZW50UmVmLFxyXG4gICAgICB0b29sYmFyRWwsXHJcbiAgICB9KTtcclxuXHJcbiAgICB0aGlzLmNvbmZpZyA9IHNob3dDb25maWc7XHJcbiAgICB0aGlzLiRpc09wZW5lZC5uZXh0KHRydWUpO1xyXG4gICAgdGhpcy51c2VUcmFuc2l0aW9uID0gXCJ5ZXNcIjtcclxuICAgIHJldHVybiBjb21wb25lbnRSZWYuaW5zdGFuY2U7XHJcbiAgfVxyXG5cclxuICBiYWNrKCkge1xyXG4gICAgdGhpcy5kZWxldGVDYWNoZSh0aGlzLnNlcnZpY2UuY2FjaGVLZXkpO1xyXG4gICAgdGhpcy4kaXNPcGVuZWQubmV4dChmYWxzZSk7XHJcbiAgICB0aGlzLnVzZVRyYW5zaXRpb24gPSBcInllc1wiO1xyXG4gIH1cclxuXHJcbiAgZGVsZXRlQ2FjaGUoY2FjaGVLZXk6IHN0cmluZykge1xyXG4gICAgY29uc3QgY2FjaGUgPSB0aGlzLmNvbXBvbmVudFJlZk1hcC5nZXQoY2FjaGVLZXkpO1xyXG4gICAgaWYgKGNhY2hlKSB7XHJcbiAgICAgIHRoaXMuZGVzdHJveUR5bmFtaWNDb21wb25lbnQoY2FjaGUucmVmKTtcclxuICAgIH1cclxuICAgIHRoaXMuY29tcG9uZW50UmVmTWFwLmRlbGV0ZShjYWNoZUtleSk7XHJcbiAgfVxyXG5cclxuICBvblJvdXRlQ2hhbmdlKCkge1xyXG4gICAgdGhpcy5jb21wb25lbnRSZWZNYXAuZm9yRWFjaCgoY2FjaGUpID0+IHtcclxuICAgICAgY2FjaGUucmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQuc3R5bGUuZGlzcGxheSA9IFwibm9uZVwiO1xyXG4gICAgfSk7XHJcbiAgICBjb25zdCBjYWNoZSA9IHRoaXMuY29tcG9uZW50UmVmTWFwLmdldCh0aGlzLnNlcnZpY2UuY2FjaGVLZXkpO1xyXG4gICAgaWYgKGNhY2hlKSB7XHJcbiAgICAgIGNhY2hlLnJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50LnN0eWxlLmRpc3BsYXkgPSBcIlwiO1xyXG4gICAgICB0aGlzLmNvbmZpZyA9IGNhY2hlLmNvbmZpZztcclxuICAgICAgdGhpcy5zZXRUb29sYmFyRWxlbWVudChjYWNoZS50b29sYmFyRWwpO1xyXG4gICAgICB0aGlzLiRpc09wZW5lZC5uZXh0KHRydWUpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy4kaXNPcGVuZWQubmV4dChmYWxzZSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLnVzZVRyYW5zaXRpb24gPSBcIm5vXCI7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -4,19 +4,48 @@
|
|
|
4
4
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
5
5
|
*/
|
|
6
6
|
// 组件类
|
|
7
|
-
import { Component, ContentChild, Input } from "@angular/core";
|
|
7
|
+
import { Component, ContentChild, HostListener, Input, ViewChild, } from "@angular/core";
|
|
8
8
|
import { RSHeaderComponent } from "../rs-header/index.component";
|
|
9
|
+
import { DrawerComponent } from "../drawer/index.component";
|
|
10
|
+
import { DrawerService } from "../../service/drawer.service";
|
|
9
11
|
export class MainContainerComponent {
|
|
10
|
-
|
|
12
|
+
//只能单个缓存的url
|
|
13
|
+
/**
|
|
14
|
+
* @param {?} globalDrawer
|
|
15
|
+
*/
|
|
16
|
+
constructor(globalDrawer) {
|
|
17
|
+
this.globalDrawer = globalDrawer;
|
|
11
18
|
this.isCollapsed = false; // 接收输入属性
|
|
12
19
|
// 接收输入属性
|
|
13
20
|
this.singleReuseUrls = []; //只能单个缓存的url
|
|
14
21
|
}
|
|
15
|
-
//只能单个缓存的url
|
|
16
22
|
/**
|
|
17
23
|
* @return {?}
|
|
18
24
|
*/
|
|
19
25
|
ngOnInit() { }
|
|
26
|
+
/**
|
|
27
|
+
* @param {?} event
|
|
28
|
+
* @return {?}
|
|
29
|
+
*/
|
|
30
|
+
onResize(event) {
|
|
31
|
+
/** @type {?} */
|
|
32
|
+
const screenWidth = window.innerWidth;
|
|
33
|
+
if (screenWidth <= 992) {
|
|
34
|
+
this.headerRef.onToggleMenu(false);
|
|
35
|
+
}
|
|
36
|
+
else if (screenWidth < 1200) {
|
|
37
|
+
this.headerRef.onToggleMenu(true);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
this.headerRef.onToggleMenu(false);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* @return {?}
|
|
45
|
+
*/
|
|
46
|
+
ngAfterViewInit() {
|
|
47
|
+
this.globalDrawer.setDrawer(this.drawer); // 设置抽屉组件
|
|
48
|
+
}
|
|
20
49
|
/**
|
|
21
50
|
* @return {?}
|
|
22
51
|
*/
|
|
@@ -31,21 +60,34 @@ export class MainContainerComponent {
|
|
|
31
60
|
MainContainerComponent.decorators = [
|
|
32
61
|
{ type: Component, args: [{
|
|
33
62
|
selector: "rs-main-container",
|
|
34
|
-
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\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div
|
|
63
|
+
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\">\r\n <ng-content select=\"[leftAsideSlot]\"></ng-content>\r\n </div>\r\n <div\r\n class=\"right-aside\"\r\n [ngClass]=\"{ isCollapsed: isCollapsed }\"\r\n (click)=\"onRightAsideClick()\"\r\n >\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 <rs-drawer #drawer>\r\n <ng-content select=\"[routerSlot]\"></ng-content>\r\n </rs-drawer>\r\n </div>\r\n <rs-footer></rs-footer>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
35
64
|
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{height:100%}.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}@media (max-width:992px){.app-main-container .right-aside.isCollapsed{position:relative}.app-main-container .right-aside.isCollapsed::after{content:\" \";position:absolute;inset:0;background-color:rgba(0,0,0,.2)}}"]
|
|
36
65
|
}] }
|
|
37
66
|
];
|
|
67
|
+
/** @nocollapse */
|
|
68
|
+
MainContainerComponent.ctorParameters = () => [
|
|
69
|
+
{ type: DrawerService }
|
|
70
|
+
];
|
|
38
71
|
MainContainerComponent.propDecorators = {
|
|
39
72
|
headerRef: [{ type: ContentChild, args: [RSHeaderComponent, { static: true },] }],
|
|
73
|
+
drawer: [{ type: ViewChild, args: ["drawer", { static: false },] }],
|
|
40
74
|
isCollapsed: [{ type: Input }],
|
|
41
|
-
singleReuseUrls: [{ type: Input }]
|
|
75
|
+
singleReuseUrls: [{ type: Input }],
|
|
76
|
+
onResize: [{ type: HostListener, args: ["window:resize", ["$event"],] }]
|
|
42
77
|
};
|
|
43
78
|
if (false) {
|
|
44
79
|
/** @type {?} */
|
|
45
80
|
MainContainerComponent.prototype.headerRef;
|
|
46
81
|
/** @type {?} */
|
|
82
|
+
MainContainerComponent.prototype.drawer;
|
|
83
|
+
/** @type {?} */
|
|
47
84
|
MainContainerComponent.prototype.isCollapsed;
|
|
48
85
|
/** @type {?} */
|
|
49
86
|
MainContainerComponent.prototype.singleReuseUrls;
|
|
87
|
+
/**
|
|
88
|
+
* @type {?}
|
|
89
|
+
* @private
|
|
90
|
+
*/
|
|
91
|
+
MainContainerComponent.prototype.globalDrawer;
|
|
50
92
|
}
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbWFpbi1jb250YWluZXIvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFPN0QsTUFBTSxPQUFPLHNCQUFzQjs7Ozs7SUFPakMsWUFBb0IsWUFBMkI7UUFBM0IsaUJBQVksR0FBWixZQUFZLENBQWU7UUFIdEMsZ0JBQVcsR0FBWSxLQUFLLENBQUMsQ0FBQyxTQUFTOztRQUN2QyxvQkFBZSxHQUFhLEVBQUUsQ0FBQyxDQUFDLFlBQVk7SUFFSCxDQUFDOzs7O0lBRW5ELFFBQVEsS0FBSSxDQUFDOzs7OztJQUdiLFFBQVEsQ0FBQyxLQUFLOztjQUNOLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVTtRQUNyQyxJQUFJLFdBQVcsSUFBSSxHQUFHLEVBQUU7WUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDcEM7YUFBTSxJQUFJLFdBQVcsR0FBRyxJQUFJLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDbkM7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQzs7OztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO0lBQ3JELENBQUM7Ozs7SUFFRCxpQkFBaUI7O2NBQ1QsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVO1FBQ3JDLElBQUksV0FBVyxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzFDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7WUFyQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDZ3QkFBcUM7O2FBRXRDOzs7O1lBTlEsYUFBYTs7O3dCQVFuQixZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3FCQUNoRCxTQUFTLFNBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTswQkFFckMsS0FBSzs4QkFDTCxLQUFLO3VCQU1MLFlBQVksU0FBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUM7Ozs7SUFWekMsMkNBQTZEOztJQUM3RCx3Q0FBZ0U7O0lBRWhFLDZDQUFzQzs7SUFDdEMsaURBQXdDOzs7OztJQUU1Qiw4Q0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFJTSGVhZGVyQ29tcG9uZW50IH0gZnJvbSBcIi4uL3JzLWhlYWRlci9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRHJhd2VyQ29tcG9uZW50IH0gZnJvbSBcIi4uL2RyYXdlci9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRHJhd2VyU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlL2RyYXdlci5zZXJ2aWNlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1tYWluLWNvbnRhaW5lclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYWluQ29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAQ29udGVudENoaWxkKFJTSGVhZGVyQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBoZWFkZXJSZWY7XHJcbiAgQFZpZXdDaGlsZChcImRyYXdlclwiLCB7IHN0YXRpYzogZmFsc2UgfSkgZHJhd2VyOiBEcmF3ZXJDb21wb25lbnQ7XHJcblxyXG4gIEBJbnB1dCgpIGlzQ29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7IC8vIOaOpeaUtui+k+WFpeWxnuaAp1xyXG4gIEBJbnB1dCgpIHNpbmdsZVJldXNlVXJsczogc3RyaW5nW10gPSBbXTsgLy/lj6rog73ljZXkuKrnvJPlrZjnmoR1cmxcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBnbG9iYWxEcmF3ZXI6IERyYXdlclNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxyXG4gIG9uUmVzaXplKGV2ZW50KSB7XHJcbiAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoOyAvLyDmm7TmlrDlsY/luZXlrr3luqZcclxuICAgIGlmIChzY3JlZW5XaWR0aCA8PSA5OTIpIHtcclxuICAgICAgdGhpcy5oZWFkZXJSZWYub25Ub2dnbGVNZW51KGZhbHNlKTtcclxuICAgIH0gZWxzZSBpZiAoc2NyZWVuV2lkdGggPCAxMjAwKSB7XHJcbiAgICAgIHRoaXMuaGVhZGVyUmVmLm9uVG9nZ2xlTWVudSh0cnVlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaGVhZGVyUmVmLm9uVG9nZ2xlTWVudShmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLmdsb2JhbERyYXdlci5zZXREcmF3ZXIodGhpcy5kcmF3ZXIpOyAvLyDorr7nva7mir3lsYnnu4Tku7ZcclxuICB9XHJcblxyXG4gIG9uUmlnaHRBc2lkZUNsaWNrKCkge1xyXG4gICAgY29uc3Qgc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcclxuICAgIGlmIChzY3JlZW5XaWR0aCA8PSA5OTIgJiYgdGhpcy5pc0NvbGxhcHNlZCkge1xyXG4gICAgICB0aGlzLmhlYWRlclJlZi5vblRvZ2dsZU1lbnUoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|