@skyux/list-builder-view-grids 5.0.0 → 5.0.1
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/skyux-list-builder-view-grids-testing.umd.js +6 -6
- package/bundles/skyux-list-builder-view-grids-testing.umd.js.map +1 -1
- package/bundles/skyux-list-builder-view-grids.umd.js +147 -130
- package/bundles/skyux-list-builder-view-grids.umd.js.map +1 -1
- package/documentation.json +80 -75
- package/esm2015/modules/column-selector/column-selector-modal.component.js +5 -5
- package/esm2015/modules/column-selector/column-selector-modal.module.js +9 -13
- package/esm2015/modules/list-column-selector-action/list-column-selector-action.component.js +29 -27
- package/esm2015/modules/list-column-selector-action/list-column-selector-action.module.js +11 -15
- package/esm2015/modules/list-column-selector-action/list-column-selector-button.component.js +5 -5
- package/esm2015/modules/list-view-grid/list-view-grid.component.js +73 -58
- package/esm2015/modules/list-view-grid/list-view-grid.module.js +10 -12
- package/esm2015/modules/list-view-grid/state/columns/columns.orchestrator.js +3 -4
- package/esm2015/modules/list-view-grid/state/columns/load.action.js +1 -1
- package/esm2015/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.js +3 -4
- package/esm2015/modules/list-view-grid/state/displayed-columns/load.action.js +1 -1
- package/esm2015/modules/list-view-grid/state/grid-state-action.type.js +1 -1
- package/esm2015/modules/list-view-grid/state/grid-state.model.js +1 -1
- package/esm2015/modules/list-view-grid/state/grid-state.rxstate.js +4 -4
- package/esm2015/modules/list-view-grid/state/grid-state.state-node.js +5 -6
- package/esm2015/modules/list-view-grid/types/list-view-grid-message-type.js +1 -1
- package/esm2015/modules/list-view-grid/types/list-view-grid-message.js +1 -1
- package/esm2015/modules/shared/sky-list-builder-view-grids-resources.module.js +27 -12
- package/esm2015/testing/list-view-grid-fixture-cell.js +1 -1
- package/esm2015/testing/list-view-grid-fixture-header.js +1 -1
- package/esm2015/testing/list-view-grid-fixture-row.js +1 -1
- package/esm2015/testing/list-view-grid-fixture.js +4 -4
- package/fesm2015/skyux-list-builder-view-grids-testing.js +3 -3
- package/fesm2015/skyux-list-builder-view-grids-testing.js.map +1 -1
- package/fesm2015/skyux-list-builder-view-grids.js +161 -142
- package/fesm2015/skyux-list-builder-view-grids.js.map +1 -1
- package/package.json +9 -9
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/modals'), require('@skyux/list-builder'), require('@skyux/list-builder-view-checklist'), require('@skyux/i18n'), require('@skyux/indicators'), require('rxjs/operators'), require('rxjs'), require('@skyux/list-builder-common'), require('@skyux/grids')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/list-builder-view-grids', ['exports', '@angular/core', '@angular/common', '@skyux/modals', '@skyux/list-builder', '@skyux/list-builder-view-checklist', '@skyux/i18n', '@skyux/indicators', 'rxjs/operators', 'rxjs', '@skyux/list-builder-common', '@skyux/grids'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux[
|
|
5
|
-
}(this, (function (exports, i0, i4$1, i2, i1, i4, i5, i1$1, operators, rxjs, listBuilderCommon, i4$2) { 'use strict';
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["list-builder-view-grids"] = {}), global.ng.core, global.ng.common, global.i2, global.i1, global.i4, global.i5, global.i1$1, global.rxjs.operators, global.rxjs, global.listBuilderCommon, global.i4$2));
|
|
5
|
+
})(this, (function (exports, i0, i4$1, i2, i1, i4, i5, i1$1, operators, rxjs, listBuilderCommon, i4$2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,14 +13,12 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -72,13 +70,13 @@
|
|
|
72
70
|
};
|
|
73
71
|
return SkyColumnSelectorComponent;
|
|
74
72
|
}());
|
|
75
|
-
SkyColumnSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
76
|
-
SkyColumnSelectorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
77
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
73
|
+
SkyColumnSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorComponent, deps: [{ token: SkyColumnSelectorContext }, { token: i2__namespace.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
74
|
+
SkyColumnSelectorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0__namespace, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-list\n #list\n [data]=\"context.columns\"\n [selectedIds]=\"context.selectedColumnIds\"\n (selectedIdsChange)=\"selectedColumnsChange($event)\"\n >\n <sky-list-toolbar\n [placeholder]=\"\n 'skyux_grid_column_picker_search_placeholder' | skyLibResources\n \"\n >\n </sky-list-toolbar>\n\n <sky-list-view-checklist label=\"heading\" description=\"description\">\n </sky-list-view-checklist>\n </sky-list>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", components: [{ type: i2__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2__namespace.λ4, selector: "sky-modal-header" }, { type: i2__namespace.λ2, selector: "sky-modal-content" }, { type: i1__namespace.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { type: i1__namespace.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { type: i4__namespace.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { type: i2__namespace.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
|
|
75
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorComponent, decorators: [{
|
|
78
76
|
type: i0.Component,
|
|
79
77
|
args: [{
|
|
80
78
|
selector: 'sky-column-selector',
|
|
81
|
-
|
|
79
|
+
template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-list\n #list\n [data]=\"context.columns\"\n [selectedIds]=\"context.selectedColumnIds\"\n (selectedIdsChange)=\"selectedColumnsChange($event)\"\n >\n <sky-list-toolbar\n [placeholder]=\"\n 'skyux_grid_column_picker_search_placeholder' | skyLibResources\n \"\n >\n </sky-list-toolbar>\n\n <sky-list-view-checklist label=\"heading\" description=\"description\">\n </sky-list-view-checklist>\n </sky-list>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n",
|
|
82
80
|
}]
|
|
83
81
|
}], ctorParameters: function () { return [{ type: SkyColumnSelectorContext }, { type: i2__namespace.SkyModalInstance }]; } });
|
|
84
82
|
|
|
@@ -87,38 +85,34 @@
|
|
|
87
85
|
}
|
|
88
86
|
return SkyColumnSelectorModule;
|
|
89
87
|
}());
|
|
90
|
-
SkyColumnSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
91
|
-
SkyColumnSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
88
|
+
SkyColumnSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
89
|
+
SkyColumnSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [i4$1.CommonModule,
|
|
92
90
|
i5.SkyI18nModule,
|
|
93
91
|
i2.SkyModalModule,
|
|
94
92
|
i1.SkyListModule,
|
|
95
93
|
i1.SkyListToolbarModule,
|
|
96
94
|
i4.SkyListViewChecklistModule] });
|
|
97
|
-
SkyColumnSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
95
|
+
SkyColumnSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, imports: [[
|
|
98
96
|
i4$1.CommonModule,
|
|
99
97
|
i5.SkyI18nModule,
|
|
100
98
|
i2.SkyModalModule,
|
|
101
99
|
i1.SkyListModule,
|
|
102
100
|
i1.SkyListToolbarModule,
|
|
103
|
-
i4.SkyListViewChecklistModule
|
|
101
|
+
i4.SkyListViewChecklistModule,
|
|
104
102
|
]] });
|
|
105
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
103
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyColumnSelectorModule, decorators: [{
|
|
106
104
|
type: i0.NgModule,
|
|
107
105
|
args: [{
|
|
108
|
-
declarations: [
|
|
109
|
-
SkyColumnSelectorComponent
|
|
110
|
-
],
|
|
106
|
+
declarations: [SkyColumnSelectorComponent],
|
|
111
107
|
imports: [
|
|
112
108
|
i4$1.CommonModule,
|
|
113
109
|
i5.SkyI18nModule,
|
|
114
110
|
i2.SkyModalModule,
|
|
115
111
|
i1.SkyListModule,
|
|
116
112
|
i1.SkyListToolbarModule,
|
|
117
|
-
i4.SkyListViewChecklistModule
|
|
113
|
+
i4.SkyListViewChecklistModule,
|
|
118
114
|
],
|
|
119
|
-
entryComponents: [
|
|
120
|
-
SkyColumnSelectorComponent
|
|
121
|
-
]
|
|
115
|
+
entryComponents: [SkyColumnSelectorComponent],
|
|
122
116
|
}]
|
|
123
117
|
}] });
|
|
124
118
|
|
|
@@ -139,14 +133,14 @@
|
|
|
139
133
|
}
|
|
140
134
|
return SkyListColumnSelectorButtonComponent;
|
|
141
135
|
}());
|
|
142
|
-
SkyListColumnSelectorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
143
|
-
SkyListColumnSelectorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
144
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
136
|
+
SkyListColumnSelectorButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
137
|
+
SkyListColumnSelectorButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button", ngImport: i0__namespace, template: "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_grid_columns_button' | skyLibResources\"\n [title]=\"'skyux_grid_columns_button' | skyLibResources\"\n>\n <sky-icon icon=\"columns\"></sky-icon>\n <span class=\"sky-column-selector-action-btn-text\">\n {{ 'skyux_grid_columns_toolbar_button' | skyLibResources }}\n </span>\n</button>\n", styles: [":host .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i1__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], pipes: { "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
|
|
138
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorButtonComponent, decorators: [{
|
|
145
139
|
type: i0.Component,
|
|
146
140
|
args: [{
|
|
147
141
|
selector: 'sky-list-column-selector-button',
|
|
148
|
-
|
|
149
|
-
|
|
142
|
+
template: "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_grid_columns_button' | skyLibResources\"\n [title]=\"'skyux_grid_columns_button' | skyLibResources\"\n>\n <sky-icon icon=\"columns\"></sky-icon>\n <span class=\"sky-column-selector-action-btn-text\">\n {{ 'skyux_grid_columns_toolbar_button' | skyLibResources }}\n </span>\n</button>\n",
|
|
143
|
+
styles: [":host .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-column-selector-action-btn-text{display:inline}\n"],
|
|
150
144
|
}]
|
|
151
145
|
}], ctorParameters: function () { return []; } });
|
|
152
146
|
|
|
@@ -171,18 +165,16 @@
|
|
|
171
165
|
var columnChooserItem = new i1.ListToolbarItemModel({
|
|
172
166
|
id: 'column-chooser',
|
|
173
167
|
template: this.columnChooserTemplate,
|
|
174
|
-
location: 'left'
|
|
168
|
+
location: 'left',
|
|
175
169
|
});
|
|
176
|
-
this.dispatcher.toolbarAddItems([
|
|
177
|
-
columnChooserItem
|
|
178
|
-
], this.columnSelectorActionItemToolbarIndex);
|
|
170
|
+
this.dispatcher.toolbarAddItems([columnChooserItem], this.columnSelectorActionItemToolbarIndex);
|
|
179
171
|
}
|
|
180
172
|
};
|
|
181
173
|
Object.defineProperty(SkyListColumnSelectorActionComponent.prototype, "isInGridView", {
|
|
182
174
|
get: function () {
|
|
183
175
|
var _this = this;
|
|
184
176
|
return this.listState.pipe(operators.map(function (s) { return s.views.active; }), operators.map(function (activeView) {
|
|
185
|
-
return _this.gridView &&
|
|
177
|
+
return _this.gridView && activeView === _this.gridView.id;
|
|
186
178
|
}), operators.distinctUntilChanged());
|
|
187
179
|
},
|
|
188
180
|
enumerable: false,
|
|
@@ -192,7 +184,9 @@
|
|
|
192
184
|
get: function () {
|
|
193
185
|
var _this = this;
|
|
194
186
|
return this.listState.pipe(operators.map(function (s) { return s.views.active; }), operators.map(function (activeView) {
|
|
195
|
-
return _this.secondaryActions &&
|
|
187
|
+
return (_this.secondaryActions &&
|
|
188
|
+
_this.gridView &&
|
|
189
|
+
activeView === _this.gridView.id);
|
|
196
190
|
}), operators.distinctUntilChanged());
|
|
197
191
|
},
|
|
198
192
|
enumerable: false,
|
|
@@ -205,7 +199,9 @@
|
|
|
205
199
|
if (this.gridView) {
|
|
206
200
|
var columns_1 = [];
|
|
207
201
|
var selectedColumnIds_1 = [];
|
|
208
|
-
this.gridView.gridState
|
|
202
|
+
this.gridView.gridState
|
|
203
|
+
.pipe(operators.take(1))
|
|
204
|
+
.subscribe(function (state) {
|
|
209
205
|
columns_1 = state.columns.items
|
|
210
206
|
.filter(function (item) {
|
|
211
207
|
return !item.locked;
|
|
@@ -214,7 +210,7 @@
|
|
|
214
210
|
return {
|
|
215
211
|
id: item.id,
|
|
216
212
|
heading: item.heading,
|
|
217
|
-
description: item.description
|
|
213
|
+
description: item.description,
|
|
218
214
|
};
|
|
219
215
|
});
|
|
220
216
|
selectedColumnIds_1 = state.displayedColumns.items
|
|
@@ -231,14 +227,13 @@
|
|
|
231
227
|
provide: SkyColumnSelectorContext,
|
|
232
228
|
useValue: {
|
|
233
229
|
columns: columns_1,
|
|
234
|
-
selectedColumnIds: selectedColumnIds_1
|
|
235
|
-
}
|
|
236
|
-
}
|
|
230
|
+
selectedColumnIds: selectedColumnIds_1,
|
|
231
|
+
},
|
|
232
|
+
},
|
|
237
233
|
],
|
|
238
|
-
helpKey: this.helpKey
|
|
234
|
+
helpKey: this.helpKey,
|
|
239
235
|
});
|
|
240
|
-
modalInstance.helpOpened
|
|
241
|
-
.subscribe(function (helpKey) {
|
|
236
|
+
modalInstance.helpOpened.subscribe(function (helpKey) {
|
|
242
237
|
_this.helpOpened.emit(helpKey);
|
|
243
238
|
_this.helpOpened.complete();
|
|
244
239
|
});
|
|
@@ -246,7 +241,8 @@
|
|
|
246
241
|
if (result.reason === 'save' && result.data) {
|
|
247
242
|
var newSelectedIds_1 = result.data;
|
|
248
243
|
var newDisplayedColumns_1 = [];
|
|
249
|
-
_this.gridView.gridState
|
|
244
|
+
_this.gridView.gridState
|
|
245
|
+
.pipe(operators.take(1))
|
|
250
246
|
.subscribe(function (state) {
|
|
251
247
|
newDisplayedColumns_1 = state.columns.items.filter(function (item) {
|
|
252
248
|
return newSelectedIds_1.indexOf(item.id) > -1 || item.locked;
|
|
@@ -259,13 +255,13 @@
|
|
|
259
255
|
};
|
|
260
256
|
return SkyListColumnSelectorActionComponent;
|
|
261
257
|
}());
|
|
262
|
-
SkyListColumnSelectorActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
263
|
-
SkyListColumnSelectorActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
264
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
258
|
+
SkyListColumnSelectorActionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionComponent, deps: [{ token: i1__namespace.ListState }, { token: i2__namespace.SkyModalService }, { token: i1__namespace.ListStateDispatcher }, { token: i1__namespace.SkyListSecondaryActionsComponent, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
259
|
+
SkyListColumnSelectorActionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListColumnSelectorActionComponent, selector: "sky-list-column-selector-action", inputs: { gridView: "gridView", helpKey: "helpKey" }, outputs: { helpOpened: "helpOpened" }, viewQueries: [{ propertyName: "columnChooserTemplate", first: true, predicate: ["columnChooser"], descendants: true, static: true }], ngImport: i0__namespace, template: "<ng-container *ngIf=\"isInGridViewAndSecondary | async\">\n <sky-list-secondary-action>\n <button type=\"button\" (click)=\"openColumnSelector()\">\n {{ 'skyux_grid_columns_button' | skyLibResources }}\n </button>\n </sky-list-secondary-action>\n</ng-container>\n\n<ng-template #columnChooser>\n <sky-list-column-selector-button\n *ngIf=\"isInGridView | async\"\n (click)=\"openColumnSelector()\"\n >\n </sky-list-column-selector-button>\n</ng-template>\n", components: [{ type: i1__namespace.λ6, selector: "sky-list-secondary-action" }, { type: SkyListColumnSelectorButtonComponent, selector: "sky-list-column-selector-button" }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe, "skyLibResources": i5__namespace.SkyLibResourcesPipe } });
|
|
260
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionComponent, decorators: [{
|
|
265
261
|
type: i0.Component,
|
|
266
262
|
args: [{
|
|
267
263
|
selector: 'sky-list-column-selector-action',
|
|
268
|
-
|
|
264
|
+
template: "<ng-container *ngIf=\"isInGridViewAndSecondary | async\">\n <sky-list-secondary-action>\n <button type=\"button\" (click)=\"openColumnSelector()\">\n {{ 'skyux_grid_columns_button' | skyLibResources }}\n </button>\n </sky-list-secondary-action>\n</ng-container>\n\n<ng-template #columnChooser>\n <sky-list-column-selector-button\n *ngIf=\"isInGridView | async\"\n (click)=\"openColumnSelector()\"\n >\n </sky-list-column-selector-button>\n</ng-template>\n",
|
|
269
265
|
}]
|
|
270
266
|
}], ctorParameters: function () {
|
|
271
267
|
return [{ type: i1__namespace.ListState }, { type: i2__namespace.SkyModalService }, { type: i1__namespace.ListStateDispatcher }, { type: i1__namespace.SkyListSecondaryActionsComponent, decorators: [{
|
|
@@ -280,7 +276,7 @@
|
|
|
280
276
|
}], columnChooserTemplate: [{
|
|
281
277
|
type: i0.ViewChild,
|
|
282
278
|
args: ['columnChooser', {
|
|
283
|
-
static: true
|
|
279
|
+
static: true,
|
|
284
280
|
}]
|
|
285
281
|
}] } });
|
|
286
282
|
|
|
@@ -289,29 +285,28 @@
|
|
|
289
285
|
}
|
|
290
286
|
return SkyListColumnSelectorActionModule;
|
|
291
287
|
}());
|
|
292
|
-
SkyListColumnSelectorActionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
293
|
-
SkyListColumnSelectorActionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
288
|
+
SkyListColumnSelectorActionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
289
|
+
SkyListColumnSelectorActionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, declarations: [SkyListColumnSelectorActionComponent,
|
|
294
290
|
SkyListColumnSelectorButtonComponent], imports: [i4$1.CommonModule,
|
|
295
291
|
i5.SkyI18nModule,
|
|
296
292
|
i2.SkyModalModule,
|
|
297
293
|
i1.SkyListSecondaryActionsModule,
|
|
298
294
|
i1.SkyListToolbarModule,
|
|
299
|
-
i1$1.SkyIconModule], exports: [SkyListColumnSelectorActionComponent,
|
|
300
|
-
|
|
301
|
-
SkyListColumnSelectorActionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, imports: [[
|
|
295
|
+
i1$1.SkyIconModule], exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule] });
|
|
296
|
+
SkyListColumnSelectorActionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, imports: [[
|
|
302
297
|
i4$1.CommonModule,
|
|
303
298
|
i5.SkyI18nModule,
|
|
304
299
|
i2.SkyModalModule,
|
|
305
300
|
i1.SkyListSecondaryActionsModule,
|
|
306
301
|
i1.SkyListToolbarModule,
|
|
307
|
-
i1$1.SkyIconModule
|
|
302
|
+
i1$1.SkyIconModule,
|
|
308
303
|
], SkyColumnSelectorModule] });
|
|
309
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
304
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListColumnSelectorActionModule, decorators: [{
|
|
310
305
|
type: i0.NgModule,
|
|
311
306
|
args: [{
|
|
312
307
|
declarations: [
|
|
313
308
|
SkyListColumnSelectorActionComponent,
|
|
314
|
-
SkyListColumnSelectorButtonComponent
|
|
309
|
+
SkyListColumnSelectorButtonComponent,
|
|
315
310
|
],
|
|
316
311
|
imports: [
|
|
317
312
|
i4$1.CommonModule,
|
|
@@ -319,12 +314,9 @@
|
|
|
319
314
|
i2.SkyModalModule,
|
|
320
315
|
i1.SkyListSecondaryActionsModule,
|
|
321
316
|
i1.SkyListToolbarModule,
|
|
322
|
-
i1$1.SkyIconModule
|
|
317
|
+
i1$1.SkyIconModule,
|
|
323
318
|
],
|
|
324
|
-
exports: [
|
|
325
|
-
SkyListColumnSelectorActionComponent,
|
|
326
|
-
SkyColumnSelectorModule
|
|
327
|
-
]
|
|
319
|
+
exports: [SkyListColumnSelectorActionComponent, SkyColumnSelectorModule],
|
|
328
320
|
}]
|
|
329
321
|
}] });
|
|
330
322
|
|
|
@@ -563,7 +555,7 @@
|
|
|
563
555
|
ar[i] = from[i];
|
|
564
556
|
}
|
|
565
557
|
}
|
|
566
|
-
return to.concat(ar || from);
|
|
558
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
567
559
|
}
|
|
568
560
|
function __await(v) {
|
|
569
561
|
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
@@ -656,9 +648,9 @@
|
|
|
656
648
|
}
|
|
657
649
|
return GridStateDispatcher;
|
|
658
650
|
}(listBuilderCommon.StateDispatcher));
|
|
659
|
-
GridStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
660
|
-
GridStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
661
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
651
|
+
GridStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
652
|
+
GridStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridStateDispatcher });
|
|
653
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridStateDispatcher, decorators: [{
|
|
662
654
|
type: i0.Injectable
|
|
663
655
|
}] });
|
|
664
656
|
/**
|
|
@@ -692,8 +684,7 @@
|
|
|
692
684
|
/* istanbul ignore next */
|
|
693
685
|
function ListViewGridColumnsOrchestrator() {
|
|
694
686
|
var _this = _super.call(this) || this;
|
|
695
|
-
_this
|
|
696
|
-
.register(ListViewGridColumnsLoadAction, _this.load);
|
|
687
|
+
_this.register(ListViewGridColumnsLoadAction, _this.load);
|
|
697
688
|
return _this;
|
|
698
689
|
}
|
|
699
690
|
ListViewGridColumnsOrchestrator.prototype.load = function (state, action) {
|
|
@@ -714,8 +705,7 @@
|
|
|
714
705
|
/* istanbul ignore next */
|
|
715
706
|
function ListViewDisplayedGridColumnsOrchestrator() {
|
|
716
707
|
var _this = _super.call(this) || this;
|
|
717
|
-
_this
|
|
718
|
-
.register(ListViewDisplayedGridColumnsLoadAction, _this.load);
|
|
708
|
+
_this.register(ListViewDisplayedGridColumnsLoadAction, _this.load);
|
|
719
709
|
return _this;
|
|
720
710
|
}
|
|
721
711
|
ListViewDisplayedGridColumnsOrchestrator.prototype.load = function (state, action) {
|
|
@@ -747,17 +737,16 @@
|
|
|
747
737
|
/* istanbul ignore next */
|
|
748
738
|
function GridState(initialState, dispatcher) {
|
|
749
739
|
var _this = _super.call(this, initialState, dispatcher) || this;
|
|
750
|
-
_this
|
|
751
|
-
.register('columns', ListViewGridColumnsOrchestrator)
|
|
740
|
+
_this.register('columns', ListViewGridColumnsOrchestrator)
|
|
752
741
|
.register('displayedColumns', ListViewDisplayedGridColumnsOrchestrator)
|
|
753
742
|
.begin();
|
|
754
743
|
return _this;
|
|
755
744
|
}
|
|
756
745
|
return GridState;
|
|
757
746
|
}(listBuilderCommon.StateNode));
|
|
758
|
-
GridState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
759
|
-
GridState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
760
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
747
|
+
GridState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridState, deps: [{ token: GridStateModel }, { token: GridStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
748
|
+
GridState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridState });
|
|
749
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: GridState, decorators: [{
|
|
761
750
|
type: i0.Injectable
|
|
762
751
|
}], ctorParameters: function () { return [{ type: GridStateModel }, { type: GridStateDispatcher }]; } });
|
|
763
752
|
|
|
@@ -866,7 +855,7 @@
|
|
|
866
855
|
Object.defineProperty(SkyListViewGridComponent.prototype, "gridHeight", {
|
|
867
856
|
get: function () {
|
|
868
857
|
/* istanbul ignore next */
|
|
869
|
-
return
|
|
858
|
+
return typeof this.height === 'number'
|
|
870
859
|
? rxjs.of(this.height)
|
|
871
860
|
: this.height;
|
|
872
861
|
},
|
|
@@ -876,7 +865,7 @@
|
|
|
876
865
|
Object.defineProperty(SkyListViewGridComponent.prototype, "gridWidth", {
|
|
877
866
|
get: function () {
|
|
878
867
|
/* istanbul ignore next */
|
|
879
|
-
return
|
|
868
|
+
return typeof this.width === 'number'
|
|
880
869
|
? rxjs.of(this.width)
|
|
881
870
|
: this.width;
|
|
882
871
|
},
|
|
@@ -886,7 +875,8 @@
|
|
|
886
875
|
SkyListViewGridComponent.prototype.ngAfterContentInit = function () {
|
|
887
876
|
var _this = this;
|
|
888
877
|
// Watch for selection changes and update multiselectSelectedIds for local comparison.
|
|
889
|
-
this.state
|
|
878
|
+
this.state
|
|
879
|
+
.pipe(operators.map(function (s) { return s.selected.item; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(this.selectedMapEqual))
|
|
890
880
|
.subscribe(function (items) {
|
|
891
881
|
var selectedIds = [];
|
|
892
882
|
items.selectedIdMap.forEach(function (isSelected, id) {
|
|
@@ -926,7 +916,8 @@
|
|
|
926
916
|
/* sanity check */
|
|
927
917
|
return undefined;
|
|
928
918
|
}), operators.distinctUntilChanged(), operators.takeUntil(this.ngUnsubscribe));
|
|
929
|
-
this.gridState
|
|
919
|
+
this.gridState
|
|
920
|
+
.pipe(operators.map(function (s) { return s.columns.items; }), operators.takeUntil(this.ngUnsubscribe), operators.distinctUntilChanged(this.arraysEqual))
|
|
930
921
|
.subscribe(function (columns) {
|
|
931
922
|
/* istanbul ignore else */
|
|
932
923
|
if (_this.hiddenColumns) {
|
|
@@ -969,7 +960,8 @@
|
|
|
969
960
|
var _this = this;
|
|
970
961
|
if (event.source === i4$2.SkyGridSelectedRowsSource.CheckboxChange ||
|
|
971
962
|
event.source === i4$2.SkyGridSelectedRowsSource.RowClick) {
|
|
972
|
-
this.state
|
|
963
|
+
this.state
|
|
964
|
+
.pipe(operators.map(function (s) { return s.items.items; }), operators.take(1))
|
|
973
965
|
.subscribe(function (items) {
|
|
974
966
|
var newItemIds = _this.arrayIntersection(items.map(function (i) { return i.id; }), _this.multiselectSelectedIds);
|
|
975
967
|
var newIds = items.filter(function (i) { return i.isSelected; }).map(function (i) { return i.id; });
|
|
@@ -988,10 +980,10 @@
|
|
|
988
980
|
};
|
|
989
981
|
SkyListViewGridComponent.prototype.columnIdsChanged = function (selectedColumnIds) {
|
|
990
982
|
var _this = this;
|
|
991
|
-
this.selectedColumnIds.pipe(operators.take(1))
|
|
992
|
-
.
|
|
993
|
-
|
|
994
|
-
|
|
983
|
+
this.selectedColumnIds.pipe(operators.take(1)).subscribe(function (currentIds) {
|
|
984
|
+
if (!_this.arraysEqual(selectedColumnIds, currentIds)) {
|
|
985
|
+
_this.gridState
|
|
986
|
+
.pipe(operators.map(function (s) { return s.columns.items; }), operators.take(1))
|
|
995
987
|
.subscribe(function (columns) {
|
|
996
988
|
var displayedColumns = selectedColumnIds.map(function (columnId) { return columns.filter(function (c) { return c.id === columnId; })[0]; });
|
|
997
989
|
_this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(displayedColumns, true));
|
|
@@ -1015,8 +1007,10 @@
|
|
|
1015
1007
|
update, the searchText update was consumed after the resulting list item update. Scanning the
|
|
1016
1008
|
previous value of items lastUpdate ensures that we only receive the latest items.
|
|
1017
1009
|
*/
|
|
1018
|
-
this.gridState
|
|
1019
|
-
|
|
1010
|
+
this.gridState
|
|
1011
|
+
.pipe(operators.takeUntil(this.ngUnsubscribe), operators.scan(function (previousValue, newValue) {
|
|
1012
|
+
if (previousValue.displayedColumns.lastUpdate >
|
|
1013
|
+
newValue.displayedColumns.lastUpdate) {
|
|
1020
1014
|
return previousValue;
|
|
1021
1015
|
}
|
|
1022
1016
|
else {
|
|
@@ -1024,15 +1018,16 @@
|
|
|
1024
1018
|
}
|
|
1025
1019
|
}), operators.map(function (s) { return s.displayedColumns.items; }), operators.distinctUntilChanged(this.arraysEqual))
|
|
1026
1020
|
.subscribe(function (displayedColumns) {
|
|
1027
|
-
var setFunctions = _this.searchFunction !== undefined
|
|
1028
|
-
|
|
1021
|
+
var setFunctions = _this.searchFunction !== undefined
|
|
1022
|
+
? [_this.searchFunction]
|
|
1023
|
+
: displayedColumns
|
|
1029
1024
|
.map(function (column) { return function (data, searchText) { return column.searchFunction(listBuilderCommon.getData(data, column.field), searchText); }; })
|
|
1030
1025
|
.filter(function (c) { return c !== undefined; });
|
|
1031
1026
|
_this.state.pipe(operators.take(1)).subscribe(function (s) {
|
|
1032
1027
|
_this.dispatcher.searchSetOptions(new i1.ListSearchModel({
|
|
1033
1028
|
searchText: s.search.searchText,
|
|
1034
1029
|
functions: setFunctions,
|
|
1035
|
-
fieldSelectors: displayedColumns.map(function (d) { return d.field; })
|
|
1030
|
+
fieldSelectors: displayedColumns.map(function (d) { return d.field; }),
|
|
1036
1031
|
}));
|
|
1037
1032
|
});
|
|
1038
1033
|
});
|
|
@@ -1046,16 +1041,16 @@
|
|
|
1046
1041
|
_this.gridMessageStream.next({
|
|
1047
1042
|
type: i4$2.SkyGridMessageType.AbortDeleteRow,
|
|
1048
1043
|
data: {
|
|
1049
|
-
abortDeleteRow: message.data.abortDeleteRow
|
|
1050
|
-
}
|
|
1044
|
+
abortDeleteRow: message.data.abortDeleteRow,
|
|
1045
|
+
},
|
|
1051
1046
|
});
|
|
1052
1047
|
}
|
|
1053
1048
|
else if (message.type === exports.SkyListViewGridMessageType.PromptDeleteRow) {
|
|
1054
1049
|
_this.gridMessageStream.next({
|
|
1055
1050
|
type: i4$2.SkyGridMessageType.PromptDeleteRow,
|
|
1056
1051
|
data: {
|
|
1057
|
-
promptDeleteRow: message.data.promptDeleteRow
|
|
1058
|
-
}
|
|
1052
|
+
promptDeleteRow: message.data.promptDeleteRow,
|
|
1053
|
+
},
|
|
1059
1054
|
});
|
|
1060
1055
|
}
|
|
1061
1056
|
});
|
|
@@ -1064,7 +1059,8 @@
|
|
|
1064
1059
|
SkyListViewGridComponent.prototype.handleColumnChange = function () {
|
|
1065
1060
|
var _this = this;
|
|
1066
1061
|
// watch for changes in column components
|
|
1067
|
-
this.columnComponents.changes
|
|
1062
|
+
this.columnComponents.changes
|
|
1063
|
+
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
|
1068
1064
|
.subscribe(function (columnComponents) {
|
|
1069
1065
|
var columnModels = _this.columnComponents.map(function (column) {
|
|
1070
1066
|
return new i4$2.SkyGridColumnModel(column.template, column);
|
|
@@ -1073,11 +1069,13 @@
|
|
|
1073
1069
|
});
|
|
1074
1070
|
// Watch for column heading changes:
|
|
1075
1071
|
this.columnComponents.forEach(function (comp) {
|
|
1076
|
-
comp.headingModelChanges
|
|
1072
|
+
comp.headingModelChanges
|
|
1073
|
+
.pipe(operators.takeUntil(_this.ngUnsubscribe))
|
|
1077
1074
|
.subscribe(function (change) {
|
|
1078
1075
|
_this.gridComponent.updateColumnHeading(change);
|
|
1079
1076
|
});
|
|
1080
|
-
comp.descriptionModelChanges
|
|
1077
|
+
comp.descriptionModelChanges
|
|
1078
|
+
.pipe(operators.takeUntil(_this.ngUnsubscribe))
|
|
1081
1079
|
.subscribe(function (change) {
|
|
1082
1080
|
_this.gridComponent.updateColumnDescription(change);
|
|
1083
1081
|
});
|
|
@@ -1164,35 +1162,41 @@
|
|
|
1164
1162
|
return arrA.filter(function (value) { return -1 !== arrB.indexOf(value); });
|
|
1165
1163
|
};
|
|
1166
1164
|
SkyListViewGridComponent.prototype.arraysEqual = function (arrayA, arrayB) {
|
|
1167
|
-
return arrayA.length === arrayB.length &&
|
|
1168
|
-
arrayA.every(function (value, index) { return value === arrayB[index]; });
|
|
1165
|
+
return (arrayA.length === arrayB.length &&
|
|
1166
|
+
arrayA.every(function (value, index) { return value === arrayB[index]; }));
|
|
1169
1167
|
};
|
|
1170
1168
|
return SkyListViewGridComponent;
|
|
1171
1169
|
}(i1.ListViewComponent));
|
|
1172
|
-
SkyListViewGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1173
|
-
SkyListViewGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1170
|
+
SkyListViewGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridComponent, deps: [{ token: i1__namespace.ListState }, { token: i1__namespace.ListStateDispatcher }, { token: GridState }, { token: GridStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1171
|
+
SkyListViewGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewGridComponent, selector: "sky-list-view-grid", inputs: { name: "name", displayedColumns: "displayedColumns", hiddenColumns: "hiddenColumns", fit: "fit", width: "width", height: "height", highlightSearchText: "highlightSearchText", messageStream: "messageStream", rowHighlightedId: "rowHighlightedId", enableMultiselect: "enableMultiselect", settingsKey: "settingsKey", searchFunction: ["search", "searchFunction"] }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", selectedColumnIdsChange: "selectedColumnIdsChange" }, providers: [
|
|
1174
1172
|
/* tslint:disable */
|
|
1175
|
-
{
|
|
1173
|
+
{
|
|
1174
|
+
provide: i1.ListViewComponent,
|
|
1175
|
+
useExisting: i0.forwardRef(function () { return SkyListViewGridComponent; }),
|
|
1176
|
+
},
|
|
1176
1177
|
/* tslint:enable */
|
|
1177
1178
|
GridState,
|
|
1178
1179
|
GridStateDispatcher,
|
|
1179
|
-
GridStateModel
|
|
1180
|
-
], queries: [{ propertyName: "columnComponents", predicate: i4$2.SkyGridColumnComponent }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: i4$2.SkyGridComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"active | async\">\n <sky-grid\n [columns]=\"columns | async\"\n [data]=\"items | async\"\n [enableMultiselect]=\"enableMultiselect\"\n [fit]=\"fit\"\n [height]=\"gridHeight | async\"\n [highlightText]=\"highlightSearchText ? (currentSearchText | async) : undefined\"\n [rowHighlightedId]=\"rowHighlightedId\"\n [messageStream]=\"gridMessageStream\"\n [selectedColumnIds]=\"selectedColumnIds | async\"\n [selectedRowIds]=\"multiselectSelectedIds\"\n [settingsKey]=\"settingsKey\"\n [sortField]=\"sortField | async\"\n [width]=\"gridWidth | async\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (rowDeleteCancel)=\"cancelRowDelete($event)\"\n (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n (sortFieldChange)=\"sortFieldChanged($event)\"\n #skyGrid\n >\n </sky-grid>\n <sky-wait
|
|
1181
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1180
|
+
GridStateModel,
|
|
1181
|
+
], queries: [{ propertyName: "columnComponents", predicate: i4$2.SkyGridColumnComponent }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: i4$2.SkyGridComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"active | async\">\n <sky-grid\n [columns]=\"columns | async\"\n [data]=\"items | async\"\n [enableMultiselect]=\"enableMultiselect\"\n [fit]=\"fit\"\n [height]=\"gridHeight | async\"\n [highlightText]=\"\n highlightSearchText ? (currentSearchText | async) : undefined\n \"\n [rowHighlightedId]=\"rowHighlightedId\"\n [messageStream]=\"gridMessageStream\"\n [selectedColumnIds]=\"selectedColumnIds | async\"\n [selectedRowIds]=\"multiselectSelectedIds\"\n [settingsKey]=\"settingsKey\"\n [sortField]=\"sortField | async\"\n [width]=\"gridWidth | async\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (rowDeleteCancel)=\"cancelRowDelete($event)\"\n (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n (sortFieldChange)=\"sortFieldChanged($event)\"\n #skyGrid\n >\n </sky-grid>\n <sky-wait [isWaiting]=\"loading | async\"> </sky-wait>\n</div>\n", styles: [":host ::ng-deep .sky-grid-heading{border-top:0!important}\n"], components: [{ type: i4__namespace$2.SkyGridComponent, selector: "sky-grid", inputs: ["columns", "data", "enableMultiselect", "fit", "hasToolbar", "height", "highlightText", "messageStream", "multiselectRowId", "rowHighlightedId", "selectedColumnIds", "selectedRowIds", "settingsKey", "sortField", "width"], outputs: ["columnWidthChange", "multiselectSelectionChange", "rowDeleteCancel", "rowDeleteConfirm", "selectedColumnIdsChange", "sortFieldChange"] }, { type: i1__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i4__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i4__namespace$1.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1182
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridComponent, decorators: [{
|
|
1182
1183
|
type: i0.Component,
|
|
1183
1184
|
args: [{
|
|
1184
1185
|
selector: 'sky-list-view-grid',
|
|
1185
|
-
|
|
1186
|
-
|
|
1186
|
+
template: "<div *ngIf=\"active | async\">\n <sky-grid\n [columns]=\"columns | async\"\n [data]=\"items | async\"\n [enableMultiselect]=\"enableMultiselect\"\n [fit]=\"fit\"\n [height]=\"gridHeight | async\"\n [highlightText]=\"\n highlightSearchText ? (currentSearchText | async) : undefined\n \"\n [rowHighlightedId]=\"rowHighlightedId\"\n [messageStream]=\"gridMessageStream\"\n [selectedColumnIds]=\"selectedColumnIds | async\"\n [selectedRowIds]=\"multiselectSelectedIds\"\n [settingsKey]=\"settingsKey\"\n [sortField]=\"sortField | async\"\n [width]=\"gridWidth | async\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (rowDeleteCancel)=\"cancelRowDelete($event)\"\n (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n (sortFieldChange)=\"sortFieldChanged($event)\"\n #skyGrid\n >\n </sky-grid>\n <sky-wait [isWaiting]=\"loading | async\"> </sky-wait>\n</div>\n",
|
|
1187
|
+
styles: [":host ::ng-deep .sky-grid-heading{border-top:0!important}\n"],
|
|
1187
1188
|
providers: [
|
|
1188
1189
|
/* tslint:disable */
|
|
1189
|
-
{
|
|
1190
|
+
{
|
|
1191
|
+
provide: i1.ListViewComponent,
|
|
1192
|
+
useExisting: i0.forwardRef(function () { return SkyListViewGridComponent; }),
|
|
1193
|
+
},
|
|
1190
1194
|
/* tslint:enable */
|
|
1191
1195
|
GridState,
|
|
1192
1196
|
GridStateDispatcher,
|
|
1193
|
-
GridStateModel
|
|
1197
|
+
GridStateModel,
|
|
1194
1198
|
],
|
|
1195
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1199
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1196
1200
|
}]
|
|
1197
1201
|
}], ctorParameters: function () { return [{ type: i1__namespace.ListState }, { type: i1__namespace.ListStateDispatcher }, { type: GridState }, { type: GridStateDispatcher }]; }, propDecorators: { name: [{
|
|
1198
1202
|
type: i0.Input
|
|
@@ -1240,7 +1244,18 @@
|
|
|
1240
1244
|
* To update this file, simply rerun the command.
|
|
1241
1245
|
*/
|
|
1242
1246
|
var RESOURCES = {
|
|
1243
|
-
'EN-US': {
|
|
1247
|
+
'EN-US': {
|
|
1248
|
+
skyux_grid_column_picker_cancel: { message: 'Cancel' },
|
|
1249
|
+
skyux_grid_column_picker_header: {
|
|
1250
|
+
message: 'Choose columns to show in the list',
|
|
1251
|
+
},
|
|
1252
|
+
skyux_grid_column_picker_search_placeholder: {
|
|
1253
|
+
message: 'Search for columns',
|
|
1254
|
+
},
|
|
1255
|
+
skyux_grid_column_picker_submit: { message: 'Apply changes' },
|
|
1256
|
+
skyux_grid_columns_button: { message: 'Choose columns' },
|
|
1257
|
+
skyux_grid_columns_toolbar_button: { message: 'Columns' },
|
|
1258
|
+
},
|
|
1244
1259
|
};
|
|
1245
1260
|
var SkyListBuilderViewGridsResourcesProvider = /** @class */ (function () {
|
|
1246
1261
|
function SkyListBuilderViewGridsResourcesProvider() {
|
|
@@ -1258,22 +1273,26 @@
|
|
|
1258
1273
|
}
|
|
1259
1274
|
return SkyListBuilderViewGridsResourcesModule;
|
|
1260
1275
|
}());
|
|
1261
|
-
SkyListBuilderViewGridsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1262
|
-
SkyListBuilderViewGridsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1263
|
-
SkyListBuilderViewGridsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1276
|
+
SkyListBuilderViewGridsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1277
|
+
SkyListBuilderViewGridsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, exports: [i5.SkyI18nModule] });
|
|
1278
|
+
SkyListBuilderViewGridsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, providers: [
|
|
1279
|
+
{
|
|
1264
1280
|
provide: i5.SKY_LIB_RESOURCES_PROVIDERS,
|
|
1265
1281
|
useClass: SkyListBuilderViewGridsResourcesProvider,
|
|
1266
|
-
multi: true
|
|
1267
|
-
}
|
|
1268
|
-
|
|
1282
|
+
multi: true,
|
|
1283
|
+
},
|
|
1284
|
+
], imports: [i5.SkyI18nModule] });
|
|
1285
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListBuilderViewGridsResourcesModule, decorators: [{
|
|
1269
1286
|
type: i0.NgModule,
|
|
1270
1287
|
args: [{
|
|
1271
1288
|
exports: [i5.SkyI18nModule],
|
|
1272
|
-
providers: [
|
|
1289
|
+
providers: [
|
|
1290
|
+
{
|
|
1273
1291
|
provide: i5.SKY_LIB_RESOURCES_PROVIDERS,
|
|
1274
1292
|
useClass: SkyListBuilderViewGridsResourcesProvider,
|
|
1275
|
-
multi: true
|
|
1276
|
-
}
|
|
1293
|
+
multi: true,
|
|
1294
|
+
},
|
|
1295
|
+
],
|
|
1277
1296
|
}]
|
|
1278
1297
|
}] });
|
|
1279
1298
|
|
|
@@ -1282,37 +1301,35 @@
|
|
|
1282
1301
|
}
|
|
1283
1302
|
return SkyListViewGridModule;
|
|
1284
1303
|
}());
|
|
1285
|
-
SkyListViewGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1286
|
-
SkyListViewGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1304
|
+
SkyListViewGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1305
|
+
SkyListViewGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, declarations: [SkyListViewGridComponent], imports: [i4$1.CommonModule,
|
|
1287
1306
|
i1$1.SkyWaitModule,
|
|
1288
1307
|
i4$2.SkyGridModule,
|
|
1289
1308
|
SkyListBuilderViewGridsResourcesModule], exports: [SkyListViewGridComponent,
|
|
1290
1309
|
SkyListColumnSelectorActionModule,
|
|
1291
1310
|
i4$2.SkyGridModule] });
|
|
1292
|
-
SkyListViewGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1311
|
+
SkyListViewGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, imports: [[
|
|
1293
1312
|
i4$1.CommonModule,
|
|
1294
1313
|
i1$1.SkyWaitModule,
|
|
1295
1314
|
i4$2.SkyGridModule,
|
|
1296
|
-
SkyListBuilderViewGridsResourcesModule
|
|
1315
|
+
SkyListBuilderViewGridsResourcesModule,
|
|
1297
1316
|
], SkyListColumnSelectorActionModule,
|
|
1298
1317
|
i4$2.SkyGridModule] });
|
|
1299
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1318
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewGridModule, decorators: [{
|
|
1300
1319
|
type: i0.NgModule,
|
|
1301
1320
|
args: [{
|
|
1302
|
-
declarations: [
|
|
1303
|
-
SkyListViewGridComponent
|
|
1304
|
-
],
|
|
1321
|
+
declarations: [SkyListViewGridComponent],
|
|
1305
1322
|
imports: [
|
|
1306
1323
|
i4$1.CommonModule,
|
|
1307
1324
|
i1$1.SkyWaitModule,
|
|
1308
1325
|
i4$2.SkyGridModule,
|
|
1309
|
-
SkyListBuilderViewGridsResourcesModule
|
|
1326
|
+
SkyListBuilderViewGridsResourcesModule,
|
|
1310
1327
|
],
|
|
1311
1328
|
exports: [
|
|
1312
1329
|
SkyListViewGridComponent,
|
|
1313
1330
|
SkyListColumnSelectorActionModule,
|
|
1314
|
-
i4$2.SkyGridModule
|
|
1315
|
-
]
|
|
1331
|
+
i4$2.SkyGridModule,
|
|
1332
|
+
],
|
|
1316
1333
|
}]
|
|
1317
1334
|
}] });
|
|
1318
1335
|
|
|
@@ -1334,9 +1351,9 @@
|
|
|
1334
1351
|
exports.SkyListColumnSelectorActionModule = SkyListColumnSelectorActionModule;
|
|
1335
1352
|
exports.SkyListViewGridComponent = SkyListViewGridComponent;
|
|
1336
1353
|
exports.SkyListViewGridModule = SkyListViewGridModule;
|
|
1337
|
-
exports
|
|
1354
|
+
exports["λ1"] = SkyListColumnSelectorActionComponent;
|
|
1338
1355
|
|
|
1339
1356
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1340
1357
|
|
|
1341
|
-
}))
|
|
1358
|
+
}));
|
|
1342
1359
|
//# sourceMappingURL=skyux-list-builder-view-grids.umd.js.map
|