@skyux/lists 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 +6 -6
- package/package.json +10 -10
package/documentation.json
CHANGED
|
@@ -5071,7 +5071,7 @@
|
|
|
5071
5071
|
{
|
|
5072
5072
|
"fileName": "infinite-scroll-demo.component.html",
|
|
5073
5073
|
"filePath": "/projects/lists/documentation/code-examples/infinite-scroll/list/infinite-scroll-demo.component.html",
|
|
5074
|
-
"rawContents": "<div style=\"overflow-y: auto; max-height:
|
|
5074
|
+
"rawContents": "<div style=\"overflow-y: auto; max-height: 500px; position: relative\">\n <sky-list [data]=\"items\">\n <sky-list-view-grid fit=\"scroll\">\n <sky-grid-column field=\"name\" heading=\"Name\"></sky-grid-column>\n </sky-list-view-grid>\n </sky-list>\n <sky-infinite-scroll [enabled]=\"itemsHaveMore\" (scrollEnd)=\"onScrollEnd()\">\n </sky-infinite-scroll>\n</div>\n<br />\n<br />\n"
|
|
5075
5075
|
},
|
|
5076
5076
|
{
|
|
5077
5077
|
"fileName": "infinite-scroll-demo.component.ts",
|
|
@@ -5086,7 +5086,7 @@
|
|
|
5086
5086
|
{
|
|
5087
5087
|
"fileName": "infinite-scroll-demo.component.html",
|
|
5088
5088
|
"filePath": "/projects/lists/documentation/code-examples/infinite-scroll/repeater/infinite-scroll-demo.component.html",
|
|
5089
|
-
"rawContents": "<div style=\"overflow-y: auto; max-height:
|
|
5089
|
+
"rawContents": "<div style=\"overflow-y: auto; max-height: 500px; position: relative\">\n <sky-repeater>\n <sky-repeater-item *ngFor=\"let item of items\">\n <sky-repeater-item-title>\n {{ item.name }}\n </sky-repeater-item-title>\n </sky-repeater-item>\n </sky-repeater>\n <sky-infinite-scroll [enabled]=\"itemsHaveMore\" (scrollEnd)=\"onScrollEnd()\">\n </sky-infinite-scroll>\n</div>\n<br />\n<br />\n"
|
|
5090
5090
|
},
|
|
5091
5091
|
{
|
|
5092
5092
|
"fileName": "infinite-scroll-demo.component.ts",
|
|
@@ -5116,7 +5116,7 @@
|
|
|
5116
5116
|
{
|
|
5117
5117
|
"fileName": "repeater-demo.component.html",
|
|
5118
5118
|
"filePath": "/projects/lists/documentation/code-examples/repeater/add-remove/repeater-demo.component.html",
|
|
5119
|
-
"rawContents": "<div class=\"sky-margin-stacked-default\">\n <sky-repeater [reorderable]=\"true\" (orderChange)=\"changeItems($event)\">\n <sky-repeater-item *ngFor=\"let item of items\" [tag]=\"item\">\n <sky-repeater-item-title class=\"demo-repeater-flex\">\n <div class=\"sky-emphasized\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\"
|
|
5119
|
+
"rawContents": "<div class=\"sky-margin-stacked-default\">\n <sky-repeater [reorderable]=\"true\" (orderChange)=\"changeItems($event)\">\n <sky-repeater-item *ngFor=\"let item of items\" [tag]=\"item\">\n <sky-repeater-item-title class=\"demo-repeater-flex\">\n <div class=\"sky-emphasized\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onItemClicked('Action 1')\">\n Action 1\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onItemClicked('Action 2')\">\n Action 2\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n </sky-repeater>\n</div>\n\n<button class=\"sky-btn sky-margin-inline-default\" (click)=\"addItem()\">\n Add item\n</button>\n\n<button class=\"sky-btn sky-margin-inline-default\" (click)=\"removeItem()\">\n Remove item\n</button>\n"
|
|
5120
5120
|
},
|
|
5121
5121
|
{
|
|
5122
5122
|
"fileName": "repeater-demo.component.scss",
|
|
@@ -5126,7 +5126,7 @@
|
|
|
5126
5126
|
{
|
|
5127
5127
|
"fileName": "repeater-demo.component.ts",
|
|
5128
5128
|
"filePath": "/projects/lists/documentation/code-examples/repeater/add-remove/repeater-demo.component.ts",
|
|
5129
|
-
"rawContents": "import { Component } from '@angular/core';\n\nlet nextId = 0;\n\n@Component({\n selector: 'app-repeater-demo',\n templateUrl: './repeater-demo.component.html',\n styleUrls: ['./repeater-demo.component.scss'],\n})\nexport class RepeaterDemoComponent {\n public items: any[] = [\n {\n title: 'Call Robert Hernandez',\n note: 'Robert recently gave a very generous gift. We should call him to thank him.',\n status: 'Completed',\n },\n {\n title: 'Send invitation to Spring Ball',\n note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n status: 'Past due',\n },\n ];\n\n public addItem(): void {\n this.items.push({\n title: 'New reminder ' + ++nextId,\n note: 'This is a new reminder',\n status: 'Active',\n });\n }\n\n public changeItems(tags: any): void {\n this.items = tags;\n }\n\n public removeItem(): void {\n this.items.pop();\n }\n}\n"
|
|
5129
|
+
"rawContents": "import { Component } from '@angular/core';\n\nlet nextId = 0;\n\n@Component({\n selector: 'app-repeater-demo',\n templateUrl: './repeater-demo.component.html',\n styleUrls: ['./repeater-demo.component.scss'],\n})\nexport class RepeaterDemoComponent {\n public items: any[] = [\n {\n title: 'Call Robert Hernandez',\n note: 'Robert recently gave a very generous gift. We should call him to thank him.',\n status: 'Completed',\n },\n {\n title: 'Send invitation to Spring Ball',\n note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n status: 'Past due',\n },\n ];\n\n public addItem(): void {\n this.items.push({\n title: 'New reminder ' + ++nextId,\n note: 'This is a new reminder',\n status: 'Active',\n });\n }\n\n public changeItems(tags: any): void {\n this.items = tags;\n }\n\n public onActionClicked(buttonText: string): void {\n alert(buttonText + ' was clicked!');\n }\n\n public removeItem(): void {\n this.items.pop();\n }\n}\n"
|
|
5130
5130
|
},
|
|
5131
5131
|
{
|
|
5132
5132
|
"fileName": "repeater-demo.module.ts",
|
|
@@ -5136,7 +5136,7 @@
|
|
|
5136
5136
|
{
|
|
5137
5137
|
"fileName": "repeater-demo.component.html",
|
|
5138
5138
|
"filePath": "/projects/lists/documentation/code-examples/repeater/basic/repeater-demo.component.html",
|
|
5139
|
-
"rawContents": "<sky-repeater>\n <sky-repeater-item *ngFor=\"let item of items\">\n <sky-repeater-item-title class=\"demo-repeater-flex\">\n <div class=\"sky-emphasized\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\"
|
|
5139
|
+
"rawContents": "<sky-repeater>\n <sky-repeater-item *ngFor=\"let item of items\">\n <sky-repeater-item-title class=\"demo-repeater-flex\">\n <div class=\"sky-emphasized\">\n {{ item.title }}\n </div>\n <div>\n {{ item.status }}\n </div>\n </sky-repeater-item-title>\n <sky-repeater-item-context-menu>\n <sky-dropdown buttonType=\"context-menu\">\n <sky-dropdown-menu>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onItemClicked('Action 1')\">\n Action 1\n </button>\n </sky-dropdown-item>\n <sky-dropdown-item>\n <button type=\"button\" (click)=\"onItemClicked('Action 2')\">\n Action 2\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-repeater-item-context-menu>\n <sky-repeater-item-content>\n {{ item.note }}\n </sky-repeater-item-content>\n </sky-repeater-item>\n</sky-repeater>\n"
|
|
5140
5140
|
},
|
|
5141
5141
|
{
|
|
5142
5142
|
"fileName": "repeater-demo.component.scss",
|
|
@@ -5146,7 +5146,7 @@
|
|
|
5146
5146
|
{
|
|
5147
5147
|
"fileName": "repeater-demo.component.ts",
|
|
5148
5148
|
"filePath": "/projects/lists/documentation/code-examples/repeater/basic/repeater-demo.component.ts",
|
|
5149
|
-
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-repeater-demo',\n templateUrl: './repeater-demo.component.html',\n styleUrls: ['./repeater-demo.component.scss'],\n})\nexport class RepeaterDemoComponent {\n public items: any[] = [\n {\n title: 'Call Robert Hernandez',\n note: 'Robert recently gave a very generous gift. We should call him to thank him.',\n status: 'Completed',\n },\n {\n title: 'Send invitation to Spring Ball',\n note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n status: 'Past due',\n },\n ];\n}\n"
|
|
5149
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-repeater-demo',\n templateUrl: './repeater-demo.component.html',\n styleUrls: ['./repeater-demo.component.scss'],\n})\nexport class RepeaterDemoComponent {\n public items: any[] = [\n {\n title: 'Call Robert Hernandez',\n note: 'Robert recently gave a very generous gift. We should call him to thank him.',\n status: 'Completed',\n },\n {\n title: 'Send invitation to Spring Ball',\n note: \"The Spring Ball is coming up soon. Let's get those invitations out!\",\n status: 'Past due',\n },\n ];\n\n public onActionClicked(buttonText: string): void {\n alert(buttonText + ' was clicked!');\n }\n}\n"
|
|
5150
5150
|
},
|
|
5151
5151
|
{
|
|
5152
5152
|
"fileName": "repeater-demo.module.ts",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/lists",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -19,15 +19,15 @@
|
|
|
19
19
|
"@angular/common": "^12.2.16",
|
|
20
20
|
"@angular/core": "^12.2.16",
|
|
21
21
|
"@angular/platform-browser": "^12.2.16",
|
|
22
|
-
"@skyux-sdk/testing": "5.
|
|
23
|
-
"@skyux/animations": "5.
|
|
24
|
-
"@skyux/core": "5.
|
|
25
|
-
"@skyux/forms": "5.
|
|
26
|
-
"@skyux/i18n": "5.
|
|
27
|
-
"@skyux/indicators": "5.
|
|
28
|
-
"@skyux/inline-form": "5.
|
|
29
|
-
"@skyux/popovers": "5.
|
|
30
|
-
"@skyux/theme": "5.
|
|
22
|
+
"@skyux-sdk/testing": "5.9.0",
|
|
23
|
+
"@skyux/animations": "5.9.0",
|
|
24
|
+
"@skyux/core": "5.9.0",
|
|
25
|
+
"@skyux/forms": "5.9.0",
|
|
26
|
+
"@skyux/i18n": "5.9.0",
|
|
27
|
+
"@skyux/indicators": "5.9.0",
|
|
28
|
+
"@skyux/inline-form": "5.9.0",
|
|
29
|
+
"@skyux/popovers": "5.9.0",
|
|
30
|
+
"@skyux/theme": "5.9.0"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"dragula": "3.7.3",
|