@skyux/data-manager 11.0.0-alpha.12 → 11.0.0-alpha.14
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/documentation.json +613 -533
- package/esm2022/lib/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.mjs +7 -10
- package/esm2022/lib/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.mjs +10 -13
- package/esm2022/lib/modules/data-manager/data-manager.component.mjs +5 -7
- package/esm2022/lib/modules/data-manager/data-manager.module.mjs +2 -3
- package/esm2022/lib/modules/data-manager/data-view.component.mjs +23 -6
- package/esm2022/lib/modules/data-manager/models/data-view-column-widths.mjs +2 -0
- package/esm2022/lib/modules/data-manager/models/data-view-state-options.mjs +1 -1
- package/esm2022/lib/modules/data-manager/models/data-view-state.mjs +7 -1
- package/fesm2022/skyux-data-manager.mjs +46 -27
- package/fesm2022/skyux-data-manager.mjs.map +1 -1
- package/lib/modules/data-manager/models/data-view-column-widths.d.ts +14 -0
- package/lib/modules/data-manager/models/data-view-state-options.d.ts +5 -0
- package/lib/modules/data-manager/models/data-view-state.d.ts +5 -0
- package/package.json +10 -10
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, inject, } from '@angular/core';
|
|
2
|
+
import { SkyMediaQueryService, SkyResizeObserverMediaQueryService, } from '@skyux/core';
|
|
3
3
|
import { SkyTextHighlightDirective } from '@skyux/indicators';
|
|
4
4
|
import { Subject } from 'rxjs';
|
|
5
5
|
import { takeUntil } from 'rxjs/operators';
|
|
6
6
|
import { SkyDataManagerService } from './data-manager.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@skyux/indicators";
|
|
9
|
-
import * as i2 from "@angular/common";
|
|
10
9
|
/**
|
|
11
10
|
* A data view is rendered within a data manager component.
|
|
12
11
|
* It can subscribe to data state changes from `SkyDataManagerService` and apply the filters,
|
|
@@ -35,6 +34,8 @@ export class SkyDataViewComponent {
|
|
|
35
34
|
#dataManagerService = inject(SkyDataManagerService);
|
|
36
35
|
#changeDetector = inject(ChangeDetectorRef);
|
|
37
36
|
#textHighlight = inject(SkyTextHighlightDirective, { self: true });
|
|
37
|
+
#elementRef = inject((ElementRef));
|
|
38
|
+
#mediaQueryService = inject(SkyResizeObserverMediaQueryService);
|
|
38
39
|
ngOnInit() {
|
|
39
40
|
this.#dataManagerService
|
|
40
41
|
.getActiveViewIdUpdates()
|
|
@@ -58,10 +59,14 @@ export class SkyDataViewComponent {
|
|
|
58
59
|
this.#updateSearchHighlight(state);
|
|
59
60
|
});
|
|
60
61
|
}
|
|
62
|
+
this.#mediaQueryService.observe(this.#elementRef, {
|
|
63
|
+
updateResponsiveClasses: true,
|
|
64
|
+
});
|
|
61
65
|
}
|
|
62
66
|
ngOnDestroy() {
|
|
63
67
|
this.#ngUnsubscribe.next();
|
|
64
68
|
this.#ngUnsubscribe.complete();
|
|
69
|
+
this.#mediaQueryService.unobserve();
|
|
65
70
|
}
|
|
66
71
|
#updateSearchHighlight(state) {
|
|
67
72
|
if (this.viewId) {
|
|
@@ -75,12 +80,24 @@ export class SkyDataViewComponent {
|
|
|
75
80
|
}
|
|
76
81
|
}
|
|
77
82
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SkyDataViewComponent, isStandalone: true, selector: "sky-data-view", inputs: { viewId: "viewId" }, providers: [
|
|
84
|
+
SkyResizeObserverMediaQueryService,
|
|
85
|
+
{
|
|
86
|
+
provide: SkyMediaQueryService,
|
|
87
|
+
useExisting: SkyResizeObserverMediaQueryService,
|
|
88
|
+
},
|
|
89
|
+
], hostDirectives: [{ directive: i1.SkyTextHighlightDirective }], ngImport: i0, template: "@if (isActive) {\n <ng-content />\n}\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
79
90
|
}
|
|
80
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataViewComponent, decorators: [{
|
|
81
92
|
type: Component,
|
|
82
|
-
args: [{ standalone: true, selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
93
|
+
args: [{ standalone: true, selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [SkyTextHighlightDirective], providers: [
|
|
94
|
+
SkyResizeObserverMediaQueryService,
|
|
95
|
+
{
|
|
96
|
+
provide: SkyMediaQueryService,
|
|
97
|
+
useExisting: SkyResizeObserverMediaQueryService,
|
|
98
|
+
},
|
|
99
|
+
], template: "@if (isActive) {\n <ng-content />\n}\n", styles: [":host{display:block}\n"] }]
|
|
83
100
|
}], propDecorators: { viewId: [{
|
|
84
101
|
type: Input
|
|
85
102
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRhLW1hbmFnZXIvc3JjL2xpYi9tb2R1bGVzL2RhdGEtbWFuYWdlci9kYXRhLXZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2RhdGEtbWFuYWdlci9zcmMvbGliL21vZHVsZXMvZGF0YS1tYW5hZ2VyL2RhdGEtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixrQ0FBa0MsR0FDbkMsTUFBTSxhQUFhLENBQUM7QUFDckIsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQUcvRDs7OztHQUlHO0FBc0JILE1BQU0sT0FBTyxvQkFBb0I7SUFRL0IsSUFBVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxRQUFRLENBQUMsS0FBYztRQUNoQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFRCxJQUFXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQzlC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QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7OEdBekZVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDBGQWZwQjtZQUNULGtDQUFrQztZQUNsQztnQkFDRSxPQUFPLEVBQUUsb0JBQW9CO2dCQUM3QixXQUFXLEVBQUUsa0NBQWtDO2FBQ2hEO1NBQ0YseUZDdkNILHlDQUdBOzsyRkQ2Q2Esb0JBQW9CO2tCQXJCaEMsU0FBUztpQ0FDSSxJQUFJLFlBQ04sZUFBZSxtQkFFUix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQixDQUFDLHlCQUF5QixDQUFDLGFBQ2hDO3dCQUNULGtDQUFrQzt3QkFDbEM7NEJBQ0UsT0FBTyxFQUFFLG9CQUFvQjs0QkFDN0IsV0FBVyxFQUFFLGtDQUFrQzt5QkFDaEQ7cUJBQ0Y7OEJBZU0sTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNreU1lZGlhUXVlcnlTZXJ2aWNlLFxuICBTa3lSZXNpemVPYnNlcnZlck1lZGlhUXVlcnlTZXJ2aWNlLFxufSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lUZXh0SGlnaGxpZ2h0RGlyZWN0aXZlIH0gZnJvbSAnQHNreXV4L2luZGljYXRvcnMnO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNreURhdGFNYW5hZ2VyU2VydmljZSB9IGZyb20gJy4vZGF0YS1tYW5hZ2VyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5RGF0YU1hbmFnZXJTdGF0ZSB9IGZyb20gJy4vbW9kZWxzL2RhdGEtbWFuYWdlci1zdGF0ZSc7XG5cbi8qKlxuICogQSBkYXRhIHZpZXcgaXMgcmVuZGVyZWQgd2l0aGluIGEgZGF0YSBtYW5hZ2VyIGNvbXBvbmVudC5cbiAqIEl0IGNhbiBzdWJzY3JpYmUgdG8gZGF0YSBzdGF0ZSBjaGFuZ2VzIGZyb20gYFNreURhdGFNYW5hZ2VyU2VydmljZWAgYW5kIGFwcGx5IHRoZSBmaWx0ZXJzLFxuICogc2VhcmNoIHRleHQsIGFuZCBtb3JlIHRvIHRoZSBkYXRhIGl0IGRpc3BsYXlzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdza3ktZGF0YS12aWV3JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGEtdmlldy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBob3N0RGlyZWN0aXZlczogW1NreVRleHRIaWdobGlnaHREaXJlY3RpdmVdLFxuICBwcm92aWRlcnM6IFtcbiAgICBTa3lSZXNpemVPYnNlcnZlck1lZGlhUXVlcnlTZXJ2aWNlLFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNreU1lZGlhUXVlcnlTZXJ2aWNlLFxuICAgICAgdXNlRXhpc3Rpbmc6IFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG4gICAgfSxcbiAgXSxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgOmhvc3Qge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEYXRhVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSwgT25Jbml0IHtcbiAgLyoqXG4gICAqIFRoZSBjb25maWd1cmF0aW9uIGZvciB0aGUgdmlldy4gU2VlIHRoZSBgU2t5RGF0YVZpZXdDb25maWdgIGludGVyZmFjZS5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdmlld0lkOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGdldCBpc0FjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy4jX2lzQWN0aXZlO1xuICB9XG5cbiAgcHVibGljIHNldCBpc0FjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuI19pc0FjdGl2ZSA9IHZhbHVlO1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcHVibGljIGdldCB0ZXh0SGlnaGxpZ2h0KCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI190ZXh0SGlnaGxpZ2h0O1xuICB9XG5cbiAgcHVibGljIHNldCB0ZXh0SGlnaGxpZ2h0KHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfdGV4dEhpZ2hsaWdodCA9IHZhbHVlO1xuICAgIHRoaXMuI3RleHRIaWdobGlnaHQuc2t5SGlnaGxpZ2h0ID0gdmFsdWU7XG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAjX2lzQWN0aXZlID0gZmFsc2U7XG4gICNfdGV4dEhpZ2hsaWdodDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gICNuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgI2N1cnJlbnRTdGF0ZTogU2t5RGF0YU1hbmFnZXJTdGF0ZSB8IHVuZGVmaW5lZDtcblxuICByZWFkb25seSAjZGF0YU1hbmFnZXJTZXJ2aWNlID0gaW5qZWN0KFNreURhdGFNYW5hZ2VyU2VydmljZSk7XG4gIHJlYWRvbmx5ICNjaGFuZ2VEZXRlY3RvciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gICN0ZXh0SGlnaGxpZ2h0OiBTa3lUZXh0SGlnaGxpZ2h0RGlyZWN0aXZlID0gaW5qZWN0KFxuICAgIFNreVRleHRIaWdobGlnaHREaXJlY3RpdmUsXG4gICAgeyBzZWxmOiB0cnVlIH0sXG4gICk7XG4gIHJlYWRvbmx5ICNlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KTtcbiAgcmVhZG9ubHkgI21lZGlhUXVlcnlTZXJ2aWNlID0gaW5qZWN0KFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiNkYXRhTWFuYWdlclNlcnZpY2VcbiAgICAgIC5nZXRBY3RpdmVWaWV3SWRVcGRhdGVzKClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGFjdGl2ZVZpZXdJZCkgPT4ge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gdGhpcy52aWV3SWQgPT09IGFjdGl2ZVZpZXdJZDtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy4jZGF0YU1hbmFnZXJTZXJ2aWNlXG4gICAgICAuZ2V0RGF0YVZpZXdzVXBkYXRlcygpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy4jdXBkYXRlU2VhcmNoSGlnaGxpZ2h0KHRoaXMuI2N1cnJlbnRTdGF0ZSk7XG4gICAgICB9KTtcblxuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKHRoaXMudmlld0lkKSB7XG4gICAgICB0aGlzLiNkYXRhTWFuYWdlclNlcnZpY2VcbiAgICAgICAgLmdldERhdGFTdGF0ZVVwZGF0ZXModGhpcy52aWV3SWQpXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgICAgLnN1YnNjcmliZSgoc3RhdGU6IFNreURhdGFNYW5hZ2VyU3RhdGUpID0+IHtcbiAgICAgICAgICB0aGlzLiNjdXJyZW50U3RhdGUgPSBzdGF0ZTtcbiAgICAgICAgICB0aGlzLiN1cGRhdGVTZWFyY2hIaWdobGlnaHQoc3RhdGUpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS5vYnNlcnZlKHRoaXMuI2VsZW1lbnRSZWYsIHtcbiAgICAgIHVwZGF0ZVJlc3BvbnNpdmVDbGFzc2VzOiB0cnVlLFxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS51bm9ic2VydmUoKTtcbiAgfVxuXG4gICN1cGRhdGVTZWFyY2hIaWdobGlnaHQoc3RhdGU/OiBTa3lEYXRhTWFuYWdlclN0YXRlKTogdm9pZCB7XG4gICAgaWYgKHRoaXMudmlld0lkKSB7XG4gICAgICBjb25zdCB2aWV3ID0gdGhpcy4jZGF0YU1hbmFnZXJTZXJ2aWNlLmdldFZpZXdCeUlkKHRoaXMudmlld0lkKTtcblxuICAgICAgaWYgKHZpZXc/LnNlYXJjaEhpZ2hsaWdodEVuYWJsZWQpIHtcbiAgICAgICAgdGhpcy50ZXh0SGlnaGxpZ2h0ID0gc3RhdGU/LnNlYXJjaFRleHQ7XG4gICAgICB9IGVsc2UgaWYgKHRoaXMudGV4dEhpZ2hsaWdodCkge1xuICAgICAgICB0aGlzLnRleHRIaWdobGlnaHQgPSB1bmRlZmluZWQ7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCJAaWYgKGlzQWN0aXZlKSB7XG4gIDxuZy1jb250ZW50IC8+XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LWNvbHVtbi13aWR0aHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0YS1tYW5hZ2VyL3NyYy9saWIvbW9kdWxlcy9kYXRhLW1hbmFnZXIvbW9kZWxzL2RhdGEtdmlldy1jb2x1bW4td2lkdGhzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNreURhdGFWaWV3Q29sdW1uV2lkdGhzIHtcbiAgLyoqXG4gICAqIEEgbWFwIG9mIGNvbHVtbklkcyB0byBjb2x1bW4gd2lkdGhzIGF0IHRoZSB4cyBicmVha3BvaW50IHNpemUuXG4gICAqL1xuICB4czoge1xuICAgIFtjb2xJZDogc3RyaW5nXTogbnVtYmVyO1xuICB9O1xuICAvKipcbiAgICogQSBtYXAgb2YgY29sdW1uSWRzIHRvIGNvbHVtbiB3aWR0aHMgYXQgdGhlIHNtIG9yIGxhcmdlciBicmVha3BvaW50IHNpemUuXG4gICAqL1xuICBzbToge1xuICAgIFtjb2xJZDogc3RyaW5nXTogbnVtYmVyO1xuICB9O1xufVxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LXN0YXRlLW9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0YS1tYW5hZ2VyL3NyYy9saWIvbW9kdWxlcy9kYXRhLW1hbmFnZXIvbW9kZWxzL2RhdGEtdmlldy1zdGF0ZS1vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lEYXRhVmlld0NvbHVtbldpZHRocyB9IGZyb20gJy4vZGF0YS12aWV3LWNvbHVtbi13aWR0aHMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNreURhdGFWaWV3U3RhdGVPcHRpb25zIHtcbiAgLyoqXG4gICAqIFRoZSBJRCBvZiB0aGlzIHZpZXcuXG4gICAqL1xuICB2aWV3SWQ6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBJRHMgb2YgdGhlIGNvbHVtbnMgYWJsZSB0byBiZSBkaXNwbGF5ZWQgZm9yIGNvbHVtbi1iYXNlZCB2aWV3cy4gVGhpcyBwcm9wZXJ0eSBpcyByZXF1aXJlZCB3aGVuIHV0aWxpemluZyBhIGdyaWQtYmFzZWQgdmlldywgYSBjb2x1bW4gcGlja2VyLCBvciBib3RoLlxuICAgKi9cbiAgY29sdW1uSWRzPzogc3RyaW5nW107XG5cbiAgLyoqXG4gICAqIFRoZSB3aWR0aHMgb2YgY29sdW1ucyBpbiBjb2x1bW4tYmFzZWQgdmlld3MgZm9yIHhzIGFuZCBzbSsgYnJlYWtwb2ludHMuIElmIHVzaW5nIHN0aWNreSBzZXR0aW5ncywgdGhlIHdpZHRocyBhIHVzZXIgc2V0cyB3aWxsIGJlIHBlcnNpc3RlZC5cbiAgICovXG4gIGNvbHVtbldpZHRocz86IFNreURhdGFWaWV3Q29sdW1uV2lkdGhzO1xuXG4gIC8qKlxuICAgKiBUaGUgSURzIG9mIHRoZSBjb2x1bW5zIGRpc3BsYXllZCBmb3IgY29sdW1uLWJhc2VkIHZpZXdzLlxuICAgKi9cbiAgZGlzcGxheWVkQ29sdW1uSWRzPzogc3RyaW5nW107XG4gIC8qKlxuICAgKiBBbiB1bnR5cGVkIHByb3BlcnR5IHRoYXQgdHJhY2tzIGFueSB2aWV3LXNwZWNpZmljIHN0YXRlIGluZm9ybWF0aW9uXG4gICAqIHRoYXQgaXMgcmVsZXZhbnQgdG8gYSBkYXRhIG1hbmFnZXIgYnV0IHRoYXQgZXhpc3RpbmcgcHJvcGVydGllcyBkbyBub3QgY292ZXIuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBhZGRpdGlvbmFsRGF0YT86IGFueTtcbn1cbiJdfQ==
|
|
@@ -7,12 +7,17 @@ export class SkyDataViewState {
|
|
|
7
7
|
* The IDs of the columns able to be displayed for column-based views. This property is required when utilizing a grid-based view, a column picker, or both.
|
|
8
8
|
*/
|
|
9
9
|
this.columnIds = [];
|
|
10
|
+
/**
|
|
11
|
+
* The widths of columns in column-based views for xs and sm+ breakpoints. If using sticky settings, the widths a user sets will be persisted.
|
|
12
|
+
*/
|
|
13
|
+
this.columnWidths = { xs: {}, sm: {} };
|
|
10
14
|
/**
|
|
11
15
|
* The IDs of the columns displayed for column-based views.
|
|
12
16
|
*/
|
|
13
17
|
this.displayedColumnIds = [];
|
|
14
18
|
this.viewId = data.viewId;
|
|
15
19
|
this.columnIds = data.columnIds || [];
|
|
20
|
+
this.columnWidths = data.columnWidths || { xs: {}, sm: {} };
|
|
16
21
|
this.displayedColumnIds = data.displayedColumnIds || [];
|
|
17
22
|
this.additionalData = data.additionalData;
|
|
18
23
|
}
|
|
@@ -24,9 +29,10 @@ export class SkyDataViewState {
|
|
|
24
29
|
return {
|
|
25
30
|
viewId: this.viewId,
|
|
26
31
|
columnIds: this.columnIds,
|
|
32
|
+
columnWidths: this.columnWidths,
|
|
27
33
|
displayedColumnIds: this.displayedColumnIds,
|
|
28
34
|
additionalData: this.additionalData,
|
|
29
35
|
};
|
|
30
36
|
}
|
|
31
37
|
}
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS12aWV3LXN0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2RhdGEtbWFuYWdlci9zcmMvbGliL21vZHVsZXMvZGF0YS1tYW5hZ2VyL21vZGVscy9kYXRhLXZpZXctc3RhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0E7O0dBRUc7QUFDSCxNQUFNLE9BQU8sZ0JBQWdCO0lBeUIzQixZQUFZLElBQTZCO1FBeEJ6Qzs7V0FFRztRQUNJLGNBQVMsR0FBYSxFQUFFLENBQUM7UUFFaEM7O1dBRUc7UUFDSSxpQkFBWSxHQUE0QixFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBQ2xFOztXQUVHO1FBQ0ksdUJBQWtCLEdBQWEsRUFBRSxDQUFDO1FBYXZDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksRUFBRSxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksSUFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDO1FBQzVELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsa0JBQWtCLElBQUksRUFBRSxDQUFDO1FBQ3hELElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUM1QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksbUJBQW1CO1FBQ3hCLE9BQU87WUFDTCxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07WUFDbkIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO1lBQ3pCLFlBQVksRUFBRSxJQUFJLENBQUMsWUFBWTtZQUMvQixrQkFBa0IsRUFBRSxJQUFJLENBQUMsa0JBQWtCO1lBQzNDLGNBQWMsRUFBRSxJQUFJLENBQUMsY0FBYztTQUNwQyxDQUFDO0lBQ0osQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2t5RGF0YVZpZXdDb2x1bW5XaWR0aHMgfSBmcm9tICcuL2RhdGEtdmlldy1jb2x1bW4td2lkdGhzJztcbmltcG9ydCB7IFNreURhdGFWaWV3U3RhdGVPcHRpb25zIH0gZnJvbSAnLi9kYXRhLXZpZXctc3RhdGUtb3B0aW9ucyc7XG5cbi8qKlxuICogUHJvdmlkZXMgb3B0aW9ucyBmb3IgZGVmaW5pbmcgaG93IGRhdGEgaXMgZGlzcGxheWVkLCBzdWNoIGFzIHdoaWNoIGNvbHVtbnMgYXBwZWFyLlxuICovXG5leHBvcnQgY2xhc3MgU2t5RGF0YVZpZXdTdGF0ZSB7XG4gIC8qKlxuICAgKiBUaGUgSURzIG9mIHRoZSBjb2x1bW5zIGFibGUgdG8gYmUgZGlzcGxheWVkIGZvciBjb2x1bW4tYmFzZWQgdmlld3MuIFRoaXMgcHJvcGVydHkgaXMgcmVxdWlyZWQgd2hlbiB1dGlsaXppbmcgYSBncmlkLWJhc2VkIHZpZXcsIGEgY29sdW1uIHBpY2tlciwgb3IgYm90aC5cbiAgICovXG4gIHB1YmxpYyBjb2x1bW5JZHM6IHN0cmluZ1tdID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSB3aWR0aHMgb2YgY29sdW1ucyBpbiBjb2x1bW4tYmFzZWQgdmlld3MgZm9yIHhzIGFuZCBzbSsgYnJlYWtwb2ludHMuIElmIHVzaW5nIHN0aWNreSBzZXR0aW5ncywgdGhlIHdpZHRocyBhIHVzZXIgc2V0cyB3aWxsIGJlIHBlcnNpc3RlZC5cbiAgICovXG4gIHB1YmxpYyBjb2x1bW5XaWR0aHM6IFNreURhdGFWaWV3Q29sdW1uV2lkdGhzID0geyB4czoge30sIHNtOiB7fSB9O1xuICAvKipcbiAgICogVGhlIElEcyBvZiB0aGUgY29sdW1ucyBkaXNwbGF5ZWQgZm9yIGNvbHVtbi1iYXNlZCB2aWV3cy5cbiAgICovXG4gIHB1YmxpYyBkaXNwbGF5ZWRDb2x1bW5JZHM6IHN0cmluZ1tdID0gW107XG4gIC8qKlxuICAgKiBUaGUgSUQgb2YgdGhpcyB2aWV3LlxuICAgKi9cbiAgcHVibGljIHZpZXdJZDogc3RyaW5nO1xuICAvKipcbiAgICogQW4gdW50eXBlZCBwcm9wZXJ0eSB0aGF0IHRyYWNrcyBhbnkgdmlldy1zcGVjaWZpYyBzdGF0ZSBpbmZvcm1hdGlvblxuICAgKiB0aGF0IGlzIHJlbGV2YW50IHRvIGEgZGF0YSBtYW5hZ2VyIGJ1dCB0aGF0IGV4aXN0aW5nIHByb3BlcnRpZXMgZG8gbm90IGNvdmVyLlxuICAgKi9cbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcbiAgcHVibGljIGFkZGl0aW9uYWxEYXRhOiBhbnk7XG5cbiAgY29uc3RydWN0b3IoZGF0YTogU2t5RGF0YVZpZXdTdGF0ZU9wdGlvbnMpIHtcbiAgICB0aGlzLnZpZXdJZCA9IGRhdGEudmlld0lkO1xuICAgIHRoaXMuY29sdW1uSWRzID0gZGF0YS5jb2x1bW5JZHMgfHwgW107XG4gICAgdGhpcy5jb2x1bW5XaWR0aHMgPSBkYXRhLmNvbHVtbldpZHRocyB8fCB7IHhzOiB7fSwgc206IHt9IH07XG4gICAgdGhpcy5kaXNwbGF5ZWRDb2x1bW5JZHMgPSBkYXRhLmRpc3BsYXllZENvbHVtbklkcyB8fCBbXTtcbiAgICB0aGlzLmFkZGl0aW9uYWxEYXRhID0gZGF0YS5hZGRpdGlvbmFsRGF0YTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBgU2t5RGF0YVZpZXdTdGF0ZU9wdGlvbnNgIGZvciB0aGUgY3VycmVudCB2aWV3LlxuICAgKiBAcmV0dXJucyBUaGUgYFNreURhdGFWaWV3U3RhdGVPcHRpb25zYC5cbiAgICovXG4gIHB1YmxpYyBnZXRWaWV3U3RhdGVPcHRpb25zKCk6IFNreURhdGFWaWV3U3RhdGVPcHRpb25zIHtcbiAgICByZXR1cm4ge1xuICAgICAgdmlld0lkOiB0aGlzLnZpZXdJZCxcbiAgICAgIGNvbHVtbklkczogdGhpcy5jb2x1bW5JZHMsXG4gICAgICBjb2x1bW5XaWR0aHM6IHRoaXMuY29sdW1uV2lkdGhzLFxuICAgICAgZGlzcGxheWVkQ29sdW1uSWRzOiB0aGlzLmRpc3BsYXllZENvbHVtbklkcyxcbiAgICAgIGFkZGl0aW9uYWxEYXRhOiB0aGlzLmFkZGl0aW9uYWxEYXRhLFxuICAgIH07XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { NgModule, Injectable, inject, ChangeDetectorRef, isStandalone, Component, ChangeDetectionStrategy, Input } from '@angular/core';
|
|
3
|
-
import * as i1$1 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule, Injectable, inject, ChangeDetectorRef, isStandalone, Component, ChangeDetectionStrategy, ElementRef, Input } from '@angular/core';
|
|
5
3
|
import * as i1$2 from '@skyux/indicators';
|
|
6
4
|
import { SkyTextHighlightDirective, SkyStatusIndicatorModule } from '@skyux/indicators';
|
|
7
|
-
import * as
|
|
5
|
+
import * as i3$1 from '@skyux/lists';
|
|
8
6
|
import { SkyFilterModule, SkySortModule, SkyRepeaterModule } from '@skyux/lists';
|
|
9
|
-
import * as
|
|
7
|
+
import * as i2$1 from '@skyux/modals';
|
|
10
8
|
import { SkyModalService, SkyModalLegacyService, SkyModalInstance, SkyModalModule } from '@skyux/modals';
|
|
11
9
|
import { BehaviorSubject, ReplaySubject, Subject } from 'rxjs';
|
|
12
10
|
import { take, takeUntil, filter, map, distinctUntilChanged } from 'rxjs/operators';
|
|
13
|
-
import * as
|
|
11
|
+
import * as i3 from '@skyux/i18n';
|
|
14
12
|
import { SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
15
|
-
import * as
|
|
13
|
+
import * as i1$1 from '@angular/forms';
|
|
16
14
|
import { FormsModule } from '@angular/forms';
|
|
17
15
|
import * as i1 from '@skyux/core';
|
|
18
|
-
import { SkyLogService, SkyLiveAnnouncerService, SkyViewkeeperModule } from '@skyux/core';
|
|
19
|
-
import * as
|
|
16
|
+
import { SkyLogService, SkyLiveAnnouncerService, SkyViewkeeperModule, SkyResizeObserverMediaQueryService, SkyMediaQueryService } from '@skyux/core';
|
|
17
|
+
import * as i2 from '@skyux/forms';
|
|
20
18
|
import { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';
|
|
21
|
-
import * as
|
|
19
|
+
import * as i4 from '@skyux/icon';
|
|
22
20
|
import { SkyIconModule } from '@skyux/icon';
|
|
23
|
-
import * as
|
|
21
|
+
import * as i7 from '@skyux/layout';
|
|
24
22
|
import { SkyToolbarModule, SkyBackToTopMessageType, SkyBackToTopModule } from '@skyux/layout';
|
|
25
|
-
import * as
|
|
23
|
+
import * as i6 from '@skyux/lookup';
|
|
26
24
|
import { SkySearchModule } from '@skyux/lookup';
|
|
27
25
|
|
|
28
26
|
// TODO: In a future breaking change convert this to an interface
|
|
@@ -159,12 +157,17 @@ class SkyDataViewState {
|
|
|
159
157
|
* The IDs of the columns able to be displayed for column-based views. This property is required when utilizing a grid-based view, a column picker, or both.
|
|
160
158
|
*/
|
|
161
159
|
this.columnIds = [];
|
|
160
|
+
/**
|
|
161
|
+
* The widths of columns in column-based views for xs and sm+ breakpoints. If using sticky settings, the widths a user sets will be persisted.
|
|
162
|
+
*/
|
|
163
|
+
this.columnWidths = { xs: {}, sm: {} };
|
|
162
164
|
/**
|
|
163
165
|
* The IDs of the columns displayed for column-based views.
|
|
164
166
|
*/
|
|
165
167
|
this.displayedColumnIds = [];
|
|
166
168
|
this.viewId = data.viewId;
|
|
167
169
|
this.columnIds = data.columnIds || [];
|
|
170
|
+
this.columnWidths = data.columnWidths || { xs: {}, sm: {} };
|
|
168
171
|
this.displayedColumnIds = data.displayedColumnIds || [];
|
|
169
172
|
this.additionalData = data.additionalData;
|
|
170
173
|
}
|
|
@@ -176,6 +179,7 @@ class SkyDataViewState {
|
|
|
176
179
|
return {
|
|
177
180
|
viewId: this.viewId,
|
|
178
181
|
columnIds: this.columnIds,
|
|
182
|
+
columnWidths: this.columnWidths,
|
|
179
183
|
displayedColumnIds: this.displayedColumnIds,
|
|
180
184
|
additionalData: this.additionalData,
|
|
181
185
|
};
|
|
@@ -745,12 +749,11 @@ class SkyDataManagerToolbarComponent {
|
|
|
745
749
|
}
|
|
746
750
|
}
|
|
747
751
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
748
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
752
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SkyDataManagerToolbarComponent, isStandalone: true, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar [listDescriptor]=\"dataManagerConfig?.listDescriptor\">\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\" />\n\n @if (activeView?.filterButtonEnabled) {\n <sky-toolbar-item>\n <sky-filter-button\n [showButtonText]=\"activeView?.showFilterButtonText\"\n (filterButtonClick)=\"filterButtonClicked()\"\n />\n </sky-toolbar-item>\n }\n\n @if (activeView?.sortEnabled) {\n <sky-toolbar-item>\n <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n @for (item of dataManagerConfig?.sortOptions; track item) {\n <sky-sort-item\n [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n (itemSelect)=\"sortSelected(item)\"\n >\n {{ item.label }}\n </sky-sort-item>\n }\n </sky-sort>\n </sky-toolbar-item>\n }\n\n @if (activeView?.columnPickerEnabled) {\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n type=\"button\"\n [attr.aria-label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_columns_button_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\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\" />\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\n <ng-content select=\"sky-data-manager-toolbar-left-item\" />\n\n @if (activeView?.searchEnabled) {\n <sky-toolbar-item>\n <sky-search\n [expandMode]=\"activeView?.searchExpandMode\"\n [placeholderText]=\"activeView?.searchPlaceholderText\"\n [searchText]=\"dataState?.searchText\"\n (searchApply)=\"searchApplied($event)\"\n />\n </sky-toolbar-item>\n }\n\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-data-manager-toolbar-right-item\" />\n @if (activeView && views && views.length > 1) {\n <sky-radio-group\n class=\"sky-switch-icon-group\"\n [ariaLabel]=\"'data view switcher'\"\n [(ngModel)]=\"activeView.id\"\n >\n @for (view of views; track view.id) {\n <sky-radio\n [attr.aria-label]=\"view.name\"\n [icon]=\"view.icon\"\n [value]=\"view.id\"\n [label]=\"view.name\"\n (change)=\"onViewChange(view.id)\"\n />\n }\n </sky-radio-group>\n }\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-section\" />\n </sky-toolbar>\n\n @if (activeView?.multiselectToolbarEnabled) {\n <sky-toolbar class=\"sky-data-manager-multiselect-toolbar\">\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 [attr.aria-label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_select_all_button_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\n : undefined\n \"\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 [attr.aria-label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_clear_all_button_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\n : undefined\n \"\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 [label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_show_selected_option_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\n : undefined\n \"\n (change)=\"onOnlyShowSelected($event)\"\n >\n <sky-checkbox-label>\n {{\n 'skyux_data_manager_show_selected_option_title'\n | skyLibResources\n }}\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n </sky-toolbar>\n }\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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyDataManagerResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i4.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "ngmodule", type: SkyFilterModule }, { kind: "component", type: i3$1.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "ariaLabel", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { kind: "ngmodule", type: SkyRadioModule }, { kind: "component", type: i2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "helpPopoverContent", "helpPopoverTitle", "icon", "radioType", "labelText", "labelHidden", "hintText", "helpKey"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "headingLevel", "headingStyle", "name", "required", "stacked", "value", "tabIndex", "headingText", "headingHidden", "hintText", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: i6.SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "ngmodule", type: SkySortModule }, { kind: "component", type: i3$1.λ14, selector: "sky-sort", inputs: ["ariaLabel", "showButtonText"] }, { kind: "component", type: i3$1.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i7.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i7.λ40, selector: "sky-toolbar-view-actions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
749
753
|
}
|
|
750
754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
|
|
751
755
|
type: Component,
|
|
752
756
|
args: [{ standalone: true, selector: 'sky-data-manager-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
753
|
-
CommonModule,
|
|
754
757
|
FormsModule,
|
|
755
758
|
SkyCheckboxModule,
|
|
756
759
|
SkyDataManagerResourcesModule,
|
|
@@ -760,7 +763,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
760
763
|
SkySearchModule,
|
|
761
764
|
SkySortModule,
|
|
762
765
|
SkyToolbarModule,
|
|
763
|
-
], template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar [listDescriptor]=\"dataManagerConfig?.listDescriptor\">\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\" />\n\n <sky-toolbar-item
|
|
766
|
+
], template: "<div class=\"sky-data-manager-toolbar\">\n <sky-toolbar [listDescriptor]=\"dataManagerConfig?.listDescriptor\">\n <sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-primary-item\" />\n\n @if (activeView?.filterButtonEnabled) {\n <sky-toolbar-item>\n <sky-filter-button\n [showButtonText]=\"activeView?.showFilterButtonText\"\n (filterButtonClick)=\"filterButtonClicked()\"\n />\n </sky-toolbar-item>\n }\n\n @if (activeView?.sortEnabled) {\n <sky-toolbar-item>\n <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n @for (item of dataManagerConfig?.sortOptions; track item) {\n <sky-sort-item\n [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n (itemSelect)=\"sortSelected(item)\"\n >\n {{ item.label }}\n </sky-sort-item>\n }\n </sky-sort>\n </sky-toolbar-item>\n }\n\n @if (activeView?.columnPickerEnabled) {\n <sky-toolbar-item>\n <button\n class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n type=\"button\"\n [attr.aria-label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_columns_button_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\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\" />\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\n <ng-content select=\"sky-data-manager-toolbar-left-item\" />\n\n @if (activeView?.searchEnabled) {\n <sky-toolbar-item>\n <sky-search\n [expandMode]=\"activeView?.searchExpandMode\"\n [placeholderText]=\"activeView?.searchPlaceholderText\"\n [searchText]=\"dataState?.searchText\"\n (searchApply)=\"searchApplied($event)\"\n />\n </sky-toolbar-item>\n }\n\n <sky-toolbar-view-actions>\n <ng-content select=\"sky-data-manager-toolbar-right-item\" />\n @if (activeView && views && views.length > 1) {\n <sky-radio-group\n class=\"sky-switch-icon-group\"\n [ariaLabel]=\"'data view switcher'\"\n [(ngModel)]=\"activeView.id\"\n >\n @for (view of views; track view.id) {\n <sky-radio\n [attr.aria-label]=\"view.name\"\n [icon]=\"view.icon\"\n [value]=\"view.id\"\n [label]=\"view.name\"\n (change)=\"onViewChange(view.id)\"\n />\n }\n </sky-radio-group>\n }\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n <ng-content select=\"sky-data-manager-toolbar-section\" />\n </sky-toolbar>\n\n @if (activeView?.multiselectToolbarEnabled) {\n <sky-toolbar class=\"sky-data-manager-multiselect-toolbar\">\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 [attr.aria-label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_select_all_button_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\n : undefined\n \"\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 [attr.aria-label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_clear_all_button_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\n : undefined\n \"\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 [label]=\"\n dataManagerConfig?.listDescriptor\n ? ('skyux_data_manager_show_selected_option_aria_label'\n | skyLibResources: dataManagerConfig?.listDescriptor)\n : undefined\n \"\n (change)=\"onOnlyShowSelected($event)\"\n >\n <sky-checkbox-label>\n {{\n 'skyux_data_manager_show_selected_option_title'\n | skyLibResources\n }}\n </sky-checkbox-label>\n </sky-checkbox>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n </sky-toolbar>\n }\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"] }]
|
|
764
767
|
}] });
|
|
765
768
|
|
|
766
769
|
const VIEWKEEPER_CLASSES_DEFAULT = ['.sky-data-manager-toolbar'];
|
|
@@ -864,11 +867,11 @@ class SkyDataManagerComponent {
|
|
|
864
867
|
});
|
|
865
868
|
}
|
|
866
869
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
867
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
870
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SkyDataManagerComponent, isStandalone: true, selector: "sky-data-manager", ngImport: i0, template: "@if (isInitialized) {\n <div\n #dataManager\n class=\"sky-data-manager\"\n [skyBackToTop]=\"backToTopOptions\"\n [skyBackToTopMessageStream]=\"backToTopController\"\n [skyViewkeeper]=\"currentViewkeeperClasses\"\n >\n <ng-content />\n </div>\n}\n", dependencies: [{ kind: "ngmodule", type: SkyBackToTopModule }, { kind: "directive", type: i7.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
868
871
|
}
|
|
869
872
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
|
|
870
873
|
type: Component,
|
|
871
|
-
args: [{ standalone: true, selector: 'sky-data-manager', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
874
|
+
args: [{ standalone: true, selector: 'sky-data-manager', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyBackToTopModule, SkyViewkeeperModule], template: "@if (isInitialized) {\n <div\n #dataManager\n class=\"sky-data-manager\"\n [skyBackToTop]=\"backToTopOptions\"\n [skyBackToTopMessageStream]=\"backToTopController\"\n [skyViewkeeper]=\"currentViewkeeperClasses\"\n >\n <ng-content />\n </div>\n}\n" }]
|
|
872
875
|
}] });
|
|
873
876
|
|
|
874
877
|
/**
|
|
@@ -899,6 +902,8 @@ class SkyDataViewComponent {
|
|
|
899
902
|
#dataManagerService = inject(SkyDataManagerService);
|
|
900
903
|
#changeDetector = inject(ChangeDetectorRef);
|
|
901
904
|
#textHighlight = inject(SkyTextHighlightDirective, { self: true });
|
|
905
|
+
#elementRef = inject((ElementRef));
|
|
906
|
+
#mediaQueryService = inject(SkyResizeObserverMediaQueryService);
|
|
902
907
|
ngOnInit() {
|
|
903
908
|
this.#dataManagerService
|
|
904
909
|
.getActiveViewIdUpdates()
|
|
@@ -922,10 +927,14 @@ class SkyDataViewComponent {
|
|
|
922
927
|
this.#updateSearchHighlight(state);
|
|
923
928
|
});
|
|
924
929
|
}
|
|
930
|
+
this.#mediaQueryService.observe(this.#elementRef, {
|
|
931
|
+
updateResponsiveClasses: true,
|
|
932
|
+
});
|
|
925
933
|
}
|
|
926
934
|
ngOnDestroy() {
|
|
927
935
|
this.#ngUnsubscribe.next();
|
|
928
936
|
this.#ngUnsubscribe.complete();
|
|
937
|
+
this.#mediaQueryService.unobserve();
|
|
929
938
|
}
|
|
930
939
|
#updateSearchHighlight(state) {
|
|
931
940
|
if (this.viewId) {
|
|
@@ -939,11 +948,23 @@ class SkyDataViewComponent {
|
|
|
939
948
|
}
|
|
940
949
|
}
|
|
941
950
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
942
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
951
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SkyDataViewComponent, isStandalone: true, selector: "sky-data-view", inputs: { viewId: "viewId" }, providers: [
|
|
952
|
+
SkyResizeObserverMediaQueryService,
|
|
953
|
+
{
|
|
954
|
+
provide: SkyMediaQueryService,
|
|
955
|
+
useExisting: SkyResizeObserverMediaQueryService,
|
|
956
|
+
},
|
|
957
|
+
], hostDirectives: [{ directive: i1$2.SkyTextHighlightDirective }], ngImport: i0, template: "@if (isActive) {\n <ng-content />\n}\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
943
958
|
}
|
|
944
959
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataViewComponent, decorators: [{
|
|
945
960
|
type: Component,
|
|
946
|
-
args: [{ standalone: true, selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
961
|
+
args: [{ standalone: true, selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [SkyTextHighlightDirective], providers: [
|
|
962
|
+
SkyResizeObserverMediaQueryService,
|
|
963
|
+
{
|
|
964
|
+
provide: SkyMediaQueryService,
|
|
965
|
+
useExisting: SkyResizeObserverMediaQueryService,
|
|
966
|
+
},
|
|
967
|
+
], template: "@if (isActive) {\n <ng-content />\n}\n", styles: [":host{display:block}\n"] }]
|
|
947
968
|
}], propDecorators: { viewId: [{
|
|
948
969
|
type: Input
|
|
949
970
|
}] } });
|
|
@@ -1085,12 +1106,11 @@ class SkyDataManagerColumnPickerComponent {
|
|
|
1085
1106
|
return formattedColumnOptions;
|
|
1086
1107
|
}
|
|
1087
1108
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1088
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1109
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: SkyDataManagerColumnPickerComponent, isStandalone: true, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, 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 />\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n @for (column of displayedColumnData; track column) {\n <sky-repeater-item\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n (isSelectedChange)=\"onIsSelectedChange()\"\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 }\n </sky-repeater>\n </sky-data-view>\n </sky-data-manager>\n </sky-modal-content>\n <sky-modal-footer>\n @if (!isAnyDisplayedColumnSelected) {\n <div class=\"sky-data-manager-column-picker-footer-stacked-indicator\">\n <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n {{\n 'skyux_data_manager_select_column_status_indicator_title'\n | skyLibResources\n }}\n </sky-status-indicator>\n </div>\n }\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n [disabled]=\"!isAnyDisplayedColumnSelected\"\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 type=\"button\"\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}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"], dependencies: [{ kind: "component", type: SkyDataManagerComponent, selector: "sky-data-manager" }, { kind: "ngmodule", type: SkyDataManagerResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "component", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { kind: "component", type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2$1.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy"] }, { kind: "component", type: i2$1.λ2, selector: "sky-modal-content" }, { kind: "component", type: i2$1.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i2$1.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i3$1.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i3$1.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i3$1.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i3$1.λ12, selector: "sky-repeater-item-title" }, { kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i1$2.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1089
1110
|
}
|
|
1090
1111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
|
|
1091
1112
|
type: Component,
|
|
1092
1113
|
args: [{ standalone: true, selector: 'sky-data-manager-column-picker', providers: [SkyDataManagerService], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1093
|
-
CommonModule,
|
|
1094
1114
|
SkyDataManagerComponent,
|
|
1095
1115
|
SkyDataManagerResourcesModule,
|
|
1096
1116
|
SkyDataManagerToolbarComponent,
|
|
@@ -1098,7 +1118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
1098
1118
|
SkyModalModule,
|
|
1099
1119
|
SkyRepeaterModule,
|
|
1100
1120
|
SkyStatusIndicatorModule,
|
|
1101
|
-
], 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
|
|
1121
|
+
], 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 />\n\n <sky-data-view [viewId]=\"viewConfig.id\">\n <sky-repeater expandMode=\"none\">\n @for (column of displayedColumnData; track column) {\n <sky-repeater-item\n [selectable]=\"true\"\n [(isSelected)]=\"column.isSelected\"\n (isSelectedChange)=\"onIsSelectedChange()\"\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 }\n </sky-repeater>\n </sky-data-view>\n </sky-data-manager>\n </sky-modal-content>\n <sky-modal-footer>\n @if (!isAnyDisplayedColumnSelected) {\n <div class=\"sky-data-manager-column-picker-footer-stacked-indicator\">\n <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n {{\n 'skyux_data_manager_select_column_status_indicator_title'\n | skyLibResources\n }}\n </sky-status-indicator>\n </div>\n }\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n [disabled]=\"!isAnyDisplayedColumnSelected\"\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 type=\"button\"\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}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"] }]
|
|
1102
1122
|
}] });
|
|
1103
1123
|
|
|
1104
1124
|
class SkyDataManagerColumnPickerImplService {
|
|
@@ -1126,7 +1146,7 @@ const SKY_DATA_MANAGER_COLUMN_PICKER_PROVIDERS = [
|
|
|
1126
1146
|
*/
|
|
1127
1147
|
class SkyDataManagerToolbarLeftItemComponent {
|
|
1128
1148
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1129
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyDataManagerToolbarLeftItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type:
|
|
1149
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyDataManagerToolbarLeftItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }] }); }
|
|
1130
1150
|
}
|
|
1131
1151
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
|
|
1132
1152
|
type: Component,
|
|
@@ -1140,7 +1160,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
1140
1160
|
*/
|
|
1141
1161
|
class SkyDataManagerToolbarPrimaryItemComponent {
|
|
1142
1162
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1143
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyDataManagerToolbarPrimaryItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type:
|
|
1163
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyDataManagerToolbarPrimaryItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }] }); }
|
|
1144
1164
|
}
|
|
1145
1165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
|
|
1146
1166
|
type: Component,
|
|
@@ -1169,7 +1189,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
|
|
|
1169
1189
|
*/
|
|
1170
1190
|
class SkyDataManagerToolbarSectionComponent {
|
|
1171
1191
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1172
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyDataManagerToolbarSectionComponent, isStandalone: true, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n <ng-content />\n</sky-toolbar-section>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type:
|
|
1192
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: SkyDataManagerToolbarSectionComponent, isStandalone: true, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n <ng-content />\n</sky-toolbar-section>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ38, selector: "sky-toolbar-section" }] }); }
|
|
1173
1193
|
}
|
|
1174
1194
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
|
|
1175
1195
|
type: Component,
|
|
@@ -1195,8 +1215,7 @@ class SkyDataManagerModule {
|
|
|
1195
1215
|
SkyDataManagerToolbarComponent,
|
|
1196
1216
|
SkyDataManagerToolbarLeftItemComponent,
|
|
1197
1217
|
SkyDataManagerToolbarPrimaryItemComponent,
|
|
1198
|
-
SkyDataManagerToolbarSectionComponent
|
|
1199
|
-
SkyDataViewComponent] }); }
|
|
1218
|
+
SkyDataManagerToolbarSectionComponent] }); }
|
|
1200
1219
|
}
|
|
1201
1220
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: SkyDataManagerModule, decorators: [{
|
|
1202
1221
|
type: NgModule,
|