@skyux/list-builder 5.8.2 → 5.9.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/documentation.json +12 -12
- package/package.json +9 -9
package/documentation.json
CHANGED
|
@@ -6559,7 +6559,7 @@
|
|
|
6559
6559
|
{
|
|
6560
6560
|
"fileName": "list-filters-demo.component.html",
|
|
6561
6561
|
"filePath": "/projects/list-builder/documentation/code-examples/list-filters/inline-filters/list-filters-demo.component.html",
|
|
6562
|
-
"rawContents": "<sky-list [data]=\"items\">\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 [filter]=\"fruitTypeFilterFunction\"\n >\n <ng-template let-filter=\"filter\">\n <label class=\"sky-control-label\" [for]=\"fruitTypeSelect.id\">\n Fruit type\n </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
|
|
6562
|
+
"rawContents": "<sky-list [data]=\"items\">\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 [filter]=\"fruitTypeFilterFunction\"\n >\n <ng-template let-filter=\"filter\">\n <label class=\"sky-control-label\" [for]=\"fruitTypeSelect.id\">\n Fruit type\n </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 field=\"description\" heading=\"Description\">\n </sky-grid-column>\n </sky-list-view-grid>\n</sky-list>\n"
|
|
6563
6563
|
},
|
|
6564
6564
|
{
|
|
6565
6565
|
"fileName": "list-filters-demo.component.ts",
|
|
@@ -6569,7 +6569,7 @@
|
|
|
6569
6569
|
{
|
|
6570
6570
|
"fileName": "list-filters-demo.module.ts",
|
|
6571
6571
|
"filePath": "/projects/list-builder/documentation/code-examples/list-filters/inline-filters/list-filters-demo.module.ts",
|
|
6572
|
-
"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 SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyFilterModule } from '@skyux/lists';\n\nimport { ListFiltersDemoComponent } from './list-filters-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyFilterModule,\n SkyIdModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListToolbarModule,\n ],\n declarations: [ListFiltersDemoComponent],\n exports: [ListFiltersDemoComponent],\n})\nexport class ListFiltersDemoModule {}\n"
|
|
6572
|
+
"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 SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\nimport { SkyFilterModule } from '@skyux/lists';\n\nimport { ListFiltersDemoComponent } from './list-filters-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyFilterModule,\n SkyIdModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListFiltersDemoComponent],\n exports: [ListFiltersDemoComponent],\n})\nexport class ListFiltersDemoModule {}\n"
|
|
6573
6573
|
},
|
|
6574
6574
|
{
|
|
6575
6575
|
"fileName": "list-filters-demo-modal-context.ts",
|
|
@@ -6589,7 +6589,7 @@
|
|
|
6589
6589
|
{
|
|
6590
6590
|
"fileName": "list-filters-demo.component.html",
|
|
6591
6591
|
"filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo.component.html",
|
|
6592
|
-
"rawContents": "<sky-list\n [appliedFilters]=\"listFilters\"\n [data]=\"items\"\n (appliedFiltersChange)=\"modalFilters = $event\"\n>\n <sky-list-toolbar [searchEnabled]=\"false\">\n <sky-list-filter-button>\n <sky-filter-button\n (filterButtonClick)=\"openFilterModal()\"\n [showButtonText]=\"true\"\n >\n </sky-filter-button>\n </sky-list-filter-button>\n <sky-list-filter-summary (summaryItemClick)=\"openFilterModal()\">\n </sky-list-filter-summary>\n </sky-list-toolbar>\n
|
|
6592
|
+
"rawContents": "<sky-list\n [appliedFilters]=\"listFilters\"\n [data]=\"items\"\n (appliedFiltersChange)=\"modalFilters = $event\"\n>\n <sky-list-toolbar [searchEnabled]=\"false\">\n <sky-list-filter-button>\n <sky-filter-button\n (filterButtonClick)=\"openFilterModal()\"\n [showButtonText]=\"true\"\n >\n </sky-filter-button>\n </sky-list-filter-button>\n <sky-list-filter-summary (summaryItemClick)=\"openFilterModal()\">\n </sky-list-filter-summary>\n </sky-list-toolbar>\n <sky-list-view-grid>\n <sky-grid-column field=\"name\" heading=\"Name\"> </sky-grid-column>\n <sky-grid-column field=\"description\" heading=\"Description\">\n </sky-grid-column>\n </sky-list-view-grid>\n</sky-list>\n"
|
|
6593
6593
|
},
|
|
6594
6594
|
{
|
|
6595
6595
|
"fileName": "list-filters-demo.component.ts",
|
|
@@ -6599,12 +6599,12 @@
|
|
|
6599
6599
|
{
|
|
6600
6600
|
"fileName": "list-filters-demo.module.ts",
|
|
6601
6601
|
"filePath": "/projects/list-builder/documentation/code-examples/list-filters/modal-filters/list-filters-demo.module.ts",
|
|
6602
|
-
"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 SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyFilterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ListFilterDemoModalComponent } from './list-filters-demo-modal.component';\nimport { ListFiltersDemoComponent } from './list-filters-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyFilterModule,\n SkyIdModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyModalModule,\n ],\n declarations: [ListFiltersDemoComponent, ListFilterDemoModalComponent],\n entryComponents: [ListFilterDemoModalComponent],\n exports: [ListFiltersDemoComponent],\n})\nexport class ListFiltersDemoModule {}\n"
|
|
6602
|
+
"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 SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\nimport { SkyFilterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { ListFilterDemoModalComponent } from './list-filters-demo-modal.component';\nimport { ListFiltersDemoComponent } from './list-filters-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyFilterModule,\n SkyIdModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n SkyModalModule,\n ],\n declarations: [ListFiltersDemoComponent, ListFilterDemoModalComponent],\n entryComponents: [ListFilterDemoModalComponent],\n exports: [ListFiltersDemoComponent],\n})\nexport class ListFiltersDemoModule {}\n"
|
|
6603
6603
|
},
|
|
6604
6604
|
{
|
|
6605
6605
|
"fileName": "list-paging-demo.component.html",
|
|
6606
6606
|
"filePath": "/projects/list-builder/documentation/code-examples/list-paging/basic/list-paging-demo.component.html",
|
|
6607
|
-
"rawContents": "<sky-list [data]=\"data\">\n
|
|
6607
|
+
"rawContents": "<sky-list [data]=\"data\">\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-paging pageSize=\"5\"></sky-list-paging>\n</sky-list>\n"
|
|
6608
6608
|
},
|
|
6609
6609
|
{
|
|
6610
6610
|
"fileName": "list-paging-demo.component.scss",
|
|
@@ -6619,37 +6619,37 @@
|
|
|
6619
6619
|
{
|
|
6620
6620
|
"fileName": "list-paging-demo.module.ts",
|
|
6621
6621
|
"filePath": "/projects/list-builder/documentation/code-examples/list-paging/basic/list-paging-demo.module.ts",
|
|
6622
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyListModule, SkyListPagingModule } from '@skyux/list-builder';\n\nimport { ListPagingDemoComponent } from './list-paging-demo.component';\n\n@NgModule({\n imports: [CommonModule
|
|
6622
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyListModule, SkyListPagingModule } from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\n\nimport { ListPagingDemoComponent } from './list-paging-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyListModule,\n SkyListPagingModule,\n SkyListViewGridModule,\n ],\n declarations: [ListPagingDemoComponent],\n exports: [ListPagingDemoComponent],\n})\nexport class ListPagingDemoModule {}\n"
|
|
6623
6623
|
},
|
|
6624
6624
|
{
|
|
6625
6625
|
"fileName": "list-toolbar-demo.component.html",
|
|
6626
6626
|
"filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/basic/list-toolbar-demo.component.html",
|
|
6627
|
-
"rawContents": "<sky-list [data]=\"data\">\n <sky-list-toolbar>\n <sky-list-toolbar-item id=\"custom-item\" index=\"0\" location=\"left\">\n <ng-template>\n <sky-dropdown buttonStyle=\"primary\">\n <sky-dropdown-button>\n <sky-icon icon=\"plus-circle\"></sky-icon>\n Add\n </sky-dropdown-button>\n </sky-dropdown>\n </ng-template>\n </sky-list-toolbar-item>\n <sky-list-filter-button>\n <sky-filter-button\n [showButtonText]=\"true\"\n (filterButtonClick)=\"onFilterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-list-filter-button>\n <sky-list-filter-summary (summaryItemClick)=\"onSummaryItemClick()\">\n </sky-list-filter-summary>\n <sky-list-toolbar-sort\n field=\"column2\"\n label=\"Fruit name (A - Z)\"\n type=\"string\"\n [descending]=\"false\"\n >\n </sky-list-toolbar-sort>\n <sky-list-toolbar-sort\n field=\"column2\"\n label=\"Fruit name (Z - A)\"\n type=\"string\"\n [descending]=\"true\"\n >\n </sky-list-toolbar-sort>\n <sky-list-column-selector-action [gridView]=\"grid\">\n </sky-list-column-selector-action>\n <sky-list-secondary-actions>\n <sky-list-secondary-action>\n <button type=\"button\">Option</button>\n </sky-list-secondary-action>\n </sky-list-secondary-actions>\n <sky-list-toolbar-view-actions>\n <form novalidate [formGroup]=\"myForm\">\n <sky-radio-group formControlName=\"myView\">\n <div class=\"sky-switch-icon-group\">\n <sky-radio\n *ngFor=\"let view of views\"\n [icon]=\"view.icon\"\n [label]=\"view.label\"\n [value]=\"view.name\"\n >\n </sky-radio>\n </div>\n </sky-radio-group>\n </form>\n </sky-list-toolbar-view-actions>\n </sky-list-toolbar>\n
|
|
6627
|
+
"rawContents": "<sky-list [data]=\"data\">\n <sky-list-toolbar>\n <sky-list-toolbar-item id=\"custom-item\" index=\"0\" location=\"left\">\n <ng-template>\n <sky-dropdown buttonStyle=\"primary\">\n <sky-dropdown-button (click)=\"onAddButtonClicked()\">\n <sky-icon icon=\"plus-circle\"></sky-icon>\n Add\n </sky-dropdown-button>\n </sky-dropdown>\n </ng-template>\n </sky-list-toolbar-item>\n <sky-list-filter-button>\n <sky-filter-button\n [showButtonText]=\"true\"\n (filterButtonClick)=\"onFilterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-list-filter-button>\n <sky-list-filter-summary (summaryItemClick)=\"onSummaryItemClick()\">\n </sky-list-filter-summary>\n <sky-list-toolbar-sort\n field=\"column2\"\n label=\"Fruit name (A - Z)\"\n type=\"string\"\n [descending]=\"false\"\n >\n </sky-list-toolbar-sort>\n <sky-list-toolbar-sort\n field=\"column2\"\n label=\"Fruit name (Z - A)\"\n type=\"string\"\n [descending]=\"true\"\n >\n </sky-list-toolbar-sort>\n <sky-list-column-selector-action [gridView]=\"grid\">\n </sky-list-column-selector-action>\n <sky-list-secondary-actions>\n <sky-list-secondary-action>\n <button type=\"button\">Option</button>\n </sky-list-secondary-action>\n </sky-list-secondary-actions>\n <sky-list-toolbar-view-actions>\n <form novalidate [formGroup]=\"myForm\">\n <sky-radio-group formControlName=\"myView\">\n <div class=\"sky-switch-icon-group\">\n <sky-radio\n *ngFor=\"let view of views\"\n [icon]=\"view.icon\"\n [label]=\"view.label\"\n [value]=\"view.name\"\n >\n </sky-radio>\n </div>\n </sky-radio-group>\n </form>\n </sky-list-toolbar-view-actions>\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"
|
|
6628
6628
|
},
|
|
6629
6629
|
{
|
|
6630
6630
|
"fileName": "list-toolbar-demo.component.ts",
|
|
6631
6631
|
"filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/basic/list-toolbar-demo.component.ts",
|
|
6632
|
-
"rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-list-toolbar-demo',\n templateUrl: './list-toolbar-demo.component.html',\n})\nexport class ListToolbarDemoComponent implements OnInit {\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 myForm: FormGroup;\n\n public views: any[] = [\n { icon: 'table', label: 'Table', name: 'table' },\n { icon: 'list', label: 'List', name: 'list' },\n { icon: 'th-large', label: 'Cards', name: 'cards' },\n { icon: 'map-marker', label: 'Map', name: 'map' },\n ];\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myView: this.views[0].name,\n });\n }\n\n public onFilterButtonClicked(): void {\n alert('Filter button clicked');\n }\n\n public onSummaryItemClick(): void {\n alert('Filter summary item clicked');\n }\n}\n"
|
|
6632
|
+
"rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-list-toolbar-demo',\n templateUrl: './list-toolbar-demo.component.html',\n})\nexport class ListToolbarDemoComponent implements OnInit {\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 myForm: FormGroup;\n\n public views: any[] = [\n { icon: 'table', label: 'Table', name: 'table' },\n { icon: 'list', label: 'List', name: 'list' },\n { icon: 'th-large', label: 'Cards', name: 'cards' },\n { icon: 'map-marker', label: 'Map', name: 'map' },\n ];\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myView: this.views[0].name,\n });\n }\n\n public onAddButtonClicked(): void {\n alert('Add button clicked');\n }\n\n public onFilterButtonClicked(): void {\n alert('Filter button clicked');\n }\n\n public onSummaryItemClick(): void {\n alert('Filter summary item clicked');\n }\n}\n"
|
|
6633
6633
|
},
|
|
6634
6634
|
{
|
|
6635
6635
|
"fileName": "list-toolbar-demo.module.ts",
|
|
6636
6636
|
"filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/basic/list-toolbar-demo.module.ts",
|
|
6637
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyRadioModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport {\n SkyListFiltersModule,\n SkyListModule,\n SkyListSecondaryActionsModule,\n SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyFilterModule } from '@skyux/lists';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ListToolbarDemoComponent } from './list-toolbar-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyDropdownModule,\n SkyFilterModule,\n SkyIconModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListSecondaryActionsModule,\n SkyListToolbarModule,\n SkyRadioModule,\n ReactiveFormsModule,\n ],\n declarations: [ListToolbarDemoComponent],\n exports: [ListToolbarDemoComponent],\n})\nexport class ListToolbarDemoModule {}\n"
|
|
6637
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyRadioModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport {\n SkyListFiltersModule,\n SkyListModule,\n SkyListSecondaryActionsModule,\n SkyListToolbarModule,\n} from '@skyux/list-builder';\nimport { SkyListViewGridModule } from '@skyux/list-builder-view-grids';\nimport { SkyFilterModule } from '@skyux/lists';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { ListToolbarDemoComponent } from './list-toolbar-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyDropdownModule,\n SkyFilterModule,\n SkyIconModule,\n SkyListFiltersModule,\n SkyListModule,\n SkyListSecondaryActionsModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n SkyRadioModule,\n ReactiveFormsModule,\n ],\n declarations: [ListToolbarDemoComponent],\n exports: [ListToolbarDemoComponent],\n})\nexport class ListToolbarDemoModule {}\n"
|
|
6638
6638
|
},
|
|
6639
6639
|
{
|
|
6640
6640
|
"fileName": "list-toolbar-demo.component.html",
|
|
6641
6641
|
"filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/custom/list-toolbar-demo.component.html",
|
|
6642
|
-
"rawContents": "<sky-list [data]=\"data\">\n <sky-list-toolbar>\n <sky-list-toolbar-item id=\"custom-item\" location=\"left\">\n <ng-template>\n <button class=\"sky-btn sky-btn-default\"
|
|
6642
|
+
"rawContents": "<sky-list [data]=\"data\">\n <sky-list-toolbar>\n <sky-list-toolbar-item id=\"custom-item\" location=\"left\">\n <ng-template>\n <button class=\"sky-btn sky-btn-default\" (click)=\"onLeftButtonClicked()\">\n Left\n </button>\n </ng-template>\n </sky-list-toolbar-item>\n <sky-list-toolbar-item id=\"custom-item2\" index=\"1\" location=\"center\">\n <ng-template>\n <button\n class=\"sky-btn sky-btn-default\"\n (click)=\"onCenterButtonClicked()\"\n >\n Center\n </button>\n </ng-template>\n </sky-list-toolbar-item>\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"
|
|
6643
6643
|
},
|
|
6644
6644
|
{
|
|
6645
6645
|
"fileName": "list-toolbar-demo.component.ts",
|
|
6646
6646
|
"filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/custom/list-toolbar-demo.component.ts",
|
|
6647
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-toolbar-demo',\n templateUrl: './list-toolbar-demo.component.html',\n})\nexport class ListToolbarDemoComponent {\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"
|
|
6647
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-list-toolbar-demo',\n templateUrl: './list-toolbar-demo.component.html',\n})\nexport class ListToolbarDemoComponent {\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 onCenterButtonClicked(): void {\n alert('Center button clicked!');\n }\n\n public onLeftButtonClicked(): void {\n alert('Left button clicked!');\n }\n}\n"
|
|
6648
6648
|
},
|
|
6649
6649
|
{
|
|
6650
6650
|
"fileName": "list-toolbar-demo.module.ts",
|
|
6651
6651
|
"filePath": "/projects/list-builder/documentation/code-examples/list-toolbar/custom/list-toolbar-demo.module.ts",
|
|
6652
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyListModule, SkyListToolbarModule } from '@skyux/list-builder';\n\nimport { ListToolbarDemoComponent } from './list-toolbar-demo.component';\n\n@NgModule({\n imports: [CommonModule
|
|
6652
|
+
"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 { ListToolbarDemoComponent } from './list-toolbar-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyListModule,\n SkyListToolbarModule,\n SkyListViewGridModule,\n ],\n declarations: [ListToolbarDemoComponent],\n exports: [ListToolbarDemoComponent],\n})\nexport class ListToolbarDemoModule {}\n"
|
|
6653
6653
|
}
|
|
6654
6654
|
]
|
|
6655
6655
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/list-builder",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
"peerDependencies": {
|
|
19
19
|
"@angular/common": "^12.2.16",
|
|
20
20
|
"@angular/core": "^12.2.16",
|
|
21
|
-
"@skyux/forms": "5.
|
|
22
|
-
"@skyux/i18n": "5.
|
|
23
|
-
"@skyux/indicators": "5.
|
|
24
|
-
"@skyux/layout": "5.
|
|
25
|
-
"@skyux/list-builder-common": "5.
|
|
26
|
-
"@skyux/lists": "5.
|
|
27
|
-
"@skyux/lookup": "5.
|
|
28
|
-
"@skyux/popovers": "5.
|
|
21
|
+
"@skyux/forms": "5.9.0",
|
|
22
|
+
"@skyux/i18n": "5.9.0",
|
|
23
|
+
"@skyux/indicators": "5.9.0",
|
|
24
|
+
"@skyux/layout": "5.9.0",
|
|
25
|
+
"@skyux/list-builder-common": "5.9.0",
|
|
26
|
+
"@skyux/lists": "5.9.0",
|
|
27
|
+
"@skyux/lookup": "5.9.0",
|
|
28
|
+
"@skyux/popovers": "5.9.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"tslib": "^2.3.1"
|