@rs-pk/asset-management 1.0.0

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 (176) hide show
  1. package/README.md +24 -0
  2. package/bundles/rs-pk-asset-management.umd.js +6474 -0
  3. package/bundles/rs-pk-asset-management.umd.js.map +1 -0
  4. package/bundles/rs-pk-asset-management.umd.min.js +16 -0
  5. package/bundles/rs-pk-asset-management.umd.min.js.map +1 -0
  6. package/esm2015/lib/asset-management.component.js +147 -0
  7. package/esm2015/lib/asset-management.module.js +179 -0
  8. package/esm2015/lib/asset-management.service.js +45 -0
  9. package/esm2015/lib/components/partial/add-folder-dialog/add-folder-dialog.component.js +143 -0
  10. package/esm2015/lib/components/partial/asset-dialog/asset-dialog.component.js +373 -0
  11. package/esm2015/lib/components/partial/asset-item/asset-item.component.js +165 -0
  12. package/esm2015/lib/components/partial/asset-list/asset-list.component.js +239 -0
  13. package/esm2015/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +108 -0
  14. package/esm2015/lib/components/partial/asset-wrapper/asset-wrapper.component.js +100 -0
  15. package/esm2015/lib/components/partial/breadcrumb/breadcrumb.component.js +115 -0
  16. package/esm2015/lib/components/partial/delete-dialog/delete-dialog.component.js +139 -0
  17. package/esm2015/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.js +148 -0
  18. package/esm2015/lib/components/partial/file-item/file-item.component.js +136 -0
  19. package/esm2015/lib/components/partial/file-list/file-list.component.js +72 -0
  20. package/esm2015/lib/components/partial/folder-item/folder-item.component.js +114 -0
  21. package/esm2015/lib/components/partial/folder-list/folder-list.component.js +69 -0
  22. package/esm2015/lib/components/partial/node-details/node-details.component.js +402 -0
  23. package/esm2015/lib/components/partial/node-tree/node-tree.component.js +330 -0
  24. package/esm2015/lib/components/partial/search-box/search-box.component.js +158 -0
  25. package/esm2015/lib/components/partial/sort-items/sort-items.component.js +99 -0
  26. package/esm2015/lib/components/partial/upload-dialog/upload-dialog.component.js +136 -0
  27. package/esm2015/lib/components/partial/upload-file/upload-file.component.js +102 -0
  28. package/esm2015/lib/components/ui/drag-to-resize/drag-to-resize.component.js +96 -0
  29. package/esm2015/lib/components/ui/input-file/input-file.component.js +49 -0
  30. package/esm2015/lib/components/ui/modal/modal.component.js +34 -0
  31. package/esm2015/lib/components/ui/search-not-found/search-not-found.component.js +41 -0
  32. package/esm2015/lib/configs/admin.config.js +22 -0
  33. package/esm2015/lib/contanst/data-image.js +12 -0
  34. package/esm2015/lib/contanst/index.js +6 -0
  35. package/esm2015/lib/datasources/index.js +6 -0
  36. package/esm2015/lib/datasources/node-tree.datasource.js +179 -0
  37. package/esm2015/lib/directives/dialogTrigger.directive.js +47 -0
  38. package/esm2015/lib/directives/directives.module.js +20 -0
  39. package/esm2015/lib/directives/dnd.directive.js +57 -0
  40. package/esm2015/lib/models/asset-file.model.js +57 -0
  41. package/esm2015/lib/models/asset.model.js +135 -0
  42. package/esm2015/lib/models/file-type.enum.js +11 -0
  43. package/esm2015/lib/models/file.model.js +91 -0
  44. package/esm2015/lib/models/index.js +12 -0
  45. package/esm2015/lib/models/node-tree.model.js +32 -0
  46. package/esm2015/lib/models/sort.enum.js +23 -0
  47. package/esm2015/lib/pipes/datetime.pipe.js +79 -0
  48. package/esm2015/lib/pipes/file-size.pipe.js +54 -0
  49. package/esm2015/lib/services/asset.service.js +224 -0
  50. package/esm2015/lib/services/base.service.js +49 -0
  51. package/esm2015/lib/services/env-config.service.js +18 -0
  52. package/esm2015/lib/services/file.service.js +106 -0
  53. package/esm2015/lib/services/index.js +11 -0
  54. package/esm2015/lib/services/node-tree.service.js +212 -0
  55. package/esm2015/lib/services/upload-assets.service.js +203 -0
  56. package/esm2015/lib/store/actions.action.js +125 -0
  57. package/esm2015/lib/store/index.js +7 -0
  58. package/esm2015/lib/store/reducer.js +115 -0
  59. package/esm2015/public-api.js +34 -0
  60. package/esm2015/rs-pk-asset-management.js +17 -0
  61. package/esm5/lib/asset-management.component.js +162 -0
  62. package/esm5/lib/asset-management.module.js +180 -0
  63. package/esm5/lib/asset-management.service.js +54 -0
  64. package/esm5/lib/components/partial/add-folder-dialog/add-folder-dialog.component.js +161 -0
  65. package/esm5/lib/components/partial/asset-dialog/asset-dialog.component.js +417 -0
  66. package/esm5/lib/components/partial/asset-item/asset-item.component.js +184 -0
  67. package/esm5/lib/components/partial/asset-list/asset-list.component.js +266 -0
  68. package/esm5/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js +123 -0
  69. package/esm5/lib/components/partial/asset-wrapper/asset-wrapper.component.js +115 -0
  70. package/esm5/lib/components/partial/breadcrumb/breadcrumb.component.js +138 -0
  71. package/esm5/lib/components/partial/delete-dialog/delete-dialog.component.js +154 -0
  72. package/esm5/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.js +166 -0
  73. package/esm5/lib/components/partial/file-item/file-item.component.js +151 -0
  74. package/esm5/lib/components/partial/file-list/file-list.component.js +93 -0
  75. package/esm5/lib/components/partial/folder-item/folder-item.component.js +126 -0
  76. package/esm5/lib/components/partial/folder-list/folder-list.component.js +82 -0
  77. package/esm5/lib/components/partial/node-details/node-details.component.js +443 -0
  78. package/esm5/lib/components/partial/node-tree/node-tree.component.js +413 -0
  79. package/esm5/lib/components/partial/search-box/search-box.component.js +184 -0
  80. package/esm5/lib/components/partial/sort-items/sort-items.component.js +107 -0
  81. package/esm5/lib/components/partial/upload-dialog/upload-dialog.component.js +151 -0
  82. package/esm5/lib/components/partial/upload-file/upload-file.component.js +130 -0
  83. package/esm5/lib/components/ui/drag-to-resize/drag-to-resize.component.js +117 -0
  84. package/esm5/lib/components/ui/input-file/input-file.component.js +55 -0
  85. package/esm5/lib/components/ui/modal/modal.component.js +39 -0
  86. package/esm5/lib/components/ui/search-not-found/search-not-found.component.js +43 -0
  87. package/esm5/lib/configs/admin.config.js +22 -0
  88. package/esm5/lib/contanst/data-image.js +12 -0
  89. package/esm5/lib/contanst/index.js +6 -0
  90. package/esm5/lib/datasources/index.js +6 -0
  91. package/esm5/lib/datasources/node-tree.datasource.js +239 -0
  92. package/esm5/lib/directives/dialogTrigger.directive.js +53 -0
  93. package/esm5/lib/directives/directives.module.js +25 -0
  94. package/esm5/lib/directives/dnd.directive.js +80 -0
  95. package/esm5/lib/models/asset-file.model.js +69 -0
  96. package/esm5/lib/models/asset.model.js +154 -0
  97. package/esm5/lib/models/file-type.enum.js +11 -0
  98. package/esm5/lib/models/file.model.js +99 -0
  99. package/esm5/lib/models/index.js +12 -0
  100. package/esm5/lib/models/node-tree.model.js +37 -0
  101. package/esm5/lib/models/sort.enum.js +23 -0
  102. package/esm5/lib/pipes/datetime.pipe.js +83 -0
  103. package/esm5/lib/pipes/file-size.pipe.js +63 -0
  104. package/esm5/lib/services/asset.service.js +274 -0
  105. package/esm5/lib/services/base.service.js +57 -0
  106. package/esm5/lib/services/env-config.service.js +18 -0
  107. package/esm5/lib/services/file.service.js +127 -0
  108. package/esm5/lib/services/index.js +11 -0
  109. package/esm5/lib/services/node-tree.service.js +278 -0
  110. package/esm5/lib/services/upload-assets.service.js +260 -0
  111. package/esm5/lib/store/actions.action.js +143 -0
  112. package/esm5/lib/store/index.js +7 -0
  113. package/esm5/lib/store/reducer.js +116 -0
  114. package/esm5/public-api.js +34 -0
  115. package/esm5/rs-pk-asset-management.js +17 -0
  116. package/fesm2015/rs-pk-asset-management.js +5429 -0
  117. package/fesm2015/rs-pk-asset-management.js.map +1 -0
  118. package/fesm5/rs-pk-asset-management.js +6244 -0
  119. package/fesm5/rs-pk-asset-management.js.map +1 -0
  120. package/lib/asset-management.component.d.ts +21 -0
  121. package/lib/asset-management.module.d.ts +5 -0
  122. package/lib/asset-management.service.d.ts +7 -0
  123. package/lib/components/partial/add-folder-dialog/add-folder-dialog.component.d.ts +27 -0
  124. package/lib/components/partial/asset-dialog/asset-dialog.component.d.ts +52 -0
  125. package/lib/components/partial/asset-item/asset-item.component.d.ts +25 -0
  126. package/lib/components/partial/asset-list/asset-list.component.d.ts +22 -0
  127. package/lib/components/partial/asset-management-dialog/asset-management-dialog.component.d.ts +17 -0
  128. package/lib/components/partial/asset-wrapper/asset-wrapper.component.d.ts +19 -0
  129. package/lib/components/partial/breadcrumb/breadcrumb.component.d.ts +17 -0
  130. package/lib/components/partial/delete-dialog/delete-dialog.component.d.ts +24 -0
  131. package/lib/components/partial/edit-folder-dialog/edit-folder-dialog.component.d.ts +28 -0
  132. package/lib/components/partial/file-item/file-item.component.d.ts +27 -0
  133. package/lib/components/partial/file-list/file-list.component.d.ts +12 -0
  134. package/lib/components/partial/folder-item/folder-item.component.d.ts +14 -0
  135. package/lib/components/partial/folder-list/folder-list.component.d.ts +11 -0
  136. package/lib/components/partial/node-details/node-details.component.d.ts +29 -0
  137. package/lib/components/partial/node-tree/node-tree.component.d.ts +34 -0
  138. package/lib/components/partial/search-box/search-box.component.d.ts +18 -0
  139. package/lib/components/partial/sort-items/sort-items.component.d.ts +21 -0
  140. package/lib/components/partial/upload-dialog/upload-dialog.component.d.ts +24 -0
  141. package/lib/components/partial/upload-file/upload-file.component.d.ts +18 -0
  142. package/lib/components/ui/drag-to-resize/drag-to-resize.component.d.ts +15 -0
  143. package/lib/components/ui/input-file/input-file.component.d.ts +9 -0
  144. package/lib/components/ui/modal/modal.component.d.ts +7 -0
  145. package/lib/components/ui/search-not-found/search-not-found.component.d.ts +8 -0
  146. package/lib/configs/admin.config.d.ts +3 -0
  147. package/lib/contanst/data-image.d.ts +3 -0
  148. package/lib/contanst/index.d.ts +1 -0
  149. package/lib/datasources/index.d.ts +1 -0
  150. package/lib/datasources/node-tree.datasource.d.ts +24 -0
  151. package/lib/directives/dialogTrigger.directive.d.ts +7 -0
  152. package/lib/directives/directives.module.d.ts +5 -0
  153. package/lib/directives/dnd.directive.d.ts +7 -0
  154. package/lib/models/asset-file.model.d.ts +26 -0
  155. package/lib/models/asset.model.d.ts +61 -0
  156. package/lib/models/file-type.enum.d.ts +4 -0
  157. package/lib/models/file.model.d.ts +41 -0
  158. package/lib/models/index.d.ts +7 -0
  159. package/lib/models/node-tree.model.d.ts +9 -0
  160. package/lib/models/sort.enum.d.ts +9 -0
  161. package/lib/pipes/datetime.pipe.d.ts +13 -0
  162. package/lib/pipes/file-size.pipe.d.ts +5 -0
  163. package/lib/services/asset.service.d.ts +35 -0
  164. package/lib/services/base.service.d.ts +20 -0
  165. package/lib/services/env-config.service.d.ts +7 -0
  166. package/lib/services/file.service.d.ts +13 -0
  167. package/lib/services/index.d.ts +6 -0
  168. package/lib/services/node-tree.service.d.ts +24 -0
  169. package/lib/services/upload-assets.service.d.ts +42 -0
  170. package/lib/store/actions.action.d.ts +51 -0
  171. package/lib/store/index.d.ts +2 -0
  172. package/lib/store/reducer.d.ts +18 -0
  173. package/package.json +28 -0
  174. package/public-api.d.ts +26 -0
  175. package/rs-pk-asset-management.d.ts +12 -0
  176. package/rs-pk-asset-management.metadata.json +1 -0
@@ -0,0 +1,184 @@
1
+ /**
2
+ * @fileoverview added by tsickle
3
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
4
+ */
5
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
6
+ import { MatDialog } from '@angular/material/dialog';
7
+ import { DomSanitizer } from '@angular/platform-browser';
8
+ import { Subject } from 'rxjs';
9
+ import { takeUntil } from 'rxjs/operators';
10
+ import { AssetManagementService } from '../../../asset-management.service';
11
+ import { imagePdf } from '../../../contanst';
12
+ import { AssetModel, FileTypeEnum } from '../../../models';
13
+ import { AssetService } from '../../../services/asset.service';
14
+ import { ActionTypes, select } from '../../../store';
15
+ import { AssetDialogComponent } from '../asset-dialog/asset-dialog.component';
16
+ var AssetItemComponent = /** @class */ (function () {
17
+ function AssetItemComponent(dialog, domSanitizer, svc, assetService) {
18
+ this.dialog = dialog;
19
+ this.domSanitizer = domSanitizer;
20
+ this.svc = svc;
21
+ this.assetService = assetService;
22
+ this.selectAsset = new EventEmitter();
23
+ this.base64Pdf = this.domSanitizer.bypassSecurityTrustUrl(imagePdf);
24
+ this.selectedAssets = [];
25
+ this.fileType = FileTypeEnum;
26
+ this.destroy$ = new Subject();
27
+ this.bindSubscriber();
28
+ }
29
+ /**
30
+ * @return {?}
31
+ */
32
+ AssetItemComponent.prototype.ngOnInit = /**
33
+ * @return {?}
34
+ */
35
+ function () { };
36
+ Object.defineProperty(AssetItemComponent.prototype, "checkSelectedAsset", {
37
+ get: /**
38
+ * @return {?}
39
+ */
40
+ function () {
41
+ var _this = this;
42
+ return (this.selectedAssets &&
43
+ this.selectedAssets.some((/**
44
+ * @param {?} asset
45
+ * @return {?}
46
+ */
47
+ function (asset) { return asset.AssetId === _this.asset.AssetId; })));
48
+ },
49
+ enumerable: true,
50
+ configurable: true
51
+ });
52
+ /**
53
+ * @private
54
+ * @return {?}
55
+ */
56
+ AssetItemComponent.prototype.bindSubscriber = /**
57
+ * @private
58
+ * @return {?}
59
+ */
60
+ function () {
61
+ var _this = this;
62
+ select((/**
63
+ * @param {?} state
64
+ * @return {?}
65
+ */
66
+ function (state) { return state.selectedAssets; }))
67
+ .pipe(takeUntil(this.destroy$))
68
+ .subscribe((/**
69
+ * @param {?} selectedAssets
70
+ * @return {?}
71
+ */
72
+ function (selectedAssets) {
73
+ _this.selectedAssets = selectedAssets;
74
+ }));
75
+ };
76
+ /**
77
+ * @return {?}
78
+ */
79
+ AssetItemComponent.prototype.onChange = /**
80
+ * @return {?}
81
+ */
82
+ function () {
83
+ this.selectAsset.emit(this.asset);
84
+ };
85
+ /**
86
+ * @return {?}
87
+ */
88
+ AssetItemComponent.prototype.editAsset = /**
89
+ * @return {?}
90
+ */
91
+ function () {
92
+ var _this = this;
93
+ /** @type {?} */
94
+ var dialogRef = this.dialog.open(AssetDialogComponent, {
95
+ autoFocus: false,
96
+ data: {
97
+ assetId: this.asset.AssetId,
98
+ name: this.asset.OriginalFileNameWithoutExtension,
99
+ },
100
+ panelClass: 'lib-dialog--medium',
101
+ });
102
+ if (dialogRef) {
103
+ dialogRef.afterClosed().subscribe((/**
104
+ * @param {?} res
105
+ * @return {?}
106
+ */
107
+ function (res) {
108
+ if (res) {
109
+ _this.svc.dispatch({
110
+ type: ActionTypes.RELOAD_CURRENT_ASSETS,
111
+ });
112
+ }
113
+ }));
114
+ }
115
+ };
116
+ /**
117
+ * @return {?}
118
+ */
119
+ AssetItemComponent.prototype.ngOnDestroy = /**
120
+ * @return {?}
121
+ */
122
+ function () {
123
+ this.destroy$.next(true);
124
+ this.destroy$.complete();
125
+ };
126
+ AssetItemComponent.decorators = [
127
+ { type: Component, args: [{
128
+ selector: 'lib-asset-item',
129
+ template: "<div class=\"asset-wrapper\">\n <div class=\"asset-content\">\n <div class=\"asset-content__header\">\n <button class=\"asset-content__header--button\" mat-raised-button>\n <mat-checkbox\n class=\"checkbox\"\n [checked]=\"checkSelectedAsset\"\n (change)=\"onChange()\"\n ></mat-checkbox>\n </button>\n <button\n class=\"asset-content__header--button edit-button\"\n mat-raised-button\n (click)=\"editAsset()\"\n >\n <mat-icon>edit</mat-icon>\n </button>\n </div>\n <div class=\"asset-content__body\">\n <ng-container [ngSwitch]=\"asset.FileType\">\n <ng-container *ngSwitchCase=\"fileType.IMAGE\">\n <img\n class=\"image\"\n [src]=\"asset.UrlThumbnail\"\n [alt]=\"asset.OriginalFileName\"\n />\n </ng-container>\n <ng-container *ngSwitchCase=\"fileType.DOCUMENT\">\n <img [src]=\"base64Pdf\" [alt]=\"asset.OriginalFileName\" class=\"pdf\" />\n </ng-container>\n </ng-container>\n </div>\n <div class=\"asset-content__footer\">\n <div\n class=\"asset-content__footer--info\"\n [ngClass]=\"{\n 'file-type__document': asset.FileType === fileType.DOCUMENT\n }\"\n >\n <p\n class=\"name\"\n [matTooltip]=\"asset.OriginalFileNameWithoutExtension\"\n matTooltipClass=\"width-auto\"\n >\n {{ asset.OriginalFileNameWithoutExtension }}\n </p>\n <p class=\"info\">\n <span class=\"extension\">{{ asset.Extension }}</span>\n <span\n *ngIf=\"\n asset.FileType === fileType.IMAGE && asset?.Extension !== 'svg'\n \"\n >\n - {{ asset.Width }}x{{ asset.Height }}</span\n >\n <span *ngIf=\"asset.Size\"> - {{ asset.Size }}</span>\n </p>\n </div>\n <div class=\"asset-content__footer--file-type\">\n <span>{{ asset.FileType }}</span>\n </div>\n </div>\n </div>\n</div>\n",
130
+ styles: [":host::ng-deep .asset-wrapper{padding:5px}:host::ng-deep .asset-wrapper .asset-content{overflow:hidden;position:relative;border-radius:10px;border:1px solid #d8d8d8;font-size:14px;transition:.3s cubic-bezier(.25,.8,.25,1)}:host::ng-deep .asset-wrapper .asset-content:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}:host::ng-deep .asset-wrapper .asset-content__header{position:absolute;z-index:1;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:14px}:host::ng-deep .asset-wrapper .asset-content__header--button{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(0,0,0,.65);background:rgba(255,255,255,.6)}:host::ng-deep .asset-wrapper .asset-content__header--button:hover{background:#fff}:host::ng-deep .asset-wrapper .asset-content__header--button.edit-button{transition:.3s cubic-bezier(.25,.8,.25,1);opacity:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-icon{font-size:22px}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox{display:flex;align-items:center}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout{margin:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout .mat-checkbox-frame{color:#767676}:host::ng-deep .asset-wrapper .asset-content__body{padding-bottom:66.66%;background:#f1f1f1;position:relative}:host::ng-deep .asset-wrapper .asset-content__body img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host::ng-deep .asset-wrapper .asset-content__body img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .asset-wrapper .asset-content__body img.pdf{width:75%;height:75%}:host::ng-deep .asset-wrapper .asset-content__footer{display:flex;align-items:center;justify-content:space-between;padding:5px 8px}:host::ng-deep .asset-wrapper .asset-content__footer--info{max-width:calc(100% - 50px)}:host::ng-deep .asset-wrapper .asset-content__footer--info p{margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host::ng-deep .asset-wrapper .asset-content__footer--info .info{font-size:12px;color:#979797}:host::ng-deep .asset-wrapper .asset-content__footer--info .info .extension{text-transform:uppercase}:host::ng-deep .asset-wrapper .asset-content__footer--info.file-type__document{max-width:calc(100% - 70px)}:host::ng-deep .asset-wrapper .asset-content__footer--file-type{border-radius:5px;background-color:#d8d8d8;padding:2px 6px;font-size:12px}:host::ng-deep .asset-wrapper .asset-content:hover .edit-button{opacity:1!important}"]
131
+ }] }
132
+ ];
133
+ /** @nocollapse */
134
+ AssetItemComponent.ctorParameters = function () { return [
135
+ { type: MatDialog },
136
+ { type: DomSanitizer },
137
+ { type: AssetManagementService },
138
+ { type: AssetService }
139
+ ]; };
140
+ AssetItemComponent.propDecorators = {
141
+ asset: [{ type: Input }],
142
+ selectAsset: [{ type: Output }]
143
+ };
144
+ return AssetItemComponent;
145
+ }());
146
+ export { AssetItemComponent };
147
+ if (false) {
148
+ /** @type {?} */
149
+ AssetItemComponent.prototype.asset;
150
+ /** @type {?} */
151
+ AssetItemComponent.prototype.selectAsset;
152
+ /** @type {?} */
153
+ AssetItemComponent.prototype.base64Pdf;
154
+ /** @type {?} */
155
+ AssetItemComponent.prototype.selectedAssets;
156
+ /** @type {?} */
157
+ AssetItemComponent.prototype.fileType;
158
+ /**
159
+ * @type {?}
160
+ * @private
161
+ */
162
+ AssetItemComponent.prototype.destroy$;
163
+ /**
164
+ * @type {?}
165
+ * @private
166
+ */
167
+ AssetItemComponent.prototype.dialog;
168
+ /**
169
+ * @type {?}
170
+ * @private
171
+ */
172
+ AssetItemComponent.prototype.domSanitizer;
173
+ /**
174
+ * @type {?}
175
+ * @private
176
+ */
177
+ AssetItemComponent.prototype.svc;
178
+ /**
179
+ * @type {?}
180
+ * @private
181
+ */
182
+ AssetItemComponent.prototype.assetService;
183
+ }
184
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtaXRlbS9hc3NldC1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRTlFO0lBTUUsNEJBQ1UsTUFBaUIsRUFDakIsWUFBMEIsRUFDMUIsR0FBMkIsRUFDM0IsWUFBMEI7UUFIMUIsV0FBTSxHQUFOLE1BQU0sQ0FBVztRQUNqQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMxQixRQUFHLEdBQUgsR0FBRyxDQUF3QjtRQUMzQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQU0xQixnQkFBVyxHQUFHLElBQUks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ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQXNzZXRNYW5hZ2VtZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2Fzc2V0LW1hbmFnZW1lbnQuc2VydmljZSc7XG5pbXBvcnQgeyBpbWFnZVBkZiB9IGZyb20gJy4uLy4uLy4uL2NvbnRhbnN0JztcbmltcG9ydCB7IEFzc2V0TW9kZWwsIEZpbGVUeXBlRW51bSB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBBc3NldFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hc3NldC5zZXJ2aWNlJztcbmltcG9ydCB7IEFjdGlvblR5cGVzLCBzZWxlY3QgfSBmcm9tICcuLi8uLi8uLi9zdG9yZSc7XG5pbXBvcnQgeyBBc3NldERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4uL2Fzc2V0LWRpYWxvZy9hc3NldC1kaWFsb2cuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFzc2V0LWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2V0LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXNzZXRJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nLFxuICAgIHByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgcHJpdmF0ZSBzdmM6IEFzc2V0TWFuYWdlbWVudFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0U2VydmljZVxuICApIHtcbiAgICB0aGlzLmJpbmRTdWJzY3JpYmVyKCk7XG4gIH1cbiAgQElucHV0KCkgYXNzZXQ6IEFzc2V0TW9kZWw7XG5cbiAgQE91dHB1dCgpIHNlbGVjdEFzc2V0ID0gbmV3IEV2ZW50RW1pdHRlcjxBc3NldE1vZGVsPigpO1xuXG4gIHB1YmxpYyBiYXNlNjRQZGYgPSB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0VXJsKGltYWdlUGRmKTtcbiAgcHVibGljIHNlbGVjdGVkQXNzZXRzOiBBcnJheTxBc3NldE1vZGVsPiA9IFtdO1xuICBwdWJsaWMgZmlsZVR5cGUgPSBGaWxlVHlwZUVudW07XG4gIHByaXZhdGUgZGVzdHJveSQ6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xuXG4gIG5nT25Jbml0KCkge31cblxuICBnZXQgY2hlY2tTZWxlY3RlZEFzc2V0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAoXG4gICAgICB0aGlzLnNlbGVjdGVkQXNzZXRzICYmXG4gICAgICB0aGlzLnNlbGVjdGVkQXNzZXRzLnNvbWUoKGFzc2V0KSA9PiBhc3NldC5Bc3NldElkID09PSB0aGlzLmFzc2V0LkFzc2V0SWQpXG4gICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgYmluZFN1YnNjcmliZXIoKSB7XG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuc2VsZWN0ZWRBc3NldHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXG4gICAgICAuc3Vic2NyaWJlKChzZWxlY3RlZEFzc2V0cykgPT4ge1xuICAgICAgICB0aGlzLnNlbGVjdGVkQXNzZXRzID0gc2VsZWN0ZWRBc3NldHM7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNoYW5nZSgpIHtcbiAgICB0aGlzLnNlbGVjdEFzc2V0LmVtaXQodGhpcy5hc3NldCk7XG4gIH1cblxuICBwdWJsaWMgZWRpdEFzc2V0KCkge1xuICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQXNzZXREaWFsb2dDb21wb25lbnQsIHtcbiAgICAgIGF1dG9Gb2N1czogZmFsc2UsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIGFzc2V0SWQ6IHRoaXMuYXNzZXQuQXNzZXRJZCxcbiAgICAgICAgbmFtZTogdGhpcy5hc3NldC5PcmlnaW5hbEZpbGVOYW1lV2l0aG91dEV4dGVuc2lvbixcbiAgICAgIH0sXG4gICAgICBwYW5lbENsYXNzOiAnbGliLWRpYWxvZy0tbWVkaXVtJyxcbiAgICB9KTtcbiAgICBpZiAoZGlhbG9nUmVmKSB7XG4gICAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoKHJlcykgPT4ge1xuICAgICAgICBpZiAocmVzKSB7XG4gICAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgICAgICAgdHlwZTogQWN0aW9uVHlwZXMuUkVMT0FEX0NVUlJFTlRfQVNTRVRTLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
@@ -0,0 +1,266 @@
1
+ /**
2
+ * @fileoverview added by tsickle
3
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
4
+ */
5
+ import * as tslib_1 from "tslib";
6
+ import { Component, Input, ViewChild, } from '@angular/core';
7
+ import { MatPaginator } from '@angular/material/paginator';
8
+ import { of } from 'rxjs/internal/observable/of';
9
+ import { Subject } from 'rxjs/internal/Subject';
10
+ import { switchMap, takeUntil } from 'rxjs/operators';
11
+ import { AssetManagementService } from '../../../asset-management.service';
12
+ import { AssetService } from '../../../services/asset.service';
13
+ import { ActionTypes } from '../../../store/actions.action';
14
+ import { select } from '../../../store/reducer';
15
+ var AssetListComponent = /** @class */ (function () {
16
+ function AssetListComponent(assetService, svc) {
17
+ this.assetService = assetService;
18
+ this.svc = svc;
19
+ this.unsubscribe$ = new Subject();
20
+ this.selectedAssets = [];
21
+ }
22
+ /**
23
+ * @return {?}
24
+ */
25
+ AssetListComponent.prototype.ngOnInit = /**
26
+ * @return {?}
27
+ */
28
+ function () {
29
+ this.bindSubscriber();
30
+ };
31
+ /**
32
+ * @param {?} changes
33
+ * @return {?}
34
+ */
35
+ AssetListComponent.prototype.ngOnChanges = /**
36
+ * @param {?} changes
37
+ * @return {?}
38
+ */
39
+ function (changes) {
40
+ if (changes.assets) {
41
+ this.paginator.pageIndex = this.assetService.pageIndex;
42
+ this.paginator.pageSize = this.assetService.pageSize;
43
+ this.paginator.length = this.assetService.fileTotal;
44
+ }
45
+ };
46
+ /**
47
+ * @param {?} event
48
+ * @return {?}
49
+ */
50
+ AssetListComponent.prototype.onSelectAsset = /**
51
+ * @param {?} event
52
+ * @return {?}
53
+ */
54
+ function (event) {
55
+ /** @type {?} */
56
+ var index = this.selectedAssets.findIndex((/**
57
+ * @param {?} asset
58
+ * @return {?}
59
+ */
60
+ function (asset) { return asset.AssetId === event.AssetId; }));
61
+ /** @type {?} */
62
+ var newSelectedAssets = index > -1
63
+ ? this.selectedAssets.filter((/**
64
+ * @param {?} asset
65
+ * @param {?} i
66
+ * @return {?}
67
+ */
68
+ function (asset, i) { return index !== i; }))
69
+ : tslib_1.__spread(this.selectedAssets, [event]);
70
+ this.svc.dispatch({
71
+ type: ActionTypes.SET_SELECTED_ASSETS,
72
+ payload: newSelectedAssets,
73
+ });
74
+ };
75
+ /**
76
+ * @private
77
+ * @return {?}
78
+ */
79
+ AssetListComponent.prototype.bindSubscriber = /**
80
+ * @private
81
+ * @return {?}
82
+ */
83
+ function () {
84
+ var _this = this;
85
+ select((/**
86
+ * @param {?} state
87
+ * @return {?}
88
+ */
89
+ function (state) { return state.deletedAssetId; }))
90
+ .pipe(takeUntil(this.unsubscribe$))
91
+ .subscribe((/**
92
+ * @param {?} id
93
+ * @return {?}
94
+ */
95
+ function (id) {
96
+ if (_this.selectedAssets && _this.selectedAssets.length) {
97
+ /** @type {?} */
98
+ var newSelectedAssets = _this.selectedAssets.filter((/**
99
+ * @param {?} asset
100
+ * @return {?}
101
+ */
102
+ function (asset) { return asset.AssetId !== id; }));
103
+ _this.svc.dispatch({
104
+ type: ActionTypes.SET_SELECTED_ASSETS,
105
+ payload: newSelectedAssets,
106
+ });
107
+ }
108
+ }));
109
+ select((/**
110
+ * @param {?} state
111
+ * @return {?}
112
+ */
113
+ function (state) { return state.currentFolderId; }))
114
+ .pipe(takeUntil(this.unsubscribe$))
115
+ .subscribe((/**
116
+ * @param {?} currentFolderId
117
+ * @return {?}
118
+ */
119
+ function (currentFolderId) {
120
+ _this.currentFolderId = currentFolderId;
121
+ _this.svc.dispatch({
122
+ type: ActionTypes.SET_SELECTED_ASSETS,
123
+ payload: [],
124
+ });
125
+ }));
126
+ select((/**
127
+ * @param {?} state
128
+ * @return {?}
129
+ */
130
+ function (state) { return state.selectedAssets; }))
131
+ .pipe(takeUntil(this.unsubscribe$))
132
+ .subscribe((/**
133
+ * @param {?} selectedAssets
134
+ * @return {?}
135
+ */
136
+ function (selectedAssets) {
137
+ _this.selectedAssets = selectedAssets;
138
+ }));
139
+ select((/**
140
+ * @param {?} state
141
+ * @return {?}
142
+ */
143
+ function (state) { return state.reloadCurrentAssets; }))
144
+ .pipe(takeUntil(this.unsubscribe$), switchMap((/**
145
+ * @param {?} res
146
+ * @return {?}
147
+ */
148
+ function (res) { return of(res); })))
149
+ .subscribe((/**
150
+ * @return {?}
151
+ */
152
+ function () {
153
+ _this.fetchChildrenAssets();
154
+ }));
155
+ };
156
+ /**
157
+ * @param {?=} event
158
+ * @return {?}
159
+ */
160
+ AssetListComponent.prototype.pageChange = /**
161
+ * @param {?=} event
162
+ * @return {?}
163
+ */
164
+ function (event) {
165
+ this.assetService.pageSize = event.pageSize;
166
+ this.assetService.pageIndex = event.pageIndex;
167
+ this.fetchChildrenAssets();
168
+ };
169
+ /**
170
+ * @private
171
+ * @return {?}
172
+ */
173
+ AssetListComponent.prototype.fetchChildrenAssets = /**
174
+ * @private
175
+ * @return {?}
176
+ */
177
+ function () {
178
+ var _this = this;
179
+ if (!this.currentFolderId) {
180
+ return;
181
+ }
182
+ this.svc.dispatch({
183
+ type: ActionTypes.SET_GLOBAL_LOADING,
184
+ payload: true,
185
+ });
186
+ this.assetService
187
+ .getChildrenAssets({ assetId: this.currentFolderId })
188
+ .pipe(takeUntil(this.unsubscribe$))
189
+ .subscribe((/**
190
+ * @param {?} res
191
+ * @return {?}
192
+ */
193
+ function (res) {
194
+ _this.assetService.setAssetList(res.Data.Children, res.Meta);
195
+ }))
196
+ .add((/**
197
+ * @return {?}
198
+ */
199
+ function () {
200
+ _this.svc.dispatch({
201
+ type: ActionTypes.SET_GLOBAL_LOADING,
202
+ payload: false,
203
+ });
204
+ }));
205
+ };
206
+ /**
207
+ * @return {?}
208
+ */
209
+ AssetListComponent.prototype.ngOnDestroy = /**
210
+ * @return {?}
211
+ */
212
+ function () {
213
+ this.unsubscribe$.next();
214
+ this.unsubscribe$.complete();
215
+ };
216
+ AssetListComponent.decorators = [
217
+ { type: Component, args: [{
218
+ selector: 'lib-asset-list',
219
+ template: "<div class=\"asset-container\">\n <div class=\"asset-heading\">\n <h6 class=\"asset-heading__title\">Files</h6>\n <lib-sort-items\n [hidden]=\"!assets?.length\"\n class=\"asset-heading__sort\"\n ></lib-sort-items>\n </div>\n <ng-container *ngIf=\"assets && !assets.length; else assetsTemplate\">\n <div class=\"asset-empty\">\n <span>This asset is empty.</span>\n </div>\n </ng-container>\n <ng-template #assetsTemplate>\n <div class=\"asset-list\">\n <lib-asset-item\n class=\"asset-list__item\"\n *ngFor=\"let asset of assets\"\n [asset]=\"asset\"\n (selectAsset)=\"onSelectAsset($event)\"\n >\n </lib-asset-item>\n </div>\n </ng-template>\n <div [hidden]=\"!assets?.length\">\n <mat-paginator\n #paginator\n [pageSizeOptions]=\"[12, 24, 60, 120]\"\n (page)=\"pageChange($event)\"\n [showFirstLastButtons]=\"true\"\n >\n </mat-paginator>\n </div>\n</div>\n",
220
+ styles: [":host::ng-deep .asset-container .asset-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}:host::ng-deep .asset-container .asset-heading__title{margin-bottom:0;color:#979797}:host::ng-deep .asset-container .asset-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;margin:0 -5px}:host::ng-deep .asset-container .asset-list__item{width:25%}@media only screen and (max-width:1200px){:host::ng-deep .asset-container .asset-list__item{width:calc(100% / 3)}}@media only screen and (max-width:960px){:host::ng-deep .asset-container .asset-list__item{width:50%}}:host::ng-deep .asset-container .asset-empty{text-align:center;color:#979797;font-size:14px}"]
221
+ }] }
222
+ ];
223
+ /** @nocollapse */
224
+ AssetListComponent.ctorParameters = function () { return [
225
+ { type: AssetService },
226
+ { type: AssetManagementService }
227
+ ]; };
228
+ AssetListComponent.propDecorators = {
229
+ paginator: [{ type: ViewChild, args: [MatPaginator, { static: true },] }],
230
+ assets: [{ type: Input }]
231
+ };
232
+ return AssetListComponent;
233
+ }());
234
+ export { AssetListComponent };
235
+ if (false) {
236
+ /** @type {?} */
237
+ AssetListComponent.prototype.paginator;
238
+ /** @type {?} */
239
+ AssetListComponent.prototype.assets;
240
+ /**
241
+ * @type {?}
242
+ * @private
243
+ */
244
+ AssetListComponent.prototype.unsubscribe$;
245
+ /**
246
+ * @type {?}
247
+ * @private
248
+ */
249
+ AssetListComponent.prototype.currentFolderId;
250
+ /**
251
+ * @type {?}
252
+ * @private
253
+ */
254
+ AssetListComponent.prototype.selectedAssets;
255
+ /**
256
+ * @type {?}
257
+ * @private
258
+ */
259
+ AssetListComponent.prototype.assetService;
260
+ /**
261
+ * @type {?}
262
+ * @private
263
+ */
264
+ AssetListComponent.prototype.svc;
265
+ }
266
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtbGlzdC9hc3NldC1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUtMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFhLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRWhEO0lBTUUsNEJBQ1UsWUFBMEIsRUFDMUIsR0FBMkI7UUFEM0IsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsUUFBRyxHQUFILEdBQUcsQ0FBd0I7UUFNN0IsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBRW5DLG1CQUFjLEdBQXNCLEVBQUUsQ0FBQztJQVA1QyxDQUFDOzs7O0lBU0oscUNBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7Ozs7O0lBRUQsd0NBQVc7Ozs7SUFBWCxVQUFZLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE1BQU0sRUFBRTtZ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RSxXQUFXLENBQUMsa0JBQWtCO2dCQUNwQyxPQUFPLEVBQUUsS0FBSzthQUNmLENBQUMsQ0FBQztRQUNMLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7OztJQUVELHdDQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDOztnQkF0SEYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLDA5QkFBMEM7O2lCQUUzQzs7OztnQkFSUSxZQUFZO2dCQUZaLHNCQUFzQjs7OzRCQWlCNUIsU0FBUyxTQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7eUJBQ3hDLEtBQUs7O0lBMkdSLHlCQUFDO0NBQUEsQUF2SEQsSUF1SEM7U0FsSFksa0JBQWtCOzs7SUFNN0IsdUNBQW1FOztJQUNuRSxvQ0FBOEI7Ozs7O0lBRTlCLDBDQUEyQzs7Ozs7SUFDM0MsNkNBQWdDOzs7OztJQUNoQyw0Q0FBK0M7Ozs7O0lBVDdDLDBDQUFrQzs7Ozs7SUFDbEMsaUNBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFBhZ2luYXRvciwgUGFnZUV2ZW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yJztcbmltcG9ydCB7IG9mIH0gZnJvbSAncnhqcy9pbnRlcm5hbC9vYnNlcnZhYmxlL29mJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YmplY3QnO1xuaW1wb3J0IHsgc3dpdGNoTWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vYXNzZXQtbWFuYWdlbWVudC5zZXJ2aWNlJztcbmltcG9ydCB7IEFzc2V0TW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgQXNzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXNzZXQuc2VydmljZSc7XG5pbXBvcnQgeyBBY3Rpb25UeXBlcyB9IGZyb20gJy4uLy4uLy4uL3N0b3JlL2FjdGlvbnMuYWN0aW9uJztcbmltcG9ydCB7IHNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL3N0b3JlL3JlZHVjZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYXNzZXQtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NldC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXNzZXQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBc3NldExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0U2VydmljZSxcbiAgICBwcml2YXRlIHN2YzogQXNzZXRNYW5hZ2VtZW50U2VydmljZVxuICApIHt9XG5cbiAgQFZpZXdDaGlsZChNYXRQYWdpbmF0b3IsIHsgc3RhdGljOiB0cnVlIH0pIHBhZ2luYXRvcjogTWF0UGFnaW5hdG9yO1xuICBASW5wdXQoKSBhc3NldHM6IEFzc2V0TW9kZWxbXTtcblxuICBwcml2YXRlIHVuc3Vic2NyaWJlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIHByaXZhdGUgY3VycmVudEZvbGRlcklkOiBzdHJpbmc7XG4gIHByaXZhdGUgc2VsZWN0ZWRBc3NldHM6IEFycmF5PEFzc2V0TW9kZWw+ID0gW107XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5iaW5kU3Vic2NyaWJlcigpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzLmFzc2V0cykge1xuICAgICAgdGhpcy5wYWdpbmF0b3IucGFnZUluZGV4ID0gdGhpcy5hc3NldFNlcnZpY2UucGFnZUluZGV4O1xuICAgICAgdGhpcy5wYWdpbmF0b3IucGFnZVNpemUgPSB0aGlzLmFzc2V0U2VydmljZS5wYWdlU2l6ZTtcbiAgICAgIHRoaXMucGFnaW5hdG9yLmxlbmd0aCA9IHRoaXMuYXNzZXRTZXJ2aWNlLmZpbGVUb3RhbDtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb25TZWxlY3RBc3NldChldmVudDogQXNzZXRNb2RlbCkge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5zZWxlY3RlZEFzc2V0cy5maW5kSW5kZXgoXG4gICAgICAoYXNzZXQpID0+IGFzc2V0LkFzc2V0SWQgPT09IGV2ZW50LkFzc2V0SWRcbiAgICApO1xuICAgIGNvbnN0IG5ld1NlbGVjdGVkQXNzZXRzOiBBc3NldE1vZGVsW10gPVxuICAgICAgaW5kZXggPiAtMVxuICAgICAgICA/IHRoaXMuc2VsZWN0ZWRBc3NldHMuZmlsdGVyKChhc3NldCwgaSkgPT4gaW5kZXggIT09IGkpXG4gICAgICAgIDogWy4uLnRoaXMuc2VsZWN0ZWRBc3NldHMsIGV2ZW50XTtcblxuICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9TRUxFQ1RFRF9BU1NFVFMsXG4gICAgICBwYXlsb2FkOiBuZXdTZWxlY3RlZEFzc2V0cyxcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgYmluZFN1YnNjcmliZXIoKSB7XG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuZGVsZXRlZEFzc2V0SWQpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoaWQpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRBc3NldHMgJiYgdGhpcy5zZWxlY3RlZEFzc2V0cy5sZW5ndGgpIHtcbiAgICAgICAgICBjb25zdCBuZXdTZWxlY3RlZEFzc2V0cyA9IHRoaXMuc2VsZWN0ZWRBc3NldHMuZmlsdGVyKFxuICAgICAgICAgICAgKGFzc2V0KSA9PiBhc3NldC5Bc3NldElkICE9PSBpZFxuICAgICAgICAgICk7XG4gICAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgICAgICAgdHlwZTogQWN0aW9uVHlwZXMuU0VUX1NFTEVDVEVEX0FTU0VUUyxcbiAgICAgICAgICAgIHBheWxvYWQ6IG5ld1NlbGVjdGVkQXNzZXRzLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9KTtcblxuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLmN1cnJlbnRGb2xkZXJJZClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCkpXG4gICAgICAuc3Vic2NyaWJlKChjdXJyZW50Rm9sZGVySWQpID0+IHtcbiAgICAgICAgdGhpcy5jdXJyZW50Rm9sZGVySWQgPSBjdXJyZW50Rm9sZGVySWQ7XG4gICAgICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcbiAgICAgICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfU0VMRUNURURfQVNTRVRTLFxuICAgICAgICAgIHBheWxvYWQ6IFtdLFxuICAgICAgICB9KTtcbiAgICAgIH0pO1xuXG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuc2VsZWN0ZWRBc3NldHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEFzc2V0cyA9IHNlbGVjdGVkQXNzZXRzO1xuICAgICAgfSk7XG5cbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5yZWxvYWRDdXJyZW50QXNzZXRzKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLnVuc3Vic2NyaWJlJCksXG4gICAgICAgIHN3aXRjaE1hcCgocmVzKSA9PiBvZihyZXMpKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuZmV0Y2hDaGlsZHJlbkFzc2V0cygpO1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgcGFnZUNoYW5nZShldmVudD86IFBhZ2VFdmVudCkge1xuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLnBhZ2VTaXplID0gZXZlbnQucGFnZVNpemU7XG4gICAgdGhpcy5hc3NldFNlcnZpY2UucGFnZUluZGV4ID0gZXZlbnQucGFnZUluZGV4O1xuICAgIHRoaXMuZmV0Y2hDaGlsZHJlbkFzc2V0cygpO1xuICB9XG5cbiAgcHJpdmF0ZSBmZXRjaENoaWxkcmVuQXNzZXRzKCkge1xuICAgIGlmICghdGhpcy5jdXJyZW50Rm9sZGVySWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgdHlwZTogQWN0aW9uVHlwZXMuU0VUX0dMT0JBTF9MT0FESU5HLFxuICAgICAgcGF5bG9hZDogdHJ1ZSxcbiAgICB9KTtcblxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlXG4gICAgICAuZ2V0Q2hpbGRyZW5Bc3NldHMoeyBhc3NldElkOiB0aGlzLmN1cnJlbnRGb2xkZXJJZCB9KVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSlcbiAgICAgIC5zdWJzY3JpYmUoKHJlcykgPT4ge1xuICAgICAgICB0aGlzLmFzc2V0U2VydmljZS5zZXRBc3NldExpc3QocmVzLkRhdGEuQ2hpbGRyZW4sIHJlcy5NZXRhKTtcbiAgICAgIH0pXG4gICAgICAuYWRkKCgpID0+IHtcbiAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9HTE9CQUxfTE9BRElORyxcbiAgICAgICAgICBwYXlsb2FkOiBmYWxzZSxcbiAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLm5leHQoKTtcbiAgICB0aGlzLnVuc3Vic2NyaWJlJC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=
@@ -0,0 +1,123 @@
1
+ /**
2
+ * @fileoverview added by tsickle
3
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
4
+ */
5
+ import { Component, Inject } from '@angular/core';
6
+ import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
7
+ import { Subject } from 'rxjs/internal/Subject';
8
+ import { takeUntil } from 'rxjs/operators';
9
+ import { DialogConfig } from '../../../models';
10
+ import { AssetService } from '../../../services/asset.service';
11
+ import { select } from '../../../store';
12
+ var AssetManagementDialogComponent = /** @class */ (function () {
13
+ function AssetManagementDialogComponent(data, dialogRef, assetService) {
14
+ this.data = data;
15
+ this.dialogRef = dialogRef;
16
+ this.assetService = assetService;
17
+ this.destroy$ = new Subject();
18
+ this.selectedAssets = [];
19
+ }
20
+ /**
21
+ * @return {?}
22
+ */
23
+ AssetManagementDialogComponent.prototype.ngOnInit = /**
24
+ * @return {?}
25
+ */
26
+ function () {
27
+ var _this = this;
28
+ this.initDialogConfig(this.data);
29
+ select((/**
30
+ * @param {?} state
31
+ * @return {?}
32
+ */
33
+ function (state) { return state.selectedAssets; }))
34
+ .pipe(takeUntil(this.destroy$))
35
+ .subscribe((/**
36
+ * @param {?} selectedAssets
37
+ * @return {?}
38
+ */
39
+ function (selectedAssets) {
40
+ _this.selectedAssets = selectedAssets;
41
+ }));
42
+ };
43
+ Object.defineProperty(AssetManagementDialogComponent.prototype, "disabled", {
44
+ get: /**
45
+ * @return {?}
46
+ */
47
+ function () {
48
+ var limit = this.data.limit;
49
+ return ((!this.selectedAssets || !this.selectedAssets.length) ||
50
+ (limit && this.selectedAssets.length > limit));
51
+ },
52
+ enumerable: true,
53
+ configurable: true
54
+ });
55
+ /**
56
+ * @return {?}
57
+ */
58
+ AssetManagementDialogComponent.prototype.selectAssets = /**
59
+ * @return {?}
60
+ */
61
+ function () {
62
+ this.dialogRef.close(this.selectedAssets);
63
+ };
64
+ /**
65
+ * @param {?} data
66
+ * @return {?}
67
+ */
68
+ AssetManagementDialogComponent.prototype.initDialogConfig = /**
69
+ * @param {?} data
70
+ * @return {?}
71
+ */
72
+ function (data) {
73
+ if (!data) {
74
+ return;
75
+ }
76
+ this.assetService.dialogConfig = data;
77
+ };
78
+ /**
79
+ * @return {?}
80
+ */
81
+ AssetManagementDialogComponent.prototype.ngOnDestroy = /**
82
+ * @return {?}
83
+ */
84
+ function () {
85
+ this.assetService.dialogConfig = new DialogConfig();
86
+ this.destroy$.next(true);
87
+ this.destroy$.complete();
88
+ };
89
+ AssetManagementDialogComponent.decorators = [
90
+ { type: Component, args: [{
91
+ selector: 'lib-asset-management-dialog',
92
+ template: "<lib-modal heading=\"Asset management\" [customHeader]=\"true\">\n <ng-container subtitle>\n <lib-breadcrumb></lib-breadcrumb>\n </ng-container>\n <ng-container headerActions>\n <lib-search-box></lib-search-box>\n </ng-container>\n <ng-container content>\n <lib-asset-wrapper [header]=\"false\"></lib-asset-wrapper>\n </ng-container>\n <ng-container actions>\n <div class=\"asset-management-dialog__footer\">\n <div class=\"selected-assets\">\n <ng-container *ngIf=\"data?.limit\">\n <span>Selected{{' '}}</span>\n <span class=\"count\" [ngClass]=\"{'error': selectedAssets?.length && disabled}\">\n {{selectedAssets?.length}}/{{data?.limit}}\n </span>\n <span>\n {{data?.limit > 1 ? \"assets\": \"asset\"}}\n </span>\n </ng-container>\n\n </div>\n <div>\n <button mat-raised-button mat-dialog-close>Cancel</button>\n <button mat-raised-button color=\"primary\" (click)=\"selectAssets()\" [disabled]=\"disabled\">Done</button>\n </div>\n </div>\n </ng-container>\n</lib-modal>",
93
+ styles: [":host::ng-deep .asset-management-dialog__footer{display:flex;width:100%;align-items:center;justify-content:space-between}:host::ng-deep .asset-management-dialog__footer .selected-assets{font-size:14px;color:#979797}:host::ng-deep .asset-management-dialog__footer .selected-assets .count{color:#000}:host::ng-deep .asset-management-dialog__footer .selected-assets .error{color:#f44336}"]
94
+ }] }
95
+ ];
96
+ /** @nocollapse */
97
+ AssetManagementDialogComponent.ctorParameters = function () { return [
98
+ { type: DialogConfig, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
99
+ { type: MatDialogRef },
100
+ { type: AssetService }
101
+ ]; };
102
+ return AssetManagementDialogComponent;
103
+ }());
104
+ export { AssetManagementDialogComponent };
105
+ if (false) {
106
+ /**
107
+ * @type {?}
108
+ * @private
109
+ */
110
+ AssetManagementDialogComponent.prototype.destroy$;
111
+ /** @type {?} */
112
+ AssetManagementDialogComponent.prototype.selectedAssets;
113
+ /** @type {?} */
114
+ AssetManagementDialogComponent.prototype.data;
115
+ /** @type {?} */
116
+ AssetManagementDialogComponent.prototype.dialogRef;
117
+ /**
118
+ * @type {?}
119
+ * @private
120
+ */
121
+ AssetManagementDialogComponent.prototype.assetService;
122
+ }
123
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQWMsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QztJQU1FLHdDQUNrQyxJQUFrQixFQUMzQyxTQUF1RCxFQUN0RCxZQUEwQjtRQUZGLFNBQUksR0FBSixJQUFJLENBQWM7UUFDM0MsY0FBUyxHQUFULFNBQVMsQ0FBOEM7UUFDdEQsaUJBQVksR0FBWixZQUFZLENBQWM7UUFFNUIsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQXNCLEVBQUUsQ0FBQztJQUYxQyxDQUFDOzs7O0lBSUwsaURBQVE7OztJQUFSO1FBQUEsaUJBT0M7UUFOQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLE1BQU07Ozs7UUFBQyxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxjQUFjLEVBQXBCLENBQW9CLEVBQUM7YUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDOUIsU0FBUzs7OztRQUFDLFVBQUMsY0FBYztZQUN4QixLQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztRQUN2QyxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxzQkFBSSxvREFBUTs7OztRQUFaO1lBQ1UsSUFBQSx1QkFBSztZQUNiLE9BQU8sQ0FDTCxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDO2dCQUNyRCxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FDOUMsQ0FBQztRQUNKLENBQUM7OztPQUFBOzs7O0lBRUQscURBQVk7OztJQUFaO1FBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7O0lBRUQseURBQWdCOzs7O0lBQWhCLFVBQWlCLElBQWtCO1FBQ2pDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDVCxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDeEMsQ0FBQzs7OztJQUVELG9EQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOztnQkE5Q0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLHNtQ0FBdUQ7O2lCQUV4RDs7OztnQkFSb0IsWUFBWSx1QkFXNUIsTUFBTSxTQUFDLGVBQWU7Z0JBZGxCLFlBQVk7Z0JBSVosWUFBWTs7SUFrRHJCLHFDQUFDO0NBQUEsQUEvQ0QsSUErQ0M7U0ExQ1ksOEJBQThCOzs7Ozs7SUFNekMsa0RBQW1EOztJQUNuRCx3REFBOEM7O0lBTDVDLDhDQUFrRDs7SUFDbEQsbURBQThEOzs7OztJQUM5RCxzREFBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YmplY3QnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQXNzZXRNb2RlbCwgRGlhbG9nQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hc3NldC1tYW5hZ2VtZW50LWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBc3NldE1hbmFnZW1lbnREaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGlhbG9nQ29uZmlnLFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxBc3NldE1hbmFnZW1lbnREaWFsb2dDb21wb25lbnQ+LFxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldFNlcnZpY2VcbiAgKSB7IH1cbiAgcHJpdmF0ZSBkZXN0cm95JDogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0KCk7XG4gIHB1YmxpYyBzZWxlY3RlZEFzc2V0czogQXJyYXk8QXNzZXRNb2RlbD4gPSBbXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmluaXREaWFsb2dDb25maWcodGhpcy5kYXRhKTtcbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5zZWxlY3RlZEFzc2V0cylcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKHNlbGVjdGVkQXNzZXRzKSA9PiB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRBc3NldHMgPSBzZWxlY3RlZEFzc2V0cztcbiAgICAgIH0pO1xuICB9XG5cbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHsgbGltaXQgfSA9IHRoaXMuZGF0YTtcbiAgICByZXR1cm4gKFxuICAgICAgKCF0aGlzLnNlbGVjdGVkQXNzZXRzIHx8ICF0aGlzLnNlbGVjdGVkQXNzZXRzLmxlbmd0aCkgfHxcbiAgICAgIChsaW1pdCAmJiB0aGlzLnNlbGVjdGVkQXNzZXRzLmxlbmd0aCA+IGxpbWl0KVxuICAgICk7XG4gIH1cblxuICBzZWxlY3RBc3NldHMoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5zZWxlY3RlZEFzc2V0cyk7XG4gIH1cblxuICBpbml0RGlhbG9nQ29uZmlnKGRhdGE6IERpYWxvZ0NvbmZpZykge1xuICAgIGlmICghZGF0YSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmFzc2V0U2VydmljZS5kaWFsb2dDb25maWcgPSBkYXRhO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hc3NldFNlcnZpY2UuZGlhbG9nQ29uZmlnID0gbmV3IERpYWxvZ0NvbmZpZygpO1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==