@skyux/data-manager 5.9.4 → 5.9.7
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-data-manager.umd.js +42 -48
- package/documentation.json +389 -389
- package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js +10 -17
- package/esm2015/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js.map +1 -1
- package/fesm2015/skyux-data-manager.js +9 -15
- package/fesm2015/skyux-data-manager.js.map +1 -1
- package/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.d.ts +1 -3
- 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/common'), require('@angular/core'), require('@angular/forms'), require('@skyux/core'), require('@skyux/forms'), require('@skyux/indicators'), require('@skyux/layout'), require('@skyux/lists'), require('@skyux/lookup'), require('@skyux/modals'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/data-manager', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@skyux/core', '@skyux/forms', '@skyux/indicators', '@skyux/layout', '@skyux/lists', '@skyux/lookup', '@skyux/modals', '@skyux/i18n', 'rxjs', 'rxjs/operators'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["data-manager"] = {}), global.ng.common, global.ng.core, global.ng.forms, global.i1, global.i8
|
|
5
|
-
})(this, (function (exports, i9, i0, i10, i1, i8
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["data-manager"] = {}), global.ng.common, global.ng.core, global.ng.forms, global.i1, global.i8, global.i6, global.i4, global.i7, global.i7$1, global.i3, global.i11, global.rxjs, global.rxjs.operators));
|
|
5
|
+
})(this, (function (exports, i9, i0, i10, i1, i8, i6, i4, i7, i7$1, i3, i11, rxjs, operators) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
27
27
|
var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
|
|
28
28
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
29
|
-
var i8__namespace$1 = /*#__PURE__*/_interopNamespace(i8$1);
|
|
30
|
-
var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
|
|
31
|
-
var i4__namespace = /*#__PURE__*/_interopNamespace(i4$1);
|
|
32
29
|
var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
|
|
30
|
+
var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
|
|
31
|
+
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
33
32
|
var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
|
|
33
|
+
var i7__namespace$1 = /*#__PURE__*/_interopNamespace(i7$1);
|
|
34
34
|
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
35
|
-
var
|
|
35
|
+
var i11__namespace = /*#__PURE__*/_interopNamespace(i11);
|
|
36
36
|
|
|
37
37
|
/**
|
|
38
38
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
function SkyDataManagerResourcesProvider() {
|
|
60
60
|
}
|
|
61
61
|
SkyDataManagerResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
62
|
-
return
|
|
62
|
+
return i11.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
63
63
|
};
|
|
64
64
|
return SkyDataManagerResourcesProvider;
|
|
65
65
|
}());
|
|
@@ -72,21 +72,21 @@
|
|
|
72
72
|
return SkyDataManagerResourcesModule;
|
|
73
73
|
}());
|
|
74
74
|
SkyDataManagerResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
75
|
-
SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, exports: [
|
|
75
|
+
SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, exports: [i11.SkyI18nModule] });
|
|
76
76
|
SkyDataManagerResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, providers: [
|
|
77
77
|
{
|
|
78
|
-
provide:
|
|
78
|
+
provide: i11.SKY_LIB_RESOURCES_PROVIDERS,
|
|
79
79
|
useClass: SkyDataManagerResourcesProvider,
|
|
80
80
|
multi: true,
|
|
81
81
|
},
|
|
82
|
-
], imports: [
|
|
82
|
+
], imports: [i11.SkyI18nModule] });
|
|
83
83
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, decorators: [{
|
|
84
84
|
type: i0.NgModule,
|
|
85
85
|
args: [{
|
|
86
|
-
exports: [
|
|
86
|
+
exports: [i11.SkyI18nModule],
|
|
87
87
|
providers: [
|
|
88
88
|
{
|
|
89
|
-
provide:
|
|
89
|
+
provide: i11.SKY_LIB_RESOURCES_PROVIDERS,
|
|
90
90
|
useClass: SkyDataManagerResourcesProvider,
|
|
91
91
|
multi: true,
|
|
92
92
|
},
|
|
@@ -897,7 +897,7 @@
|
|
|
897
897
|
.subscribe(function (activeViewId) {
|
|
898
898
|
_this.activeViewId = activeViewId;
|
|
899
899
|
_this.backToTopController.next({
|
|
900
|
-
type: i4
|
|
900
|
+
type: i4.SkyBackToTopMessageType.BackToTop,
|
|
901
901
|
});
|
|
902
902
|
_this.currentViewkeeperClasses =
|
|
903
903
|
_this.allViewkeeperClasses[_this.activeViewId];
|
|
@@ -1124,7 +1124,7 @@
|
|
|
1124
1124
|
return SkyDataManagerToolbarComponent;
|
|
1125
1125
|
}());
|
|
1126
1126
|
SkyDataManagerToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1127
|
-
SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0__namespace, template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar>\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n <sky-filter-button\n [showButtonText]=\"activeView?.showFilterButtonText\"\n (filterButtonClick)=\"filterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n <sky-sort-item\n *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n (itemSelect)=\"sortSelected(item)\"\n >\n {{ item.label }}\n </sky-sort-item>\n </sky-sort>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n <button\n class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n [attr.title]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n (click)=\"openColumnPicker()\"\n >\n <sky-icon icon=\"columns\"></sky-icon>\n <span class=\"sky-column-selector-action-btn-text\">\n {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n </span>\n </button>\n </sky-toolbar-item>\n\n <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n <sky-search\n [expandMode]=\"activeView?.searchExpandMode\"\n [placeholderText]=\"activeView?.searchPlaceholderText\"\n [searchText]=\"dataState?.searchText\"\n (searchApply)=\"searchApplied($event)\"\n >\n </sky-search>\n </sky-toolbar-item>\n\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n <sky-radio-group\n *ngIf=\"activeView && views && views.length > 1\"\n [ariaLabel]=\"'data view switcher'\"\n class=\"sky-switch-icon-group\"\n >\n <sky-radio\n *ngFor=\"let view of views\"\n [attr.name]=\"view.name\"\n [attr.aria-label]=\"view.name\"\n [icon]=\"view.icon\"\n [value]=\"view.id\"\n [label]=\"view.name\"\n [(ngModel)]=\"activeView.id\"\n (change)=\"onViewChange(view.id)\"\n >\n </sky-radio>\n </sky-radio-group>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n </sky-toolbar>\n\n <sky-toolbar\n *ngIf=\"activeView?.multiselectToolbarEnabled\"\n class=\"sky-data-manager-multiselect-toolbar\"\n >\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n type=\"button\"\n (click)=\"selectAll()\"\n >\n {{ 'skyux_data_manager_select_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n type=\"button\"\n (click)=\"clearAll()\"\n >\n {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <sky-checkbox\n [checked]=\"onlyShowSelected\"\n (change)=\"onOnlyShowSelected($event)\"\n >\n <sky-checkbox-label>\n {{\n 'skyux_data_manager_show_selected_option_title' | skyLibResources\n }}\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n </sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4__namespace.λ37, selector: "sky-toolbar" }, { type: i4__namespace.λ38, selector: "sky-toolbar-section" }, { type: i4__namespace.λ39, selector: "sky-toolbar-item" }, { type:
|
|
1127
|
+
SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0__namespace, template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar>\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n <sky-filter-button\n [showButtonText]=\"activeView?.showFilterButtonText\"\n (filterButtonClick)=\"filterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n <sky-sort-item\n *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n (itemSelect)=\"sortSelected(item)\"\n >\n {{ item.label }}\n </sky-sort-item>\n </sky-sort>\n </sky-toolbar-item>\n\n <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n <button\n class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n type=\"button\"\n [attr.aria-label]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n [attr.title]=\"\n 'skyux_data_manager_columns_button_title' | skyLibResources\n \"\n (click)=\"openColumnPicker()\"\n >\n <sky-icon icon=\"columns\"></sky-icon>\n <span class=\"sky-column-selector-action-btn-text\">\n {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n </span>\n </button>\n </sky-toolbar-item>\n\n <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n <sky-search\n [expandMode]=\"activeView?.searchExpandMode\"\n [placeholderText]=\"activeView?.searchPlaceholderText\"\n [searchText]=\"dataState?.searchText\"\n (searchApply)=\"searchApplied($event)\"\n >\n </sky-search>\n </sky-toolbar-item>\n\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n <sky-radio-group\n *ngIf=\"activeView && views && views.length > 1\"\n [ariaLabel]=\"'data view switcher'\"\n class=\"sky-switch-icon-group\"\n >\n <sky-radio\n *ngFor=\"let view of views\"\n [attr.name]=\"view.name\"\n [attr.aria-label]=\"view.name\"\n [icon]=\"view.icon\"\n [value]=\"view.id\"\n [label]=\"view.name\"\n [(ngModel)]=\"activeView.id\"\n (change)=\"onViewChange(view.id)\"\n >\n </sky-radio>\n </sky-radio-group>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n </sky-toolbar>\n\n <sky-toolbar\n *ngIf=\"activeView?.multiselectToolbarEnabled\"\n class=\"sky-data-manager-multiselect-toolbar\"\n >\n <sky-toolbar-section>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n type=\"button\"\n (click)=\"selectAll()\"\n >\n {{ 'skyux_data_manager_select_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n type=\"button\"\n (click)=\"clearAll()\"\n >\n {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n </button>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <sky-checkbox\n [checked]=\"onlyShowSelected\"\n (change)=\"onOnlyShowSelected($event)\"\n >\n <sky-checkbox-label>\n {{\n 'skyux_data_manager_show_selected_option_title' | skyLibResources\n }}\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n </sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4__namespace.λ37, selector: "sky-toolbar" }, { type: i4__namespace.λ38, selector: "sky-toolbar-section" }, { type: i4__namespace.λ39, selector: "sky-toolbar-item" }, { type: i7__namespace.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i7__namespace.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i7__namespace.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7__namespace$1.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4__namespace.λ40, selector: "sky-toolbar-view-actions" }, { type: i8__namespace.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8__namespace.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i11__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1128
1128
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, decorators: [{
|
|
1129
1129
|
type: i0.Component,
|
|
1130
1130
|
args: [{
|
|
@@ -1190,11 +1190,10 @@
|
|
|
1190
1190
|
* @internal
|
|
1191
1191
|
*/
|
|
1192
1192
|
var SkyDataManagerColumnPickerComponent = /** @class */ (function () {
|
|
1193
|
-
function SkyDataManagerColumnPickerComponent(context, dataManagerService, instance
|
|
1193
|
+
function SkyDataManagerColumnPickerComponent(context, dataManagerService, instance) {
|
|
1194
1194
|
this.context = context;
|
|
1195
1195
|
this.dataManagerService = dataManagerService;
|
|
1196
1196
|
this.instance = instance;
|
|
1197
|
-
this.libResources = libResources;
|
|
1198
1197
|
this.viewConfig = {
|
|
1199
1198
|
id: 'columnPicker',
|
|
1200
1199
|
name: 'Column Picker',
|
|
@@ -1223,11 +1222,6 @@
|
|
|
1223
1222
|
});
|
|
1224
1223
|
SkyDataManagerColumnPickerComponent.prototype.ngOnInit = function () {
|
|
1225
1224
|
var _this = this;
|
|
1226
|
-
this.libResources
|
|
1227
|
-
.getString('skyux_data_manager_column_picker_title')
|
|
1228
|
-
.subscribe(function (value) {
|
|
1229
|
-
console.log(value);
|
|
1230
|
-
});
|
|
1231
1225
|
this.dataManagerService.initDataManager({
|
|
1232
1226
|
activeViewId: this.viewConfig.id,
|
|
1233
1227
|
dataManagerConfig: {},
|
|
@@ -1334,8 +1328,8 @@
|
|
|
1334
1328
|
};
|
|
1335
1329
|
return SkyDataManagerColumnPickerComponent;
|
|
1336
1330
|
}());
|
|
1337
|
-
SkyDataManagerColumnPickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalInstance }
|
|
1338
|
-
SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0__namespace, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n <sky-data-manager>\n <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n <sky-repeater-item\n *ngFor=\"let column of displayedColumnData\"\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n >\n <sky-repeater-item-title>\n {{ column.label }}\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n {{ column.description }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-data-view>\n </sky-data-manager>\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_data_manager_apply_changes_button_title' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_data_manager_cancel_button_title' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3__namespace.λ4, selector: "sky-modal-header" }, { type: i3__namespace.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type:
|
|
1331
|
+
SkyDataManagerColumnPickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1332
|
+
SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0__namespace, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n <sky-data-manager>\n <sky-data-manager-toolbar> </sky-data-manager-toolbar>\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n <sky-repeater-item\n *ngFor=\"let column of displayedColumnData\"\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n >\n <sky-repeater-item-title>\n {{ column.label }}\n </sky-repeater-item-title>\n <sky-repeater-item-content>\n {{ column.description }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n </sky-data-view>\n </sky-data-manager>\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_data_manager_apply_changes_button_title' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_data_manager_cancel_button_title' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3__namespace.λ4, selector: "sky-modal-header" }, { type: i3__namespace.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i7__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i7__namespace.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i7__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i7__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i3__namespace.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i11__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1339
1333
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, decorators: [{
|
|
1340
1334
|
type: i0.Component,
|
|
1341
1335
|
args: [{
|
|
@@ -1345,7 +1339,7 @@
|
|
|
1345
1339
|
providers: [SkyDataManagerService],
|
|
1346
1340
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1347
1341
|
}]
|
|
1348
|
-
}], ctorParameters: function () { return [{ type: SkyDataManagerColumnPickerContext }, { type: SkyDataManagerService }, { type: i3__namespace.SkyModalInstance }
|
|
1342
|
+
}], ctorParameters: function () { return [{ type: SkyDataManagerColumnPickerContext }, { type: SkyDataManagerService }, { type: i3__namespace.SkyModalInstance }]; } });
|
|
1349
1343
|
|
|
1350
1344
|
var SkyDataManagerColumnPickerImplService = /** @class */ (function () {
|
|
1351
1345
|
function SkyDataManagerColumnPickerImplService() {
|
|
@@ -1457,17 +1451,17 @@
|
|
|
1457
1451
|
SkyDataManagerToolbarComponent,
|
|
1458
1452
|
SkyDataViewComponent], imports: [i9.CommonModule,
|
|
1459
1453
|
i10.FormsModule,
|
|
1460
|
-
i4
|
|
1461
|
-
i8
|
|
1454
|
+
i4.SkyBackToTopModule,
|
|
1455
|
+
i8.SkyCheckboxModule,
|
|
1462
1456
|
SkyDataManagerResourcesModule,
|
|
1463
|
-
|
|
1457
|
+
i7.SkyFilterModule,
|
|
1464
1458
|
i6.SkyIconModule,
|
|
1465
1459
|
i3.SkyModalModule,
|
|
1466
|
-
i8
|
|
1467
|
-
|
|
1468
|
-
i7.SkySearchModule,
|
|
1469
|
-
|
|
1470
|
-
i4
|
|
1460
|
+
i8.SkyRadioModule,
|
|
1461
|
+
i7.SkyRepeaterModule,
|
|
1462
|
+
i7$1.SkySearchModule,
|
|
1463
|
+
i7.SkySortModule,
|
|
1464
|
+
i4.SkyToolbarModule,
|
|
1471
1465
|
i1.SkyViewkeeperModule], exports: [SkyDataManagerColumnPickerComponent,
|
|
1472
1466
|
SkyDataManagerComponent,
|
|
1473
1467
|
SkyDataManagerToolbarLeftItemComponent,
|
|
@@ -1484,17 +1478,17 @@
|
|
|
1484
1478
|
], imports: [[
|
|
1485
1479
|
i9.CommonModule,
|
|
1486
1480
|
i10.FormsModule,
|
|
1487
|
-
i4
|
|
1488
|
-
i8
|
|
1481
|
+
i4.SkyBackToTopModule,
|
|
1482
|
+
i8.SkyCheckboxModule,
|
|
1489
1483
|
SkyDataManagerResourcesModule,
|
|
1490
|
-
|
|
1484
|
+
i7.SkyFilterModule,
|
|
1491
1485
|
i6.SkyIconModule,
|
|
1492
1486
|
i3.SkyModalModule,
|
|
1493
|
-
i8
|
|
1494
|
-
|
|
1495
|
-
i7.SkySearchModule,
|
|
1496
|
-
|
|
1497
|
-
i4
|
|
1487
|
+
i8.SkyRadioModule,
|
|
1488
|
+
i7.SkyRepeaterModule,
|
|
1489
|
+
i7$1.SkySearchModule,
|
|
1490
|
+
i7.SkySortModule,
|
|
1491
|
+
i4.SkyToolbarModule,
|
|
1498
1492
|
i1.SkyViewkeeperModule,
|
|
1499
1493
|
]] });
|
|
1500
1494
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDataManagerModule, decorators: [{
|
|
@@ -1513,17 +1507,17 @@
|
|
|
1513
1507
|
imports: [
|
|
1514
1508
|
i9.CommonModule,
|
|
1515
1509
|
i10.FormsModule,
|
|
1516
|
-
i4
|
|
1517
|
-
i8
|
|
1510
|
+
i4.SkyBackToTopModule,
|
|
1511
|
+
i8.SkyCheckboxModule,
|
|
1518
1512
|
SkyDataManagerResourcesModule,
|
|
1519
|
-
|
|
1513
|
+
i7.SkyFilterModule,
|
|
1520
1514
|
i6.SkyIconModule,
|
|
1521
1515
|
i3.SkyModalModule,
|
|
1522
|
-
i8
|
|
1523
|
-
|
|
1524
|
-
i7.SkySearchModule,
|
|
1525
|
-
|
|
1526
|
-
i4
|
|
1516
|
+
i8.SkyRadioModule,
|
|
1517
|
+
i7.SkyRepeaterModule,
|
|
1518
|
+
i7$1.SkySearchModule,
|
|
1519
|
+
i7.SkySortModule,
|
|
1520
|
+
i4.SkyToolbarModule,
|
|
1527
1521
|
i1.SkyViewkeeperModule,
|
|
1528
1522
|
],
|
|
1529
1523
|
exports: [
|