@ng-matero/extensions 10.16.4 → 10.16.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/{ng-matero-extensions-button.umd.js → mtxButton.umd.js} +2 -2
- package/bundles/mtxButton.umd.js.map +1 -0
- package/bundles/{ng-matero-extensions-button.umd.min.js → mtxButton.umd.min.js} +1 -1
- package/bundles/mtxCheckboxGroup.umd.js +93 -20
- package/bundles/mtxCheckboxGroup.umd.js.map +1 -1
- package/bundles/mtxCheckboxGroup.umd.min.js +1 -1
- package/bundles/mtxCheckboxGroup.umd.min.js.map +1 -1
- package/bundles/mtxColorPicker.umd.js +27 -4
- package/bundles/mtxColorPicker.umd.js.map +1 -1
- package/bundles/mtxColorPicker.umd.min.js +1 -1
- package/bundles/mtxColorPicker.umd.min.js.map +1 -1
- package/bundles/mtxFormGroup.umd.js +2 -0
- package/bundles/mtxFormGroup.umd.js.map +1 -1
- package/bundles/mtxFormGroup.umd.min.js +1 -1
- package/bundles/mtxFormGroup.umd.min.js.map +1 -1
- package/bundles/mtxGrid.umd.js +34 -61
- package/bundles/mtxGrid.umd.js.map +1 -1
- package/bundles/mtxGrid.umd.min.js +2 -2
- package/bundles/mtxGrid.umd.min.js.map +1 -1
- package/bundles/mtxPopover.umd.js +7 -2
- package/bundles/mtxPopover.umd.js.map +1 -1
- package/bundles/mtxPopover.umd.min.js +1 -1
- package/bundles/mtxPopover.umd.min.js.map +1 -1
- package/bundles/mtxSelect.umd.js +1 -0
- package/bundles/mtxSelect.umd.js.map +1 -1
- package/bundles/mtxSelect.umd.min.js +1 -1
- package/bundles/mtxSelect.umd.min.js.map +1 -1
- package/bundles/mtxSplit.umd.js +1 -1
- package/bundles/mtxSplit.umd.js.map +1 -1
- package/bundles/mtxSplit.umd.min.js +1 -1
- package/bundles/mtxSplit.umd.min.js.map +1 -1
- package/button/package.json +7 -7
- package/checkbox-group/checkbox-group.component.d.ts +12 -8
- package/checkbox-group/mtxCheckboxGroup.metadata.json +1 -1
- package/color-picker/color-picker.component.d.ts +4 -0
- package/color-picker/mtxColorPicker.metadata.json +1 -1
- package/data-grid/cell.component.d.ts +3 -8
- package/data-grid/mtxGrid.metadata.json +1 -1
- package/esm2015/button/mtxButton.js +10 -0
- package/esm2015/checkbox-group/checkbox-group.component.js +82 -19
- package/esm2015/color-picker/color-picker.component.js +24 -5
- package/esm2015/data-grid/cell.component.js +34 -57
- package/esm2015/data-grid/column-menu.component.js +2 -2
- package/esm2015/data-grid/grid.component.js +3 -3
- package/esm2015/form-group/form-group.component.js +4 -2
- package/esm2015/popover/popover.js +8 -3
- package/esm2015/select/select.component.js +2 -1
- package/esm2015/split-pane/split.component.js +2 -2
- package/fesm2015/{ng-matero-extensions-button.js → mtxButton.js} +2 -2
- package/fesm2015/mtxButton.js.map +1 -0
- package/fesm2015/mtxCheckboxGroup.js +80 -17
- package/fesm2015/mtxCheckboxGroup.js.map +1 -1
- package/fesm2015/mtxColorPicker.js +23 -4
- package/fesm2015/mtxColorPicker.js.map +1 -1
- package/fesm2015/mtxFormGroup.js +3 -1
- package/fesm2015/mtxFormGroup.js.map +1 -1
- package/fesm2015/mtxGrid.js +36 -59
- package/fesm2015/mtxGrid.js.map +1 -1
- package/fesm2015/mtxPopover.js +7 -2
- package/fesm2015/mtxPopover.js.map +1 -1
- package/fesm2015/mtxSelect.js +1 -0
- package/fesm2015/mtxSelect.js.map +1 -1
- package/fesm2015/mtxSplit.js +1 -1
- package/fesm2015/mtxSplit.js.map +1 -1
- package/form-group/mtxFormGroup.metadata.json +1 -1
- package/package.json +1 -1
- package/select/mtxSelect.metadata.json +1 -1
- package/bundles/ng-matero-extensions-button.umd.js.map +0 -1
- package/esm2015/button/ng-matero-extensions-button.js +0 -10
- package/fesm2015/ng-matero-extensions-button.js.map +0 -1
- /package/bundles/{ng-matero-extensions-button.umd.min.js.map → mtxButton.umd.min.js.map} +0 -0
- /package/button/{ng-matero-extensions-button.d.ts → mtxButton.d.ts} +0 -0
- /package/button/{ng-matero-extensions-button.metadata.json → mtxButton.metadata.json} +0 -0
|
@@ -34,20 +34,6 @@ export class MtxGridCellComponent {
|
|
|
34
34
|
get _colValue() {
|
|
35
35
|
return this._dataGridSrv.getCellValue(this.rowData, this.colDef);
|
|
36
36
|
}
|
|
37
|
-
/**
|
|
38
|
-
* @param {?} fn
|
|
39
|
-
* @return {?}
|
|
40
|
-
*/
|
|
41
|
-
_isString(fn) {
|
|
42
|
-
return Object.prototype.toString.call(fn) === '[object String]';
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* @param {?} fn
|
|
46
|
-
* @return {?}
|
|
47
|
-
*/
|
|
48
|
-
_isFunction(fn) {
|
|
49
|
-
return Object.prototype.toString.call(fn) === '[object Function]';
|
|
50
|
-
}
|
|
51
37
|
/**
|
|
52
38
|
* @param {?} value
|
|
53
39
|
* @return {?}
|
|
@@ -67,7 +53,7 @@ export class MtxGridCellComponent {
|
|
|
67
53
|
* @return {?}
|
|
68
54
|
*/
|
|
69
55
|
_getText(value) {
|
|
70
|
-
return this._isEmptyValue(value) ? '--' : value;
|
|
56
|
+
return value === undefined ? '' : this._isEmptyValue(value) ? '--' : value;
|
|
71
57
|
}
|
|
72
58
|
/**
|
|
73
59
|
* @param {?} value
|
|
@@ -89,47 +75,13 @@ export class MtxGridCellComponent {
|
|
|
89
75
|
* @return {?}
|
|
90
76
|
*/
|
|
91
77
|
_formatSummary(data, colDef) {
|
|
92
|
-
if (
|
|
78
|
+
if (typeof colDef.summary === 'string') {
|
|
93
79
|
return colDef.summary;
|
|
94
80
|
}
|
|
95
|
-
else if (
|
|
81
|
+
else if (typeof colDef.summary === 'function') {
|
|
96
82
|
return ((/** @type {?} */ (colDef.summary)))(this._dataGridSrv.getColData(data, colDef), colDef);
|
|
97
83
|
}
|
|
98
84
|
}
|
|
99
|
-
/**
|
|
100
|
-
* @param {?} event
|
|
101
|
-
* @param {?} title
|
|
102
|
-
* @param {?=} description
|
|
103
|
-
* @param {?=} okColor
|
|
104
|
-
* @param {?=} okText
|
|
105
|
-
* @param {?=} closeColor
|
|
106
|
-
* @param {?=} closeText
|
|
107
|
-
* @param {?=} fn
|
|
108
|
-
* @param {?=} data
|
|
109
|
-
* @return {?}
|
|
110
|
-
*/
|
|
111
|
-
_handleActionConfirm(event, title, description = '', okColor = 'primary', okText = 'OK', closeColor, closeText = 'CLOSE', fn, data) {
|
|
112
|
-
event.preventDefault();
|
|
113
|
-
event.stopPropagation();
|
|
114
|
-
this._dialog.open({
|
|
115
|
-
title,
|
|
116
|
-
description,
|
|
117
|
-
buttons: [
|
|
118
|
-
{
|
|
119
|
-
color: okColor,
|
|
120
|
-
text: okText,
|
|
121
|
-
onClick: (/**
|
|
122
|
-
* @return {?}
|
|
123
|
-
*/
|
|
124
|
-
() => (fn ? fn(data) : {})),
|
|
125
|
-
},
|
|
126
|
-
{ color: closeColor, text: closeText, onClick: (/**
|
|
127
|
-
* @return {?}
|
|
128
|
-
*/
|
|
129
|
-
() => { }) },
|
|
130
|
-
],
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
85
|
/**
|
|
134
86
|
* @param {?} event
|
|
135
87
|
* @param {?} btn
|
|
@@ -137,10 +89,35 @@ export class MtxGridCellComponent {
|
|
|
137
89
|
* @return {?}
|
|
138
90
|
*/
|
|
139
91
|
_handleActionClick(event, btn, rowData) {
|
|
92
|
+
var _a;
|
|
140
93
|
event.preventDefault();
|
|
141
94
|
event.stopPropagation();
|
|
142
|
-
if (btn.
|
|
143
|
-
|
|
95
|
+
if (btn.pop) {
|
|
96
|
+
this._dialog.open({
|
|
97
|
+
title: btn.popTitle,
|
|
98
|
+
description: btn.popDescription,
|
|
99
|
+
buttons: [
|
|
100
|
+
{
|
|
101
|
+
color: btn.popOkColor || 'primary',
|
|
102
|
+
text: btn.popOkText || 'OK',
|
|
103
|
+
onClick: (/**
|
|
104
|
+
* @return {?}
|
|
105
|
+
*/
|
|
106
|
+
() => (btn.click ? btn.click(rowData) : {})),
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
color: btn.popCloseColor,
|
|
110
|
+
text: btn.popCloseText || 'CLOSE',
|
|
111
|
+
onClick: (/**
|
|
112
|
+
* @return {?}
|
|
113
|
+
*/
|
|
114
|
+
() => { }),
|
|
115
|
+
},
|
|
116
|
+
],
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
(_a = btn.click) === null || _a === void 0 ? void 0 : _a.call(btn, rowData);
|
|
144
121
|
}
|
|
145
122
|
}
|
|
146
123
|
/**
|
|
@@ -148,7 +125,7 @@ export class MtxGridCellComponent {
|
|
|
148
125
|
* @param {?} urlStr
|
|
149
126
|
* @return {?}
|
|
150
127
|
*/
|
|
151
|
-
|
|
128
|
+
_handleImagePreview(urlStr) {
|
|
152
129
|
/** @type {?} */
|
|
153
130
|
const imgs = [];
|
|
154
131
|
this._dataGridSrv.str2arr(urlStr).forEach((/**
|
|
@@ -169,14 +146,14 @@ export class MtxGridCellComponent {
|
|
|
169
146
|
footerToolbar,
|
|
170
147
|
};
|
|
171
148
|
/** @type {?} */
|
|
172
|
-
const
|
|
149
|
+
const photoviewer = new PhotoViewer(imgs, options);
|
|
173
150
|
}
|
|
174
151
|
}
|
|
175
152
|
MtxGridCellComponent.decorators = [
|
|
176
153
|
{ type: Component, args: [{
|
|
177
154
|
selector: 'mtx-grid-cell',
|
|
178
155
|
exportAs: 'mtxGridCell',
|
|
179
|
-
template: "<span *ngIf=\"summary; else customCellFormattingTpl\"\r\n [title]=\"_getFormatterTooltip(_formatSummary(data, colDef))\"\r\n [innerHTML]=\"_getText(_formatSummary(data, colDef))\">\r\n</span>\r\n\r\n<!-- Custom formatting -->\r\n<ng-template #customCellFormattingTpl>\r\n <span *ngIf=\"colDef.formatter; else defaultCellFormattingTpl\"\r\n [title]=\"_getFormatterTooltip(colDef.formatter
|
|
156
|
+
template: "<span *ngIf=\"summary; else customCellFormattingTpl\"\r\n [title]=\"_getFormatterTooltip(_formatSummary(data, colDef))\"\r\n [innerHTML]=\"_getText(_formatSummary(data, colDef))\">\r\n</span>\r\n\r\n<!-- Custom formatting -->\r\n<ng-template #customCellFormattingTpl>\r\n <span *ngIf=\"colDef.formatter; else defaultCellFormattingTpl\"\r\n [title]=\"_getFormatterTooltip(colDef.formatter(rowData, colDef))\"\r\n [innerHTML]=\"_getText(colDef.formatter(rowData, colDef))\">\r\n </span>\r\n</ng-template>\r\n\r\n<!-- Default formatting -->\r\n<ng-template #defaultCellFormattingTpl>\r\n <ng-container [ngSwitch]=\"colDef.type\">\r\n <!-- Tag -->\r\n <ng-container *ngSwitchCase=\"'tag'\">\r\n <mat-chip-list *ngIf=\"colDef.tag && colDef.tag[_colValue]; else tagEmptyTpl\">\r\n <mat-chip color=\"primary\" [ngClass]=\"['bg-' + colDef.tag[_colValue].color]\">\r\n {{colDef.tag[_colValue].text}}\r\n </mat-chip>\r\n </mat-chip-list>\r\n <ng-template #tagEmptyTpl>{{_colValue}}</ng-template>\r\n </ng-container>\r\n <!-- Buttons -->\r\n <ng-container *ngSwitchCase=\"'button'\">\r\n <ng-container *ngFor=\"let btn of colDef.buttons;\">\r\n <ng-container *ngIf=\"!btn.iif || btn.iif(rowData)\">\r\n <button *ngIf=\"btn.type==='basic'\" type=\"button\"\r\n [ngClass]=\"['mtx-grid-action-button', btn.class||'']\"\r\n mat-button [color]=\"btn.color || 'primary'\" [disabled]=\"btn.disabled\"\r\n [matTooltip]=\"btn.tooltip | toObservable | async\"\r\n (click)=\"_handleActionClick($event, btn, rowData)\">\r\n <mat-icon class=\"mtx-grid-icon\" *ngIf=\"btn.icon\">{{btn.icon}}</mat-icon>\r\n <span>{{btn.text | toObservable | async}}</span>\r\n </button>\r\n <button *ngIf=\"!btn.type || btn.type==='icon'\" type=\"button\"\r\n [ngClass]=\"['mtx-grid-action-button', btn.class||'']\"\r\n mat-icon-button [color]=\"btn.color || 'primary'\" [disabled]=\"btn.disabled\"\r\n [matTooltip]=\"btn.tooltip | toObservable | async\"\r\n (click)=\"_handleActionClick($event, btn, rowData)\">\r\n <mat-icon class=\"mtx-grid-icon\">{{btn.icon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </ng-container>\r\n <!-- Link -->\r\n <ng-container *ngSwitchCase=\"'link'\">\r\n <a [href]=\"_colValue\" target=\"_blank\">{{_colValue}}</a>\r\n </ng-container>\r\n <!-- Image -->\r\n <ng-container *ngSwitchCase=\"'image'\">\r\n <img class=\"mtx-grid-img\" [src]=\"_colValue\" (click)=\"_handleImagePreview(_colValue)\">\r\n </ng-container>\r\n <!-- Boolean -->\r\n <ng-container *ngSwitchCase=\"'boolean'\">\r\n <span [title]=\"_getTooltip(_colValue)\">{{_getText(_colValue)}}</span>\r\n </ng-container>\r\n <!-- Number -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <span [title]=\"_getTooltip(_colValue | number: colDef.typeParameter?.digitsInfo :\r\n colDef.typeParameter?.locale)\">\r\n {{_getText(_colValue | number: colDef.typeParameter?.digitsInfo :\r\n colDef.typeParameter?.locale)}}\r\n </span>\r\n </ng-container>\r\n <!-- Currency -->\r\n <ng-container *ngSwitchCase=\"'currency'\">\r\n <span [title]=\"_getTooltip(_colValue | currency: colDef.typeParameter?.currencyCode :\r\n colDef.typeParameter?.display :\r\n colDef.typeParameter?.digitsInfo :\r\n colDef.typeParameter?.locale)\">\r\n {{_getText(_colValue | currency: colDef.typeParameter?.currencyCode :\r\n colDef.typeParameter?.display :\r\n colDef.typeParameter?.digitsInfo :\r\n colDef.typeParameter?.locale)}}\r\n </span>\r\n </ng-container>\r\n <!-- Percent -->\r\n <ng-container *ngSwitchCase=\"'percent'\">\r\n <span [title]=\"_getTooltip(_colValue | percent: colDef.typeParameter?.digitsInfo :\r\n colDef.typeParameter?.locale)\">\r\n {{_getText(_colValue | percent: colDef.typeParameter?.digitsInfo :\r\n colDef.typeParameter?.locale)}}\r\n </span>\r\n </ng-container>\r\n <!-- Date -->\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <span [title]=\"_getTooltip(_colValue | date: colDef.typeParameter?.format :\r\n colDef.typeParameter?.timezone :\r\n colDef.typeParameter?.locale)\">\r\n {{_getText(_colValue | date: colDef.typeParameter?.format :\r\n colDef.typeParameter?.timezone :\r\n colDef.typeParameter?.locale)}}\r\n </span>\r\n </ng-container>\r\n <!-- Default -->\r\n <ng-container *ngSwitchDefault>\r\n <span [title]=\"_getTooltip(_colValue)\">{{_getText(_colValue)}}</span>\r\n </ng-container>\r\n </ng-container>\r\n</ng-template>\r\n",
|
|
180
157
|
encapsulation: ViewEncapsulation.None,
|
|
181
158
|
styles: [".photoviewer-modal{color:#333;cursor:default;height:320px;outline:none;overflow:visible!important;position:absolute;width:320px;z-index:1090}.photoviewer-inner{background-color:hsla(0,0%,100%,.92);border:1px solid rgba(0,0,0,.64);border-radius:6px;bottom:-1px;box-shadow:0 2px 10px 2px rgba(0,0,0,.32);cursor:inherit;left:-1px;overflow:hidden;position:absolute;right:-1px;top:-1px}.photoviewer-maximize{height:100%;left:0;position:fixed;top:0;width:100%}.photoviewer-maximize .photoviewer-inner{border-radius:0}.photoviewer-maximize .photoviewer-resizable-handle{display:none}.photoviewer-toolbar{font-size:0}.photoviewer-button{background:none;border-radius:0;border-width:0;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-block;font-size:16px;height:40px;line-height:1;margin:0;min-width:40px;outline:none;text-align:center}.photoviewer-button:hover{color:#111}.photoviewer-button:focus{background-color:rgba(0,0,0,.08)}.photoviewer-button svg{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em;width:1em}.photoviewer-header{height:30px;position:relative;z-index:2}.photoviewer-header .photoviewer-toolbar{float:right}[dir=rtl] .photoviewer-header .photoviewer-toolbar{float:left}.photoviewer-header .photoviewer-button{height:30px}.photoviewer-header .photoviewer-button:hover{background-color:rgba(0,0,0,.08)}.photoviewer-header .photoviewer-button-close:hover{background-color:#ff4545;color:#fff}.photoviewer-title{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;font-size:14px;line-height:1;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;user-select:none;white-space:nowrap}.photoviewer-stage{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.64);border-top:1px solid rgba(0,0,0,.64);bottom:40px;left:0;overflow:hidden;position:absolute;right:0;top:30px;z-index:1}.photoviewer-stage.stage-ready{font-size:0;text-align:center}.photoviewer-stage.stage-ready:before{content:\"\";display:inline-block;height:100%;overflow:hidden;vertical-align:middle}.photoviewer-image{display:inline-block;max-width:none;min-width:auto;position:absolute}.photoviewer-image.image-ready{max-height:100%;max-width:100%;position:static;vertical-align:middle}.photoviewer-footer{bottom:0;height:40px;position:absolute;text-align:center;width:100%;z-index:2}.photoviewer-footer .photoviewer-toolbar{display:inline-block}.photoviewer-resizable-handle{position:absolute;z-index:10}.photoviewer-resizable-handle-e{bottom:0;cursor:e-resize;left:auto;right:-5px;top:0;width:10px}.photoviewer-resizable-handle-s{bottom:-5px;cursor:s-resize;height:10px;left:0;right:0;top:auto}.photoviewer-resizable-handle-w{bottom:0;cursor:w-resize;left:-5px;right:auto;top:0;width:10px}.photoviewer-resizable-handle-n{bottom:auto;cursor:n-resize;height:10px;left:0;right:0;top:-5px}.photoviewer-resizable-handle-se{bottom:-5px;cursor:se-resize;height:10px;left:auto;right:-5px;top:auto;width:10px}.photoviewer-resizable-handle-sw{bottom:-5px;cursor:sw-resize;height:10px;left:-5px;right:auto;top:auto;width:10px}.photoviewer-resizable-handle-nw{bottom:auto;cursor:nw-resize;height:10px;left:-5px;right:auto;top:-5px;width:10px}.photoviewer-resizable-handle-ne{bottom:auto;cursor:ne-resize;height:10px;left:auto;right:-5px;top:-5px;width:10px}:-moz-full-screen{height:100%!important;left:0!important;top:0!important;width:100%!important}:-moz-full-screen .photoviewer-footer,:-moz-full-screen .photoviewer-header,:-moz-full-screen .photoviewer-resizable-handle{display:none}:-moz-full-screen .photoviewer-stage{background-color:#000;border-width:0;bottom:0;left:0;right:0;top:0}:full-screen{height:100%!important;left:0!important;top:0!important;width:100%!important}:full-screen .photoviewer-footer,:full-screen .photoviewer-header,:full-screen .photoviewer-resizable-handle{display:none}:full-screen .photoviewer-stage{background-color:#000;border-width:0;bottom:0;left:0;right:0;top:0}:-webkit-full-screen{height:100%!important;left:0!important;top:0!important;width:100%!important}:-ms-fullscreen{height:100%!important;left:0!important;top:0!important;width:100%!important}:fullscreen{height:100%!important;left:0!important;top:0!important;width:100%!important}:-webkit-full-screen .photoviewer-footer,:-webkit-full-screen .photoviewer-header,:-webkit-full-screen .photoviewer-resizable-handle{display:none}:-ms-fullscreen .photoviewer-footer,:-ms-fullscreen .photoviewer-header,:-ms-fullscreen .photoviewer-resizable-handle{display:none}:fullscreen .photoviewer-footer,:fullscreen .photoviewer-header,:fullscreen .photoviewer-resizable-handle{display:none}:-webkit-full-screen .photoviewer-stage{background-color:#000;border-width:0;bottom:0;left:0;right:0;top:0}:-ms-fullscreen .photoviewer-stage{background-color:#000;border-width:0;bottom:0;left:0;right:0;top:0}:fullscreen .photoviewer-stage{background-color:#000;border-width:0;bottom:0;left:0;right:0;top:0}::-webkit-backdrop{background-color:#000}::backdrop{background-color:#000}::-ms-backdrop{background-color:#000}.is-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.is-grabbing{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.photoviewer-loader{bottom:40px;color:#333;left:0;position:absolute;right:0;text-align:center;top:30px;z-index:2}.photoviewer-loader:before{-webkit-animation:photoviewerLoading 1s linear infinite;animation:photoviewerLoading 1s linear infinite;border:5px solid rgba(0,0,0,.5);border-left-color:hsla(0,0%,100%,.5);border-radius:100%;box-sizing:border-box;height:36px;position:relative;width:36px}.photoviewer-loader:after,.photoviewer-loader:before{content:\"\";display:inline-block;vertical-align:middle}.photoviewer-loader:after{height:100%;overflow:hidden;width:0}@-webkit-keyframes photoviewerLoading{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}@keyframes photoviewerLoading{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.mtx-grid-action-button .mat-icon{font-size:18px;height:18px;line-height:18px;width:18px}.mtx-grid-img{border-radius:4px;cursor:pointer;display:block;width:30px}"]
|
|
182
159
|
}] }
|
|
@@ -224,4 +201,4 @@ if (false) {
|
|
|
224
201
|
*/
|
|
225
202
|
MtxGridCellComponent.prototype._dataGridSrv;
|
|
226
203
|
}
|
|
227
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
204
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL25pdXpvbmdiaW4vUHJvamVjdHMvQG5nLW1hdGVyby9leHRlbnNpb25zL3Byb2plY3RzL2V4dGVuc2lvbnMvZGF0YS1ncmlkLyIsInNvdXJjZXMiOlsiY2VsbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFHekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hELE9BQU8sV0FBVyxNQUFNLGFBQWEsQ0FBQztBQVV0QyxNQUFNLE9BQU8sb0JBQW9COzs7OztJQWdEL0IsWUFBb0IsT0FBa0IsRUFBVSxZQUE0QjtRQUF4RCxZQUFPLEdBQVAsT0FBTyxDQUFXO1FBQVUsaUJBQVksR0FBWixZQUFZLENBQWdCOzs7O1FBOUNuRSxZQUFPLEdBQUcsRUFBRSxDQUFDOzs7O1FBTWIsU0FBSSxHQUFVLEVBQUUsQ0FBQzs7OztRQUdqQixZQUFPLEdBQUcsS0FBSyxDQUFDO0lBcUNzRCxDQUFDOzs7O0lBbkNoRixJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25FLENBQUM7Ozs7O0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsT0FBTyxLQUFLLElBQUksSUFBSSxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDbEQsQ0FBQzs7Ozs7SUFFRCxjQUFjLENBQUMsS0FBYTtRQUMxQixPQUFPLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDOzs7OztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLE9BQU8sS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUM3RSxDQUFDOzs7OztJQUVELFdBQVcsQ0FBQyxLQUFVO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDaEQsQ0FBQzs7Ozs7SUFFRCxvQkFBb0IsQ0FBQyxLQUFVO1FBQzdCLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUM5RSxDQUFDOzs7Ozs7SUFFRCxjQUFjLENBQUMsSUFBVyxFQUFFLE1BQXFCO1FBQy9DLElBQUksT0FBTyxNQUFNLENBQUMsT0FBTyxLQUFLLFFBQVEsRUFBRTtZQUN0QyxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUM7U0FDdkI7YUFBTSxJQUFJLE9BQU8sTUFBTSxDQUFDLE9BQU8sS0FBSyxVQUFVLEVBQUU7WUFDL0MsT0FBTyxDQUFDLG1CQUFBLE1BQU0sQ0FBQyxPQUFPLEVBQWlELENBQUMsQ0FDdEUsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxFQUMxQyxNQUFNLENBQ1AsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7Ozs7OztJQUlELGtCQUFrQixDQUFDLEtBQWlCLEVBQUUsR0FBd0IsRUFBRSxPQUFZOztRQUMxRSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO2dCQUNoQixLQUFLLEVBQUUsR0FBRyxDQUFDLFFBQVE7Z0JBQ25CLFdBQVcsRUFBRSxHQUFHLENBQUMsY0FBYztnQkFDL0IsT0FBTyxFQUFFO29CQUNQO3dCQUNFLEtBQUssRUFBRSxHQUFHLENBQUMsVUFBVSxJQUFJLFNBQVM7d0JBQ2xDLElBQUksRUFBRSxHQUFHLENBQUMsU0FBUyxJQUFJLElBQUk7d0JBQzNCLE9BQU87Ozt3QkFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFBO3FCQUNyRDtvQkFDRDt3QkFDRSxLQUFLLEVBQUUsR0FBRyxDQUFDLGFBQWE7d0JBQ3hCLElBQUksRUFBRSxHQUFHLENBQUMsWUFBWSxJQUFJLE9BQU87d0JBQ2pDLE9BQU87Ozt3QkFBRSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUE7cUJBQ2xCO2lCQUNGO2FBQ0YsQ0FBQyxDQUFDO1NBQ0o7YUFBTTtZQUNMLE1BQUEsR0FBRyxDQUFDLEtBQUssK0NBQVQsR0FBRyxFQUFTLE9BQU8sRUFBRTtTQUN0QjtJQUNILENBQUM7Ozs7OztJQUdELG1CQUFtQixDQUFDLE1BQWM7O2NBQzFCLElBQUksR0FBc0IsRUFBRTtRQUVsQyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxPQUFPOzs7OztRQUFDLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ3ZELElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFHLENBQUMsR0FBRyxFQUFFLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDakQsQ0FBQyxFQUFDLENBQUM7O2NBRUcsYUFBYSxHQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUM7WUFDYixDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxZQUFZLENBQUM7WUFDbEYsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQzs7Y0FFaEUsT0FBTyxHQUF3QjtZQUNuQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDO1lBQ3RCLGFBQWE7U0FDZDs7Y0FFSyxXQUFXLEdBQUcsSUFBSSxXQUFXLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQztJQUNwRCxDQUFDOzs7WUF0R0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxlQUFlO2dCQUN6QixRQUFRLEVBQUUsYUFBYTtnQkFDdkIsZ3lKQUFvQztnQkFFcEMsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2FBQ3RDOzs7O1lBYlEsU0FBUztZQUdULGNBQWM7OztzQkFhcEIsS0FBSztxQkFHTCxLQUFLO21CQUdMLEtBQUs7c0JBR0wsS0FBSzs7Ozs7OztJQVROLHVDQUFzQjs7Ozs7SUFHdEIsc0NBQStCOzs7OztJQUcvQixvQ0FBMEI7Ozs7O0lBRzFCLHVDQUF5Qjs7Ozs7SUFxQ2IsdUNBQTBCOzs7OztJQUFFLDRDQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE10eERpYWxvZyB9IGZyb20gJ0BuZy1tYXRlcm8vZXh0ZW5zaW9ucy9kaWFsb2cnO1xyXG5cclxuaW1wb3J0IHsgTXR4R3JpZENvbHVtbiwgTXR4R3JpZENvbHVtbkJ1dHRvbiB9IGZyb20gJy4vZ3JpZC5pbnRlcmZhY2UnO1xyXG5pbXBvcnQgeyBNdHhHcmlkU2VydmljZSB9IGZyb20gJy4vZ3JpZC5zZXJ2aWNlJztcclxuaW1wb3J0IFBob3RvVmlld2VyIGZyb20gJ3Bob3Rvdmlld2VyJztcclxuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ210eC1ncmlkLWNlbGwnLFxyXG4gIGV4cG9ydEFzOiAnbXR4R3JpZENlbGwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jZWxsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jZWxsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE10eEdyaWRDZWxsQ29tcG9uZW50IHtcclxuICAvKiogUm93IGRhdGEgKi9cclxuICBASW5wdXQoKSByb3dEYXRhID0ge307XHJcblxyXG4gIC8qKiBDb2x1bW4gZGVmaW5pdGlvbiAqL1xyXG4gIEBJbnB1dCgpIGNvbERlZjogTXR4R3JpZENvbHVtbjtcclxuXHJcbiAgLyoqIEFsbCBkYXRhICovXHJcbiAgQElucHV0KCkgZGF0YTogYW55W10gPSBbXTtcclxuXHJcbiAgLyoqIFdoZXRoZXIgc2hvdyBzdW1tYXJ5ICovXHJcbiAgQElucHV0KCkgc3VtbWFyeSA9IGZhbHNlO1xyXG5cclxuICBnZXQgX2NvbFZhbHVlKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX2RhdGFHcmlkU3J2LmdldENlbGxWYWx1ZSh0aGlzLnJvd0RhdGEsIHRoaXMuY29sRGVmKTtcclxuICB9XHJcblxyXG4gIF9pc0VtcHR5VmFsdWUodmFsdWU6IGFueSkge1xyXG4gICAgcmV0dXJuIHZhbHVlID09IG51bGwgfHwgdmFsdWUudG9TdHJpbmcoKSA9PT0gJyc7XHJcbiAgfVxyXG5cclxuICBfaXNDb250YWluSFRNTCh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICByZXR1cm4gLzxcXC8/W2Etel1bXFxzXFxTXSo+L2kudGVzdCh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBfZ2V0VGV4dCh2YWx1ZTogYW55KSB7XHJcbiAgICByZXR1cm4gdmFsdWUgPT09IHVuZGVmaW5lZCA/ICcnIDogdGhpcy5faXNFbXB0eVZhbHVlKHZhbHVlKSA/ICctLScgOiB2YWx1ZTtcclxuICB9XHJcblxyXG4gIF9nZXRUb29sdGlwKHZhbHVlOiBhbnkpIHtcclxuICAgIHJldHVybiB0aGlzLl9pc0VtcHR5VmFsdWUodmFsdWUpID8gJycgOiB2YWx1ZTtcclxuICB9XHJcblxyXG4gIF9nZXRGb3JtYXR0ZXJUb29sdGlwKHZhbHVlOiBhbnkpIHtcclxuICAgIHJldHVybiB0aGlzLl9pc0NvbnRhaW5IVE1MKHZhbHVlKSB8fCB0aGlzLl9pc0VtcHR5VmFsdWUodmFsdWUpID8gJycgOiB2YWx1ZTtcclxuICB9XHJcblxyXG4gIF9mb3JtYXRTdW1tYXJ5KGRhdGE6IGFueVtdLCBjb2xEZWY6IE10eEdyaWRDb2x1bW4pIHtcclxuICAgIGlmICh0eXBlb2YgY29sRGVmLnN1bW1hcnkgPT09ICdzdHJpbmcnKSB7XHJcbiAgICAgIHJldHVybiBjb2xEZWYuc3VtbWFyeTtcclxuICAgIH0gZWxzZSBpZiAodHlwZW9mIGNvbERlZi5zdW1tYXJ5ID09PSAnZnVuY3Rpb24nKSB7XHJcbiAgICAgIHJldHVybiAoY29sRGVmLnN1bW1hcnkgYXMgKGRhdGE6IGFueVtdLCBjb2xEZWY/OiBNdHhHcmlkQ29sdW1uKSA9PiB2b2lkKShcclxuICAgICAgICB0aGlzLl9kYXRhR3JpZFNydi5nZXRDb2xEYXRhKGRhdGEsIGNvbERlZiksXHJcbiAgICAgICAgY29sRGVmXHJcbiAgICAgICk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9kaWFsb2c6IE10eERpYWxvZywgcHJpdmF0ZSBfZGF0YUdyaWRTcnY6IE10eEdyaWRTZXJ2aWNlKSB7fVxyXG5cclxuICBfaGFuZGxlQWN0aW9uQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQsIGJ0bjogTXR4R3JpZENvbHVtbkJ1dHRvbiwgcm93RGF0YTogYW55KSB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcblxyXG4gICAgaWYgKGJ0bi5wb3ApIHtcclxuICAgICAgdGhpcy5fZGlhbG9nLm9wZW4oe1xyXG4gICAgICAgIHRpdGxlOiBidG4ucG9wVGl0bGUsXHJcbiAgICAgICAgZGVzY3JpcHRpb246IGJ0bi5wb3BEZXNjcmlwdGlvbixcclxuICAgICAgICBidXR0b25zOiBbXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIGNvbG9yOiBidG4ucG9wT2tDb2xvciB8fCAncHJpbWFyeScsXHJcbiAgICAgICAgICAgIHRleHQ6IGJ0bi5wb3BPa1RleHQgfHwgJ09LJyxcclxuICAgICAgICAgICAgb25DbGljazogKCkgPT4gKGJ0bi5jbGljayA/IGJ0bi5jbGljayhyb3dEYXRhKSA6IHt9KSxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIGNvbG9yOiBidG4ucG9wQ2xvc2VDb2xvcixcclxuICAgICAgICAgICAgdGV4dDogYnRuLnBvcENsb3NlVGV4dCB8fCAnQ0xPU0UnLFxyXG4gICAgICAgICAgICBvbkNsaWNrOiAoKSA9PiB7fSxcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgXSxcclxuICAgICAgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBidG4uY2xpY2s/Lihyb3dEYXRhKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKiBQcmV2aWV3IGVubGFyZ2VkIGltYWdlICovXHJcbiAgX2hhbmRsZUltYWdlUHJldmlldyh1cmxTdHI6IHN0cmluZykge1xyXG4gICAgY29uc3QgaW1nczogUGhvdG9WaWV3ZXIuSW1nW10gPSBbXTtcclxuXHJcbiAgICB0aGlzLl9kYXRhR3JpZFNydi5zdHIyYXJyKHVybFN0cikuZm9yRWFjaCgodXJsLCBpbmRleCkgPT4ge1xyXG4gICAgICBpbWdzLnB1c2goeyB0aXRsZTogaW5kZXggKyAxICsgJycsIHNyYzogdXJsIH0pO1xyXG4gICAgfSk7XHJcblxyXG4gICAgY29uc3QgZm9vdGVyVG9vbGJhciA9XHJcbiAgICAgIGltZ3MubGVuZ3RoID4gMVxyXG4gICAgICAgID8gWyd6b29tSW4nLCAnem9vbU91dCcsICdwcmV2JywgJ25leHQnLCAncm90YXRlUmlnaHQnLCAncm90YXRlTGVmdCcsICdhY3R1YWxTaXplJ11cclxuICAgICAgICA6IFsnem9vbUluJywgJ3pvb21PdXQnLCAncm90YXRlUmlnaHQnLCAncm90YXRlTGVmdCcsICdhY3R1YWxTaXplJ107XHJcblxyXG4gICAgY29uc3Qgb3B0aW9uczogUGhvdG9WaWV3ZXIuT3B0aW9ucyA9IHtcclxuICAgICAgdGl0bGU6IGltZ3MubGVuZ3RoID4gMSxcclxuICAgICAgZm9vdGVyVG9vbGJhcixcclxuICAgIH07XHJcblxyXG4gICAgY29uc3QgcGhvdG92aWV3ZXIgPSBuZXcgUGhvdG9WaWV3ZXIoaW1ncywgb3B0aW9ucyk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -61,7 +61,7 @@ MtxGridColumnMenuComponent.decorators = [
|
|
|
61
61
|
{ type: Component, args: [{
|
|
62
62
|
selector: 'mtx-grid-column-menu',
|
|
63
63
|
exportAs: 'mtxGridColumnMenu',
|
|
64
|
-
template: "<ng-container [ngSwitch]=\"buttonType\">\r\n <ng-container *ngSwitchCase=\"'raised'\">\r\n <button [ngClass]=\"buttonClass\" mat-raised-button [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'stroked'\">\r\n <button [ngClass]=\"buttonClass\" mat-stroked-button [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'flat'\">\r\n <button [ngClass]=\"buttonClass\" mat-flat-button [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <button [ngClass]=\"buttonClass\" mat-icon-button [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'fab'\">\r\n <button [ngClass]=\"buttonClass\" mat-fab [color]=\"buttonColor\" [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'mini-fab'\">\r\n <button [ngClass]=\"buttonClass\" mat-mini-fab [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button [ngClass]=\"buttonClass\" mat-button [color]=\"buttonColor\" [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"mtx-grid-column-menu\">\r\n <div class=\"mtx-grid-column-menu-content\"\r\n (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n <div class=\"mtx-grid-column-menu-header\" *ngIf=\"showHeader\">\r\n <ng-template [ngIf]=\"headerTemplate\" [ngIfElse]=\"defaultHeaderTpl\">\r\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\r\n </ng-template>\r\n <ng-template #defaultHeaderTpl>{{headerText}}</ng-template>\r\n </div>\r\n\r\n <div class=\"mtx-grid-column-menu-body\">\r\n <div class=\"mtx-grid-column-menu-list\"\r\n cdkDropList (cdkDropListDropped)=\"_handleDroped($event)\"\r\n *ngIf=\"sortable\">\r\n <div class=\"mtx-grid-column-menu-item\" *ngFor=\"let col of columns\"\r\n cdkDrag [cdkDragDisabled]=\"selectableChecked === 'show'? !col.show : col.hide\">\r\n <mat-icon cdkDragHandle>drag_handle</mat-icon>\r\n <ng-template [ngTemplateOutlet]=\"checkboxList\"\r\n [ngTemplateOutletContext]=\"{ $implicit: col }\">\r\n </ng-template>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mtx-grid-column-menu-list\" *ngIf=\"!sortable\">\r\n <div class=\"mtx-grid-column-menu-item\" *ngFor=\"let col of columns\">\r\n <ng-template [ngTemplateOutlet]=\"checkboxList\"\r\n [ngTemplateOutletContext]=\"{ $implicit: col }\">\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mtx-grid-column-menu-footer\" *ngIf=\"showFooter\">\r\n <ng-template [ngIf]=\"footerTemplate\" [ngIfElse]=\"defaultFooterTpl\">\r\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\r\n </ng-template>\r\n <ng-template #defaultFooterTpl>{{footerText}}</ng-template>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n<ng-template #checkboxList let-col>\r\n <mat-checkbox class=\"mtx-grid-column-menu-item-label\"\r\n *ngIf=\"selectable\"\r\n [(ngModel)]=\"col[selectableChecked]\"\r\n [disabled]=\"col.disabled\"\r\n (change)=\"_handleSelection($event)\">\r\n {{col.label | toObservable | async}}\r\n </mat-checkbox>\r\n <span class=\"mtx-grid-column-menu-item-label\" *ngIf=\"!selectable\">\r\n {{col.label | toObservable | async}}\r\n </span>\r\n</ng-template>\r\n",
|
|
64
|
+
template: "<ng-container [ngSwitch]=\"buttonType\">\r\n <ng-container *ngSwitchCase=\"'raised'\">\r\n <button [ngClass]=\"buttonClass\" mat-raised-button type=\"button\" [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'stroked'\">\r\n <button [ngClass]=\"buttonClass\" mat-stroked-button type=\"button\" [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'flat'\">\r\n <button [ngClass]=\"buttonClass\" mat-flat-button type=\"button\" [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'icon'\">\r\n <button [ngClass]=\"buttonClass\" mat-icon-button type=\"button\" [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'fab'\">\r\n <button [ngClass]=\"buttonClass\" mat-fab type=\"button\" [color]=\"buttonColor\" [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'mini-fab'\">\r\n <button [ngClass]=\"buttonClass\" mat-mini-fab type=\"button\" [color]=\"buttonColor\"\r\n [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <button [ngClass]=\"buttonClass\" mat-button type=\"button\" [color]=\"buttonColor\" [matMenuTriggerFor]=\"menu\">\r\n <mat-icon *ngIf=\"buttonIcon\">{{buttonIcon}}</mat-icon> {{buttonText}}\r\n </button>\r\n </ng-container>\r\n</ng-container>\r\n\r\n<mat-menu #menu=\"matMenu\" class=\"mtx-grid-column-menu\">\r\n <div class=\"mtx-grid-column-menu-content\"\r\n (click)=\"$event.stopPropagation()\" (keydown)=\"$event.stopPropagation()\">\r\n <div class=\"mtx-grid-column-menu-header\" *ngIf=\"showHeader\">\r\n <ng-template [ngIf]=\"headerTemplate\" [ngIfElse]=\"defaultHeaderTpl\">\r\n <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\r\n </ng-template>\r\n <ng-template #defaultHeaderTpl>{{headerText}}</ng-template>\r\n </div>\r\n\r\n <div class=\"mtx-grid-column-menu-body\">\r\n <div class=\"mtx-grid-column-menu-list\"\r\n cdkDropList (cdkDropListDropped)=\"_handleDroped($event)\"\r\n *ngIf=\"sortable\">\r\n <div class=\"mtx-grid-column-menu-item\" *ngFor=\"let col of columns\"\r\n cdkDrag [cdkDragDisabled]=\"selectableChecked === 'show'? !col.show : col.hide\">\r\n <mat-icon cdkDragHandle>drag_handle</mat-icon>\r\n <ng-template [ngTemplateOutlet]=\"checkboxList\"\r\n [ngTemplateOutletContext]=\"{ $implicit: col }\">\r\n </ng-template>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mtx-grid-column-menu-list\" *ngIf=\"!sortable\">\r\n <div class=\"mtx-grid-column-menu-item\" *ngFor=\"let col of columns\">\r\n <ng-template [ngTemplateOutlet]=\"checkboxList\"\r\n [ngTemplateOutletContext]=\"{ $implicit: col }\">\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"mtx-grid-column-menu-footer\" *ngIf=\"showFooter\">\r\n <ng-template [ngIf]=\"footerTemplate\" [ngIfElse]=\"defaultFooterTpl\">\r\n <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\r\n </ng-template>\r\n <ng-template #defaultFooterTpl>{{footerText}}</ng-template>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n\r\n<ng-template #checkboxList let-col>\r\n <mat-checkbox class=\"mtx-grid-column-menu-item-label\"\r\n *ngIf=\"selectable\"\r\n [(ngModel)]=\"col[selectableChecked]\"\r\n [disabled]=\"col.disabled\"\r\n (change)=\"_handleSelection($event)\">\r\n {{col.label | toObservable | async}}\r\n </mat-checkbox>\r\n <span class=\"mtx-grid-column-menu-item-label\" *ngIf=\"!selectable\">\r\n {{col.label | toObservable | async}}\r\n </span>\r\n</ng-template>\r\n",
|
|
65
65
|
encapsulation: ViewEncapsulation.None,
|
|
66
66
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
67
67
|
styles: [".mtx-grid-column-menu .mat-menu-content{padding:0}.mtx-grid-column-menu-body{padding:16px}.mtx-grid-column-menu-footer,.mtx-grid-column-menu-header{padding:8px 16px;position:-webkit-sticky;position:sticky;z-index:1}.mtx-grid-column-menu-header{top:0}.mtx-grid-column-menu-footer{bottom:0}.mtx-grid-column-menu-list{display:block;max-width:100%}.mtx-grid-column-menu-list.cdk-drop-list-dragging .mtx-grid-column-menu-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.mtx-grid-column-menu-list.cdk-drop-list .mtx-grid-column-menu-item-label{padding:0 4px}.mtx-grid-column-menu-item{align-items:center;display:flex;flex-direction:row;padding:4px 0}.mtx-grid-column-menu-item.cdk-drag-disabled .cdk-drag-handle{cursor:no-drop;opacity:.35}.mtx-grid-column-menu-item .cdk-drag-handle{cursor:move}.mtx-grid-column-menu-item.cdk-drag-preview{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mtx-grid-column-menu-item.cdk-drag-placeholder{opacity:0}.mtx-grid-column-menu-item.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}"]
|
|
@@ -134,4 +134,4 @@ if (false) {
|
|
|
134
134
|
/** @type {?} */
|
|
135
135
|
MtxGridColumnMenuComponent.prototype.sortChange;
|
|
136
136
|
}
|
|
137
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
137
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9uaXV6b25nYmluL1Byb2plY3RzL0BuZy1tYXRlcm8vZXh0ZW5zaW9ucy9wcm9qZWN0cy9leHRlbnNpb25zL2RhdGEtZ3JpZC8iLCJzb3VyY2VzIjpbImNvbHVtbi1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsTUFBTSxFQUNOLFlBQVksRUFDWixXQUFXLEVBQ1gsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBZSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV0RSxPQUFPLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBWWpFLE1BQU0sT0FBTywwQkFBMEI7SUFSdkM7UUFZVyxZQUFPLEdBQWlDLEVBQUUsQ0FBQztRQUMzQyxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLHNCQUFpQixHQUFvQixNQUFNLENBQUM7UUFDNUMsYUFBUSxHQUFHLElBQUksQ0FBQztRQUNoQixnQkFBVyxHQUFHLElBQUksQ0FBQztRQVdwQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVoQixlQUFVLEdBQXNCLFNBQVMsQ0FBQztRQUUxQyxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBRWhCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsZUFBVSxHQUFHLGdCQUFnQixDQUFDO1FBRTlCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsZUFBVSxHQUFHLGdCQUFnQixDQUFDO1FBRzdCLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQWdDLENBQUM7UUFDbkUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFnQyxDQUFDO0lBVTFFLENBQUM7Ozs7SUFsQ0MsSUFDSSxVQUFVOztjQUNOLFdBQVcsR0FBRyxXQUFXLElBQUksQ0FBQyxpQkFBaUIsS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFOztjQUNqRixJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVztRQUM5RCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7Ozs7O0lBQ0QsSUFBSSxVQUFVLENBQUMsS0FBYTtRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDOzs7OztJQWtCRCxhQUFhLENBQUMsS0FBNEI7UUFDeEMsZUFBZSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3JDLENBQUM7Ozs7O0lBRUQsZ0JBQWdCLENBQUMsQ0FBb0I7UUFDbkMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzFDLENBQUM7OztZQW5ERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0Isc2dKQUEyQztnQkFFM0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O3dCQUVFLFNBQVMsU0FBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOzBCQUNsQyxTQUFTLFNBQUMsY0FBYztzQkFFeEIsS0FBSzt5QkFDTCxLQUFLO2dDQUNMLEtBQUs7dUJBQ0wsS0FBSzswQkFDTCxLQUFLO3lCQUVMLEtBQUs7eUJBV0wsS0FBSzswQkFDTCxLQUFLOzBCQUNMLEtBQUs7eUJBQ0wsS0FBSzt5QkFFTCxLQUFLO3lCQUNMLEtBQUs7NkJBQ0wsS0FBSzt5QkFDTCxLQUFLO3lCQUNMLEtBQUs7NkJBQ0wsS0FBSzs4QkFFTCxNQUFNO3lCQUNOLE1BQU07Ozs7SUFqQ1AsK0NBQXdEOztJQUN4RCxpREFBdUQ7O0lBRXZELDZDQUFvRDs7SUFDcEQsZ0RBQTJCOztJQUMzQix1REFBcUQ7O0lBQ3JELDhDQUF5Qjs7SUFDekIsaURBQTRCOzs7OztJQVc1QixpREFBeUI7O0lBRXpCLGdEQUFtRDs7SUFDbkQsaURBQW1DOztJQUNuQyxpREFBMEI7O0lBQzFCLGdEQUF5Qjs7SUFFekIsZ0RBQTRCOztJQUM1QixnREFBdUM7O0lBQ3ZDLG9EQUEwQzs7SUFDMUMsZ0RBQTRCOztJQUM1QixnREFBdUM7O0lBQ3ZDLG9EQUEwQzs7SUFFMUMscURBQTZFOztJQUM3RSxnREFBd0UiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIFRlbXBsYXRlUmVmLFxyXG4gIFZpZXdDaGlsZCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AsIG1vdmVJdGVtSW5BcnJheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBNYXRDaGVja2JveENoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcclxuaW1wb3J0IHsgTWF0TWVudSwgTWF0TWVudVRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcclxuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XHJcbmltcG9ydCB7IE10eEdyaWRCdXR0b25UeXBlLCBNdHhHcmlkQ29sdW1uU2VsZWN0aW9uSXRlbSB9IGZyb20gJy4vZ3JpZC5pbnRlcmZhY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtdHgtZ3JpZC1jb2x1bW4tbWVudScsXHJcbiAgZXhwb3J0QXM6ICdtdHhHcmlkQ29sdW1uTWVudScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbHVtbi1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2x1bW4tbWVudS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNdHhHcmlkQ29sdW1uTWVudUNvbXBvbmVudCB7XHJcbiAgQFZpZXdDaGlsZCgnbWVudScsIHsgc3RhdGljOiB0cnVlIH0pIG1lbnVQYW5lbDogTWF0TWVudTtcclxuICBAVmlld0NoaWxkKE1hdE1lbnVUcmlnZ2VyKSBtZW51VHJpZ2dlcjogTWF0TWVudVRyaWdnZXI7XHJcblxyXG4gIEBJbnB1dCgpIGNvbHVtbnM6IE10eEdyaWRDb2x1bW5TZWxlY3Rpb25JdGVtW10gPSBbXTtcclxuICBASW5wdXQoKSBzZWxlY3RhYmxlID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzZWxlY3RhYmxlQ2hlY2tlZDogJ3Nob3cnIHwgJ2hpZGUnID0gJ3Nob3cnO1xyXG4gIEBJbnB1dCgpIHNvcnRhYmxlID0gdHJ1ZTtcclxuICBASW5wdXQoKSBkbmRTb3J0YWJsZSA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IGJ1dHRvblRleHQoKSB7XHJcbiAgICBjb25zdCBkZWZhdWx0VGV4dCA9IGBDb2x1bW5zICR7dGhpcy5zZWxlY3RhYmxlQ2hlY2tlZCA9PT0gJ3Nob3cnID8gJ1Nob3duJyA6ICdIaWRkZW4nfWA7XHJcbiAgICBjb25zdCB0ZXh0ID0gdGhpcy5fYnV0dG9uVGV4dCA/IHRoaXMuX2J1dHRvblRleHQgOiBkZWZhdWx0VGV4dDtcclxuICAgIHJldHVybiB0ZXh0O1xyXG4gIH1cclxuICBzZXQgYnV0dG9uVGV4dCh2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICB0aGlzLl9idXR0b25UZXh0ID0gdmFsdWU7XHJcbiAgfVxyXG4gIHByaXZhdGUgX2J1dHRvblRleHQgPSAnJztcclxuXHJcbiAgQElucHV0KCkgYnV0dG9uVHlwZTogTXR4R3JpZEJ1dHRvblR5cGUgPSAnc3Ryb2tlZCc7XHJcbiAgQElucHV0KCkgYnV0dG9uQ29sb3I6IFRoZW1lUGFsZXR0ZTtcclxuICBASW5wdXQoKSBidXR0b25DbGFzcyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvbkljb24gPSAnJztcclxuXHJcbiAgQElucHV0KCkgc2hvd0hlYWRlciA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhlYWRlclRleHQgPSAnQ29sdW1ucyBIZWFkZXInO1xyXG4gIEBJbnB1dCgpIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBJbnB1dCgpIHNob3dGb290ZXIgPSBmYWxzZTtcclxuICBASW5wdXQoKSBmb290ZXJUZXh0ID0gJ0NvbHVtbnMgRm9vdGVyJztcclxuICBASW5wdXQoKSBmb290ZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQE91dHB1dCgpIHNlbGVjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8TXR4R3JpZENvbHVtblNlbGVjdGlvbkl0ZW1bXT4oKTtcclxuICBAT3V0cHV0KCkgc29ydENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8TXR4R3JpZENvbHVtblNlbGVjdGlvbkl0ZW1bXT4oKTtcclxuXHJcbiAgX2hhbmRsZURyb3BlZChldmVudDogQ2RrRHJhZ0Ryb3A8c3RyaW5nW10+KSB7XHJcbiAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5jb2x1bW5zLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gICAgdGhpcy5zb3J0Q2hhbmdlLmVtaXQodGhpcy5jb2x1bW5zKTtcclxuICB9XHJcblxyXG4gIF9oYW5kbGVTZWxlY3Rpb24oZTogTWF0Q2hlY2tib3hDaGFuZ2UpIHtcclxuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlLmVtaXQodGhpcy5jb2x1bW5zKTtcclxuICB9XHJcbn1cclxuIl19
|