@skyux/split-view 9.22.0 → 10.0.0-alpha.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/documentation.json +147 -147
- package/esm2022/lib/modules/shared/sky-split-view-resources.module.mjs +4 -4
- package/esm2022/lib/modules/split-view/split-view-adapter.service.mjs +5 -5
- package/esm2022/lib/modules/split-view/split-view-drawer.component.mjs +5 -5
- package/esm2022/lib/modules/split-view/split-view-media-query.service.mjs +5 -5
- package/esm2022/lib/modules/split-view/split-view-workspace-content.component.mjs +3 -3
- package/esm2022/lib/modules/split-view/split-view-workspace-footer.component.mjs +3 -3
- package/esm2022/lib/modules/split-view/split-view-workspace-header.component.mjs +4 -4
- package/esm2022/lib/modules/split-view/split-view-workspace.component.mjs +5 -5
- package/esm2022/lib/modules/split-view/split-view.component.mjs +5 -5
- package/esm2022/lib/modules/split-view/split-view.module.mjs +4 -4
- package/esm2022/lib/modules/split-view/split-view.service.mjs +5 -5
- package/esm2022/testing/split-view/split-view-fixture.mjs +1 -1
- package/esm2022/testing/split-view/split-view-testing.module.mjs +4 -4
- package/fesm2022/skyux-split-view-testing.mjs +4 -4
- package/fesm2022/skyux-split-view-testing.mjs.map +1 -1
- package/fesm2022/skyux-split-view.mjs +42 -42
- package/fesm2022/skyux-split-view.mjs.map +1 -1
- package/package.json +10 -10
|
@@ -71,10 +71,10 @@ export class SkySplitViewService {
|
|
|
71
71
|
updateDrawerWidth(drawerWidth) {
|
|
72
72
|
this.#_drawerWidthStream.next(drawerWidth);
|
|
73
73
|
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
75
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewService, deps: [{ token: i1.SkyMediaQueryService }, { token: i2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
75
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewService }); }
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewService, decorators: [{
|
|
78
78
|
type: Injectable
|
|
79
|
-
}], ctorParameters:
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
}], ctorParameters: () => [{ type: i1.SkyMediaQueryService }, { type: i2.SkyLibResourcesService }] });
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQtdmlldy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NwbGl0LXZpZXcvc3JjL2xpYi9tb2R1bGVzL3NwbGl0LXZpZXcvc3BsaXQtdmlldy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxVQUFVLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUF3QixNQUFNLGFBQWEsQ0FBQztBQUd4RSxPQUFPLEVBQUUsZUFBZSxFQUE0QixNQUFNLE1BQU0sQ0FBQztBQUNqRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFFdEM7OztHQUdHO0FBRUgsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixJQUFXLG9CQUFvQjtRQUM3QixPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQztJQUNyQyxDQUFDO0lBSUQsSUFBVyxpQkFBaUI7UUFDMUIsT0FBTyxJQUFJLENBQUMsbUJBQW1CLENBQUM7SUFDbEMsQ0FBQztJQUlELElBQVcsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELElBQVcsY0FBYztRQUN2QixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUMvQixDQUFDO0lBRUQsOEJBQThCLENBQWU7SUFFN0Msc0JBQXNCLENBQW1DO0lBQ3pELG1CQUFtQixDQUFvQztJQUN2RCxVQUFVLENBQVM7SUFDbkIsZ0JBQWdCLENBQXVDO0lBRXZELFlBQ0UsaUJBQXVDLEVBQ3ZDLFNBQWlDO1FBN0I1QixrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFVLElBQUksQ0FBQyxDQUFDO1FBc0IxRCwyQkFBc0IsR0FBRyxJQUFJLGVBQWUsQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUN6RCx3QkFBbUIsR0FBRyxJQUFJLGVBQWUsQ0FBUyxHQUFHLENBQUMsQ0FBQztRQUN2RCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLHFCQUFnQixHQUFHLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBTXJELGdDQUFnQztRQUNoQyxTQUFTO2FBQ04sU0FBUyxDQUFDLCtCQUErQixDQUFDO2FBQzFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDYixTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN0QixJQUFJLENBQUMsb0JBQW9CLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdEMsQ0FBQyxDQUFDLENBQUM7UUFFTCxrQkFBa0I7UUFDbEIsSUFBSSxDQUFDLDhCQUE4QixHQUFHLGlCQUFpQixDQUFDLFNBQVMsQ0FDL0QsQ0FBQyxVQUFVLEVBQUUsRUFBRTtZQUNiLE1BQU0sU0FBUyxHQUFHLFVBQVUsS0FBSyxtQkFBbUIsQ0FBQyxFQUFFLENBQUM7WUFDeEQsSUFBSSxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2hDLHNCQUFzQjtnQkFDdEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDakMsQ0FBQztpQkFBTSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztnQkFDdkMsMEJBQTBCO2dCQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNsQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNoQyxDQUFDO1lBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUM7UUFDNUIsQ0FBQyxDQUNGLENBQUM7SUFDSixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsOEJBQThCLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEQsQ0FBQztJQUVNLGVBQWU7UUFDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVNLG9CQUFvQixDQUFDLElBQVk7UUFDdEMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU0saUJBQWlCLENBQUMsV0FBbUI7UUFDMUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM3QyxDQUFDOzhHQTVFVSxtQkFBbUI7a0hBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFEL0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIEluamVjdGFibGUsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5TWVkaWFCcmVha3BvaW50cywgU2t5TWVkaWFRdWVyeVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lMaWJSZXNvdXJjZXNTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBJbnRlcm5hbCBzZXJ2aWNlIGZvciBvcGVyYXRpb25zIGJldHdlZW4gdGhlIHNwbGl0IHZpZXcgZHJhd2VyIGFuZCB3b3Jrc3BhY2UuXG4gKiBAaW50ZXJuYWxcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreVNwbGl0Vmlld1NlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwdWJsaWMgZ2V0IGJhY2tCdXR0b25UZXh0U3RyZWFtKCk6IE9ic2VydmFibGU8c3RyaW5nPiB7XG4gICAgcmV0dXJuIHRoaXMuI19iYWNrQnV0dG9uVGV4dFN0cmVhbTtcbiAgfVxuXG4gIHB1YmxpYyBkcmF3ZXJWaXNpYmxlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPih0cnVlKTtcblxuICBwdWJsaWMgZ2V0IGRyYXdlcldpZHRoU3RyZWFtKCk6IE9ic2VydmFibGU8bnVtYmVyPiB7XG4gICAgcmV0dXJuIHRoaXMuI19kcmF3ZXJXaWR0aFN0cmVhbTtcbiAgfVxuXG4gIHB1YmxpYyBzcGxpdFZpZXdFbGVtZW50UmVmOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBzZXQgaXNNb2JpbGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLiNfaXNNb2JpbGUgPSB2YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaXNNb2JpbGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuI19pc01vYmlsZTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaXNNb2JpbGVTdHJlYW0oKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIHRoaXMuI19pc01vYmlsZVN0cmVhbTtcbiAgfVxuXG4gICNtZWRpYVF1ZXJ5U2VydmljZVN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gICNfYmFja0J1dHRvblRleHRTdHJlYW0gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZz4oJycpO1xuICAjX2RyYXdlcldpZHRoU3RyZWFtID0gbmV3IEJlaGF2aW9yU3ViamVjdDxudW1iZXI+KDMyMCk7XG4gICNfaXNNb2JpbGUgPSBmYWxzZTtcbiAgI19pc01vYmlsZVN0cmVhbSA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIG1lZGlhUXVlcnlTZXJ2aWNlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICByZXNvdXJjZXM6IFNreUxpYlJlc291cmNlc1NlcnZpY2UsXG4gICkge1xuICAgIC8vIFNldCBkZWZhdWx0IGJhY2sgYnV0dG9uIHRleHQuXG4gICAgcmVzb3VyY2VzXG4gICAgICAuZ2V0U3RyaW5nKCdza3l1eF9zcGxpdF92aWV3X2JhY2tfdG9fbGlzdCcpXG4gICAgICAucGlwZSh0YWtlKDEpKVxuICAgICAgLnN1YnNjcmliZSgocmVzb3VyY2UpID0+IHtcbiAgICAgICAgdGhpcy51cGRhdGVCYWNrQnV0dG9uVGV4dChyZXNvdXJjZSk7XG4gICAgICB9KTtcblxuICAgIC8vIFNldCBicmVha3BvaW50LlxuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlU3Vic2NyaXB0aW9uID0gbWVkaWFRdWVyeVNlcnZpY2Uuc3Vic2NyaWJlKFxuICAgICAgKGJyZWFrcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3Qgbm93TW9iaWxlID0gYnJlYWtwb2ludCA9PT0gU2t5TWVkaWFCcmVha3BvaW50cy54cztcbiAgICAgICAgaWYgKG5vd01vYmlsZSAmJiAhdGhpcy5pc01vYmlsZSkge1xuICAgICAgICAgIC8vIHN3aXRjaGluZyB0byBtb2JpbGVcbiAgICAgICAgICB0aGlzLiNfaXNNb2JpbGVTdHJlYW0ubmV4dCh0cnVlKTtcbiAgICAgICAgICB0aGlzLmRyYXdlclZpc2libGUubmV4dChmYWxzZSk7XG4gICAgICAgIH0gZWxzZSBpZiAoIW5vd01vYmlsZSAmJiB0aGlzLmlzTW9iaWxlKSB7XG4gICAgICAgICAgLy8gc3dpdGNoaW5nIHRvIHdpZGVzY3JlZW5cbiAgICAgICAgICB0aGlzLiNfaXNNb2JpbGVTdHJlYW0ubmV4dChmYWxzZSk7XG4gICAgICAgICAgdGhpcy5kcmF3ZXJWaXNpYmxlLm5leHQodHJ1ZSk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pc01vYmlsZSA9IG5vd01vYmlsZTtcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZVN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHVibGljIGJhY2tCdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmRyYXdlclZpc2libGUubmV4dCh0cnVlKTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVCYWNrQnV0dG9uVGV4dCh0ZXh0OiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLiNfYmFja0J1dHRvblRleHRTdHJlYW0ubmV4dCh0ZXh0KTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVEcmF3ZXJXaWR0aChkcmF3ZXJXaWR0aDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy4jX2RyYXdlcldpZHRoU3RyZWFtLm5leHQoZHJhd2VyV2lkdGgpO1xuICB9XG59XG4iXX0=
|
|
@@ -78,4 +78,4 @@ export class SkySplitViewFixture {
|
|
|
78
78
|
return this.#fixture.whenStable();
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsaXQtdmlldy1maXh0dXJlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3NwbGl0LXZpZXcvdGVzdGluZy9zcmMvc3BsaXQtdmlldy9zcGxpdC12aWV3LWZpeHR1cmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBS3ZEOzs7OztHQUtHO0FBQ0gsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixRQUFRLENBQWU7SUFFdkI7O09BRUc7SUFDSCxJQUFXLE1BQU07UUFDZixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFakMsT0FBTztZQUNMLFNBQVMsRUFBRSxNQUFNLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQztZQUM1QyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ2xDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUs7U0FDMUIsQ0FBQztJQUNKLENBQUM7SUFFRDs7T0FFRztJQUNILElBQVcsU0FBUztRQUNsQixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDdkMsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7UUFDL0MsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUVwRCxPQUFPO1lBQ0wsU0FBUyxFQUFFLFNBQVMsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDO1lBQy9DLG1CQUFtQixFQUFFLENBQUMsaUJBQWlCLElBQUksVUFBVSxLQUFLLFNBQVM7WUFDbkUsY0FBYyxFQUFFLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7WUFDckQsU0FBUyxFQUFFLENBQUMsaUJBQWlCO1NBQzlCLENBQUM7SUFDSixDQUFDO0lBRUQsUUFBUSxDQUE0QjtJQUVwQyxZQUFZLE9BQWtDLEVBQUUsU0FBaUI7UUFDL0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxpQkFBaUIsQ0FBQyx1QkFBdUIsQ0FDdkQsT0FBTyxFQUNQLFNBQVMsRUFDVCxnQkFBZ0IsQ0FDakIsQ0FBQztRQUVGLCtEQUErRDtRQUMvRCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksS0FBSyxDQUFDLFVBQVU7UUFDckIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7UUFDL0MsSUFBSSxVQUFVLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDN0IsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDOUIsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO0lBRWxCLFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQztJQUM3RSxDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUNoQyxFQUFFLENBQUMsR0FBRyxDQUFDLHVDQUF1QyxDQUFDLENBQ2hELENBQUMsYUFBYSxDQUFDO1FBQ2hCLE9BQU8sTUFBTSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsYUFBYTtRQUNYLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO2FBQzVELGFBQWEsQ0FBQztJQUNuQixDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUNuQyxFQUFFLENBQUMsR0FBRyxDQUFDLDBDQUEwQyxDQUFDLENBQ25ELENBQUMsYUFBYSxDQUFDO1FBQ2hCLE9BQU8sU0FBUyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQ3hCLEVBQUUsQ0FBQyxHQUFHLENBQUMsbURBQW1ELENBQUMsQ0FDNUQsRUFBRSxhQUFrQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxLQUFLLENBQUMsaUJBQWlCO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDOUIsTUFBTSxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRWpDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDOUIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BDLENBQUM7Q0FHRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERlYnVnRWxlbWVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50Rml4dHVyZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvdGVzdGluZyc7XG5pbXBvcnQgeyBCeSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgU2t5QXBwVGVzdFV0aWxpdHkgfSBmcm9tICdAc2t5dXgtc2RrL3Rlc3RpbmcnO1xuXG5pbXBvcnQgeyBTa3lTcGxpdFZpZXdGaXh0dXJlRHJhd2VyIH0gZnJvbSAnLi9zcGxpdC12aWV3LWZpeHR1cmUtZHJhd2VyJztcbmltcG9ydCB7IFNreVNwbGl0Vmlld0ZpeHR1cmVXb3Jrc3BhY2UgfSBmcm9tICcuL3NwbGl0LXZpZXctZml4dHVyZS13b3Jrc3BhY2UnO1xuXG4vKipcbiAqIFByb3ZpZGVzIGluZm9ybWF0aW9uIGZvciBhbmQgaW50ZXJhY3Rpb24gd2l0aCBhIFNLWSBVWCBzcGxpdCB2aWV3IGNvbXBvbmVudC5cbiAqIEJ5IHVzaW5nIHRoZSBmaXh0dXJlIEFQSSwgYSB0ZXN0IGluc3VsYXRlcyBpdHNlbGYgYWdhaW5zdCB1cGRhdGVzIHRvIHRoZSBpbnRlcm5hbHNcbiAqIG9mIGEgY29tcG9uZW50LCBzdWNoIGFzIGNoYW5naW5nIGl0cyBET00gc3RydWN0dXJlLlxuICogQGludGVybmFsXG4gKi9cbmV4cG9ydCBjbGFzcyBTa3lTcGxpdFZpZXdGaXh0dXJlIHtcbiAgI2RlYnVnRWw6IERlYnVnRWxlbWVudDtcblxuICAvKipcbiAgICogUmV0dXJucyBpbmZvcm1hdGlvbiBhYm91dCB0aGUgc3BsaXQgdmlldydzIGRyYXdlciBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IGRyYXdlcigpOiBTa3lTcGxpdFZpZXdGaXh0dXJlRHJhd2VyIHtcbiAgICBjb25zdCBkcmF3ZXIgPSB0aGlzLiNnZXREcmF3ZXIoKTtcblxuICAgIHJldHVybiB7XG4gICAgICBhcmlhTGFiZWw6IGRyYXdlci5nZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWwnKSxcbiAgICAgIGlzVmlzaWJsZTogIXRoaXMuI2RyYXdlcklzSGlkZGVuKCksXG4gICAgICB3aWR0aDogZHJhd2VyLnN0eWxlLndpZHRoLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogUmV0dXJucyBpbmZvcm1hdGlvbiBhYm91dCB0aGUgc3BsaXQgdmlldydzIHdvcmtzcGFjZSBjb21wb25lbnQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IHdvcmtzcGFjZSgpOiBTa3lTcGxpdFZpZXdGaXh0dXJlV29ya3NwYWNlIHtcbiAgICBjb25zdCB3b3Jrc3BhY2UgPSB0aGlzLiNnZXRXb3Jrc3BhY2UoKTtcbiAgICBjb25zdCBiYWNrQnV0dG9uID0gdGhpcy4jZ2V0QmFja1RvTGlzdEJ1dHRvbigpO1xuICAgIGNvbnN0IHdvcmtzcGFjZUlzSGlkZGVuID0gdGhpcy4jd29ya3NwYWNlSXNIaWRkZW4oKTtcblxuICAgIHJldHVybiB7XG4gICAgICBhcmlhTGFiZWw6IHdvcmtzcGFjZS5nZXRBdHRyaWJ1dGUoJ2FyaWEtbGFiZWwnKSxcbiAgICAgIGJhY2tCdXR0b25Jc1Zpc2libGU6ICF3b3Jrc3BhY2VJc0hpZGRlbiAmJiBiYWNrQnV0dG9uICE9PSB1bmRlZmluZWQsXG4gICAgICBiYWNrQnV0dG9uVGV4dDogU2t5QXBwVGVzdFV0aWxpdHkuZ2V0VGV4dChiYWNrQnV0dG9uKSxcbiAgICAgIGlzVmlzaWJsZTogIXdvcmtzcGFjZUlzSGlkZGVuLFxuICAgIH07XG4gIH1cblxuICAjZml4dHVyZTogQ29tcG9uZW50Rml4dHVyZTx1bmtub3duPjtcblxuICBjb25zdHJ1Y3RvcihmaXh0dXJlOiBDb21wb25lbnRGaXh0dXJlPHVua25vd24+LCBza3lUZXN0SWQ6IHN0cmluZykge1xuICAgIHRoaXMuI2ZpeHR1cmUgPSBmaXh0dXJlO1xuICAgIHRoaXMuI2RlYnVnRWwgPSBTa3lBcHBUZXN0VXRpbGl0eS5nZXREZWJ1Z0VsZW1lbnRCeVRlc3RJZChcbiAgICAgIGZpeHR1cmUsXG4gICAgICBza3lUZXN0SWQsXG4gICAgICAnc2t5LXNwbGl0LXZpZXcnLFxuICAgICk7XG5cbiAgICAvLyB0aGUgY29tcG9uZW50IHRha2VzIGEgd2hpbGUgdG8gaW5pdGlhbGl6ZSBzbyB3ZSBuZWVkIHRvIHdhaXRcbiAgICB0aGlzLiN3YWl0Rm9yQ29tcG9uZW50KCk7XG4gIH1cblxuICAvKipcbiAgICogT3BlbnMgdGhlIGRyYXdlciBjb21wb25lbnQgd2hlbiBpbiByZXNwb25zaXZlIG1vZGUuIFRoaXMgbWV0aG9kIGNsaWNrcyB0aGUgYmFjayB0byBsaXN0XG4gICAqIGJ1dHRvbiwgaWYgaXQgaXMgdmlzaWJsZS5cbiAgICovXG4gIHB1YmxpYyBhc3luYyBvcGVuRHJhd2VyKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGNvbnN0IGJhY2tCdXR0b24gPSB0aGlzLiNnZXRCYWNrVG9MaXN0QnV0dG9uKCk7XG4gICAgaWYgKGJhY2tCdXR0b24gIT09IHVuZGVmaW5lZCkge1xuICAgICAgYmFja0J1dHRvbi5jbGljaygpO1xuICAgICAgdGhpcy4jZml4dHVyZS5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICBhd2FpdCB0aGlzLiNmaXh0dXJlLndoZW5TdGFibGUoKTtcbiAgICB9XG4gIH1cblxuICAvLyAjcmVnaW9uIGhlbHBlcnNcblxuICAjZ2V0RHJhd2VyKCk6IEhUTUxFbGVtZW50IHtcbiAgICByZXR1cm4gdGhpcy4jZGVidWdFbC5xdWVyeShCeS5jc3MoJy5za3ktc3BsaXQtdmlldy1kcmF3ZXInKSkubmF0aXZlRWxlbWVudDtcbiAgfVxuXG4gICNkcmF3ZXJJc0hpZGRlbigpOiBib29sZWFuIHtcbiAgICBjb25zdCBkcmF3ZXIgPSB0aGlzLiNkZWJ1Z0VsLnF1ZXJ5KFxuICAgICAgQnkuY3NzKCcuc2t5LXNwbGl0LXZpZXctZHJhd2VyLWZsZXgtY29udGFpbmVyJyksXG4gICAgKS5uYXRpdmVFbGVtZW50O1xuICAgIHJldHVybiBkcmF3ZXIuaGFzQXR0cmlidXRlKCdoaWRkZW4nKTtcbiAgfVxuXG4gICNnZXRXb3Jrc3BhY2UoKTogSFRNTEVsZW1lbnQge1xuICAgIHJldHVybiB0aGlzLiNkZWJ1Z0VsLnF1ZXJ5KEJ5LmNzcygnLnNreS1zcGxpdC12aWV3LXdvcmtzcGFjZScpKVxuICAgICAgLm5hdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICAjd29ya3NwYWNlSXNIaWRkZW4oKTogYm9vbGVhbiB7XG4gICAgY29uc3Qgd29ya3NwYWNlID0gdGhpcy4jZGVidWdFbC5xdWVyeShcbiAgICAgIEJ5LmNzcygnLnNreS1zcGxpdC12aWV3LXdvcmtzcGFjZS1mbGV4LWNvbnRhaW5lcicpLFxuICAgICkubmF0aXZlRWxlbWVudDtcbiAgICByZXR1cm4gd29ya3NwYWNlLmhhc0F0dHJpYnV0ZSgnaGlkZGVuJyk7XG4gIH1cblxuICAjZ2V0QmFja1RvTGlzdEJ1dHRvbigpOiBIVE1MQnV0dG9uRWxlbWVudCB7XG4gICAgcmV0dXJuIHRoaXMuI2RlYnVnRWwucXVlcnkoXG4gICAgICBCeS5jc3MoJy5za3ktc3BsaXQtdmlldy13b3Jrc3BhY2UtaGVhZGVyLWNvbnRlbnQgPiBidXR0b24nKSxcbiAgICApPy5uYXRpdmVFbGVtZW50IGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICB9XG5cbiAgYXN5bmMgI3dhaXRGb3JDb21wb25lbnQoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgdGhpcy4jZml4dHVyZS5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgYXdhaXQgdGhpcy4jZml4dHVyZS53aGVuU3RhYmxlKCk7XG5cbiAgICB0aGlzLiNmaXh0dXJlLmRldGVjdENoYW5nZXMoKTtcbiAgICByZXR1cm4gdGhpcy4jZml4dHVyZS53aGVuU3RhYmxlKCk7XG4gIH1cblxuICAvLyAjZW5kcmVnaW9uXG59XG4iXX0=
|
|
@@ -6,11 +6,11 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* @internal
|
|
7
7
|
*/
|
|
8
8
|
export class SkySplitViewTestingModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, exports: [SkySplitViewModule] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, providers: [SkyThemeService], imports: [SkySplitViewModule] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
exports: [SkySplitViewModule],
|
|
@@ -88,11 +88,11 @@ class SkySplitViewFixture {
|
|
|
88
88
|
* @internal
|
|
89
89
|
*/
|
|
90
90
|
class SkySplitViewTestingModule {
|
|
91
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
92
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
93
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
91
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
92
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, exports: [SkySplitViewModule] }); }
|
|
93
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, providers: [SkyThemeService], imports: [SkySplitViewModule] }); }
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewTestingModule, decorators: [{
|
|
96
96
|
type: NgModule,
|
|
97
97
|
args: [{
|
|
98
98
|
exports: [SkySplitViewModule],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-split-view-testing.mjs","sources":["../../../../../libs/components/split-view/testing/src/split-view/split-view-fixture.ts","../../../../../libs/components/split-view/testing/src/split-view/split-view-testing.module.ts","../../../../../libs/components/split-view/testing/src/skyux-split-view-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkySplitViewFixtureDrawer } from './split-view-fixture-drawer';\nimport { SkySplitViewFixtureWorkspace } from './split-view-fixture-workspace';\n\n/**\n * Provides information for and interaction with a SKY UX split view component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n * @internal\n */\nexport class SkySplitViewFixture {\n #debugEl: DebugElement;\n\n /**\n * Returns information about the split view's drawer component.\n */\n public get drawer(): SkySplitViewFixtureDrawer {\n const drawer = this.#getDrawer();\n\n return {\n ariaLabel: drawer.getAttribute('aria-label'),\n isVisible: !this.#drawerIsHidden(),\n width: drawer.style.width,\n };\n }\n\n /**\n * Returns information about the split view's workspace component.\n */\n public get workspace(): SkySplitViewFixtureWorkspace {\n const workspace = this.#getWorkspace();\n const backButton = this.#getBackToListButton();\n const workspaceIsHidden = this.#workspaceIsHidden();\n\n return {\n ariaLabel: workspace.getAttribute('aria-label'),\n backButtonIsVisible: !workspaceIsHidden && backButton !== undefined,\n backButtonText: SkyAppTestUtility.getText(backButton),\n isVisible: !workspaceIsHidden,\n };\n }\n\n #fixture: ComponentFixture<unknown>;\n\n constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n this.#fixture = fixture;\n this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-split-view',\n );\n\n // the component takes a while to initialize so we need to wait\n this.#waitForComponent();\n }\n\n /**\n * Opens the drawer component when in responsive mode. This method clicks the back to list\n * button, if it is visible.\n */\n public async openDrawer(): Promise<void> {\n const backButton = this.#getBackToListButton();\n if (backButton !== undefined) {\n backButton.click();\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n }\n }\n\n // #region helpers\n\n #getDrawer(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-drawer')).nativeElement;\n }\n\n #drawerIsHidden(): boolean {\n const drawer = this.#debugEl.query(\n By.css('.sky-split-view-drawer-flex-container'),\n ).nativeElement;\n return drawer.hasAttribute('hidden');\n }\n\n #getWorkspace(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-workspace'))\n .nativeElement;\n }\n\n #workspaceIsHidden(): boolean {\n const workspace = this.#debugEl.query(\n By.css('.sky-split-view-workspace-flex-container'),\n ).nativeElement;\n return workspace.hasAttribute('hidden');\n }\n\n #getBackToListButton(): HTMLButtonElement {\n return this.#debugEl.query(\n By.css('.sky-split-view-workspace-header-content > button'),\n )?.nativeElement as HTMLButtonElement;\n }\n\n async #waitForComponent(): Promise<void> {\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n\n this.#fixture.detectChanges();\n return this.#fixture.whenStable();\n }\n\n // #endregion\n}\n","import { NgModule } from '@angular/core';\nimport { SkySplitViewModule } from '@skyux/split-view';\nimport { SkyThemeService } from '@skyux/theme';\n\n/**\n * @internal\n */\n@NgModule({\n exports: [SkySplitViewModule],\n providers: [SkyThemeService],\n})\nexport class SkySplitViewTestingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAQA;;;;;AAKG;MACU,mBAAmB,CAAA;AAC9B,IAAA,QAAQ,CAAe;AAEvB;;AAEG;AACH,IAAA,IAAW,MAAM,GAAA;AACf,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAEjC,OAAO;AACL,YAAA,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC;AAC5C,YAAA,SAAS,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;AAClC,YAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;SAC1B,CAAC;KACH;AAED;;AAEG;AACH,IAAA,IAAW,SAAS,GAAA;AAClB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;AACvC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAC/C,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAEpD,OAAO;AACL,YAAA,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC;AAC/C,YAAA,mBAAmB,EAAE,CAAC,iBAAiB,IAAI,UAAU,KAAK,SAAS;AACnE,YAAA,cAAc,EAAE,iBAAiB,CAAC,OAAO,CAAC,UAAU,CAAC;YACrD,SAAS,EAAE,CAAC,iBAAiB;SAC9B,CAAC;KACH;AAED,IAAA,QAAQ,CAA4B;IAEpC,WAAY,CAAA,OAAkC,EAAE,SAAiB,EAAA;AAC/D,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,uBAAuB,CACvD,OAAO,EACP,SAAS,EACT,gBAAgB,CACjB,CAAC;;QAGF,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;AAED;;;AAGG;AACI,IAAA,MAAM,UAAU,GAAA;AACrB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"skyux-split-view-testing.mjs","sources":["../../../../../libs/components/split-view/testing/src/split-view/split-view-fixture.ts","../../../../../libs/components/split-view/testing/src/split-view/split-view-testing.module.ts","../../../../../libs/components/split-view/testing/src/skyux-split-view-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkySplitViewFixtureDrawer } from './split-view-fixture-drawer';\nimport { SkySplitViewFixtureWorkspace } from './split-view-fixture-workspace';\n\n/**\n * Provides information for and interaction with a SKY UX split view component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n * @internal\n */\nexport class SkySplitViewFixture {\n #debugEl: DebugElement;\n\n /**\n * Returns information about the split view's drawer component.\n */\n public get drawer(): SkySplitViewFixtureDrawer {\n const drawer = this.#getDrawer();\n\n return {\n ariaLabel: drawer.getAttribute('aria-label'),\n isVisible: !this.#drawerIsHidden(),\n width: drawer.style.width,\n };\n }\n\n /**\n * Returns information about the split view's workspace component.\n */\n public get workspace(): SkySplitViewFixtureWorkspace {\n const workspace = this.#getWorkspace();\n const backButton = this.#getBackToListButton();\n const workspaceIsHidden = this.#workspaceIsHidden();\n\n return {\n ariaLabel: workspace.getAttribute('aria-label'),\n backButtonIsVisible: !workspaceIsHidden && backButton !== undefined,\n backButtonText: SkyAppTestUtility.getText(backButton),\n isVisible: !workspaceIsHidden,\n };\n }\n\n #fixture: ComponentFixture<unknown>;\n\n constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n this.#fixture = fixture;\n this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n fixture,\n skyTestId,\n 'sky-split-view',\n );\n\n // the component takes a while to initialize so we need to wait\n this.#waitForComponent();\n }\n\n /**\n * Opens the drawer component when in responsive mode. This method clicks the back to list\n * button, if it is visible.\n */\n public async openDrawer(): Promise<void> {\n const backButton = this.#getBackToListButton();\n if (backButton !== undefined) {\n backButton.click();\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n }\n }\n\n // #region helpers\n\n #getDrawer(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-drawer')).nativeElement;\n }\n\n #drawerIsHidden(): boolean {\n const drawer = this.#debugEl.query(\n By.css('.sky-split-view-drawer-flex-container'),\n ).nativeElement;\n return drawer.hasAttribute('hidden');\n }\n\n #getWorkspace(): HTMLElement {\n return this.#debugEl.query(By.css('.sky-split-view-workspace'))\n .nativeElement;\n }\n\n #workspaceIsHidden(): boolean {\n const workspace = this.#debugEl.query(\n By.css('.sky-split-view-workspace-flex-container'),\n ).nativeElement;\n return workspace.hasAttribute('hidden');\n }\n\n #getBackToListButton(): HTMLButtonElement {\n return this.#debugEl.query(\n By.css('.sky-split-view-workspace-header-content > button'),\n )?.nativeElement as HTMLButtonElement;\n }\n\n async #waitForComponent(): Promise<void> {\n this.#fixture.detectChanges();\n await this.#fixture.whenStable();\n\n this.#fixture.detectChanges();\n return this.#fixture.whenStable();\n }\n\n // #endregion\n}\n","import { NgModule } from '@angular/core';\nimport { SkySplitViewModule } from '@skyux/split-view';\nimport { SkyThemeService } from '@skyux/theme';\n\n/**\n * @internal\n */\n@NgModule({\n exports: [SkySplitViewModule],\n providers: [SkyThemeService],\n})\nexport class SkySplitViewTestingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -38,9 +38,9 @@ class SkySplitViewResourcesProvider {
|
|
|
38
38
|
* Import into any component library module that needs to use resource strings.
|
|
39
39
|
*/
|
|
40
40
|
class SkySplitViewResourcesModule {
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
42
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
43
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
42
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewResourcesModule, exports: [SkyI18nModule] }); }
|
|
43
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewResourcesModule, providers: [
|
|
44
44
|
{
|
|
45
45
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
46
46
|
useClass: SkySplitViewResourcesProvider,
|
|
@@ -48,7 +48,7 @@ class SkySplitViewResourcesModule {
|
|
|
48
48
|
},
|
|
49
49
|
], imports: [SkyI18nModule] }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewResourcesModule, decorators: [{
|
|
52
52
|
type: NgModule,
|
|
53
53
|
args: [{
|
|
54
54
|
exports: [SkyI18nModule],
|
|
@@ -127,12 +127,12 @@ class SkySplitViewMediaQueryService {
|
|
|
127
127
|
destroy() {
|
|
128
128
|
this.#currentSubject.complete();
|
|
129
129
|
}
|
|
130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
131
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewMediaQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
131
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewMediaQueryService }); }
|
|
132
132
|
}
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewMediaQueryService, decorators: [{
|
|
134
134
|
type: Injectable
|
|
135
|
-
}], ctorParameters:
|
|
135
|
+
}], ctorParameters: () => [] });
|
|
136
136
|
|
|
137
137
|
/**
|
|
138
138
|
* Internal service for operations between the split view drawer and workspace.
|
|
@@ -200,12 +200,12 @@ class SkySplitViewService {
|
|
|
200
200
|
updateDrawerWidth(drawerWidth) {
|
|
201
201
|
this.#_drawerWidthStream.next(drawerWidth);
|
|
202
202
|
}
|
|
203
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
204
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
203
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewService, deps: [{ token: i1.SkyMediaQueryService }, { token: i2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
204
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewService }); }
|
|
205
205
|
}
|
|
206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewService, decorators: [{
|
|
207
207
|
type: Injectable
|
|
208
|
-
}], ctorParameters:
|
|
208
|
+
}], ctorParameters: () => [{ type: i1.SkyMediaQueryService }, { type: i2.SkyLibResourcesService }] });
|
|
209
209
|
|
|
210
210
|
let skySplitViewNextId = 0;
|
|
211
211
|
/**
|
|
@@ -353,15 +353,15 @@ class SkySplitViewDrawerComponent {
|
|
|
353
353
|
const splitView = this.#splitViewSvc.splitViewElementRef?.nativeElement.querySelector('.sky-split-view');
|
|
354
354
|
this.widthMax = splitView.clientWidth - this.widthTolerance;
|
|
355
355
|
}
|
|
356
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
357
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
356
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewDrawerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: SkySplitViewMediaQueryService }, { token: SkySplitViewService }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
357
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: SkySplitViewDrawerComponent, selector: "sky-split-view-drawer", inputs: { ariaLabel: "ariaLabel", width: "width" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, providers: [
|
|
358
358
|
{
|
|
359
359
|
provide: SkyMediaQueryService,
|
|
360
360
|
useExisting: SkySplitViewMediaQueryService,
|
|
361
361
|
},
|
|
362
362
|
], ngImport: i0, template: "<div\n class=\"sky-split-view-drawer\"\n role=\"region\"\n [attr.aria-label]=\"ariaLabel\"\n [id]=\"splitViewDrawerId\"\n [style.width.px]=\"width\"\n tabindex=\"0\"\n>\n <ng-content />\n <input\n *ngIf=\"!isMobile && width !== undefined\"\n aria-orientation=\"vertical\"\n class=\"sky-split-view-resize-handle\"\n step=\"10\"\n type=\"range\"\n [attr.aria-controls]=\"splitViewDrawerId\"\n [attr.aria-label]=\"'skyux_split_view_resize_handle' | skyLibResources\"\n [attr.aria-valuemax]=\"widthMax\"\n [attr.aria-valuemin]=\"widthMin\"\n [attr.aria-valuenow]=\"width\"\n [attr.aria-valuetext]=\"width + ' pixels wide'\"\n [max]=\"widthMax\"\n [min]=\"widthMin\"\n [style.left.px]=\"width - 7\"\n [value]=\"width\"\n (change)=\"onResizeHandleChange($event)\"\n (mousedown)=\"onResizeHandleMouseDown($event)\"\n />\n</div>\n", styles: [".sky-split-view-drawer{background:#fff;overflow:auto;height:100%;width:100%}@media (min-width: 768px){:host .sky-split-view-drawer{border-right:1px solid #cdcfd2}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer,:host-context(.sky-responsive-container-md) .sky-split-view-drawer,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer{border-right:1px solid #cdcfd2}.sky-split-view-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:14px;position:absolute;z-index:999;cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0}.sky-split-view-resize-handle::-moz-range-thumb,.sky-split-view-resize-handle::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-split-view-resize-handle::-ms-thumb,.sky-split-view-resize-handle::-ms-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-split-view-resize-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}:host-context(.sky-theme-modern) .sky-split-view-drawer{background:transparent}:host-context(.sky-theme-modern) .sky-split-view-resize-handle{transition:box-shadow .15s}:host-context(.sky-theme-modern) .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}.sky-theme-modern .sky-split-view-drawer{background:transparent}.sky-theme-modern .sky-split-view-resize-handle{transition:box-shadow .15s}.sky-theme-modern .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
363
363
|
}
|
|
364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewDrawerComponent, decorators: [{
|
|
365
365
|
type: Component,
|
|
366
366
|
args: [{ selector: 'sky-split-view-drawer', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
367
367
|
{
|
|
@@ -369,7 +369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
369
369
|
useExisting: SkySplitViewMediaQueryService,
|
|
370
370
|
},
|
|
371
371
|
], template: "<div\n class=\"sky-split-view-drawer\"\n role=\"region\"\n [attr.aria-label]=\"ariaLabel\"\n [id]=\"splitViewDrawerId\"\n [style.width.px]=\"width\"\n tabindex=\"0\"\n>\n <ng-content />\n <input\n *ngIf=\"!isMobile && width !== undefined\"\n aria-orientation=\"vertical\"\n class=\"sky-split-view-resize-handle\"\n step=\"10\"\n type=\"range\"\n [attr.aria-controls]=\"splitViewDrawerId\"\n [attr.aria-label]=\"'skyux_split_view_resize_handle' | skyLibResources\"\n [attr.aria-valuemax]=\"widthMax\"\n [attr.aria-valuemin]=\"widthMin\"\n [attr.aria-valuenow]=\"width\"\n [attr.aria-valuetext]=\"width + ' pixels wide'\"\n [max]=\"widthMax\"\n [min]=\"widthMin\"\n [style.left.px]=\"width - 7\"\n [value]=\"width\"\n (change)=\"onResizeHandleChange($event)\"\n (mousedown)=\"onResizeHandleMouseDown($event)\"\n />\n</div>\n", styles: [".sky-split-view-drawer{background:#fff;overflow:auto;height:100%;width:100%}@media (min-width: 768px){:host .sky-split-view-drawer{border-right:1px solid #cdcfd2}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer,:host-context(.sky-responsive-container-md) .sky-split-view-drawer,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer{border-right:1px solid #cdcfd2}.sky-split-view-resize-handle{-webkit-appearance:none;-moz-appearance:none;height:100%;width:14px;position:absolute;z-index:999;cursor:ew-resize;padding:0;border:0;background:transparent;display:block;top:0;bottom:0}.sky-split-view-resize-handle::-moz-range-thumb,.sky-split-view-resize-handle::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-split-view-resize-handle::-ms-thumb,.sky-split-view-resize-handle::-ms-track{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}.sky-split-view-resize-handle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;width:0;height:0;border-radius:0;border:0 none;background:none;display:none}:host-context(.sky-theme-modern) .sky-split-view-drawer{background:transparent}:host-context(.sky-theme-modern) .sky-split-view-resize-handle{transition:box-shadow .15s}:host-context(.sky-theme-modern) .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}.sky-theme-modern .sky-split-view-drawer{background:transparent}.sky-theme-modern .sky-split-view-resize-handle{transition:box-shadow .15s}.sky-theme-modern .sky-split-view-resize-handle:focus{border:solid 2px #1870B8;box-shadow:0 1px 8px #0000004d;outline:none}\n"] }]
|
|
372
|
-
}], ctorParameters:
|
|
372
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: SkySplitViewMediaQueryService }, { type: SkySplitViewService }, { type: i1.SkyAppWindowRef }], propDecorators: { ariaLabel: [{
|
|
373
373
|
type: Input
|
|
374
374
|
}], width: [{
|
|
375
375
|
type: Input
|
|
@@ -385,10 +385,10 @@ class SkySplitViewWorkspaceContentComponent {
|
|
|
385
385
|
constructor() {
|
|
386
386
|
this.tabIndex = '0';
|
|
387
387
|
}
|
|
388
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
389
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
388
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
389
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: SkySplitViewWorkspaceContentComponent, selector: "sky-split-view-workspace-content", host: { properties: { "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: "<div class=\"sky-split-view-workspace-content\">\n <ng-content />\n</div>\n", styles: [":host{overflow:auto;flex-grow:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
390
390
|
}
|
|
391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
391
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceContentComponent, decorators: [{
|
|
392
392
|
type: Component,
|
|
393
393
|
args: [{ selector: 'sky-split-view-workspace-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-split-view-workspace-content\">\n <ng-content />\n</div>\n", styles: [":host{overflow:auto;flex-grow:1}\n"] }]
|
|
394
394
|
}], propDecorators: { tabIndex: [{
|
|
@@ -400,10 +400,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
400
400
|
* Specifies the footer to display in the split view's workspace panel. This component is often used with a summary action bar.
|
|
401
401
|
*/
|
|
402
402
|
class SkySplitViewWorkspaceFooterComponent {
|
|
403
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
404
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
403
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
404
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: SkySplitViewWorkspaceFooterComponent, selector: "sky-split-view-workspace-footer", ngImport: i0, template: "<div class=\"sky-split-view-workspace-footer\">\n <ng-content />\n</div>\n", styles: [":host{flex-shrink:0}.sky-split-view-workspace-footer{padding:10px;box-shadow:0 -3px 3px #cdcfd2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
405
405
|
}
|
|
406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceFooterComponent, decorators: [{
|
|
407
407
|
type: Component,
|
|
408
408
|
args: [{ selector: 'sky-split-view-workspace-footer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-split-view-workspace-footer\">\n <ng-content />\n</div>\n", styles: [":host{flex-shrink:0}.sky-split-view-workspace-footer{padding:10px;box-shadow:0 -3px 3px #cdcfd2}\n"] }]
|
|
409
409
|
}] });
|
|
@@ -432,13 +432,13 @@ class SkySplitViewWorkspaceHeaderComponent {
|
|
|
432
432
|
this.#ngUnsubscribe.next();
|
|
433
433
|
this.#ngUnsubscribe.complete();
|
|
434
434
|
}
|
|
435
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
436
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
435
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceHeaderComponent, deps: [{ token: SkySplitViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
436
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: SkySplitViewWorkspaceHeaderComponent, selector: "sky-split-view-workspace-header", ngImport: i0, template: "<div class=\"sky-split-view-workspace-header\">\n <div class=\"sky-split-view-workspace-header-content\">\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"onShowDrawerButtonClick()\"\n >\n <sky-icon icon=\"chevron-left\" />\n {{ backButtonText }}\n </button>\n </div>\n</div>\n", styles: [".sky-split-view-workspace-header{display:flex;align-items:flex-start;justify-content:flex-end;border-bottom:1px solid #cdcfd2;padding:5px 0}.sky-split-view-workspace-header .sky-split-view-workspace-header-content{flex-grow:1}\n"], dependencies: [{ kind: "component", type: i2$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
437
437
|
}
|
|
438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceHeaderComponent, decorators: [{
|
|
439
439
|
type: Component,
|
|
440
440
|
args: [{ selector: 'sky-split-view-workspace-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-split-view-workspace-header\">\n <div class=\"sky-split-view-workspace-header-content\">\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"onShowDrawerButtonClick()\"\n >\n <sky-icon icon=\"chevron-left\" />\n {{ backButtonText }}\n </button>\n </div>\n</div>\n", styles: [".sky-split-view-workspace-header{display:flex;align-items:flex-start;justify-content:flex-end;border-bottom:1px solid #cdcfd2;padding:5px 0}.sky-split-view-workspace-header .sky-split-view-workspace-header-content{flex-grow:1}\n"] }]
|
|
441
|
-
}], ctorParameters:
|
|
441
|
+
}], ctorParameters: () => [{ type: SkySplitViewService }] });
|
|
442
442
|
|
|
443
443
|
/**
|
|
444
444
|
* Contains the content, footer, and header to display in the split view's workspace panel.
|
|
@@ -498,15 +498,15 @@ class SkySplitViewWorkspaceComponent {
|
|
|
498
498
|
this.#coreAdapterSvc.setResponsiveContainerClass(this.#elementRef, newDrawerBreakpoint);
|
|
499
499
|
this.#changeDetectorRef.markForCheck();
|
|
500
500
|
}
|
|
501
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
502
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
501
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: SkySplitViewMediaQueryService }, { token: SkySplitViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
502
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: SkySplitViewWorkspaceComponent, selector: "sky-split-view-workspace", inputs: { ariaLabel: "ariaLabel" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [
|
|
503
503
|
{
|
|
504
504
|
provide: SkyMediaQueryService,
|
|
505
505
|
useExisting: SkySplitViewMediaQueryService,
|
|
506
506
|
},
|
|
507
507
|
], ngImport: i0, template: "<div\n class=\"sky-split-view-workspace\"\n role=\"region\"\n [attr.aria-label]=\"ariaLabel\"\n tabindex=\"0\"\n>\n <sky-split-view-workspace-header\n *ngIf=\"isMobile\"\n ></sky-split-view-workspace-header>\n <ng-content select=\"sky-split-view-workspace-content\" />\n <ng-content select=\"sky-split-view-workspace-footer\" />\n</div>\n", styles: [".sky-split-view-workspace{background:#fff;height:100%;display:flex;flex-direction:column}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-split-view-workspace{background-color:#121212;border-color:#686c73}.sky-theme-modern.sky-theme-mode-dark .sky-split-view-workspace{background-color:#121212;border-color:#686c73}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkySplitViewWorkspaceHeaderComponent, selector: "sky-split-view-workspace-header" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
508
508
|
}
|
|
509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewWorkspaceComponent, decorators: [{
|
|
510
510
|
type: Component,
|
|
511
511
|
args: [{ selector: 'sky-split-view-workspace', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
512
512
|
{
|
|
@@ -514,7 +514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
514
514
|
useExisting: SkySplitViewMediaQueryService,
|
|
515
515
|
},
|
|
516
516
|
], template: "<div\n class=\"sky-split-view-workspace\"\n role=\"region\"\n [attr.aria-label]=\"ariaLabel\"\n tabindex=\"0\"\n>\n <sky-split-view-workspace-header\n *ngIf=\"isMobile\"\n ></sky-split-view-workspace-header>\n <ng-content select=\"sky-split-view-workspace-content\" />\n <ng-content select=\"sky-split-view-workspace-footer\" />\n</div>\n", styles: [".sky-split-view-workspace{background:#fff;height:100%;display:flex;flex-direction:column}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-split-view-workspace{background-color:#121212;border-color:#686c73}.sky-theme-modern.sky-theme-mode-dark .sky-split-view-workspace{background-color:#121212;border-color:#686c73}\n"] }]
|
|
517
|
-
}], ctorParameters:
|
|
517
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: SkySplitViewMediaQueryService }, { type: SkySplitViewService }], propDecorators: { ariaLabel: [{
|
|
518
518
|
type: Input
|
|
519
519
|
}], onWindowResize: [{
|
|
520
520
|
type: HostListener,
|
|
@@ -575,12 +575,12 @@ class SkySplitViewAdapterService {
|
|
|
575
575
|
this.#renderer.setStyle(splitViewElement, 'max-height', 'calc(100vh - ' + offsetTop + 'px - ' + marginBottom + ')');
|
|
576
576
|
this.#renderer.setStyle(splitViewElement, 'min-height', '300px');
|
|
577
577
|
}
|
|
578
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
579
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewAdapterService, deps: [{ token: i1.SkyMutationObserverService }, { token: i0.RendererFactory2 }, { token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
579
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewAdapterService }); }
|
|
580
580
|
}
|
|
581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewAdapterService, decorators: [{
|
|
582
582
|
type: Injectable
|
|
583
|
-
}], ctorParameters:
|
|
583
|
+
}], ctorParameters: () => [{ type: i1.SkyMutationObserverService }, { type: i0.RendererFactory2 }, { type: i1.SkyAppWindowRef }] });
|
|
584
584
|
|
|
585
585
|
var SkySplitViewMessageType;
|
|
586
586
|
(function (SkySplitViewMessageType) {
|
|
@@ -734,8 +734,8 @@ class SkySplitViewComponent {
|
|
|
734
734
|
break;
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
738
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
737
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewComponent, deps: [{ token: SkySplitViewAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: SkySplitViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
738
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: SkySplitViewComponent, selector: "sky-split-view", inputs: { backButtonText: "backButtonText", bindHeightToWindow: "bindHeightToWindow", dock: "dock", messageStream: "messageStream" }, providers: [
|
|
739
739
|
SkySplitViewAdapterService,
|
|
740
740
|
SkySplitViewMediaQueryService,
|
|
741
741
|
SkySplitViewService,
|
|
@@ -751,7 +751,7 @@ class SkySplitViewComponent {
|
|
|
751
751
|
]),
|
|
752
752
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
753
753
|
}
|
|
754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewComponent, decorators: [{
|
|
755
755
|
type: Component,
|
|
756
756
|
args: [{ selector: 'sky-split-view', providers: [
|
|
757
757
|
SkySplitViewAdapterService,
|
|
@@ -768,7 +768,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
768
768
|
transition('* => true', animate('150ms ease-in')),
|
|
769
769
|
]),
|
|
770
770
|
], template: "<div\n class=\"sky-split-view\"\n [ngClass]=\"'sky-split-view-dock-' + dock\"\n [@blockAnimationOnLoad]\n>\n <div\n class=\"sky-split-view-drawer-flex-container\"\n [hidden]=\"!drawerVisible\"\n [@drawerEnter]=\"drawerVisible\"\n >\n <ng-content select=\"sky-split-view-drawer\" />\n </div>\n\n <div\n class=\"sky-split-view-workspace-flex-container\"\n [hidden]=\"!workspaceVisible\"\n [@workspaceEnter]=\"workspaceVisible\"\n (@workspaceEnter.done)=\"onWorkspaceEnterComplete()\"\n >\n <ng-content select=\"sky-split-view-workspace\" />\n </div>\n</div>\n", styles: [".sky-split-view{position:relative;display:flex;border:1px solid #cdcfd2;background:transparent;margin:var(--sky-layout-host-content-spacing, 0);max-height:100%}.sky-split-view .sky-split-view-workspace-flex-container{flex-grow:1;flex-shrink:99;overflow:auto}.sky-split-view-dock-fill{position:absolute;inset:0}:host .sky-split-view-drawer-flex-container{width:100%}:host-context(.sky-responsive-container-xs) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-sm) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-md) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer-flex-container{width:100%}@media (min-width: 768px){:host .sky-split-view-drawer-flex-container{width:auto}}:host-context(.sky-responsive-container-sm) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-md) .sky-split-view-drawer-flex-container,:host-context(.sky-responsive-container-lg) .sky-split-view-drawer-flex-container{width:auto}@media (min-width: 768px){:host :host-context(.sky-theme-modern) .sky-split-view{border-left:none}:host .sky-theme-modern .sky-split-view{border-left:none}}:host-context(.sky-responsive-container-sm) :host-context(.sky-theme-modern) .sky-split-view,:host-context(.sky-responsive-container-md) :host-context(.sky-theme-modern) .sky-split-view,:host-context(.sky-responsive-container-lg) :host-context(.sky-theme-modern) .sky-split-view{border-left:none}:host-context(.sky-responsive-container-sm) .sky-theme-modern .sky-split-view,:host-context(.sky-responsive-container-md) .sky-theme-modern .sky-split-view,:host-context(.sky-responsive-container-lg) .sky-theme-modern .sky-split-view{border-left:none}\n"] }]
|
|
771
|
-
}], ctorParameters:
|
|
771
|
+
}], ctorParameters: () => [{ type: SkySplitViewAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: SkySplitViewService }], propDecorators: { backButtonText: [{
|
|
772
772
|
type: Input
|
|
773
773
|
}], bindHeightToWindow: [{
|
|
774
774
|
type: Input
|
|
@@ -782,8 +782,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
782
782
|
}] } });
|
|
783
783
|
|
|
784
784
|
class SkySplitViewModule {
|
|
785
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
786
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
785
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
786
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewModule, declarations: [SkySplitViewComponent,
|
|
787
787
|
SkySplitViewDrawerComponent,
|
|
788
788
|
SkySplitViewWorkspaceComponent,
|
|
789
789
|
SkySplitViewWorkspaceContentComponent,
|
|
@@ -797,12 +797,12 @@ class SkySplitViewModule {
|
|
|
797
797
|
SkySplitViewWorkspaceContentComponent,
|
|
798
798
|
SkySplitViewWorkspaceFooterComponent,
|
|
799
799
|
SkySplitViewWorkspaceHeaderComponent] }); }
|
|
800
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
800
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewModule, imports: [CommonModule,
|
|
801
801
|
SkyIconModule,
|
|
802
802
|
SkySplitViewResourcesModule,
|
|
803
803
|
SkyThemeModule] }); }
|
|
804
804
|
}
|
|
805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
805
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: SkySplitViewModule, decorators: [{
|
|
806
806
|
type: NgModule,
|
|
807
807
|
args: [{
|
|
808
808
|
declarations: [
|