@skyux/list-builder 5.6.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-list-builder.umd.js +5 -4
- package/documentation.json +429 -666
- package/esm2015/lib/modules/list/list-data.provider.js +3 -1
- package/esm2015/lib/modules/list/list-data.provider.js.map +1 -1
- package/esm2015/lib/modules/list/list-view.component.js +2 -1
- package/esm2015/lib/modules/list/list-view.component.js.map +1 -1
- package/esm2015/lib/modules/list-toolbar/list-multiselect-toolbar.component.js +1 -2
- package/esm2015/lib/modules/list-toolbar/list-multiselect-toolbar.component.js.map +1 -1
- package/esm2015/lib/modules/shared/sky-list-builder-resources.module.js +1 -1
- package/esm2015/lib/modules/shared/sky-list-builder-resources.module.js.map +1 -1
- package/fesm2015/skyux-list-builder.js +7 -5
- package/fesm2015/skyux-list-builder.js.map +1 -1
- package/lib/modules/list/list-data.provider.d.ts +2 -1
- package/lib/modules/shared/sky-list-builder-resources.module.d.ts +1 -1
- package/package.json +16 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-data.provider.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list/list-data.provider.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAgB,gBAAgB;IACpC,
|
|
1
|
+
{"version":3,"file":"list-data.provider.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list/list-data.provider.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAgB,gBAAgB;IACpC,YAAmB,IAAwB;QAAxB,SAAI,GAAJ,IAAI,CAAoB;IAAG,CAAC;CAOhD","sourcesContent":["import { Observable } from 'rxjs';\n\nimport { ListDataRequestModel } from './list-data-request.model';\nimport { ListDataResponseModel } from './list-data-response.model';\n\n/**\n * @internal\n */\nexport abstract class ListDataProvider {\n constructor(public data?: Observable<any[]>) {}\n\n public abstract get(\n request: ListDataRequestModel\n ): Observable<ListDataResponseModel>;\n\n public abstract count(): Observable<number>;\n}\n"]}
|
|
@@ -21,8 +21,9 @@ export class ListViewComponent {
|
|
|
21
21
|
get label() {
|
|
22
22
|
return this.viewName;
|
|
23
23
|
}
|
|
24
|
-
|
|
24
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
25
25
|
onViewActive() { }
|
|
26
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
26
27
|
onViewInactive() { }
|
|
27
28
|
}
|
|
28
29
|
//# sourceMappingURL=list-view.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-view.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list/list-view.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,GAAG,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM5E,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;GAEG;AACH,MAAM,OAAgB,iBAAiB;IASrC,YAAY,KAAgB,EAAE,WAAmB;QAFzC,WAAM,GAAG,qBAAqB,EAAE,OAAO,EAAE,CAAC;QAGhD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;QAE5B,0BAA0B;QAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAE1E,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAC3B,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,CACrD,CAAC;QAEF,IAAI,CAAC,MAAM;aACR,IAAI,CAAC,oBAAoB,EAAE,CAAC;aAC5B,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE,CACtB,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CACvD,CAAC;IACN,CAAC;IAED,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,
|
|
1
|
+
{"version":3,"file":"list-view.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list/list-view.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,GAAG,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAM5E,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB;;GAEG;AACH,MAAM,OAAgB,iBAAiB;IASrC,YAAY,KAAgB,EAAE,WAAmB;QAFzC,WAAM,GAAG,qBAAqB,EAAE,OAAO,EAAE,CAAC;QAGhD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;QAE5B,0BAA0B;QAC1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QAE1E,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAC3B,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,CAAC,CACrD,CAAC;QAEF,IAAI,CAAC,MAAM;aACR,IAAI,CAAC,oBAAoB,EAAE,CAAC;aAC5B,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE,CACtB,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CACvD,CAAC;IACN,CAAC;IAED,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,gEAAgE;IACzD,YAAY,KAAI,CAAC;IACxB,gEAAgE;IACzD,cAAc,KAAI,CAAC;CAC3B","sourcesContent":["import { Observable } from 'rxjs';\nimport { distinctUntilChanged, map as observableMap } from 'rxjs/operators';\n\nimport { SkyListComponent } from '../list/list.component';\n\nimport { ListState } from './state/list-state.state-node';\n\nlet idIndex = 0;\n\n/**\n * @internal\n */\nexport abstract class ListViewComponent {\n public active: Observable<boolean>;\n\n protected viewName: string;\n protected state: ListState;\n protected list: SkyListComponent;\n protected hasToolbar: Observable<boolean>;\n private viewId = `sky-list-view-cmp-${++idIndex}`;\n\n constructor(state: ListState, defaultName: string) {\n this.state = state;\n this.viewName = defaultName;\n\n /* istanbul ignore next */\n this.hasToolbar = this.state.pipe(observableMap((s) => s.toolbar.exists));\n\n this.active = this.state.pipe(\n observableMap((s) => s.views.active === this.viewId)\n );\n\n this.active\n .pipe(distinctUntilChanged())\n .subscribe((isActive) =>\n isActive ? this.onViewActive() : this.onViewInactive()\n );\n }\n\n get id() {\n return this.viewId;\n }\n\n get label() {\n return this.viewName;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n public onViewActive() {}\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n public onViewInactive() {}\n}\n"]}
|
|
@@ -75,12 +75,11 @@ export class SkyListMultiselectToolbarComponent {
|
|
|
75
75
|
this.reapplyFilter(change.checked);
|
|
76
76
|
}
|
|
77
77
|
reapplyFilter(isSelected) {
|
|
78
|
-
const self = this;
|
|
79
78
|
this.state
|
|
80
79
|
.pipe(observableMap((state) => state.filters), take(1))
|
|
81
80
|
.subscribe((filters) => {
|
|
82
81
|
filters = filters.filter((filter) => filter.name !== 'show-selected');
|
|
83
|
-
filters.push(
|
|
82
|
+
filters.push(this.getShowSelectedFilter(isSelected));
|
|
84
83
|
this.dispatcher.filtersUpdate(filters);
|
|
85
84
|
});
|
|
86
85
|
// If "show selected" is checked and paging is enabled, go to page one.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-multiselect-toolbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-multiselect-toolbar.component.ts","../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-multiselect-toolbar.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SkyCheckboxChange } from '@skyux/forms';\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport { Subject } from 'rxjs';\nimport {\n distinctUntilChanged,\n map as observableMap,\n take,\n takeUntil,\n} from 'rxjs/operators';\n\nimport { ListFilterModel } from '../list-filters/filter.model';\nimport { ListStateDispatcher } from '../list/state/list-state.rxstate';\nimport { ListState } from '../list/state/list-state.state-node';\nimport { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';\nimport { ListSelectedModel } from '../list/state/selected/selected.model';\n\nlet uniqueId = 0;\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-list-multiselect-toolbar',\n templateUrl: './list-multiselect-toolbar.component.html',\n styleUrls: ['./list-multiselect-toolbar.component.scss'],\n})\nexport class SkyListMultiselectToolbarComponent implements OnInit, OnDestroy {\n @Input()\n public showOnlySelected = false;\n\n public multiselectToolbarId = `sky-list-multiselect-toolbar-${uniqueId++}`;\n\n private selectedIdMap = new Map<string, boolean>();\n\n private ngUnsubscribe = new Subject();\n\n constructor(\n private state: ListState,\n private dispatcher: ListStateDispatcher\n ) {}\n\n public ngOnInit(): void {\n this.state\n .pipe(\n observableMap((t) => t.selected.item),\n takeUntil(this.ngUnsubscribe),\n distinctUntilChanged(this.selectedMapEqual)\n )\n .subscribe((model: ListSelectedModel) => {\n this.selectedIdMap = model.selectedIdMap;\n\n if (this.showOnlySelected) {\n this.reapplyFilter(true);\n }\n });\n\n // If 'show-selected' filter is programatically set from a child component (e.g. checkilst),\n // make sure the checked state of the 'show-selected' checkbox stays in sync.\n this.state\n .pipe(\n observableMap((t) => t.filters),\n takeUntil(this.ngUnsubscribe),\n distinctUntilChanged(this.showSelectedValuesEqual)\n )\n .subscribe((filters: ListFilterModel[]) => {\n const showSelectedFilter = filters.find(\n (filter) => filter.name === 'show-selected'\n );\n if (showSelectedFilter) {\n this.showOnlySelected = showSelectedFilter.value === 'true';\n }\n });\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n public selectAll(): void {\n this.state\n .pipe(\n observableMap((state) => state.items.items),\n take(1)\n )\n .subscribe((items) => {\n this.dispatcher.setSelected(\n items.map((item) => item.id),\n true\n );\n if (this.showOnlySelected) {\n this.reapplyFilter(this.showOnlySelected);\n }\n });\n }\n\n public clearSelections(): void {\n this.state\n .pipe(\n observableMap((state) => state.items.items),\n take(1)\n )\n .subscribe((items) => {\n this.dispatcher.setSelected(\n items.map((item) => item.id),\n false\n );\n if (this.showOnlySelected) {\n this.reapplyFilter(this.showOnlySelected);\n }\n });\n }\n\n public changeVisibleItems(change: SkyCheckboxChange): void {\n this.showOnlySelected = change.checked;\n this.reapplyFilter(change.checked);\n }\n\n private reapplyFilter(isSelected: boolean): void {\n const self = this;\n\n this.state\n .pipe(\n observableMap((state) => state.filters),\n take(1)\n )\n .subscribe((filters: ListFilterModel[]) => {\n filters = filters.filter((filter) => filter.name !== 'show-selected');\n filters.push(self.getShowSelectedFilter(isSelected));\n this.dispatcher.filtersUpdate(filters);\n });\n\n // If \"show selected\" is checked and paging is enabled, go to page one.\n /* istanbul ignore else */\n if (isSelected) {\n this.state.pipe(take(1)).subscribe((currentState) => {\n if (\n currentState.paging.pageNumber &&\n currentState.paging.pageNumber !== 1\n ) {\n this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));\n }\n });\n }\n this.dispatcher.toolbarSetDisabled(isSelected);\n }\n\n private getShowSelectedFilter(isSelected: boolean): ListFilterModel {\n return new ListFilterModel({\n name: 'show-selected',\n value: isSelected.toString(),\n filterFunction: (model: ListItemModel, showOnlySelected: boolean) => {\n /* istanbul ignore else */\n if (showOnlySelected.toString() !== false.toString()) {\n return this.selectedIdMap.get(model.id);\n }\n },\n defaultValue: false.toString(),\n });\n }\n\n private showSelectedValuesEqual(\n prev: ListFilterModel[],\n next: ListFilterModel[]\n ): boolean {\n const prevShowSelectedFilter = prev.find(\n (filter) => filter.name === 'show-selected'\n );\n const nextShowSelectedFilter = next.find(\n (filter) => filter.name === 'show-selected'\n );\n\n // Both undefined.\n if (!prevShowSelectedFilter && !nextShowSelectedFilter) {\n return true;\n }\n\n // Only one undefined.\n if (\n (prevShowSelectedFilter && !nextShowSelectedFilter) ||\n (!prevShowSelectedFilter && nextShowSelectedFilter)\n ) {\n return false;\n }\n\n // Defined, but with different \"value\".\n return prevShowSelectedFilter.value === nextShowSelectedFilter.value;\n }\n\n private selectedMapEqual(\n prev: ListSelectedModel,\n next: ListSelectedModel\n ): boolean {\n if (prev.selectedIdMap.size !== next.selectedIdMap.size) {\n return false;\n }\n\n for (let i = 0; i < next.selectedIdMap.size; i++) {\n const key = Array.from(next.selectedIdMap.keys())[i];\n const value = next.selectedIdMap.get(key);\n /* istanbul ignore next */\n if (value !== prev.selectedIdMap.get(key)) {\n return false;\n }\n }\n\n return true;\n }\n}\n","<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\">\n </sky-list-toolbar-item-renderer>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\">\n </sky-list-toolbar-item-renderer>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <ng-container *ngTemplateOutlet=\"showSelectedTemplate\"></ng-container>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-select-all'\"\n (click)=\"selectAll(); $event.preventDefault()\"\n >\n {{ 'skyux_list_mutliselect_select_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n (click)=\"clearSelections(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n <sky-checkbox\n [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n [checked]=\"showOnlySelected\"\n (change)=\"changeVisibleItems($event)\"\n >\n <sky-checkbox-label>\n {{ 'skyux_list_mutliselect_show_selected' | skyLibResources }}\n </sky-checkbox-label>\n </sky-checkbox>\n</ng-template>\n"]}
|
|
1
|
+
{"version":3,"file":"list-multiselect-toolbar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-multiselect-toolbar.component.ts","../../../../../../../../libs/components/list-builder/src/lib/modules/list-toolbar/list-multiselect-toolbar.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SkyCheckboxChange } from '@skyux/forms';\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport { Subject } from 'rxjs';\nimport {\n distinctUntilChanged,\n map as observableMap,\n take,\n takeUntil,\n} from 'rxjs/operators';\n\nimport { ListFilterModel } from '../list-filters/filter.model';\nimport { ListStateDispatcher } from '../list/state/list-state.rxstate';\nimport { ListState } from '../list/state/list-state.state-node';\nimport { ListPagingSetPageNumberAction } from '../list/state/paging/set-page-number.action';\nimport { ListSelectedModel } from '../list/state/selected/selected.model';\n\nlet uniqueId = 0;\n\n/**\n * @internal\n */\n@Component({\n selector: 'sky-list-multiselect-toolbar',\n templateUrl: './list-multiselect-toolbar.component.html',\n styleUrls: ['./list-multiselect-toolbar.component.scss'],\n})\nexport class SkyListMultiselectToolbarComponent implements OnInit, OnDestroy {\n @Input()\n public showOnlySelected = false;\n\n public multiselectToolbarId = `sky-list-multiselect-toolbar-${uniqueId++}`;\n\n private selectedIdMap = new Map<string, boolean>();\n\n private ngUnsubscribe = new Subject();\n\n constructor(\n private state: ListState,\n private dispatcher: ListStateDispatcher\n ) {}\n\n public ngOnInit(): void {\n this.state\n .pipe(\n observableMap((t) => t.selected.item),\n takeUntil(this.ngUnsubscribe),\n distinctUntilChanged(this.selectedMapEqual)\n )\n .subscribe((model: ListSelectedModel) => {\n this.selectedIdMap = model.selectedIdMap;\n\n if (this.showOnlySelected) {\n this.reapplyFilter(true);\n }\n });\n\n // If 'show-selected' filter is programatically set from a child component (e.g. checkilst),\n // make sure the checked state of the 'show-selected' checkbox stays in sync.\n this.state\n .pipe(\n observableMap((t) => t.filters),\n takeUntil(this.ngUnsubscribe),\n distinctUntilChanged(this.showSelectedValuesEqual)\n )\n .subscribe((filters: ListFilterModel[]) => {\n const showSelectedFilter = filters.find(\n (filter) => filter.name === 'show-selected'\n );\n if (showSelectedFilter) {\n this.showOnlySelected = showSelectedFilter.value === 'true';\n }\n });\n }\n\n public ngOnDestroy(): void {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n public selectAll(): void {\n this.state\n .pipe(\n observableMap((state) => state.items.items),\n take(1)\n )\n .subscribe((items) => {\n this.dispatcher.setSelected(\n items.map((item) => item.id),\n true\n );\n if (this.showOnlySelected) {\n this.reapplyFilter(this.showOnlySelected);\n }\n });\n }\n\n public clearSelections(): void {\n this.state\n .pipe(\n observableMap((state) => state.items.items),\n take(1)\n )\n .subscribe((items) => {\n this.dispatcher.setSelected(\n items.map((item) => item.id),\n false\n );\n if (this.showOnlySelected) {\n this.reapplyFilter(this.showOnlySelected);\n }\n });\n }\n\n public changeVisibleItems(change: SkyCheckboxChange): void {\n this.showOnlySelected = change.checked;\n this.reapplyFilter(change.checked);\n }\n\n private reapplyFilter(isSelected: boolean): void {\n this.state\n .pipe(\n observableMap((state) => state.filters),\n take(1)\n )\n .subscribe((filters: ListFilterModel[]) => {\n filters = filters.filter((filter) => filter.name !== 'show-selected');\n filters.push(this.getShowSelectedFilter(isSelected));\n this.dispatcher.filtersUpdate(filters);\n });\n\n // If \"show selected\" is checked and paging is enabled, go to page one.\n /* istanbul ignore else */\n if (isSelected) {\n this.state.pipe(take(1)).subscribe((currentState) => {\n if (\n currentState.paging.pageNumber &&\n currentState.paging.pageNumber !== 1\n ) {\n this.dispatcher.next(new ListPagingSetPageNumberAction(Number(1)));\n }\n });\n }\n this.dispatcher.toolbarSetDisabled(isSelected);\n }\n\n private getShowSelectedFilter(isSelected: boolean): ListFilterModel {\n return new ListFilterModel({\n name: 'show-selected',\n value: isSelected.toString(),\n filterFunction: (model: ListItemModel, showOnlySelected: boolean) => {\n /* istanbul ignore else */\n if (showOnlySelected.toString() !== false.toString()) {\n return this.selectedIdMap.get(model.id);\n }\n },\n defaultValue: false.toString(),\n });\n }\n\n private showSelectedValuesEqual(\n prev: ListFilterModel[],\n next: ListFilterModel[]\n ): boolean {\n const prevShowSelectedFilter = prev.find(\n (filter) => filter.name === 'show-selected'\n );\n const nextShowSelectedFilter = next.find(\n (filter) => filter.name === 'show-selected'\n );\n\n // Both undefined.\n if (!prevShowSelectedFilter && !nextShowSelectedFilter) {\n return true;\n }\n\n // Only one undefined.\n if (\n (prevShowSelectedFilter && !nextShowSelectedFilter) ||\n (!prevShowSelectedFilter && nextShowSelectedFilter)\n ) {\n return false;\n }\n\n // Defined, but with different \"value\".\n return prevShowSelectedFilter.value === nextShowSelectedFilter.value;\n }\n\n private selectedMapEqual(\n prev: ListSelectedModel,\n next: ListSelectedModel\n ): boolean {\n if (prev.selectedIdMap.size !== next.selectedIdMap.size) {\n return false;\n }\n\n for (let i = 0; i < next.selectedIdMap.size; i++) {\n const key = Array.from(next.selectedIdMap.keys())[i];\n const value = next.selectedIdMap.get(key);\n /* istanbul ignore next */\n if (value !== prev.selectedIdMap.get(key)) {\n return false;\n }\n }\n\n return true;\n }\n}\n","<sky-toolbar class=\"sky-list-multiselect-toolbar\">\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"selectAllTemplate\">\n </sky-list-toolbar-item-renderer>\n </sky-toolbar-item>\n <sky-toolbar-item>\n <sky-list-toolbar-item-renderer [template]=\"clearSelectionsTemplate\">\n </sky-list-toolbar-item-renderer>\n </sky-toolbar-item>\n <sky-toolbar-view-actions>\n <ng-container *ngTemplateOutlet=\"showSelectedTemplate\"></ng-container>\n </sky-toolbar-view-actions>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<ng-template #selectAllTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-select-all'\"\n (click)=\"selectAll(); $event.preventDefault()\"\n >\n {{ 'skyux_list_mutliselect_select_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #clearSelectionsTemplate>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [attr.id]=\"multiselectToolbarId + '-clear-all'\"\n (click)=\"clearSelections(); $event.preventDefault()\"\n >\n {{ 'skyux_list_multiselect_clear_all' | skyLibResources }}\n </button>\n</ng-template>\n\n<ng-template #showSelectedTemplate>\n <sky-checkbox\n [attr.id]=\"multiselectToolbarId + '-show-selected'\"\n [checked]=\"showOnlySelected\"\n (change)=\"changeVisibleItems($event)\"\n >\n <sky-checkbox-label>\n {{ 'skyux_list_mutliselect_show_selected' | skyLibResources }}\n </sky-checkbox-label>\n </sky-checkbox>\n</ng-template>\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
3
3
|
* The contents of this file were automatically generated by
|
|
4
|
-
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-list-builder' schematic.
|
|
4
|
+
* the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-list-builder' schematic.
|
|
5
5
|
* To update this file, simply rerun the command.
|
|
6
6
|
*/
|
|
7
7
|
import { NgModule } from '@angular/core';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sky-list-builder-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/shared/sky-list-builder-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,wCAAwC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7D,gCAAgC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;QAC1D,iCAAiC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC5D,oCAAoC,EAAE;YACpC,OAAO,EAAE,0BAA0B;SACpC;QACD,uCAAuC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;KACpE;CACF,CAAC;AAEF,MAAM,OAAO,+BAA+B;IAGnC,SAAS,
|
|
1
|
+
{"version":3,"file":"sky-list-builder-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder/src/lib/modules/shared/sky-list-builder-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,wCAAwC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC7D,gCAAgC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;QAC1D,iCAAiC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC5D,oCAAoC,EAAE;YACpC,OAAO,EAAE,0BAA0B;SACpC;QACD,uCAAuC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;KACpE;CACF,CAAC;AAEF,MAAM,OAAO,+BAA+B;IAGnC,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,6BAA6B;;2HAA7B,6BAA6B;4HAA7B,6BAA6B,YAT9B,aAAa;4HASZ,6BAA6B,aAR7B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,+BAA+B;YACzC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,6BAA6B;kBAVzC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,+BAA+B;4BACzC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-list-builder' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_list_show_secondary_actions_button: { message: 'More' },\n skyux_list_multiselect_clear_all: { message: 'Clear all' },\n skyux_list_mutliselect_select_all: { message: 'Select all' },\n skyux_list_mutliselect_show_selected: {\n message: 'Only show selected items',\n },\n skyux_list_view_switcher_dropdown_title: { message: 'Select view' },\n },\n};\n\nexport class SkyListBuilderResourcesProvider\n implements SkyLibResourcesProvider\n{\n public getString(\n localeInfo: SkyAppLocaleInfo,\n name: string\n ): string | undefined {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyListBuilderResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyListBuilderResourcesModule {}\n"]}
|
|
@@ -51,7 +51,9 @@ class ListDataResponseModel {
|
|
|
51
51
|
* @internal
|
|
52
52
|
*/
|
|
53
53
|
class ListDataProvider {
|
|
54
|
-
constructor(data) {
|
|
54
|
+
constructor(data) {
|
|
55
|
+
this.data = data;
|
|
56
|
+
}
|
|
55
57
|
}
|
|
56
58
|
|
|
57
59
|
/**
|
|
@@ -262,8 +264,9 @@ class ListViewComponent {
|
|
|
262
264
|
get label() {
|
|
263
265
|
return this.viewName;
|
|
264
266
|
}
|
|
265
|
-
|
|
267
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
266
268
|
onViewActive() { }
|
|
269
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
267
270
|
onViewInactive() { }
|
|
268
271
|
}
|
|
269
272
|
|
|
@@ -1723,7 +1726,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
1723
1726
|
/**
|
|
1724
1727
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
1725
1728
|
* The contents of this file were automatically generated by
|
|
1726
|
-
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-list-builder' schematic.
|
|
1729
|
+
* the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-list-builder' schematic.
|
|
1727
1730
|
* To update this file, simply rerun the command.
|
|
1728
1731
|
*/
|
|
1729
1732
|
const RESOURCES = {
|
|
@@ -2036,12 +2039,11 @@ class SkyListMultiselectToolbarComponent {
|
|
|
2036
2039
|
this.reapplyFilter(change.checked);
|
|
2037
2040
|
}
|
|
2038
2041
|
reapplyFilter(isSelected) {
|
|
2039
|
-
const self = this;
|
|
2040
2042
|
this.state
|
|
2041
2043
|
.pipe(map((state) => state.filters), take(1))
|
|
2042
2044
|
.subscribe((filters) => {
|
|
2043
2045
|
filters = filters.filter((filter) => filter.name !== 'show-selected');
|
|
2044
|
-
filters.push(
|
|
2046
|
+
filters.push(this.getShowSelectedFilter(isSelected));
|
|
2045
2047
|
this.dispatcher.filtersUpdate(filters);
|
|
2046
2048
|
});
|
|
2047
2049
|
// If "show selected" is checked and paging is enabled, go to page one.
|