raise-common-lib 0.0.26 → 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.
Files changed (73) hide show
  1. package/assets/language/fr.d.ts +3377 -0
  2. package/assets/language/ja.d.ts +3351 -0
  3. package/assets/language/ko.d.ts +3351 -0
  4. package/assets/language/zh-CN.d.ts +3064 -0
  5. package/assets/language/zh-TW.d.ts +3354 -0
  6. package/bundles/raise-common-lib.umd.js +18415 -477
  7. package/bundles/raise-common-lib.umd.js.map +1 -1
  8. package/bundles/raise-common-lib.umd.min.js +2 -2
  9. package/bundles/raise-common-lib.umd.min.js.map +1 -1
  10. package/esm2015/assets/language/fr.js +3384 -0
  11. package/esm2015/assets/language/ja.js +3358 -0
  12. package/esm2015/assets/language/ko.js +3358 -0
  13. package/esm2015/assets/language/zh-CN.js +3071 -0
  14. package/esm2015/assets/language/zh-TW.js +3361 -0
  15. package/esm2015/lib/form/checkbox-group/index.component.js +1 -1
  16. package/esm2015/lib/form/drawer-form/constants.js +29 -0
  17. package/esm2015/lib/form/drawer-form/drawer-form.component.js +524 -0
  18. package/esm2015/lib/form/radio-group/index.component.js +1 -1
  19. package/esm2015/lib/form/tag-input/index.component.js +44 -11
  20. package/esm2015/lib/layout/drawer/index.component.js +211 -0
  21. package/esm2015/lib/layout/main-container/index.component.js +48 -6
  22. package/esm2015/lib/layout/multi-tab/index.component.js +19 -4
  23. package/esm2015/lib/layout/rs-header/index.component.js +20 -5
  24. package/esm2015/lib/raise-common-lib.module.js +13 -2
  25. package/esm2015/lib/service/drawer.service.js +191 -0
  26. package/esm2015/lib/service/translation.service.js +142 -0
  27. package/esm2015/public-api.js +25 -20
  28. package/esm2015/raise-common-lib.js +2 -2
  29. package/esm5/assets/language/fr.js +3384 -0
  30. package/esm5/assets/language/ja.js +3358 -0
  31. package/esm5/assets/language/ko.js +3358 -0
  32. package/esm5/assets/language/zh-CN.js +3071 -0
  33. package/esm5/assets/language/zh-TW.js +3361 -0
  34. package/esm5/lib/form/checkbox-group/index.component.js +1 -1
  35. package/esm5/lib/form/drawer-form/constants.js +30 -0
  36. package/esm5/lib/form/drawer-form/drawer-form.component.js +634 -0
  37. package/esm5/lib/form/radio-group/index.component.js +1 -1
  38. package/esm5/lib/form/tag-input/index.component.js +60 -12
  39. package/esm5/lib/layout/drawer/index.component.js +255 -0
  40. package/esm5/lib/layout/main-container/index.component.js +52 -9
  41. package/esm5/lib/layout/multi-tab/index.component.js +18 -4
  42. package/esm5/lib/layout/rs-header/index.component.js +18 -5
  43. package/esm5/lib/raise-common-lib.module.js +13 -2
  44. package/esm5/lib/service/drawer.service.js +229 -0
  45. package/esm5/lib/service/translation.service.js +157 -0
  46. package/esm5/public-api.js +25 -20
  47. package/esm5/raise-common-lib.js +2 -2
  48. package/fesm2015/raise-common-lib.js +17820 -100
  49. package/fesm2015/raise-common-lib.js.map +1 -1
  50. package/fesm5/raise-common-lib.js +18412 -478
  51. package/fesm5/raise-common-lib.js.map +1 -1
  52. package/lib/form/drawer-form/constants.d.ts +34 -0
  53. package/lib/form/drawer-form/drawer-form.component.d.ts +63 -0
  54. package/lib/form/tag-input/index.component.d.ts +8 -2
  55. package/lib/layout/drawer/index.component.d.ts +24 -0
  56. package/lib/layout/main-container/index.component.d.ts +7 -0
  57. package/lib/layout/multi-tab/index.component.d.ts +3 -1
  58. package/lib/layout/rs-header/index.component.d.ts +4 -1
  59. package/lib/service/drawer.service.d.ts +33 -0
  60. package/lib/service/translation.service.d.ts +9 -0
  61. package/package.json +1 -1
  62. package/public-api.d.ts +24 -19
  63. package/raise-common-lib.metadata.json +1 -1
  64. package/src/assets/img/down-arrow.svg +3 -0
  65. package/src/assets/img/drawer-back.svg +4 -0
  66. package/src/assets/img/tooltip-icon.svg +4 -0
  67. package/src/assets/language/fr.ts +3603 -0
  68. package/src/assets/language/ja.ts +3501 -0
  69. package/src/assets/language/ko.ts +3478 -0
  70. package/src/assets/language/zh-CN.ts +3115 -0
  71. package/src/assets/language/zh-TW.ts +3411 -0
  72. package/src/assets/style/reset/dropdown.scss +12 -3
  73. 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.inputMinlength = 3;
14
- this.inputMaxlength = 30;
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
- ngOnInit() {
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)=\"onAddTag($event)\"\r\n autocomplete=\"off\"\r\n [minLength]=\"inputMinlength\"\r\n [maxLength]=\"inputMaxlength\"\r\n />\r\n</div>\r\n",
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
- inputMinlength: [{ type: Input }],
84
- inputMaxlength: [{ type: Input }],
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.inputMinlength;
126
+ TagInputComponent.prototype.minlength;
98
127
  /** @type {?} */
99
- TagInputComponent.prototype.inputMaxlength;
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9mb3JtL3RhZy1pbnB1dC9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8vRSxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTVcsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLG1CQUFjLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBRzdCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQWlCakMsZUFBVSxHQUFHLEtBQUssQ0FBQTtJQWlCcEIsQ0FBQzs7OztJQWhDQyxRQUFRO0lBRVIsQ0FBQzs7Ozs7SUFDRCxXQUFXLENBQUMsR0FBRzs7Y0FDUCxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNOzs7O1FBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxHQUFHLEVBQUM7UUFDcEQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7Ozs7SUFFRCxRQUFRLENBQUMsS0FBSzs7Y0FDTixVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLO1FBQ3JDLElBQUksVUFBVSxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUNuRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO1lBQ25ELEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7Ozs7O0lBRUQsZ0JBQWdCLENBQUMsVUFBVTtRQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTs7Y0FDakIsZ0JBQWdCLEdBQUcsVUFBVSxDQUFDLE1BQU07UUFDMUMsSUFDRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUM7WUFDL0IsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGNBQWM7WUFDdEMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFDdEM7WUFDQSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQTtZQUN0QixPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7O0lBQ0QsT0FBTztRQUNMLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFBO0lBQ3pCLENBQUM7OztZQS9DRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLG1sQkFBcUM7O2FBRXRDOzs7b0JBRUUsS0FBSztxQkFDTCxLQUFLO3VCQUNMLEtBQUs7b0JBQ0wsS0FBSzs2QkFDTCxLQUFLOzZCQUNMLEtBQUs7MEJBRUwsTUFBTTs7OztJQVBQLGtDQUFvQjs7SUFDcEIsbUNBQWdCOztJQUNoQixxQ0FBMEI7O0lBQzFCLGtDQUF1Qjs7SUFDdkIsMkNBQTRCOztJQUM1QiwyQ0FBNkI7O0lBRTdCLHdDQUNpQzs7SUFpQmpDLHVDQUFrQiIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRhZy1pbnB1dFwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWdJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgdmFsdWUgPSBbXTtcclxuICBASW5wdXQoKSBmaWVsZHM7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBlcnJvciA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlucHV0TWlubGVuZ3RoID0gMztcclxuICBASW5wdXQoKSBpbnB1dE1heGxlbmd0aCA9IDMwO1xyXG5cclxuICBAT3V0cHV0KClcclxuICB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgIFxyXG4gIH1cclxuICBvblJlbW92ZVRhZyh0YWcpIHtcclxuICAgIGNvbnN0IHRhZ3NMaXN0ID0gdGhpcy52YWx1ZS5maWx0ZXIoKGkpID0+IGkgIT09IHRhZyk7XHJcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGFnc0xpc3QpO1xyXG4gIH1cclxuXHJcbiAgb25BZGRUYWcoZXZlbnQpIHtcclxuICAgIGNvbnN0IGlucHV0VmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICBpZiAoaW5wdXRWYWx1ZSAmJiB0aGlzLnZlcmlmeUlucHV0VmFsdWUoaW5wdXRWYWx1ZSkpIHtcclxuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KFsuLi50aGlzLnZhbHVlLCBpbnB1dFZhbHVlXSk7XHJcbiAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9IFwiXCI7XHJcbiAgICB9XHJcbiAgfVxyXG4gIGlucHV0RXJyb3IgPSBmYWxzZVxyXG4gIHZlcmlmeUlucHV0VmFsdWUoaW5wdXRWYWx1ZSkge1xyXG4gICAgdGhpcy5pbnB1dEVycm9yID0gZmFsc2VcclxuICAgIGNvbnN0IGlucHV0VmFsdWVMZW5ndGggPSBpbnB1dFZhbHVlLmxlbmd0aDtcclxuICAgIGlmIChcclxuICAgICAgdGhpcy52YWx1ZS5pbmNsdWRlcyhpbnB1dFZhbHVlKSB8fFxyXG4gICAgICBpbnB1dFZhbHVlTGVuZ3RoID4gdGhpcy5pbnB1dE1heGxlbmd0aCB8fFxyXG4gICAgICBpbnB1dFZhbHVlTGVuZ3RoIDwgdGhpcy5pbnB1dE1pbmxlbmd0aFxyXG4gICAgKSB7XHJcbiAgICAgIHRoaXMuaW5wdXRFcnJvciA9IHRydWVcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG4gIG9uSW5wdXQoKXtcclxuICAgIHRoaXMuaW5wdXRFcnJvciA9IGZhbHNlXHJcbiAgfVxyXG59XHJcbiJdfQ==
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
- constructor() {
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 class=\"right-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\" (click)=\"onRightAsideClick()\">\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",
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbWFpbi1jb250YWluZXIvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQU9qRSxNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBUVcsZ0JBQVcsR0FBWSxLQUFLLENBQUMsQ0FBQyxTQUFTOztRQUN2QyxvQkFBZSxHQUFhLEVBQUUsQ0FBQyxDQUFDLFlBQVk7SUFTdkQsQ0FBQzs7Ozs7SUFSQyxRQUFRLEtBQUksQ0FBQzs7OztJQUViLGlCQUFpQjs7Y0FDVCxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVU7UUFDckMsSUFBSSxXQUFXLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDMUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMvQjtJQUNILENBQUM7OztZQWpCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsaXJCQUFxQzs7YUFFdEM7Ozt3QkFFRSxZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzBCQUVoRCxLQUFLOzhCQUNMLEtBQUs7Ozs7SUFITiwyQ0FBNkQ7O0lBRTdELDZDQUFzQzs7SUFDdEMsaURBQXdDIiwic291cmNlc0NvbnRlbnQiOlsiLy8g57uE5Lu257G7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgUlNIZWFkZXJDb21wb25lbnQgfSBmcm9tIFwiLi4vcnMtaGVhZGVyL2luZGV4LmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6IFwicnMtbWFpbi1jb250YWluZXJcIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2luZGV4LmNvbXBvbmVudC5odG1sXCIsXHJcbiAgc3R5bGVVcmxzOiBbXCIuL2luZGV4LmNvbXBvbmVudC5zY3NzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWFpbkNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChSU0hlYWRlckNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgaGVhZGVyUmVmO1xyXG5cclxuICBASW5wdXQoKSBpc0NvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlOyAvLyDmjqXmlLbovpPlhaXlsZ7mgKdcclxuICBASW5wdXQoKSBzaW5nbGVSZXVzZVVybHM6IHN0cmluZ1tdID0gW107IC8v5Y+q6IO95Y2V5Liq57yT5a2Y55qEdXJsXHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxuICBvblJpZ2h0QXNpZGVDbGljaygpIHtcclxuICAgIGNvbnN0IHNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgICBpZiAoc2NyZWVuV2lkdGggPD0gOTkyICYmIHRoaXMuaXNDb2xsYXBzZWQpIHtcclxuICAgICAgdGhpcy5oZWFkZXJSZWYub25Ub2dnbGVNZW51KCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiJdfQ==
93
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9sYXlvdXQvbWFpbi1jb250YWluZXIvaW5kZXguY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFPN0QsTUFBTSxPQUFPLHNCQUFzQjs7Ozs7SUFPakMsWUFBb0IsWUFBMkI7UUFBM0IsaUJBQVksR0FBWixZQUFZLENBQWU7UUFIdEMsZ0JBQVcsR0FBWSxLQUFLLENBQUMsQ0FBQyxTQUFTOztRQUN2QyxvQkFBZSxHQUFhLEVBQUUsQ0FBQyxDQUFDLFlBQVk7SUFFSCxDQUFDOzs7O0lBRW5ELFFBQVEsS0FBSSxDQUFDOzs7OztJQUdiLFFBQVEsQ0FBQyxLQUFLOztjQUNOLFdBQVcsR0FBRyxNQUFNLENBQUMsVUFBVTtRQUNyQyxJQUFJLFdBQVcsSUFBSSxHQUFHLEVBQUU7WUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDcEM7YUFBTSxJQUFJLFdBQVcsR0FBRyxJQUFJLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDbkM7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQzs7OztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO0lBQ3JELENBQUM7Ozs7SUFFRCxpQkFBaUI7O2NBQ1QsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVO1FBQ3JDLElBQUksV0FBVyxJQUFJLEdBQUcsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzFDLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDL0I7SUFDSCxDQUFDOzs7WUFyQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDZ3QkFBcUM7O2FBRXRDOzs7O1lBTlEsYUFBYTs7O3dCQVFuQixZQUFZLFNBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO3FCQUNoRCxTQUFTLFNBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTswQkFFckMsS0FBSzs4QkFDTCxLQUFLO3VCQU1MLFlBQVksU0FBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUM7Ozs7SUFWekMsMkNBQTZEOztJQUM3RCx3Q0FBZ0U7O0lBRWhFLDZDQUFzQzs7SUFDdEMsaURBQXdDOzs7OztJQUU1Qiw4Q0FBbUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyDnu4Tku7bnsbtcclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgQ29udGVudENoaWxkLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7IFJTSGVhZGVyQ29tcG9uZW50IH0gZnJvbSBcIi4uL3JzLWhlYWRlci9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRHJhd2VyQ29tcG9uZW50IH0gZnJvbSBcIi4uL2RyYXdlci9pbmRleC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgRHJhd2VyU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlL2RyYXdlci5zZXJ2aWNlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1tYWluLWNvbnRhaW5lclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYWluQ29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBAQ29udGVudENoaWxkKFJTSGVhZGVyQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBoZWFkZXJSZWY7XHJcbiAgQFZpZXdDaGlsZChcImRyYXdlclwiLCB7IHN0YXRpYzogZmFsc2UgfSkgZHJhd2VyOiBEcmF3ZXJDb21wb25lbnQ7XHJcblxyXG4gIEBJbnB1dCgpIGlzQ29sbGFwc2VkOiBib29sZWFuID0gZmFsc2U7IC8vIOaOpeaUtui+k+WFpeWxnuaAp1xyXG4gIEBJbnB1dCgpIHNpbmdsZVJldXNlVXJsczogc3RyaW5nW10gPSBbXTsgLy/lj6rog73ljZXkuKrnvJPlrZjnmoR1cmxcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBnbG9iYWxEcmF3ZXI6IERyYXdlclNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcihcIndpbmRvdzpyZXNpemVcIiwgW1wiJGV2ZW50XCJdKVxyXG4gIG9uUmVzaXplKGV2ZW50KSB7XHJcbiAgICBjb25zdCBzY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoOyAvLyDmm7TmlrDlsY/luZXlrr3luqZcclxuICAgIGlmIChzY3JlZW5XaWR0aCA8PSA5OTIpIHtcclxuICAgICAgdGhpcy5oZWFkZXJSZWYub25Ub2dnbGVNZW51KGZhbHNlKTtcclxuICAgIH0gZWxzZSBpZiAoc2NyZWVuV2lkdGggPCAxMjAwKSB7XHJcbiAgICAgIHRoaXMuaGVhZGVyUmVmLm9uVG9nZ2xlTWVudSh0cnVlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaGVhZGVyUmVmLm9uVG9nZ2xlTWVudShmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLmdsb2JhbERyYXdlci5zZXREcmF3ZXIodGhpcy5kcmF3ZXIpOyAvLyDorr7nva7mir3lsYnnu4Tku7ZcclxuICB9XHJcblxyXG4gIG9uUmlnaHRBc2lkZUNsaWNrKCkge1xyXG4gICAgY29uc3Qgc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcclxuICAgIGlmIChzY3JlZW5XaWR0aCA8PSA5OTIgJiYgdGhpcy5pc0NvbGxhcHNlZCkge1xyXG4gICAgICB0aGlzLmhlYWRlclJlZi5vblRvZ2dsZU1lbnUoKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19