@skyux/list-builder-view-grids 7.0.0-beta.12 → 7.0.0-beta.13

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.
Files changed (63) hide show
  1. package/documentation.json +1 -67
  2. package/esm2020/index.mjs +20 -20
  3. package/esm2020/lib/modules/column-selector/column-selector-context.mjs +14 -14
  4. package/esm2020/lib/modules/column-selector/column-selector-modal.component.mjs +37 -37
  5. package/esm2020/lib/modules/column-selector/column-selector-modal.module.mjs +40 -40
  6. package/esm2020/lib/modules/list-column-selector-action/list-column-selector-action.component.mjs +132 -132
  7. package/esm2020/lib/modules/list-column-selector-action/list-column-selector-action.module.mjs +47 -47
  8. package/esm2020/lib/modules/list-column-selector-action/list-column-selector-button.component.mjs +12 -12
  9. package/esm2020/lib/modules/list-view-grid/list-view-grid.component.mjs +463 -463
  10. package/esm2020/lib/modules/list-view-grid/list-view-grid.module.mjs +42 -42
  11. package/esm2020/lib/modules/list-view-grid/state/columns/columns.orchestrator.mjs +22 -22
  12. package/esm2020/lib/modules/list-view-grid/state/columns/load.action.mjs +10 -10
  13. package/esm2020/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.mjs +22 -22
  14. package/esm2020/lib/modules/list-view-grid/state/displayed-columns/load.action.mjs +10 -10
  15. package/esm2020/lib/modules/list-view-grid/state/grid-state-action.type.mjs +1 -1
  16. package/esm2020/lib/modules/list-view-grid/state/grid-state.model.mjs +11 -11
  17. package/esm2020/lib/modules/list-view-grid/state/grid-state.rxstate.mjs +19 -19
  18. package/esm2020/lib/modules/list-view-grid/state/grid-state.state-node.mjs +27 -27
  19. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-message-type.mjs +15 -15
  20. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-message.mjs +1 -1
  21. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.mjs +1 -1
  22. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.mjs +1 -1
  23. package/esm2020/lib/modules/shared/sky-list-builder-view-grids-resources.module.mjs +55 -55
  24. package/esm2020/skyux-list-builder-view-grids.mjs +4 -4
  25. package/esm2020/testing/list-view-grid-fixture-cell.mjs +1 -1
  26. package/esm2020/testing/list-view-grid-fixture-header.mjs +1 -1
  27. package/esm2020/testing/list-view-grid-fixture-row.mjs +1 -1
  28. package/esm2020/testing/list-view-grid-fixture.mjs +66 -66
  29. package/esm2020/testing/public-api.mjs +4 -4
  30. package/esm2020/testing/skyux-list-builder-view-grids-testing.mjs +4 -4
  31. package/fesm2015/skyux-list-builder-view-grids-testing.mjs +65 -65
  32. package/fesm2015/skyux-list-builder-view-grids.mjs +866 -866
  33. package/fesm2020/skyux-list-builder-view-grids-testing.mjs +65 -65
  34. package/fesm2020/skyux-list-builder-view-grids.mjs +864 -864
  35. package/index.d.ts +18 -18
  36. package/lib/modules/column-selector/column-selector-context.d.ts +15 -15
  37. package/lib/modules/column-selector/column-selector-modal.component.d.ts +14 -14
  38. package/lib/modules/column-selector/column-selector-modal.module.d.ts +15 -15
  39. package/lib/modules/list-column-selector-action/list-column-selector-action.component.d.ts +39 -39
  40. package/lib/modules/list-column-selector-action/list-column-selector-action.module.d.ts +17 -17
  41. package/lib/modules/list-column-selector-action/list-column-selector-button.component.d.ts +5 -5
  42. package/lib/modules/list-view-grid/list-view-grid.component.d.ts +147 -147
  43. package/lib/modules/list-view-grid/list-view-grid.module.d.ts +15 -15
  44. package/lib/modules/list-view-grid/state/columns/columns.orchestrator.d.ts +11 -11
  45. package/lib/modules/list-view-grid/state/columns/load.action.d.ts +10 -10
  46. package/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.d.ts +11 -11
  47. package/lib/modules/list-view-grid/state/displayed-columns/load.action.d.ts +10 -10
  48. package/lib/modules/list-view-grid/state/grid-state-action.type.d.ts +6 -6
  49. package/lib/modules/list-view-grid/state/grid-state.model.d.ts +10 -10
  50. package/lib/modules/list-view-grid/state/grid-state.rxstate.d.ts +16 -16
  51. package/lib/modules/list-view-grid/state/grid-state.state-node.d.ts +13 -13
  52. package/lib/modules/list-view-grid/types/list-view-grid-message-type.d.ts +14 -14
  53. package/lib/modules/list-view-grid/types/list-view-grid-message.d.ts +22 -22
  54. package/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.d.ts +9 -9
  55. package/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.d.ts +9 -9
  56. package/lib/modules/shared/sky-list-builder-view-grids-resources.module.d.ts +14 -14
  57. package/package.json +10 -10
  58. package/testing/index.d.ts +5 -5
  59. package/testing/list-view-grid-fixture-cell.d.ts +17 -17
  60. package/testing/list-view-grid-fixture-header.d.ts +14 -14
  61. package/testing/list-view-grid-fixture-row.d.ts +8 -8
  62. package/testing/list-view-grid-fixture.d.ts +27 -27
  63. package/testing/public-api.d.ts +4 -4
@@ -2995,71 +2995,5 @@
2995
2995
  }
2996
2996
  ]
2997
2997
  },
2998
- "codeExamples": [
2999
- {
3000
- "fileName": "list-view-grid-demo.component.html",
3001
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.component.html",
3002
- "rawContents": "<sky-list [data]=\"data\">\n <sky-list-toolbar>\n <sky-list-column-selector-action\n helpKey=\"default.htm\"\n [gridView]=\"grid\"\n (helpOpened)=\"onHelpOpened($event)\"\n >\n </sky-list-column-selector-action>\n </sky-list-toolbar>\n <sky-list-view-grid #grid>\n <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n <sky-grid-column field=\"email\" heading=\"Email\"> </sky-grid-column>\n <sky-grid-column field=\"amount\" heading=\"Amount\"> </sky-grid-column>\n </sky-list-view-grid>\n</sky-list>\n"
3003
- },
3004
- {
3005
- "fileName": "list-view-grid-demo.component.ts",
3006
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.component.ts",
3007
- "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n})\nexport class ListViewGridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n {\n id: '8',\n name: 'Nikola Tesla',\n email: 'nikola.tesla@example.com',\n amount: 15.0,\n status: 'Paid',\n },\n {\n id: '9',\n name: 'Hubert J. Farnsworth',\n email: 'hubert.j.farnsworth@example.com',\n amount: 999.99,\n status: 'Past Due',\n },\n ];\n\n public onHelpOpened(helpKey: string): void {\n console.log(\n `Modal header help was invoked with the following help key: ${helpKey}`\n );\n }\n}\n"
3008
- },
3009
- {
3010
- "fileName": "list-view-grid-demo.module.ts",
3011
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/column-selector/list-view-grid-demo.module.ts",
3012
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDemoModule {}\n"
3013
- },
3014
- {
3015
- "fileName": "list-view-grid-demo.component.html",
3016
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.component.html",
3017
- "rawContents": "<sky-list [dataProvider]=\"listDataProvider\">\n <sky-list-toolbar>\n <sky-list-filter-inline>\n <sky-list-filter-inline-item\n defaultValue=\"any\"\n name=\"fruitType\"\n value=\"any\"\n >\n <ng-template let-filter=\"filter\">\n <label [for]=\"fruitTypeSelect.id\"> Fruit type </label>\n <select\n skyId\n [ngModel]=\"filter.value\"\n (ngModelChange)=\"filter.changed($event)\"\n #fruitTypeSelect=\"skyId\"\n >\n <option value=\"any\">Any fruit</option>\n <option value=\"citrus\">Citrus</option>\n <option value=\"berry\">Berry</option>\n </select>\n </ng-template>\n </sky-list-filter-inline-item>\n <sky-list-filter-inline-item\n name=\"hideOrange\"\n [filter]=\"hideOrangeFilterFunction\"\n >\n <ng-template let-filter=\"filter\">\n <sky-checkbox\n [ngModel]=\"filter.value\"\n (ngModelChange)=\"filter.changed($event)\"\n >\n <sky-checkbox-label> Hide orange fruits </sky-checkbox-label>\n </sky-checkbox>\n </ng-template>\n </sky-list-filter-inline-item>\n </sky-list-filter-inline>\n </sky-list-toolbar>\n <sky-list-view-grid>\n <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n <sky-grid-column\n field=\"description\"\n heading=\"Description\"\n ></sky-grid-column>\n <sky-grid-column\n field=\"highAcidity\"\n heading=\"High Acidity (&lt;5 pH)\"\n ></sky-grid-column>\n </sky-list-view-grid>\n <sky-list-paging pageSize=\"5\"></sky-list-paging>\n</sky-list>\n"
3018
- },
3019
- {
3020
- "fileName": "list-view-grid-demo.component.ts",
3021
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.component.ts",
3022
- "rawContents": "import { Component, Injectable } from '@angular/core';\nimport {\n ListDataProvider,\n ListDataRequestModel,\n ListDataResponseModel,\n} from '@skyux/list-builder';\nimport { ListItemModel } from '@skyux/list-builder-common';\n\nimport { BehaviorSubject, Observable, of } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\n@Injectable()\nexport class DemoListProvider extends ListDataProvider {\n public items: Observable<ListItemModel[]>;\n\n public remoteCount: BehaviorSubject<number> = new BehaviorSubject<number>(0);\n\n constructor() {\n super();\n this.items = of([\n {\n id: '0',\n data: {\n name: 'Orange',\n description: 'A round, orange fruit.',\n type: 'citrus',\n color: 'orange',\n highAcidity: 'True',\n ph: 3.71,\n },\n },\n {\n id: '1',\n data: {\n name: 'Mango',\n description: \"Delicious in smoothies, but don't eat the skin.\",\n type: 'other',\n color: 'orange',\n highAcidity: 'False',\n ph: 5.92,\n },\n },\n {\n id: '2',\n data: {\n name: 'Lime',\n description: 'A sour, green fruit used in many drinks.',\n type: 'citrus',\n color: 'green',\n highAcidity: 'True',\n ph: 2.5,\n },\n },\n {\n id: '3',\n data: {\n name: 'Strawberry',\n description: 'A red fruit that goes well with shortcake.',\n type: 'berry',\n color: 'red',\n highAcidity: 'True',\n ph: 3.84,\n },\n },\n {\n id: '4',\n data: {\n name: 'Blueberry',\n description: 'A small, blue fruit often found in muffins.',\n type: 'berry',\n color: 'blue',\n highAcidity: 'True',\n ph: 3.21,\n },\n },\n {\n id: '5',\n data: {\n name: 'Black Olives',\n description: 'A small fruit used on pizza.',\n type: 'other',\n color: 'black',\n highAcidity: 'False',\n ph: 6.14,\n },\n },\n ]);\n }\n\n public get(request: ListDataRequestModel): Observable<ListDataResponseModel> {\n /*\n In get() you get data based on a given ListDataRequestModel.\n You can fetch data remotely here and return an Observable<ListDataResponseModel>.\n */\n return this.fakeHttpRequest(request);\n }\n\n public count(): Observable<number> {\n return this.remoteCount;\n }\n\n private fakeHttpRequest(\n request: ListDataRequestModel\n ): Observable<ListDataResponseModel> {\n return this.items.pipe(\n map((items: ListItemModel[]) => {\n let modifiedList = items;\n\n if (request.search.searchText) {\n const searchText = request.search.searchText.toLowerCase();\n\n modifiedList = modifiedList.filter((item) => {\n return (\n item.data.name.toLowerCase().indexOf(searchText) > -1 ||\n item.data.description.toLowerCase().indexOf(searchText) > -1\n );\n });\n }\n\n if (request.filters) {\n for (const filter of request.filters) {\n if (filter.name === 'fruitType' && filter.value !== 'any') {\n modifiedList = modifiedList.filter((item) => {\n return item.data.type === request.filters[0].value;\n });\n } else if (filter.name === 'hideOrange' && filter.value) {\n modifiedList = modifiedList.filter(filter.filterFunction);\n }\n }\n }\n\n if (request.sort) {\n for (const fieldSelector of request.sort.fieldSelectors) {\n modifiedList = modifiedList.sort((itemA: any, itemB: any) => {\n if (fieldSelector.descending) {\n return itemA.data[fieldSelector.fieldSelector] <\n itemB.data[fieldSelector.fieldSelector]\n ? 1\n : -1;\n } else {\n return itemA.data[fieldSelector.fieldSelector] <\n itemB.data[fieldSelector.fieldSelector]\n ? -1\n : 1;\n }\n });\n }\n }\n\n const itemStart = (request.pageNumber - 1) * request.pageSize;\n const pagedResult = modifiedList.slice(\n itemStart,\n itemStart + request.pageSize\n );\n\n this.remoteCount.next(modifiedList.length);\n\n return new ListDataResponseModel({\n count: modifiedList.length,\n items: pagedResult,\n });\n })\n );\n }\n}\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n providers: [DemoListProvider],\n})\nexport class ListViewGridDemoComponent {\n constructor(public listDataProvider: DemoListProvider) {}\n\n public hideOrangeFilterFunction(\n item: ListItemModel,\n filterValue: any\n ): boolean {\n return !filterValue || (filterValue && item.data.color !== 'orange');\n }\n}\n"
3023
- },
3024
- {
3025
- "fileName": "list-view-grid-demo.module.ts",
3026
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/data-provider/list-view-grid-demo.module.ts",
3027
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule } from '@skyux/forms';\nimport {\n SkyListFiltersModule,\n SkyListModule,\n SkyListPagingModule,\n SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyIdModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListPagingModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDemoModule {}\n"
3028
- },
3029
- {
3030
- "fileName": "list-view-grid-demo.component.html",
3031
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/multiselect/list-view-grid-demo.component.html",
3032
- "rawContents": "<sky-list [data]=\"data\" (selectedIdsChange)=\"onSelectedIdsChange($event)\">\n <sky-list-toolbar></sky-list-toolbar>\n <sky-list-view-grid [enableMultiselect]=\"true\" #grid>\n <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n <sky-grid-column field=\"email\" heading=\"Email\"> </sky-grid-column>\n <sky-grid-column field=\"amount\" heading=\"Amount\"> </sky-grid-column>\n </sky-list-view-grid>\n</sky-list>\n"
3033
- },
3034
- {
3035
- "fileName": "list-view-grid-demo.component.ts",
3036
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/multiselect/list-view-grid-demo.component.ts",
3037
- "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n})\nexport class ListViewGridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n {\n id: '8',\n name: 'Nikola Tesla',\n email: 'nikola.tesla@example.com',\n amount: 15.0,\n status: 'Paid',\n },\n {\n id: '9',\n name: 'Hubert J. Farnsworth',\n email: 'hubert.j.farnsworth@example.com',\n amount: 999.99,\n status: 'Past Due',\n },\n ];\n\n public onSelectedIdsChange(selectedRowsChange: Map<string, boolean>): void {\n console.log(selectedRowsChange);\n }\n}\n"
3038
- },
3039
- {
3040
- "fileName": "list-view-grid-demo.module.ts",
3041
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/multiselect/list-view-grid-demo.module.ts",
3042
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDemoModule {}\n"
3043
- },
3044
- {
3045
- "fileName": "list-view-grid-demo.component.html",
3046
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.component.html",
3047
- "rawContents": "<sky-list [data]=\"data\">\n <sky-list-view-grid fit=\"scroll\" #grid>\n <sky-grid-column\n id=\"contextMenuColumn\"\n [locked]=\"true\"\n [template]=\"contextMenuTemplate\"\n [width]=\"50\"\n >\n </sky-grid-column>\n <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n <sky-grid-column field=\"email\" heading=\"Email\"> </sky-grid-column>\n <sky-grid-column field=\"amount\" heading=\"Amount\"> </sky-grid-column>\n </sky-list-view-grid>\n</sky-list>\n\n<ng-template #contextMenuTemplate>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onDropdownItemClicked('Make admin')\">\n Make admin\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onDropdownItemClicked('Disable')\">\n Disable\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onDropdownItemClicked('Delete')\">\n Delete\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n</ng-template>\n"
3048
- },
3049
- {
3050
- "fileName": "list-view-grid-demo.component.scss",
3051
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.component.scss",
3052
- "rawContents": "@use 'libs/components/theme/src/lib/styles/mixins' as mixins;\n\n::ng-deep .sky-grid-table {\n @include mixins.sky-border(dark, top);\n}\n"
3053
- },
3054
- {
3055
- "fileName": "list-view-grid-demo.component.ts",
3056
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.component.ts",
3057
- "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-view-grid-demo',\n templateUrl: './list-view-grid-demo.component.html',\n styleUrls: ['./list-view-grid-demo.component.scss'],\n})\nexport class ListViewGridDemoComponent {\n public data: any[] = [\n {\n id: '1',\n name: 'Niels Bohr',\n email: 'niels.bohr@example.com',\n amount: 170.75,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Ada Lovelace',\n email: 'ada.lovelace@example.com',\n amount: 114.13,\n status: 'Paid',\n },\n {\n id: '3',\n name: 'Marie Curie',\n email: 'marie.curie@example.com',\n amount: 111,\n status: 'Past due',\n },\n {\n id: '4',\n name: 'Barbara McClintock',\n email: 'barbara.mcclintock@example.com',\n amount: 84.63,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Michael Faraday',\n email: 'michael.faraday@example.com',\n amount: 83.97,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Enrico Fermi',\n email: 'enrico.fermi@example.com',\n amount: 74.5,\n status: 'Past due',\n },\n {\n id: '7',\n name: 'Mae C. Jemison',\n email: 'mae.jemison@example.com',\n amount: 70.86,\n status: 'Paid',\n },\n {\n id: '8',\n name: 'Nikola Tesla',\n email: 'nikola.tesla@example.com',\n amount: 15.0,\n status: 'Paid',\n },\n {\n id: '9',\n name: 'Hubert J. Farnsworth',\n email: 'hubert.j.farnsworth@example.com',\n amount: 999.99,\n status: 'Past Due',\n },\n ];\n\n public onDropdownItemClicked(buttonText: string): void {\n alert(buttonText + ' button clicked!');\n }\n}\n"
3058
- },
3059
- {
3060
- "fileName": "list-view-grid-demo.module.ts",
3061
- "filePath": "/projects/list-builder-view-grids/documentation/code-examples/list-view-grid/templated-column/list-view-grid-demo.module.ts",
3062
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ListViewGridDemoComponent } from './list-view-grid-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyDropdownModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListViewGridDemoComponent],\n exports: [ListViewGridDemoComponent],\n})\nexport class ListViewGridDDemoModule {}\n"
3063
- }
3064
- ]
2998
+ "codeExamples": []
3065
2999
  }
package/esm2020/index.mjs CHANGED
@@ -1,21 +1,21 @@
1
- export * from './lib/modules/column-selector/column-selector-context';
2
- export * from './lib/modules/column-selector/column-selector-modal.module';
3
- export * from './lib/modules/list-column-selector-action/list-column-selector-action.module';
4
- export * from './lib/modules/list-view-grid/list-view-grid.component';
5
- export * from './lib/modules/list-view-grid/list-view-grid.module';
6
- export * from './lib/modules/list-view-grid/state/grid-state-action.type';
7
- export * from './lib/modules/list-view-grid/state/grid-state.model';
8
- export * from './lib/modules/list-view-grid/state/grid-state.rxstate';
9
- export * from './lib/modules/list-view-grid/state/grid-state.state-node';
10
- export * from './lib/modules/list-view-grid/state/columns/columns.orchestrator';
11
- export * from './lib/modules/list-view-grid/state/columns/load.action';
12
- export * from './lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator';
13
- export * from './lib/modules/list-view-grid/state/displayed-columns/load.action';
14
- export * from './lib/modules/list-view-grid/types/list-view-grid-message';
15
- export * from './lib/modules/list-view-grid/types/list-view-grid-message-type';
16
- export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args';
17
- export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args';
18
- // Components and directives must be exported to support Angular’s “partial” Ivy compiler.
19
- // Obscure names are used to indicate types are not part of the public API.
20
- export { SkyListColumnSelectorActionComponent as λ1 } from './lib/modules/list-column-selector-action/list-column-selector-action.component';
1
+ export * from './lib/modules/column-selector/column-selector-context';
2
+ export * from './lib/modules/column-selector/column-selector-modal.module';
3
+ export * from './lib/modules/list-column-selector-action/list-column-selector-action.module';
4
+ export * from './lib/modules/list-view-grid/list-view-grid.component';
5
+ export * from './lib/modules/list-view-grid/list-view-grid.module';
6
+ export * from './lib/modules/list-view-grid/state/grid-state-action.type';
7
+ export * from './lib/modules/list-view-grid/state/grid-state.model';
8
+ export * from './lib/modules/list-view-grid/state/grid-state.rxstate';
9
+ export * from './lib/modules/list-view-grid/state/grid-state.state-node';
10
+ export * from './lib/modules/list-view-grid/state/columns/columns.orchestrator';
11
+ export * from './lib/modules/list-view-grid/state/columns/load.action';
12
+ export * from './lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator';
13
+ export * from './lib/modules/list-view-grid/state/displayed-columns/load.action';
14
+ export * from './lib/modules/list-view-grid/types/list-view-grid-message';
15
+ export * from './lib/modules/list-view-grid/types/list-view-grid-message-type';
16
+ export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args';
17
+ export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args';
18
+ // Components and directives must be exported to support Angular’s “partial” Ivy compiler.
19
+ // Obscure names are used to indicate types are not part of the public API.
20
+ export { SkyListColumnSelectorActionComponent as λ1 } from './lib/modules/list-column-selector-action/list-column-selector-action.component';
21
21
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdC1idWlsZGVyLXZpZXctZ3JpZHMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyw0REFBNEQsQ0FBQztBQUUzRSxjQUFjLDhFQUE4RSxDQUFDO0FBRTdGLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxvREFBb0QsQ0FBQztBQUVuRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLDBEQUEwRCxDQUFDO0FBQ3pFLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHFGQUFxRixDQUFDO0FBQ3BHLGNBQWMsa0VBQWtFLENBQUM7QUFFakYsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsMEVBQTBFLENBQUM7QUFDekYsY0FBYywyRUFBMkUsQ0FBQztBQUUxRiwwRkFBMEY7QUFDMUYsMkVBQTJFO0FBQzNFLE9BQU8sRUFBRSxvQ0FBb0MsSUFBSSxFQUFFLEVBQUUsTUFBTSxpRkFBaUYsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY29sdW1uLXNlbGVjdG9yL2NvbHVtbi1zZWxlY3Rvci1jb250ZXh0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvY29sdW1uLXNlbGVjdG9yL2NvbHVtbi1zZWxlY3Rvci1tb2RhbC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xpc3QtY29sdW1uLXNlbGVjdG9yLWFjdGlvbi9saXN0LWNvbHVtbi1zZWxlY3Rvci1hY3Rpb24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LXZpZXctZ3JpZC9saXN0LXZpZXctZ3JpZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LXZpZXctZ3JpZC9saXN0LXZpZXctZ3JpZC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xpc3Qtdmlldy1ncmlkL3N0YXRlL2dyaWQtc3RhdGUtYWN0aW9uLnR5cGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LXZpZXctZ3JpZC9zdGF0ZS9ncmlkLXN0YXRlLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGlzdC12aWV3LWdyaWQvc3RhdGUvZ3JpZC1zdGF0ZS5yeHN0YXRlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGlzdC12aWV3LWdyaWQvc3RhdGUvZ3JpZC1zdGF0ZS5zdGF0ZS1ub2RlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGlzdC12aWV3LWdyaWQvc3RhdGUvY29sdW1ucy9jb2x1bW5zLm9yY2hlc3RyYXRvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xpc3Qtdmlldy1ncmlkL3N0YXRlL2NvbHVtbnMvbG9hZC5hY3Rpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LXZpZXctZ3JpZC9zdGF0ZS9kaXNwbGF5ZWQtY29sdW1ucy9kaXNwbGF5ZWQtY29sdW1ucy5vcmNoZXN0cmF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LXZpZXctZ3JpZC9zdGF0ZS9kaXNwbGF5ZWQtY29sdW1ucy9sb2FkLmFjdGlvbic7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvbGlzdC12aWV3LWdyaWQvdHlwZXMvbGlzdC12aWV3LWdyaWQtbWVzc2FnZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xpc3Qtdmlldy1ncmlkL3R5cGVzL2xpc3Qtdmlldy1ncmlkLW1lc3NhZ2UtdHlwZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2xpc3Qtdmlldy1ncmlkL3R5cGVzL2xpc3Qtdmlldy1ncmlkLXJvdy1kZWxldGUtY2FuY2VsLWFyZ3MnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LXZpZXctZ3JpZC90eXBlcy9saXN0LXZpZXctZ3JpZC1yb3ctZGVsZXRlLWNvbmZpcm0tYXJncyc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXLigJlzIOKAnHBhcnRpYWzigJ0gSXZ5IGNvbXBpbGVyLlxuLy8gT2JzY3VyZSBuYW1lcyBhcmUgdXNlZCB0byBpbmRpY2F0ZSB0eXBlcyBhcmUgbm90IHBhcnQgb2YgdGhlIHB1YmxpYyBBUEkuXG5leHBvcnQgeyBTa3lMaXN0Q29sdW1uU2VsZWN0b3JBY3Rpb25Db21wb25lbnQgYXMgzrsxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9saXN0LWNvbHVtbi1zZWxlY3Rvci1hY3Rpb24vbGlzdC1jb2x1bW4tc2VsZWN0b3ItYWN0aW9uLmNvbXBvbmVudCc7XG4iXX0=
@@ -1,15 +1,15 @@
1
- /* istanbul ignore next */
2
- /* Code coverage having problems with no statements in classes */
3
- /**
4
- * @deprecated
5
- */
6
- export class SkyColumnSelectorContext {
7
- }
8
- /* istanbul ignore next */
9
- /* Code coverage having problems with no statements in classes */
10
- /**
11
- * @deprecated
12
- */
13
- export class SkyColumnSelectorModel {
14
- }
1
+ /* istanbul ignore next */
2
+ /* Code coverage having problems with no statements in classes */
3
+ /**
4
+ * @deprecated
5
+ */
6
+ export class SkyColumnSelectorContext {
7
+ }
8
+ /* istanbul ignore next */
9
+ /* Code coverage having problems with no statements in classes */
10
+ /**
11
+ * @deprecated
12
+ */
13
+ export class SkyColumnSelectorModel {
14
+ }
15
15
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXNlbGVjdG9yLWNvbnRleHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdC1idWlsZGVyLXZpZXctZ3JpZHMvc3JjL2xpYi9tb2R1bGVzL2NvbHVtbi1zZWxlY3Rvci9jb2x1bW4tc2VsZWN0b3ItY29udGV4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwwQkFBMEI7QUFDMUIsaUVBQWlFO0FBQ2pFOztHQUVHO0FBQ0gsTUFBTSxPQUFPLHdCQUF3QjtDQUdwQztBQUVELDBCQUEwQjtBQUMxQixpRUFBaUU7QUFDakU7O0dBRUc7QUFDSCxNQUFNLE9BQU8sc0JBQXNCO0NBSWxDIiwic291cmNlc0NvbnRlbnQiOlsiLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbi8qIENvZGUgY292ZXJhZ2UgaGF2aW5nIHByb2JsZW1zIHdpdGggbm8gc3RhdGVtZW50cyBpbiBjbGFzc2VzICovXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKi9cbmV4cG9ydCBjbGFzcyBTa3lDb2x1bW5TZWxlY3RvckNvbnRleHQge1xuICBwdWJsaWMgY29sdW1uczogQXJyYXk8U2t5Q29sdW1uU2VsZWN0b3JNb2RlbD47XG4gIHB1YmxpYyBzZWxlY3RlZENvbHVtbklkczogQXJyYXk8c3RyaW5nPjtcbn1cblxuLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbi8qIENvZGUgY292ZXJhZ2UgaGF2aW5nIHByb2JsZW1zIHdpdGggbm8gc3RhdGVtZW50cyBpbiBjbGFzc2VzICovXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKi9cbmV4cG9ydCBjbGFzcyBTa3lDb2x1bW5TZWxlY3Rvck1vZGVsIHtcbiAgcHVibGljIGlkOiBzdHJpbmc7XG4gIHB1YmxpYyBoZWFkaW5nOiBzdHJpbmc7XG4gIHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xufVxuIl19
@@ -1,38 +1,38 @@
1
- import { Component } from '@angular/core';
2
- import { SkyModalInstance } from '@skyux/modals';
3
- import { SkyColumnSelectorContext } from './column-selector-context';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "./column-selector-context";
6
- import * as i2 from "@skyux/modals";
7
- import * as i3 from "@skyux/list-builder";
8
- import * as i4 from "@skyux/list-builder-view-checklist";
9
- import * as i5 from "@skyux/i18n";
10
- export class SkyColumnSelectorComponent {
11
- constructor(context, instance) {
12
- this.context = context;
13
- this.instance = instance;
14
- this.newSelectedColumnIds = [];
15
- this.newSelectedColumnIds = context.selectedColumnIds;
16
- }
17
- selectedColumnsChange(selectedMap) {
18
- this.newSelectedColumnIds = [];
19
- selectedMap.forEach((value, key) => {
20
- if (value) {
21
- this.newSelectedColumnIds.push(key);
22
- }
23
- });
24
- }
25
- cancelChanges() {
26
- this.instance.cancel();
27
- }
28
- applyChanges() {
29
- this.instance.save(this.newSelectedColumnIds);
30
- }
31
- }
32
- SkyColumnSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorComponent, deps: [{ token: i1.SkyColumnSelectorContext }, { token: i2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
33
- SkyColumnSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-list\n #list\n [data]=\"context.columns\"\n [selectedIds]=\"context.selectedColumnIds\"\n (selectedIdsChange)=\"selectedColumnsChange($event)\"\n >\n <sky-list-toolbar\n [placeholder]=\"\n 'skyux_grid_column_picker_search_placeholder' | skyLibResources\n \"\n >\n </sky-list-toolbar>\n\n <sky-list-view-checklist label=\"heading\" description=\"description\">\n </sky-list-view-checklist>\n </sky-list>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "component", type: i2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { kind: "component", type: i2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i2.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i2.λ4, selector: "sky-modal-header" }, { kind: "component", type: i3.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { kind: "component", type: i3.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { kind: "component", type: i4.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] });
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorComponent, decorators: [{
35
- type: Component,
36
- args: [{ selector: 'sky-column-selector', template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-list\n #list\n [data]=\"context.columns\"\n [selectedIds]=\"context.selectedColumnIds\"\n (selectedIdsChange)=\"selectedColumnsChange($event)\"\n >\n <sky-list-toolbar\n [placeholder]=\"\n 'skyux_grid_column_picker_search_placeholder' | skyLibResources\n \"\n >\n </sky-list-toolbar>\n\n <sky-list-view-checklist label=\"heading\" description=\"description\">\n </sky-list-view-checklist>\n </sky-list>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n" }]
37
- }], ctorParameters: function () { return [{ type: i1.SkyColumnSelectorContext }, { type: i2.SkyModalInstance }]; } });
1
+ import { Component } from '@angular/core';
2
+ import { SkyModalInstance } from '@skyux/modals';
3
+ import { SkyColumnSelectorContext } from './column-selector-context';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "./column-selector-context";
6
+ import * as i2 from "@skyux/modals";
7
+ import * as i3 from "@skyux/list-builder";
8
+ import * as i4 from "@skyux/list-builder-view-checklist";
9
+ import * as i5 from "@skyux/i18n";
10
+ export class SkyColumnSelectorComponent {
11
+ constructor(context, instance) {
12
+ this.context = context;
13
+ this.instance = instance;
14
+ this.newSelectedColumnIds = [];
15
+ this.newSelectedColumnIds = context.selectedColumnIds;
16
+ }
17
+ selectedColumnsChange(selectedMap) {
18
+ this.newSelectedColumnIds = [];
19
+ selectedMap.forEach((value, key) => {
20
+ if (value) {
21
+ this.newSelectedColumnIds.push(key);
22
+ }
23
+ });
24
+ }
25
+ cancelChanges() {
26
+ this.instance.cancel();
27
+ }
28
+ applyChanges() {
29
+ this.instance.save(this.newSelectedColumnIds);
30
+ }
31
+ }
32
+ SkyColumnSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorComponent, deps: [{ token: i1.SkyColumnSelectorContext }, { token: i2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
33
+ SkyColumnSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyColumnSelectorComponent, selector: "sky-column-selector", ngImport: i0, template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-list\n #list\n [data]=\"context.columns\"\n [selectedIds]=\"context.selectedColumnIds\"\n (selectedIdsChange)=\"selectedColumnsChange($event)\"\n >\n <sky-list-toolbar\n [placeholder]=\"\n 'skyux_grid_column_picker_search_placeholder' | skyLibResources\n \"\n >\n </sky-list-toolbar>\n\n <sky-list-view-checklist label=\"heading\" description=\"description\">\n </sky-list-view-checklist>\n </sky-list>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "component", type: i2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { kind: "component", type: i2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i2.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i2.λ4, selector: "sky-modal-header" }, { kind: "component", type: i3.SkyListComponent, selector: "sky-list", inputs: ["data", "dataProvider", "defaultView", "initialTotal", "selectedIds", "sortFields", "appliedFilters", "search"], outputs: ["selectedIdsChange", "appliedFiltersChange"] }, { kind: "component", type: i3.SkyListToolbarComponent, selector: "sky-list-toolbar", inputs: ["inMemorySearchEnabled", "placeholder", "searchEnabled", "sortSelectorEnabled", "toolbarType", "searchText"] }, { kind: "component", type: i4.SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: ["name", "search", "label", "description", "selectMode", "showOnlySelected"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }] });
34
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorComponent, decorators: [{
35
+ type: Component,
36
+ args: [{ selector: 'sky-column-selector', template: "<sky-modal>\n <sky-modal-header>\n {{ 'skyux_grid_column_picker_header' | skyLibResources }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-list\n #list\n [data]=\"context.columns\"\n [selectedIds]=\"context.selectedColumnIds\"\n (selectedIdsChange)=\"selectedColumnsChange($event)\"\n >\n <sky-list-toolbar\n [placeholder]=\"\n 'skyux_grid_column_picker_search_placeholder' | skyLibResources\n \"\n >\n </sky-list-toolbar>\n\n <sky-list-view-checklist label=\"heading\" description=\"description\">\n </sky-list-view-checklist>\n </sky-list>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n sky-cmp-id=\"apply-changes\"\n class=\"sky-btn sky-btn-primary\"\n (click)=\"applyChanges()\"\n >\n {{ 'skyux_grid_column_picker_submit' | skyLibResources }}\n </button>\n <button\n sky-cmp-id=\"cancel\"\n class=\"sky-btn sky-btn-link\"\n (click)=\"cancelChanges()\"\n >\n {{ 'skyux_grid_column_picker_cancel' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n" }]
37
+ }], ctorParameters: function () { return [{ type: i1.SkyColumnSelectorContext }, { type: i2.SkyModalInstance }]; } });
38
38
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXNlbGVjdG9yLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0LWJ1aWxkZXItdmlldy1ncmlkcy9zcmMvbGliL21vZHVsZXMvY29sdW1uLXNlbGVjdG9yL2NvbHVtbi1zZWxlY3Rvci1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGlzdC1idWlsZGVyLXZpZXctZ3JpZHMvc3JjL2xpYi9tb2R1bGVzL2NvbHVtbi1zZWxlY3Rvci9jb2x1bW4tc2VsZWN0b3ItbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7QUFNckUsTUFBTSxPQUFPLDBCQUEwQjtJQUdyQyxZQUNTLE9BQWlDLEVBQ2pDLFFBQTBCO1FBRDFCLFlBQU8sR0FBUCxPQUFPLENBQTBCO1FBQ2pDLGFBQVEsR0FBUixRQUFRLENBQWtCO1FBSjVCLHlCQUFvQixHQUFrQixFQUFFLENBQUM7UUFNOUMsSUFBSSxDQUFDLG9CQUFvQixHQUFHLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQztJQUN4RCxDQUFDO0lBRU0scUJBQXFCLENBQUMsV0FBaUM7UUFDNUQsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEVBQUUsQ0FBQztRQUMvQixXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxFQUFFO1lBQ2pDLElBQUksS0FBSyxFQUFFO2dCQUNULElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDckM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLFlBQVk7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDaEQsQ0FBQzs7dUhBekJVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLDJEQ1R2Qyx5bUNBdUNBOzJGRDlCYSwwQkFBMEI7a0JBSnRDLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lNb2RhbEluc3RhbmNlIH0gZnJvbSAnQHNreXV4L21vZGFscyc7XG5cbmltcG9ydCB7IFNreUNvbHVtblNlbGVjdG9yQ29udGV4dCB9IGZyb20gJy4vY29sdW1uLXNlbGVjdG9yLWNvbnRleHQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktY29sdW1uLXNlbGVjdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbHVtbi1zZWxlY3Rvci1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUNvbHVtblNlbGVjdG9yQ29tcG9uZW50IHtcbiAgcHVibGljIG5ld1NlbGVjdGVkQ29sdW1uSWRzOiBBcnJheTxzdHJpbmc+ID0gW107XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGNvbnRleHQ6IFNreUNvbHVtblNlbGVjdG9yQ29udGV4dCxcbiAgICBwdWJsaWMgaW5zdGFuY2U6IFNreU1vZGFsSW5zdGFuY2VcbiAgKSB7XG4gICAgdGhpcy5uZXdTZWxlY3RlZENvbHVtbklkcyA9IGNvbnRleHQuc2VsZWN0ZWRDb2x1bW5JZHM7XG4gIH1cblxuICBwdWJsaWMgc2VsZWN0ZWRDb2x1bW5zQ2hhbmdlKHNlbGVjdGVkTWFwOiBNYXA8c3RyaW5nLCBib29sZWFuPikge1xuICAgIHRoaXMubmV3U2VsZWN0ZWRDb2x1bW5JZHMgPSBbXTtcbiAgICBzZWxlY3RlZE1hcC5mb3JFYWNoKCh2YWx1ZSwga2V5KSA9PiB7XG4gICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgdGhpcy5uZXdTZWxlY3RlZENvbHVtbklkcy5wdXNoKGtleSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgY2FuY2VsQ2hhbmdlcygpIHtcbiAgICB0aGlzLmluc3RhbmNlLmNhbmNlbCgpO1xuICB9XG5cbiAgcHVibGljIGFwcGx5Q2hhbmdlcygpIHtcbiAgICB0aGlzLmluc3RhbmNlLnNhdmUodGhpcy5uZXdTZWxlY3RlZENvbHVtbklkcyk7XG4gIH1cbn1cbiIsIjxza3ktbW9kYWw+XG4gIDxza3ktbW9kYWwtaGVhZGVyPlxuICAgIHt7ICdza3l1eF9ncmlkX2NvbHVtbl9waWNrZXJfaGVhZGVyJyB8IHNreUxpYlJlc291cmNlcyB9fVxuICA8L3NreS1tb2RhbC1oZWFkZXI+XG4gIDxza3ktbW9kYWwtY29udGVudD5cbiAgICA8c2t5LWxpc3RcbiAgICAgICNsaXN0XG4gICAgICBbZGF0YV09XCJjb250ZXh0LmNvbHVtbnNcIlxuICAgICAgW3NlbGVjdGVkSWRzXT1cImNvbnRleHQuc2VsZWN0ZWRDb2x1bW5JZHNcIlxuICAgICAgKHNlbGVjdGVkSWRzQ2hhbmdlKT1cInNlbGVjdGVkQ29sdW1uc0NoYW5nZSgkZXZlbnQpXCJcbiAgICA+XG4gICAgICA8c2t5LWxpc3QtdG9vbGJhclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwiXG4gICAgICAgICAgJ3NreXV4X2dyaWRfY29sdW1uX3BpY2tlcl9zZWFyY2hfcGxhY2Vob2xkZXInIHwgc2t5TGliUmVzb3VyY2VzXG4gICAgICAgIFwiXG4gICAgICA+XG4gICAgICA8L3NreS1saXN0LXRvb2xiYXI+XG5cbiAgICAgIDxza3ktbGlzdC12aWV3LWNoZWNrbGlzdCBsYWJlbD1cImhlYWRpbmdcIiBkZXNjcmlwdGlvbj1cImRlc2NyaXB0aW9uXCI+XG4gICAgICA8L3NreS1saXN0LXZpZXctY2hlY2tsaXN0PlxuICAgIDwvc2t5LWxpc3Q+XG4gIDwvc2t5LW1vZGFsLWNvbnRlbnQ+XG4gIDxza3ktbW9kYWwtZm9vdGVyPlxuICAgIDxidXR0b25cbiAgICAgIHNreS1jbXAtaWQ9XCJhcHBseS1jaGFuZ2VzXCJcbiAgICAgIGNsYXNzPVwic2t5LWJ0biBza3ktYnRuLXByaW1hcnlcIlxuICAgICAgKGNsaWNrKT1cImFwcGx5Q2hhbmdlcygpXCJcbiAgICA+XG4gICAgICB7eyAnc2t5dXhfZ3JpZF9jb2x1bW5fcGlja2VyX3N1Ym1pdCcgfCBza3lMaWJSZXNvdXJjZXMgfX1cbiAgICA8L2J1dHRvbj5cbiAgICA8YnV0dG9uXG4gICAgICBza3ktY21wLWlkPVwiY2FuY2VsXCJcbiAgICAgIGNsYXNzPVwic2t5LWJ0biBza3ktYnRuLWxpbmtcIlxuICAgICAgKGNsaWNrKT1cImNhbmNlbENoYW5nZXMoKVwiXG4gICAgPlxuICAgICAge3sgJ3NreXV4X2dyaWRfY29sdW1uX3BpY2tlcl9jYW5jZWwnIHwgc2t5TGliUmVzb3VyY2VzIH19XG4gICAgPC9idXR0b24+XG4gIDwvc2t5LW1vZGFsLWZvb3Rlcj5cbjwvc2t5LW1vZGFsPlxuIl19
@@ -1,41 +1,41 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { SkyI18nModule } from '@skyux/i18n';
4
- import { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';
5
- import { SkyListViewChecklistModule } from '@skyux/list-builder-view-checklist';
6
- import { SkyModalModule } from '@skyux/modals';
7
- import { SkyColumnSelectorComponent } from './column-selector-modal.component';
8
- import * as i0 from "@angular/core";
9
- /**
10
- * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
11
- */
12
- export class SkyColumnSelectorModule {
13
- }
14
- SkyColumnSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
15
- SkyColumnSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [CommonModule,
16
- SkyI18nModule,
17
- SkyModalModule,
18
- SkyListModule,
19
- SkyListToolbarModule,
20
- SkyListViewChecklistModule] });
21
- SkyColumnSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, imports: [CommonModule,
22
- SkyI18nModule,
23
- SkyModalModule,
24
- SkyListModule,
25
- SkyListToolbarModule,
26
- SkyListViewChecklistModule] });
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, decorators: [{
28
- type: NgModule,
29
- args: [{
30
- declarations: [SkyColumnSelectorComponent],
31
- imports: [
32
- CommonModule,
33
- SkyI18nModule,
34
- SkyModalModule,
35
- SkyListModule,
36
- SkyListToolbarModule,
37
- SkyListViewChecklistModule,
38
- ],
39
- }]
40
- }] });
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { SkyI18nModule } from '@skyux/i18n';
4
+ import { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';
5
+ import { SkyListViewChecklistModule } from '@skyux/list-builder-view-checklist';
6
+ import { SkyModalModule } from '@skyux/modals';
7
+ import { SkyColumnSelectorComponent } from './column-selector-modal.component';
8
+ import * as i0 from "@angular/core";
9
+ /**
10
+ * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
11
+ */
12
+ export class SkyColumnSelectorModule {
13
+ }
14
+ SkyColumnSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
15
+ SkyColumnSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, declarations: [SkyColumnSelectorComponent], imports: [CommonModule,
16
+ SkyI18nModule,
17
+ SkyModalModule,
18
+ SkyListModule,
19
+ SkyListToolbarModule,
20
+ SkyListViewChecklistModule] });
21
+ SkyColumnSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, imports: [CommonModule,
22
+ SkyI18nModule,
23
+ SkyModalModule,
24
+ SkyListModule,
25
+ SkyListToolbarModule,
26
+ SkyListViewChecklistModule] });
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyColumnSelectorModule, decorators: [{
28
+ type: NgModule,
29
+ args: [{
30
+ declarations: [SkyColumnSelectorComponent],
31
+ imports: [
32
+ CommonModule,
33
+ SkyI18nModule,
34
+ SkyModalModule,
35
+ SkyListModule,
36
+ SkyListToolbarModule,
37
+ SkyListViewChecklistModule,
38
+ ],
39
+ }]
40
+ }] });
41
41
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXNlbGVjdG9yLW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9saXN0LWJ1aWxkZXItdmlldy1ncmlkcy9zcmMvbGliL21vZHVsZXMvY29sdW1uLXNlbGVjdG9yL2NvbHVtbi1zZWxlY3Rvci1tb2RhbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFL0U7O0dBRUc7QUFZSCxNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBVm5CLDBCQUEwQixhQUV2QyxZQUFZO1FBQ1osYUFBYTtRQUNiLGNBQWM7UUFDZCxhQUFhO1FBQ2Isb0JBQW9CO1FBQ3BCLDBCQUEwQjtxSEFHakIsdUJBQXVCLFlBUmhDLFlBQVk7UUFDWixhQUFhO1FBQ2IsY0FBYztRQUNkLGFBQWE7UUFDYixvQkFBb0I7UUFDcEIsMEJBQTBCOzJGQUdqQix1QkFBdUI7a0JBWG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxhQUFhO3dCQUNiLG9CQUFvQjt3QkFDcEIsMEJBQTBCO3FCQUMzQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5STE4bk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcbmltcG9ydCB7IFNreUxpc3RNb2R1bGUsIFNreUxpc3RUb29sYmFyTW9kdWxlIH0gZnJvbSAnQHNreXV4L2xpc3QtYnVpbGRlcic7XG5pbXBvcnQgeyBTa3lMaXN0Vmlld0NoZWNrbGlzdE1vZHVsZSB9IGZyb20gJ0Bza3l1eC9saXN0LWJ1aWxkZXItdmlldy1jaGVja2xpc3QnO1xuaW1wb3J0IHsgU2t5TW9kYWxNb2R1bGUgfSBmcm9tICdAc2t5dXgvbW9kYWxzJztcblxuaW1wb3J0IHsgU2t5Q29sdW1uU2VsZWN0b3JDb21wb25lbnQgfSBmcm9tICcuL2NvbHVtbi1zZWxlY3Rvci1tb2RhbC5jb21wb25lbnQnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIExpc3QgYnVpbGRlciB2aWV3IGdyaWQgYW5kIGl0cyBmZWF0dXJlcyBhcmUgZGVwcmVjYXRlZC4gVXNlIGRhdGEgZW50cnkgZ3JpZCBpbnN0ZWFkLiBGb3IgbW9yZSBpbmZvcm1hdGlvbiwgc2VlIGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9kYXRhLWVudHJ5LWdyaWQuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreUNvbHVtblNlbGVjdG9yQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBTa3lJMThuTW9kdWxlLFxuICAgIFNreU1vZGFsTW9kdWxlLFxuICAgIFNreUxpc3RNb2R1bGUsXG4gICAgU2t5TGlzdFRvb2xiYXJNb2R1bGUsXG4gICAgU2t5TGlzdFZpZXdDaGVja2xpc3RNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUNvbHVtblNlbGVjdG9yTW9kdWxlIHt9XG4iXX0=