@skyux/lists 8.6.0 → 8.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/documentation.json +6 -6
- package/package.json +10 -10
package/documentation.json
CHANGED
|
@@ -6721,7 +6721,7 @@
|
|
|
6721
6721
|
{
|
|
6722
6722
|
"fileName": "filter-demo.component.html",
|
|
6723
6723
|
"filePath": "/projects/lists/documentation/code-examples/filter/inline/filter-demo.component.html",
|
|
6724
|
-
"rawContents": "<sky-toolbar>\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-filter-button\n [active]=\"filtersActive\"\n [ariaControls]=\"inlineFilters.id\"\n [ariaExpanded]=\"showInlineFilters\"\n [showButtonText]=\"true\"\n (filterButtonClick)=\"filterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-toolbar-item>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<div skyId [hidden]=\"!showInlineFilters\" #inlineFilters>\n <sky-filter-inline>\n <sky-filter-inline-item>\n <sky-input-box
|
|
6724
|
+
"rawContents": "<sky-toolbar>\n <sky-toolbar-section>\n <sky-toolbar-item>\n <sky-filter-button\n [active]=\"filtersActive\"\n [ariaControls]=\"inlineFilters.id\"\n [ariaExpanded]=\"showInlineFilters\"\n [showButtonText]=\"true\"\n (filterButtonClick)=\"filterButtonClicked()\"\n >\n </sky-filter-button>\n </sky-toolbar-item>\n </sky-toolbar-section>\n</sky-toolbar>\n\n<div skyId [hidden]=\"!showInlineFilters\" #inlineFilters>\n <sky-filter-inline>\n <sky-filter-inline-item>\n <sky-input-box labelText=\"Fruit type\">\n <select [ngModel]=\"fruitType\" (ngModelChange)=\"fruitTypeChange($event)\">\n <option value=\"any\">Any fruit</option>\n <option value=\"citrus\">Citrus</option>\n <option value=\"berry\">Berry</option>\n </select>\n </sky-input-box>\n </sky-filter-inline-item>\n <sky-filter-inline-item>\n <sky-checkbox\n [ngModel]=\"hideOrange\"\n (ngModelChange)=\"hideOrangeChange($event)\"\n >\n <sky-checkbox-label>Hide orange fruits</sky-checkbox-label>\n </sky-checkbox>\n </sky-filter-inline-item>\n </sky-filter-inline>\n</div>\n\n<sky-repeater expandMode=\"none\">\n <sky-repeater-item *ngFor=\"let item of filteredItems\">\n <sky-repeater-item-title>\n {{ item.name }}\n </sky-repeater-item-title>\n </sky-repeater-item>\n</sky-repeater>\n"
|
|
6725
6725
|
},
|
|
6726
6726
|
{
|
|
6727
6727
|
"fileName": "filter-demo.component.ts",
|
|
@@ -6731,7 +6731,7 @@
|
|
|
6731
6731
|
{
|
|
6732
6732
|
"fileName": "filter-demo.module.ts",
|
|
6733
6733
|
"filePath": "/projects/lists/documentation/code-examples/filter/inline/filter-demo.module.ts",
|
|
6734
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {
|
|
6734
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyFilterModule, SkyRepeaterModule } from '@skyux/lists';\n\nimport { FilterDemoComponent } from './filter-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyInputBoxModule,\n SkyFilterModule,\n SkyRepeaterModule,\n SkyToolbarModule,\n ],\n declarations: [FilterDemoComponent],\n exports: [FilterDemoComponent],\n})\nexport class FilterDemoModule {}\n"
|
|
6735
6735
|
},
|
|
6736
6736
|
{
|
|
6737
6737
|
"fileName": "filter.ts",
|
|
@@ -6751,7 +6751,7 @@
|
|
|
6751
6751
|
{
|
|
6752
6752
|
"fileName": "filter-demo-modal.component.html",
|
|
6753
6753
|
"filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo-modal.component.html",
|
|
6754
|
-
"rawContents": "<sky-modal>\n <sky-modal-header> Filter food preferences </sky-modal-header>\n <sky-modal-content>\n <sky-input-box
|
|
6754
|
+
"rawContents": "<sky-modal>\n <sky-modal-header> Filter food preferences </sky-modal-header>\n <sky-modal-content>\n <sky-input-box labelText=\"Fruit type\" stacked=\"true\">\n <select [(ngModel)]=\"fruitType\">\n <option value=\"any\">Any fruit</option>\n <option value=\"citrus\">Citrus</option>\n <option value=\"berry\">Berry</option>\n </select>\n </sky-input-box>\n <sky-checkbox [(ngModel)]=\"hideOrange\">\n <sky-checkbox-label>Hide orange fruits</sky-checkbox-label>\n </sky-checkbox>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
|
|
6755
6755
|
},
|
|
6756
6756
|
{
|
|
6757
6757
|
"fileName": "filter-demo-modal.component.ts",
|
|
@@ -6771,7 +6771,7 @@
|
|
|
6771
6771
|
{
|
|
6772
6772
|
"fileName": "filter-demo.module.ts",
|
|
6773
6773
|
"filePath": "/projects/lists/documentation/code-examples/filter/modal/filter-demo.module.ts",
|
|
6774
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport {
|
|
6774
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyToolbarModule } from '@skyux/layout';\nimport { SkyFilterModule, SkyRepeaterModule } from '@skyux/lists';\nimport { SkyModalModule } from '@skyux/modals';\n\nimport { FilterDemoModalComponent } from './filter-demo-modal.component';\nimport { FilterDemoComponent } from './filter-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyCheckboxModule,\n SkyInputBoxModule,\n SkyFilterModule,\n SkyModalModule,\n SkyRepeaterModule,\n SkyToolbarModule,\n ],\n declarations: [FilterDemoComponent, FilterDemoModalComponent],\n exports: [FilterDemoComponent],\n})\nexport class FilterDemoModule {}\n"
|
|
6775
6775
|
},
|
|
6776
6776
|
{
|
|
6777
6777
|
"fileName": "filter.ts",
|
|
@@ -6881,7 +6881,7 @@
|
|
|
6881
6881
|
{
|
|
6882
6882
|
"fileName": "repeater-demo.component.html",
|
|
6883
6883
|
"filePath": "/projects/lists/documentation/code-examples/repeater/inline-form/repeater-demo.component.html",
|
|
6884
|
-
"rawContents": "<sky-repeater>\n <sky-repeater-item\n *ngFor=\"let item of items\"\n [inlineFormConfig]=\"inlineFormConfig\"\n [inlineFormTemplate]=\"inlineFormTemplate\"\n [showInlineForm]=\"activeInlineFormId === item.id\"\n (inlineFormClose)=\"onInlineFormClose($event)\"\n >\n <sky-repeater-item-title>\n <div class=\"sky-font-emphasized\">\n {{ item.title }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <button\n aria-label=\"Edit\"\n class=\"sky-btn sky-btn-icon-borderless\"\n type=\"button\"\n (click)=\"showInlineForm(item)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"pencil\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"edit\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </sky-repeater-item-context-menu>\n\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n</sky-repeater>\n\n<ng-template #inlineFormTemplate>\n <form novalidate [formGroup]=\"myForm\">\n <
|
|
6884
|
+
"rawContents": "<sky-repeater>\n <sky-repeater-item\n *ngFor=\"let item of items\"\n [inlineFormConfig]=\"inlineFormConfig\"\n [inlineFormTemplate]=\"inlineFormTemplate\"\n [showInlineForm]=\"activeInlineFormId === item.id\"\n (inlineFormClose)=\"onInlineFormClose($event)\"\n >\n <sky-repeater-item-title>\n <div class=\"sky-font-emphasized\">\n {{ item.title }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <button\n aria-label=\"Edit\"\n class=\"sky-btn sky-btn-icon-borderless\"\n type=\"button\"\n (click)=\"showInlineForm(item)\"\n >\n <sky-icon *skyThemeIf=\"'default'\" icon=\"pencil\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"edit\"\n iconType=\"skyux\"\n ></sky-icon>\n </button>\n </sky-repeater-item-context-menu>\n\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n</sky-repeater>\n\n<ng-template #inlineFormTemplate>\n <form novalidate [formGroup]=\"myForm\">\n <sky-input-box labelText=\"Title\" stacked=\"true\">\n <input formControlName=\"title\" type=\"text\" />\n </sky-input-box>\n <sky-input-box labelText=\"Note\">\n <input formControlName=\"note\" type=\"text\" />\n </sky-input-box>\n </form>\n</ng-template>\n"
|
|
6885
6885
|
},
|
|
6886
6886
|
{
|
|
6887
6887
|
"fileName": "repeater-demo.component.scss",
|
|
@@ -6896,7 +6896,7 @@
|
|
|
6896
6896
|
{
|
|
6897
6897
|
"fileName": "repeater-demo.module.ts",
|
|
6898
6898
|
"filePath": "/projects/lists/documentation/code-examples/repeater/inline-form/repeater-demo.module.ts",
|
|
6899
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport {
|
|
6899
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyInlineFormModule } from '@skyux/inline-form';\nimport { SkyRepeaterModule } from '@skyux/lists';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { RepeaterDemoComponent } from './repeater-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyIconModule,\n SkyInlineFormModule,\n SkyInputBoxModule,\n SkyRepeaterModule,\n SkyThemeModule,\n ],\n exports: [RepeaterDemoComponent],\n declarations: [RepeaterDemoComponent],\n})\nexport class RepeaterDemoModule {}\n"
|
|
6900
6900
|
},
|
|
6901
6901
|
{
|
|
6902
6902
|
"fileName": "repeater-demo-item.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lists",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.7.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -44,15 +44,15 @@
|
|
|
44
44
|
"@angular/common": "^15.2.9",
|
|
45
45
|
"@angular/core": "^15.2.9",
|
|
46
46
|
"@angular/platform-browser": "^15.2.9",
|
|
47
|
-
"@skyux-sdk/testing": "8.
|
|
48
|
-
"@skyux/animations": "8.
|
|
49
|
-
"@skyux/core": "8.
|
|
50
|
-
"@skyux/forms": "8.
|
|
51
|
-
"@skyux/i18n": "8.
|
|
52
|
-
"@skyux/indicators": "8.
|
|
53
|
-
"@skyux/inline-form": "8.
|
|
54
|
-
"@skyux/popovers": "8.
|
|
55
|
-
"@skyux/theme": "8.
|
|
47
|
+
"@skyux-sdk/testing": "8.7.0",
|
|
48
|
+
"@skyux/animations": "8.7.0",
|
|
49
|
+
"@skyux/core": "8.7.0",
|
|
50
|
+
"@skyux/forms": "8.7.0",
|
|
51
|
+
"@skyux/i18n": "8.7.0",
|
|
52
|
+
"@skyux/indicators": "8.7.0",
|
|
53
|
+
"@skyux/inline-form": "8.7.0",
|
|
54
|
+
"@skyux/popovers": "8.7.0",
|
|
55
|
+
"@skyux/theme": "8.7.0"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"@types/dragula": "2.1.36",
|