@skyux/list-builder-view-checklist 5.8.2 → 5.8.3

package/documentation.json

@@ -2046,12 +2046,12 @@
     {
       "fileName": "list-view-checklist-demo.component.html",
       "filePath": "/projects/list-builder-view-checklist/documentation/code-examples/list-view-checklist/basic/list-view-checklist-demo.component.html",
-      "rawContents": "<div class=\"sky-form-group sky-margin-stacked-default\">\n  <h3>Selection mode</h3>\n  <sky-radio name=\"selectMode\" value=\"multiple\" [(ngModel)]=\"selectMode\">\n    <sky-radio-label> Default select mode </sky-radio-label>\n  </sky-radio>\n\n  <sky-radio name=\"selectMode\" value=\"single\" [(ngModel)]=\"selectMode\">\n    <sky-radio-label> Single select mode </sky-radio-label>\n  </sky-radio>\n</div>\n<div class=\"sky-margin-stacked-default\">\n  <sky-list [data]=\"items\" (selectedIdsChange)=\"selectedItemsChange($event)\">\n    <sky-list-toolbar> </sky-list-toolbar>\n    <sky-list-view-checklist\n      description=\"column3\"\n      label=\"column2\"\n      [selectMode]=\"selectMode\"\n    >\n    </sky-list-view-checklist>\n  </sky-list>\n</div>\n<label> Selected items: </label>\n<ul>\n  <li *ngFor=\"let item of selectedItems\">\n    {{ item.column2 }}\n  </li>\n</ul>\n"
+      "rawContents": "<div class=\"sky-form-group sky-margin-stacked-default\">\n  <h3>Selection mode</h3>\n  <sky-radio\n    name=\"selectMode\"\n    value=\"multiple\"\n    (change)=\"onModeChange('multiple')\"\n    [(ngModel)]=\"selectMode\"\n  >\n    <sky-radio-label> Default select mode </sky-radio-label>\n  </sky-radio>\n\n  <sky-radio\n    name=\"selectMode\"\n    value=\"single\"\n    (change)=\"onModeChange('single')\"\n    [(ngModel)]=\"selectMode\"\n  >\n    <sky-radio-label> Single select mode </sky-radio-label>\n  </sky-radio>\n</div>\n<div class=\"sky-margin-stacked-default\">\n  <sky-list\n    [data]=\"items\"\n    [selectedIds]=\"selectedItemsId\"\n    (selectedIdsChange)=\"selectedItemsChange($event)\"\n  >\n    <sky-list-toolbar> </sky-list-toolbar>\n    <sky-list-view-checklist\n      description=\"column3\"\n      label=\"column2\"\n      [selectMode]=\"selectMode\"\n    >\n    </sky-list-view-checklist>\n  </sky-list>\n</div>\n<label> Selected items: </label>\n<ul>\n  <li *ngFor=\"let item of selectedItems\">\n    {{ item.column2 }}\n  </li>\n</ul>\n"
     },
     {
       "fileName": "list-view-checklist-demo.component.ts",
       "filePath": "/projects/list-builder-view-checklist/documentation/code-examples/list-view-checklist/basic/list-view-checklist-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\nimport { of } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\n@Component({\n  selector: 'app-list-view-checklist-demo',\n  templateUrl: './list-view-checklist-demo.component.html',\n})\nexport class ListViewChecklistDemoComponent {\n  public items = of([\n    { id: '1', column1: 101, column2: 'Apple', column3: 'Anne eats apples' },\n    { id: '2', column1: 202, column2: 'Banana', column3: 'Ben eats bananas' },\n    { id: '3', column1: 303, column2: 'Pear', column3: 'Patty eats pears' },\n    { id: '4', column1: 404, column2: 'Grape', column3: 'George eats grapes' },\n    { id: '5', column1: 505, column2: 'Banana', column3: 'Becky eats bananas' },\n    { id: '6', column1: 606, column2: 'Lemon', column3: 'Larry eats lemons' },\n    {\n      id: '7',\n      column1: 707,\n      column2: 'Strawberry',\n      column3: 'Sally eats strawberries',\n    },\n  ]);\n\n  public selectedItems: any[] = [];\n\n  public selectMode = 'multiple';\n\n  public selectedItemsChange(selectedMap: Map<string, boolean>): void {\n    this.items.pipe(take(1)).subscribe((items) => {\n      this.selectedItems = items.filter((item) => selectedMap.get(item.id));\n    });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\nimport { of } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\n@Component({\n  selector: 'app-list-view-checklist-demo',\n  templateUrl: './list-view-checklist-demo.component.html',\n})\nexport class ListViewChecklistDemoComponent {\n  public items = of([\n    { id: '1', column1: 101, column2: 'Apple', column3: 'Anne eats apples' },\n    { id: '2', column1: 202, column2: 'Banana', column3: 'Ben eats bananas' },\n    { id: '3', column1: 303, column2: 'Pear', column3: 'Patty eats pears' },\n    { id: '4', column1: 404, column2: 'Grape', column3: 'George eats grapes' },\n    { id: '5', column1: 505, column2: 'Banana', column3: 'Becky eats bananas' },\n    { id: '6', column1: 606, column2: 'Lemon', column3: 'Larry eats lemons' },\n    {\n      id: '7',\n      column1: 707,\n      column2: 'Strawberry',\n      column3: 'Sally eats strawberries',\n    },\n  ]);\n\n  public selectedItems: any[] = [];\n  public selectedItemsId: string[] = [];\n\n  public selectMode = 'multiple';\n\n  public selectedItemsChange(selectedMap: Map<string, boolean>): void {\n    this.items.pipe(take(1)).subscribe((items) => {\n      this.selectedItems = items.filter((item) => selectedMap.get(item.id));\n      this.selectedItemsId = Array.from(selectedMap.keys()).filter((key) =>\n        selectedMap.get(key)\n      );\n    });\n  }\n\n  public onModeChange(newMode: string): void {\n    if (newMode === 'single') {\n      if (this.selectedItemsId.length > 0) {\n        this.selectedItemsId = [this.selectedItemsId[0]];\n      }\n    }\n  }\n}\n"
     },
     {
       "fileName": "list-view-checklist-demo.module.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/list-builder-view-checklist",
-  "version": "5.8.2",
+  "version": "5.8.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,10 +20,10 @@
     "@angular/core": "^12.2.16",
     "@angular/forms": "^12.2.16",
     "@angular/platform-browser": "^12.2.16",
-    "@skyux-sdk/testing": "5.8.2",
-    "@skyux/forms": "5.8.2",
-    "@skyux/list-builder": "5.8.2",
-    "@skyux/list-builder-common": "5.8.2"
+    "@skyux-sdk/testing": "5.8.3",
+    "@skyux/forms": "5.8.3",
+    "@skyux/list-builder": "5.8.3",
+    "@skyux/list-builder-common": "5.8.3"
   },
   "dependencies": {
     "tslib": "^2.3.1"