@skyux/list-builder-view-checklist 5.0.0 → 5.0.1

package/fesm2015/skyux-list-builder-view-checklist.js

@@ -13,9 +13,9 @@ import { map, distinctUntilChanged, takeUntil, take } from 'rxjs/operators';
 
 class ChecklistStateDispatcher extends StateDispatcher {
 }
-ChecklistStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ChecklistStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-ChecklistStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ChecklistStateDispatcher });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ChecklistStateDispatcher, decorators: [{
+ChecklistStateDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChecklistStateDispatcher, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+ChecklistStateDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChecklistStateDispatcher });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChecklistStateDispatcher, decorators: [{
             type: Injectable
         }] });
 class ChecklistStateOrchestrator extends StateOrchestrator {
@@ -47,7 +47,7 @@ class ListViewChecklistItemsOrchestrator extends ChecklistStateOrchestrator {
         this.register(ListViewChecklistItemsLoadAction, this.load);
     }
     load(state, action) {
-        const newListItems = action.items.map(item => new ListViewChecklistItemModel(item.id, item));
+        const newListItems = action.items.map((item) => new ListViewChecklistItemModel(item.id, item));
         if (action.refresh) {
             return new AsyncList([...newListItems], action.dataChanged ? Date.now() : state.lastUpdate, false, state.count);
         }
@@ -64,27 +64,26 @@ class ChecklistStateModel {
 class ChecklistState extends StateNode {
     constructor(initialState, dispatcher) {
         super(initialState, dispatcher);
-        this.register('items', ListViewChecklistItemsOrchestrator)
-            .begin();
+        this.register('items', ListViewChecklistItemsOrchestrator).begin();
     }
 }
-ChecklistState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ChecklistState, deps: [{ token: ChecklistStateModel }, { token: ChecklistStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
-ChecklistState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ChecklistState });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: ChecklistState, decorators: [{
+ChecklistState.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChecklistState, deps: [{ token: ChecklistStateModel }, { token: ChecklistStateDispatcher }], target: i0.ɵɵFactoryTarget.Injectable });
+ChecklistState.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChecklistState });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ChecklistState, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: ChecklistStateModel }, { type: ChecklistStateDispatcher }]; } });
 
 class SkyListViewChecklistItemComponent {
 }
-SkyListViewChecklistItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyListViewChecklistItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"sky-list-view-checklist-item\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-list-view-checklist-item{display:block;width:100%;cursor:pointer;word-wrap:break-word}.sky-list-view-checklist-item:last-child{border-bottom-width:0}.sky-list-view-checklist-item ::ng-deep sky-checkbox{display:block;position:relative;width:100%;padding:10px;cursor:pointer;border-bottom:1px dotted #cdcfd2}.sky-list-view-checklist-item ::ng-deep sky-checkbox-label div{overflow:hidden;text-overflow:ellipsis}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button{background-color:transparent;border:none;border-bottom:1px dotted #cdcfd2;display:block;text-align:left;margin-bottom:0;padding:10px;width:100%;cursor:pointer}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button.sky-list-view-checklist-row-selected{background-color:#f1eef6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistItemComponent, decorators: [{
+SkyListViewChecklistItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyListViewChecklistItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: { item: "item" }, ngImport: i0, template: "<div class=\"sky-list-view-checklist-item\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-list-view-checklist-item{display:block;width:100%;cursor:pointer;word-wrap:break-word}.sky-list-view-checklist-item:last-child{border-bottom-width:0}.sky-list-view-checklist-item ::ng-deep sky-checkbox{display:block;position:relative;width:100%;padding:10px;cursor:pointer;border-bottom:1px dotted #cdcfd2}.sky-list-view-checklist-item ::ng-deep sky-checkbox-label div{overflow:hidden;text-overflow:ellipsis}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button{background-color:transparent;border:none;border-bottom:1px dotted #cdcfd2;display:block;text-align:left;margin-bottom:0;padding:10px;width:100%;cursor:pointer}.sky-list-view-checklist-item ::ng-deep .sky-list-view-checklist-single-button.sky-list-view-checklist-row-selected{background-color:#f1eef6}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-view-checklist-item',
                     templateUrl: './list-view-checklist-item.component.html',
                     styleUrls: ['./list-view-checklist-item.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { item: [{
                 type: Input
@@ -120,13 +119,17 @@ class SkyListViewChecklistComponent extends ListViewComponent {
         this._showOnlySelected = false;
         let lastUpdate;
         this.state
-            .pipe(map(s => s.items), distinctUntilChanged(), map((items) => {
+            .pipe(map((s) => s.items), distinctUntilChanged(), map((items) => {
             let dataChanged = lastUpdate === undefined || items.lastUpdate !== lastUpdate;
             lastUpdate = items.lastUpdate;
-            let newItems = items.items.map(item => {
+            let newItems = items.items.map((item) => {
                 return new ListViewChecklistItemModel(item.id, {
-                    label: this.labelFieldSelector ? getData(item.data, this.labelFieldSelector) : undefined,
-                    description: this.description ? getData(item.data, this.description) : undefined
+                    label: this.labelFieldSelector
+                        ? getData(item.data, this.labelFieldSelector)
+                        : undefined,
+                    description: this.description
+                        ? getData(item.data, this.description)
+                        : undefined,
                 });
             });
             this.checklistDispatcher.next(new ListViewChecklistItemsLoadAction(newItems, true, dataChanged, items.count));
@@ -134,7 +137,7 @@ class SkyListViewChecklistComponent extends ListViewComponent {
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe();
         this.state
-            .pipe(map(t => t.selected), takeUntil(this.ngUnsubscribe))
+            .pipe(map((t) => t.selected), takeUntil(this.ngUnsubscribe))
             .subscribe((selectedItems) => {
             this._selectedIdMap = selectedItems.item.selectedIdMap;
         });
@@ -183,17 +186,18 @@ class SkyListViewChecklistComponent extends ListViewComponent {
         // If 'show-selected' filter is changed from multiselect toolbar (list-builder)
         // make sure the private variable _showOnlySelected stays in sync.
         this.state
-            .pipe(map(t => t.filters), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.showSelectedValuesEqual))
+            .pipe(map((t) => t.filters), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.showSelectedValuesEqual))
             .subscribe((filters) => {
             const showSelectedFilter = filters.find((filter) => filter.name === 'show-selected');
             if (showSelectedFilter) {
-                this._showOnlySelected = (showSelectedFilter.value === 'true');
+                this._showOnlySelected = showSelectedFilter.value === 'true';
             }
         });
     }
     ngOnChanges(changes) {
         if (changes['showOnlySelected'] &&
-            changes['showOnlySelected'].currentValue !== changes['showOnlySelected'].previousValue) {
+            changes['showOnlySelected'].currentValue !==
+                changes['showOnlySelected'].previousValue) {
             this.reapplyFilter(changes['showOnlySelected'].currentValue);
         }
     }
@@ -212,10 +216,9 @@ class SkyListViewChecklistComponent extends ListViewComponent {
      */
     clearSelections() {
         this.state
-            .pipe(map(state => state.items.items), take(1))
-            .subscribe(items => {
-            this.dispatcher
-                .next(new ListSelectedSetItemsSelectedAction(items.map(item => item.id), false, false));
+            .pipe(map((state) => state.items.items), take(1))
+            .subscribe((items) => {
+            this.dispatcher.next(new ListSelectedSetItemsSelectedAction(items.map((item) => item.id), false, false));
             /* istanbul ignore else */
             if (this.showOnlySelected) {
                 this.reapplyFilter(this.showOnlySelected);
@@ -229,10 +232,9 @@ class SkyListViewChecklistComponent extends ListViewComponent {
      */
     selectAll() {
         this.state
-            .pipe(map(state => state.items.items), take(1))
-            .subscribe(items => {
-            this.dispatcher
-                .next(new ListSelectedSetItemsSelectedAction(items.map(item => item.id), true, false));
+            .pipe(map((state) => state.items.items), take(1))
+            .subscribe((items) => {
+            this.dispatcher.next(new ListSelectedSetItemsSelectedAction(items.map((item) => item.id), true, false));
             /* istanbul ignore else */
             if (this.showOnlySelected) {
                 this.reapplyFilter(this.showOnlySelected);
@@ -258,7 +260,7 @@ class SkyListViewChecklistComponent extends ListViewComponent {
         this.ngUnsubscribe.complete();
     }
     get items() {
-        return this.checklistState.pipe(map(state => state.items.items));
+        return this.checklistState.pipe(map((state) => state.items.items));
     }
     searchFunction() {
         return (data, searchText) => {
@@ -282,7 +284,7 @@ class SkyListViewChecklistComponent extends ListViewComponent {
         };
     }
     itemSelected(id) {
-        return this.state.pipe(map(state => state.selected.item.selectedIdMap.get(id)));
+        return this.state.pipe(map((state) => state.selected.item.selectedIdMap.get(id)));
     }
     setItemSelection(item, event) {
         this.dispatcher.next(new ListSelectedSetItemSelectedAction(item.id, event.checked));
@@ -300,48 +302,54 @@ class SkyListViewChecklistComponent extends ListViewComponent {
                     return this._selectedIdMap.get(model.id);
                 }
             },
-            defaultValue: false.toString()
+            defaultValue: false.toString(),
         });
     }
     reapplyFilter(isSelected) {
         let self = this;
         this.state
-            .pipe(map(state => state.filters), take(1))
+            .pipe(map((state) => state.filters), take(1))
             .subscribe((filters) => {
-            filters = filters.filter(filter => filter.name !== 'show-selected');
+            filters = filters.filter((filter) => filter.name !== 'show-selected');
             filters.push(self.getShowSelectedFilter(isSelected));
             this.dispatcher.filtersUpdate(filters);
         });
     }
     showSelectedValuesEqual(prev, next) {
-        const prevShowSelectedFilter = prev.find(filter => filter.name === 'show-selected');
-        const nextShowSelectedFilter = next.find(filter => filter.name === 'show-selected');
+        const prevShowSelectedFilter = prev.find((filter) => filter.name === 'show-selected');
+        const nextShowSelectedFilter = next.find((filter) => filter.name === 'show-selected');
         if (prevShowSelectedFilter && nextShowSelectedFilter) {
             return prevShowSelectedFilter.value === nextShowSelectedFilter.value;
         }
         return true;
     }
 }
-SkyListViewChecklistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistComponent, deps: [{ token: i1.ListState }, { token: i1.ListStateDispatcher }, { token: ChecklistState }, { token: ChecklistStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
-SkyListViewChecklistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: { name: "name", search: "search", labelFieldSelector: ["label", "labelFieldSelector"], description: "description", selectMode: "selectMode", showOnlySelected: "showOnlySelected" }, providers: [
-        { provide: ListViewComponent, useExisting: forwardRef(() => SkyListViewChecklistComponent) },
+SkyListViewChecklistComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistComponent, deps: [{ token: i1.ListState }, { token: i1.ListStateDispatcher }, { token: ChecklistState }, { token: ChecklistStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
+SkyListViewChecklistComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: { name: "name", search: "search", labelFieldSelector: ["label", "labelFieldSelector"], description: "description", selectMode: "selectMode", showOnlySelected: "showOnlySelected" }, providers: [
+        {
+            provide: ListViewComponent,
+            useExisting: forwardRef(() => SkyListViewChecklistComponent),
+        },
         ChecklistState,
         ChecklistStateDispatcher,
-        ChecklistStateModel
-    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n  <div [ngSwitch]=\"selectMode\">\n    <ng-template ngSwitchCase=\"single\">\n      <div role=\"radiogroup\">\n        <sky-list-view-checklist-item *ngFor=\"let item of items | async\"\n          [attr.sky-cmp-id]=\"item.id\"\n          [item]=\"item\"\n        >\n          <button\n            role=\"radio\"\n            type=\"button\"\n            class=\"sky-list-view-checklist-single-button\"\n            [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n            [ngClass]=\"{ 'sky-list-view-checklist-row-selected' : (itemSelected(item.id) | async) }\"\n            (click)=\"singleSelectRowClick(item)\"\n          >\n            <div *ngIf=\"item.label\"\n              class=\"sky-emphasized\"\n            >\n              {{item.label}}\n            </div>\n            <div *ngIf=\"item.description\">{{item.description}}</div>\n          </button>\n        </sky-list-view-checklist-item>\n      </div>\n    </ng-template>\n\n    <ng-template ngSwitchDefault>\n      <sky-list-view-checklist-item *ngFor=\"let item of items | async\"\n        [attr.sky-cmp-id]=\"item.id\"\n        [item]=\"item\">\n          <sky-checkbox\n            [checked]=\"itemSelected(item.id) | async\"\n            (change)=\"setItemSelection(item, $event)\">\n          <sky-checkbox-label>\n            <div *ngIf=\"item.label\"\n              class=\"sky-emphasized\"\n              [attr.title]=\"item.label\"\n            >\n              {{item.label}}\n            </div>\n            <div *ngIf=\"item.description\"\n              [attr.title]=\"item.description\"\n            >\n              {{item.description}}\n            </div>\n          </sky-checkbox-label>\n        </sky-checkbox>\n      </sky-list-view-checklist-item>\n    </ng-template>\n  </div>\n</div>\n", styles: [".sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper{display:flex;align-items:flex-start}.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>.sky-checkbox,.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>input{flex:1;max-width:22px}.sky-list-view-checklist ::ng-deep .sky-switch{white-space:nowrap}.sky-list-view-checklist ::ng-deep .sky-switch-label{margin:0}.sky-list-view-checklist ::ng-deep sky-checkbox-label{min-width:0}.sky-list-view-checklist ::ng-deep .sky-switch-control{margin:0 5px 0 0}\n"], components: [{ type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: ["item"] }, { type: i5.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistComponent, decorators: [{
+        ChecklistStateModel,
+    ], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n  <div [ngSwitch]=\"selectMode\">\n    <ng-template ngSwitchCase=\"single\">\n      <div role=\"radiogroup\">\n        <sky-list-view-checklist-item\n          *ngFor=\"let item of items | async\"\n          [attr.sky-cmp-id]=\"item.id\"\n          [item]=\"item\"\n        >\n          <button\n            role=\"radio\"\n            type=\"button\"\n            class=\"sky-list-view-checklist-single-button\"\n            [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n            [ngClass]=\"{\n              'sky-list-view-checklist-row-selected':\n                (itemSelected(item.id) | async)\n            }\"\n            (click)=\"singleSelectRowClick(item)\"\n          >\n            <div *ngIf=\"item.label\" class=\"sky-emphasized\">\n              {{ item.label }}\n            </div>\n            <div *ngIf=\"item.description\">{{ item.description }}</div>\n          </button>\n        </sky-list-view-checklist-item>\n      </div>\n    </ng-template>\n\n    <ng-template ngSwitchDefault>\n      <sky-list-view-checklist-item\n        *ngFor=\"let item of items | async\"\n        [attr.sky-cmp-id]=\"item.id\"\n        [item]=\"item\"\n      >\n        <sky-checkbox\n          [checked]=\"itemSelected(item.id) | async\"\n          (change)=\"setItemSelection(item, $event)\"\n        >\n          <sky-checkbox-label>\n            <div\n              *ngIf=\"item.label\"\n              class=\"sky-emphasized\"\n              [attr.title]=\"item.label\"\n            >\n              {{ item.label }}\n            </div>\n            <div *ngIf=\"item.description\" [attr.title]=\"item.description\">\n              {{ item.description }}\n            </div>\n          </sky-checkbox-label>\n        </sky-checkbox>\n      </sky-list-view-checklist-item>\n    </ng-template>\n  </div>\n</div>\n", styles: [".sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper{display:flex;align-items:flex-start}.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>.sky-checkbox,.sky-list-view-checklist ::ng-deep .sky-checkbox-wrapper>input{flex:1;max-width:22px}.sky-list-view-checklist ::ng-deep .sky-switch{white-space:nowrap}.sky-list-view-checklist ::ng-deep .sky-switch-label{margin:0}.sky-list-view-checklist ::ng-deep sky-checkbox-label{min-width:0}.sky-list-view-checklist ::ng-deep .sky-switch-control{margin:0 5px 0 0}\n"], components: [{ type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: ["item"] }, { type: i5.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-list-view-checklist',
                     templateUrl: './list-view-checklist.component.html',
                     styleUrls: ['./list-view-checklist.component.scss'],
                     providers: [
-                        { provide: ListViewComponent, useExisting: forwardRef(() => SkyListViewChecklistComponent) },
+                        {
+                            provide: ListViewComponent,
+                            useExisting: forwardRef(() => SkyListViewChecklistComponent),
+                        },
                         ChecklistState,
                         ChecklistStateDispatcher,
-                        ChecklistStateModel
+                        ChecklistStateModel,
                     ],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i1.ListState }, { type: i1.ListStateDispatcher }, { type: ChecklistState }, { type: ChecklistStateDispatcher }]; }, propDecorators: { name: [{
                 type: Input
@@ -360,33 +368,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImpor
 
 class SkyListViewChecklistModule {
 }
-SkyListViewChecklistModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyListViewChecklistModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistModule, declarations: [SkyListViewChecklistComponent,
-        SkyListViewChecklistItemComponent], imports: [CommonModule,
-        FormsModule,
-        SkyCheckboxModule], exports: [SkyListViewChecklistComponent,
-        SkyListViewChecklistItemComponent] });
-SkyListViewChecklistModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistModule, imports: [[
-            CommonModule,
-            FormsModule,
-            SkyCheckboxModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyListViewChecklistModule, decorators: [{
+SkyListViewChecklistModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyListViewChecklistModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistModule, declarations: [SkyListViewChecklistComponent,
+        SkyListViewChecklistItemComponent], imports: [CommonModule, FormsModule, SkyCheckboxModule], exports: [SkyListViewChecklistComponent, SkyListViewChecklistItemComponent] });
+SkyListViewChecklistModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistModule, imports: [[CommonModule, FormsModule, SkyCheckboxModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyListViewChecklistModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         SkyListViewChecklistComponent,
-                        SkyListViewChecklistItemComponent
+                        SkyListViewChecklistItemComponent,
                     ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        SkyCheckboxModule
-                    ],
-                    exports: [
-                        SkyListViewChecklistComponent,
-                        SkyListViewChecklistItemComponent
-                    ]
+                    imports: [CommonModule, FormsModule, SkyCheckboxModule],
+                    exports: [SkyListViewChecklistComponent, SkyListViewChecklistItemComponent],
                 }]
         }] });
 

package/fesm2015/skyux-list-builder-view-checklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-list-builder-view-checklist.js","sources":["../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/checklist-state.rxstate.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/items/item.model.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/items/load.action.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/items/items.orchestrator.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/checklist-state.model.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/checklist-state.state-node.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist-item.component.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist-item.component.html","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist.component.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist.component.html","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist.module.ts","../../../projects/list-builder-view-checklist/src/skyux-list-builder-view-checklist.ts"],"sourcesContent":["import {\n  Injectable\n} from '@angular/core';\n\nimport {\n  StateDispatcher,\n  StateOrchestrator\n} from '@skyux/list-builder-common';\n\nimport {\n  ChecklistStateAction\n} from './checklist-state-action.type';\n\n@Injectable()\nexport class ChecklistStateDispatcher extends StateDispatcher<ChecklistStateAction> {\n\n}\n\nexport class ChecklistStateOrchestrator<T> extends StateOrchestrator<T, ChecklistStateAction> {\n\n}\n","export class ListViewChecklistItemModel {\n  public id: string;\n  public label: string;\n  public description: string;\n\n  constructor(id: string, data?: any) {\n    this.id = id;\n\n    if (data) {\n      this.label = data.label;\n      this.description = data.description;\n    }\n  }\n}\n","import { ListViewChecklistItemModel } from './item.model';\n\nexport class ListViewChecklistItemsLoadAction {\n  constructor(\n    public items: Array<ListViewChecklistItemModel> = [],\n    public refresh: boolean = false,\n    public dataChanged: boolean = true,\n    public itemCount: number = items.length\n  ) {\n\n  }\n}\n","import {\n  ChecklistStateOrchestrator\n} from '../checklist-state.rxstate';\n\nimport {\n  AsyncList\n} from '@skyux/list-builder-common';\n\nimport {\n  ListViewChecklistItemModel\n} from './item.model';\n\nimport {\n  ListViewChecklistItemsLoadAction\n} from './load.action';\n\nexport class ListViewChecklistItemsOrchestrator\n  extends ChecklistStateOrchestrator<AsyncList<ListViewChecklistItemModel>> {\n  /* istanbul ignore next */\n  constructor() {\n    super();\n    this.register(ListViewChecklistItemsLoadAction, this.load);\n  }\n\n  private load(\n    state: AsyncList<ListViewChecklistItemModel>,\n    action: ListViewChecklistItemsLoadAction): AsyncList<ListViewChecklistItemModel> {\n\n    const newListItems = action.items.map(item => new ListViewChecklistItemModel(item.id, item));\n\n    if (action.refresh) {\n      return new AsyncList<ListViewChecklistItemModel>(\n        [...newListItems],\n        action.dataChanged ? Date.now() : state.lastUpdate,\n        false,\n        state.count\n      );\n    }\n\n    return new AsyncList<ListViewChecklistItemModel>(\n      [...state.items, ...newListItems],\n      action.dataChanged ? Date.now() : state.lastUpdate,\n      false,\n      action.itemCount\n    );\n  }\n}\n","import {\n  AsyncList\n} from '@skyux/list-builder-common';\n\nimport {\n  ListViewChecklistItemModel\n} from './items/item.model';\n\nexport class ChecklistStateModel {\n  public items: AsyncList<ListViewChecklistItemModel> = new AsyncList<ListViewChecklistItemModel>();\n}\n","import {\n  Injectable\n} from '@angular/core';\n\nimport {\n  StateNode\n} from '@skyux/list-builder-common';\n\nimport {\n  ChecklistStateModel\n} from './checklist-state.model';\n\nimport {\n  ChecklistStateDispatcher\n} from './checklist-state.rxstate';\n\nimport {\n  ListViewChecklistItemsOrchestrator\n} from './items/items.orchestrator';\n\n@Injectable()\nexport class ChecklistState extends StateNode<ChecklistStateModel> {\n  constructor(initialState: ChecklistStateModel, dispatcher: ChecklistStateDispatcher) {\n    super(initialState, dispatcher);\n\n    this.register('items', ListViewChecklistItemsOrchestrator)\n      .begin();\n  }\n}\n","import {\n  Component,\n  Input,\n  ChangeDetectionStrategy\n} from '@angular/core';\n\nimport {\n  ListViewChecklistItemModel\n} from './state/items/item.model';\n\n@Component({\n  selector: 'sky-list-view-checklist-item',\n  templateUrl: './list-view-checklist-item.component.html',\n  styleUrls: ['./list-view-checklist-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyListViewChecklistItemComponent {\n  @Input()\n  public item: ListViewChecklistItemModel;\n}\n","<div class=\"sky-list-view-checklist-item\">\n  <ng-content></ng-content>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  forwardRef,\n  Input,\n  OnDestroy,\n  SimpleChanges,\n  OnChanges,\n  OnInit\n} from '@angular/core';\n\nimport {\n  SkyCheckboxChange\n} from '@skyux/forms';\n\nimport {\n  ListState,\n  ListStateDispatcher,\n  ListSelectedModel,\n  ListFilterModel,\n  ListSelectedSetItemSelectedAction,\n  ListSelectedSetItemsSelectedAction,\n  ListToolbarSetTypeAction,\n  ListViewComponent\n} from '@skyux/list-builder';\n\nimport {\n  AsyncItem,\n  AsyncList,\n  getData,\n  ListItemModel\n} from '@skyux/list-builder-common';\n\nimport {\n  Observable,\n  Subject\n} from 'rxjs';\n\nimport {\n  distinctUntilChanged,\n  map as observableMap,\n  take,\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  ChecklistState\n} from './state/checklist-state.state-node';\n\nimport {\n  ChecklistStateDispatcher\n} from './state/checklist-state.rxstate';\n\nimport {\n  ChecklistStateModel\n} from './state/checklist-state.model';\n\nimport {\n  ListViewChecklistItemsLoadAction\n} from './state/items/load.action';\n\nimport {\n  ListViewChecklistItemModel\n} from './state/items/item.model';\n\n@Component({\n  selector: 'sky-list-view-checklist',\n  templateUrl: './list-view-checklist.component.html',\n  styleUrls: ['./list-view-checklist.component.scss'],\n  providers: [\n    { provide: ListViewComponent, useExisting: forwardRef(() => SkyListViewChecklistComponent) },\n    ChecklistState,\n    ChecklistStateDispatcher,\n    ChecklistStateModel\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyListViewChecklistComponent extends ListViewComponent implements OnInit, OnDestroy, OnChanges {\n  /**\n   * Specifies the name of the view.\n   * @required\n   */\n  @Input()\n  set name(value: string) {\n    this.viewName = value;\n  }\n\n  /**\n   * Specifies a search function to apply on the view data.\n   * The default function searches view data on label, description,\n   * and category if field selectors are defined for the given field.\n   * @default default search function\n   */\n  @Input()\n  public search: (data: any, searchText: string) => boolean = this.searchFunction();\n\n  /**\n   * Specifies the name of the label field selector.\n   * @default 'label'\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('label')\n  public labelFieldSelector: string = 'label';\n\n  /**\n   * Specifies the name of the description field selector.\n   * @default 'description'\n   */\n  @Input()\n  public description: string = 'description';\n\n  /**\n   * Specifies how many items users can select.\n   * `single` allows users to select one item in the checklist, while `multiple`\n   * allows users to select multiple items in the checklist.\n   * @default 'multiple'\n   */\n  @Input()\n  public set selectMode(value: string) {\n    this._selectMode = value;\n\n    if (this.selectMode === 'multiple') {\n      this.dispatcher.toolbarShowMultiselectToolbar(true);\n    } else {\n      this.showOnlySelected = false;\n      this.dispatcher.toolbarShowMultiselectToolbar(false);\n    }\n\n    this.reapplyFilter(this.showOnlySelected);\n  }\n\n  public get selectMode(): string {\n    return this._selectMode || 'multiple';\n  }\n\n  /**\n   * Indicates whether to display selected items only.\n   * @default false\n   */\n  @Input()\n  public set showOnlySelected(value: boolean) {\n    this._showOnlySelected = value;\n  }\n\n  public get showOnlySelected(): boolean {\n    return this._showOnlySelected;\n  }\n\n  private ngUnsubscribe = new Subject();\n\n  private _selectMode = 'multiple';\n\n  private _selectedIdMap: Map<string, boolean> = new Map<string, boolean>();\n\n  private _showOnlySelected: boolean = false;\n\n  constructor(\n    state: ListState,\n    private dispatcher: ListStateDispatcher,\n    private checklistState: ChecklistState,\n    private checklistDispatcher: ChecklistStateDispatcher\n  ) {\n    super(state, 'Checklist View');\n\n    let lastUpdate: any;\n    this.state\n      .pipe(\n        observableMap(s => s.items),\n        distinctUntilChanged(),\n        observableMap((items: AsyncList<ListItemModel>) => {\n          let dataChanged = lastUpdate === undefined || items.lastUpdate !== lastUpdate;\n          lastUpdate = items.lastUpdate;\n          let newItems = items.items.map(item => {\n            return new ListViewChecklistItemModel(item.id, {\n              label:\n                this.labelFieldSelector ? getData(item.data, this.labelFieldSelector) : undefined,\n              description:\n                this.description ? getData(item.data, this.description) : undefined\n            });\n          });\n\n          this.checklistDispatcher.next(\n            new ListViewChecklistItemsLoadAction(newItems, true, dataChanged, items.count)\n          );\n        })\n      )\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe();\n\n    this.state\n      .pipe(\n        observableMap(t => t.selected),\n        takeUntil(this.ngUnsubscribe)\n      )\n      .subscribe((selectedItems: AsyncItem<ListSelectedModel>) => {\n        this._selectedIdMap = selectedItems.item.selectedIdMap;\n      });\n  }\n\n  public ngOnInit() {\n    if (this.selectMode === 'multiple') {\n      this.dispatcher.toolbarShowMultiselectToolbar(true);\n    }\n\n    // If 'show-selected' filter is changed from multiselect toolbar (list-builder)\n    // make sure the private variable _showOnlySelected stays in sync.\n    this.state\n      .pipe(\n        observableMap(t => t.filters),\n        takeUntil(this.ngUnsubscribe),\n        distinctUntilChanged(this.showSelectedValuesEqual)\n      )\n      .subscribe((filters: ListFilterModel[]) => {\n        const showSelectedFilter = filters.find((filter: ListFilterModel) => filter.name === 'show-selected');\n        if (showSelectedFilter) {\n          this._showOnlySelected = (showSelectedFilter.value === 'true');\n        }\n    });\n  }\n\n  public ngOnChanges(changes: SimpleChanges) {\n    if (changes['showOnlySelected'] &&\n      changes['showOnlySelected'].currentValue !== changes['showOnlySelected'].previousValue) {\n      this.reapplyFilter(changes['showOnlySelected'].currentValue);\n    }\n  }\n\n  /**\n   * @deprecated since version 3.2.0\n   * Multiselect toolbar will automatically show if select mode is set to 'multiple'.\n   * These methods are no longer needed, as that functionality is part of list-builder.\n   */\n  public changeVisibleItems(change: SkyCheckboxChange) {\n    this.showOnlySelected = change.checked;\n  }\n\n  /**\n   * @deprecated since version 3.2.0\n   * Multiselect toolbar will automatically show if select mode is set to 'multiple'.\n   * These methods are no longer needed, as that functionality is part of list-builder.\n   */\n  public clearSelections() {\n    this.state\n      .pipe(\n        observableMap(state => state.items.items),\n        take(1)\n      )\n      .subscribe(items => {\n        this.dispatcher\n          .next(new ListSelectedSetItemsSelectedAction(items.map(item => item.id), false, false));\n\n          /* istanbul ignore else */\n          if (this.showOnlySelected) {\n            this.reapplyFilter(this.showOnlySelected);\n          }\n      });\n  }\n\n  /**\n   * @deprecated since version 3.2.0\n   * Multiselect toolbar will automatically show if select mode is set to 'multiple'.\n   * These methods are no longer needed, as that functionality is part of list-builder.\n   */\n  public selectAll() {\n    this.state\n      .pipe(\n        observableMap(state => state.items.items),\n        take(1)\n      )\n      .subscribe(items => {\n        this.dispatcher\n          .next(new ListSelectedSetItemsSelectedAction(items.map(item => item.id), true, false));\n\n        /* istanbul ignore else */\n        if (this.showOnlySelected) {\n          this.reapplyFilter(this.showOnlySelected);\n        }\n      });\n  }\n\n  public onViewActive() {\n    if (this.search !== undefined) {\n      this.dispatcher.searchSetFunctions([this.search]);\n    }\n\n    let fieldSelectors: Array<string> = [];\n    if (this.labelFieldSelector) {\n      fieldSelectors.push(this.labelFieldSelector);\n    }\n\n    if (this.description) {\n      fieldSelectors.push(this.description);\n    }\n\n    this.dispatcher.searchSetFieldSelectors(fieldSelectors);\n\n    this.dispatcher.next(new ListToolbarSetTypeAction('search'));\n  }\n\n  public ngOnDestroy() {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  get items(): Observable<ListViewChecklistItemModel[]> {\n    return this.checklistState.pipe(observableMap(state => state.items.items));\n  }\n\n  public searchFunction() {\n    return (data: any, searchText: string) => {\n      if (this.labelFieldSelector !== undefined) {\n        let label = getData(data, this.labelFieldSelector);\n        if (\n          label !== undefined &&\n          label !== null &&\n          label.toString().toLowerCase().indexOf(searchText) !== -1\n        ) {\n          return true;\n        }\n      }\n\n      if (this.description !== undefined) {\n        let description = getData(data, this.description);\n        if (\n          description !== undefined &&\n          description !== null &&\n          description.toString().toLowerCase().indexOf(searchText) !== -1\n        ) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n  }\n\n  public itemSelected(id: string): Observable<boolean> {\n    return this.state.pipe(observableMap(state => state.selected.item.selectedIdMap.get(id)));\n  }\n\n  public setItemSelection(item: ListItemModel, event: any) {\n    this.dispatcher.next(new ListSelectedSetItemSelectedAction(item.id, event.checked));\n  }\n\n  public singleSelectRowClick(item: ListItemModel) {\n    this.dispatcher.next(new ListSelectedSetItemsSelectedAction([item.id], true, true));\n  }\n\n  private getShowSelectedFilter(isSelected: boolean) {\n    return new ListFilterModel({\n      name: 'show-selected',\n      value: isSelected.toString(),\n      filterFunction: (model: ListItemModel, showOnlySelected: boolean) => {\n        /* istanbul ignore else */\n        if (showOnlySelected.toString() !== false.toString()) {\n          return this._selectedIdMap.get(model.id);\n        }\n      },\n      defaultValue: false.toString()\n    });\n  }\n\n  private reapplyFilter(isSelected: boolean) {\n    let self = this;\n\n    this.state\n      .pipe(\n        observableMap(state => state.filters),\n        take(1)\n      )\n      .subscribe((filters: ListFilterModel[]) => {\n        filters = filters.filter(filter => filter.name !== 'show-selected');\n        filters.push(self.getShowSelectedFilter(isSelected));\n        this.dispatcher.filtersUpdate(filters);\n      });\n  }\n\n  private showSelectedValuesEqual(prev: ListFilterModel[], next: ListFilterModel[]) {\n    const prevShowSelectedFilter = prev.find(filter => filter.name === 'show-selected');\n    const nextShowSelectedFilter = next.find(filter => filter.name === 'show-selected');\n\n    if (prevShowSelectedFilter && nextShowSelectedFilter) {\n      return prevShowSelectedFilter.value === nextShowSelectedFilter.value;\n    }\n\n    return true;\n  }\n}\n","<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n  <div [ngSwitch]=\"selectMode\">\n    <ng-template ngSwitchCase=\"single\">\n      <div role=\"radiogroup\">\n        <sky-list-view-checklist-item *ngFor=\"let item of items | async\"\n          [attr.sky-cmp-id]=\"item.id\"\n          [item]=\"item\"\n        >\n          <button\n            role=\"radio\"\n            type=\"button\"\n            class=\"sky-list-view-checklist-single-button\"\n            [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n            [ngClass]=\"{ 'sky-list-view-checklist-row-selected' : (itemSelected(item.id) | async) }\"\n            (click)=\"singleSelectRowClick(item)\"\n          >\n            <div *ngIf=\"item.label\"\n              class=\"sky-emphasized\"\n            >\n              {{item.label}}\n            </div>\n            <div *ngIf=\"item.description\">{{item.description}}</div>\n          </button>\n        </sky-list-view-checklist-item>\n      </div>\n    </ng-template>\n\n    <ng-template ngSwitchDefault>\n      <sky-list-view-checklist-item *ngFor=\"let item of items | async\"\n        [attr.sky-cmp-id]=\"item.id\"\n        [item]=\"item\">\n          <sky-checkbox\n            [checked]=\"itemSelected(item.id) | async\"\n            (change)=\"setItemSelection(item, $event)\">\n          <sky-checkbox-label>\n            <div *ngIf=\"item.label\"\n              class=\"sky-emphasized\"\n              [attr.title]=\"item.label\"\n            >\n              {{item.label}}\n            </div>\n            <div *ngIf=\"item.description\"\n              [attr.title]=\"item.description\"\n            >\n              {{item.description}}\n            </div>\n          </sky-checkbox-label>\n        </sky-checkbox>\n      </sky-list-view-checklist-item>\n    </ng-template>\n  </div>\n</div>\n","import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  FormsModule\n} from '@angular/forms';\n\nimport {\n  SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n  SkyListViewChecklistComponent\n} from './list-view-checklist.component';\n\nimport {\n  SkyListViewChecklistItemComponent\n} from './list-view-checklist-item.component';\n\n@NgModule({\n  declarations: [\n    SkyListViewChecklistComponent,\n    SkyListViewChecklistItemComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    SkyCheckboxModule\n  ],\n  exports: [\n    SkyListViewChecklistComponent,\n    SkyListViewChecklistItemComponent\n  ]\n})\nexport class SkyListViewChecklistModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["observableMap"],"mappings":"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"}
+{"version":3,"file":"skyux-list-builder-view-checklist.js","sources":["../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/checklist-state.rxstate.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/items/item.model.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/items/load.action.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/items/items.orchestrator.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/checklist-state.model.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/state/checklist-state.state-node.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist-item.component.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist-item.component.html","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist.component.ts","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist.component.html","../../../projects/list-builder-view-checklist/src/modules/list-view-checklist/list-view-checklist.module.ts","../../../projects/list-builder-view-checklist/src/skyux-list-builder-view-checklist.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { StateDispatcher, StateOrchestrator } from '@skyux/list-builder-common';\n\nimport { ChecklistStateAction } from './checklist-state-action.type';\n\n@Injectable()\nexport class ChecklistStateDispatcher extends StateDispatcher<ChecklistStateAction> {}\n\nexport class ChecklistStateOrchestrator<T> extends StateOrchestrator<\n  T,\n  ChecklistStateAction\n> {}\n","export class ListViewChecklistItemModel {\n  public id: string;\n  public label: string;\n  public description: string;\n\n  constructor(id: string, data?: any) {\n    this.id = id;\n\n    if (data) {\n      this.label = data.label;\n      this.description = data.description;\n    }\n  }\n}\n","import { ListViewChecklistItemModel } from './item.model';\n\nexport class ListViewChecklistItemsLoadAction {\n  constructor(\n    public items: Array<ListViewChecklistItemModel> = [],\n    public refresh: boolean = false,\n    public dataChanged: boolean = true,\n    public itemCount: number = items.length\n  ) {}\n}\n","import { ChecklistStateOrchestrator } from '../checklist-state.rxstate';\n\nimport { AsyncList } from '@skyux/list-builder-common';\n\nimport { ListViewChecklistItemModel } from './item.model';\n\nimport { ListViewChecklistItemsLoadAction } from './load.action';\n\nexport class ListViewChecklistItemsOrchestrator extends ChecklistStateOrchestrator<\n  AsyncList<ListViewChecklistItemModel>\n> {\n  /* istanbul ignore next */\n  constructor() {\n    super();\n    this.register(ListViewChecklistItemsLoadAction, this.load);\n  }\n\n  private load(\n    state: AsyncList<ListViewChecklistItemModel>,\n    action: ListViewChecklistItemsLoadAction\n  ): AsyncList<ListViewChecklistItemModel> {\n    const newListItems = action.items.map(\n      (item) => new ListViewChecklistItemModel(item.id, item)\n    );\n\n    if (action.refresh) {\n      return new AsyncList<ListViewChecklistItemModel>(\n        [...newListItems],\n        action.dataChanged ? Date.now() : state.lastUpdate,\n        false,\n        state.count\n      );\n    }\n\n    return new AsyncList<ListViewChecklistItemModel>(\n      [...state.items, ...newListItems],\n      action.dataChanged ? Date.now() : state.lastUpdate,\n      false,\n      action.itemCount\n    );\n  }\n}\n","import { AsyncList } from '@skyux/list-builder-common';\n\nimport { ListViewChecklistItemModel } from './items/item.model';\n\nexport class ChecklistStateModel {\n  public items: AsyncList<ListViewChecklistItemModel> =\n    new AsyncList<ListViewChecklistItemModel>();\n}\n","import { Injectable } from '@angular/core';\n\nimport { StateNode } from '@skyux/list-builder-common';\n\nimport { ChecklistStateModel } from './checklist-state.model';\n\nimport { ChecklistStateDispatcher } from './checklist-state.rxstate';\n\nimport { ListViewChecklistItemsOrchestrator } from './items/items.orchestrator';\n\n@Injectable()\nexport class ChecklistState extends StateNode<ChecklistStateModel> {\n  constructor(\n    initialState: ChecklistStateModel,\n    dispatcher: ChecklistStateDispatcher\n  ) {\n    super(initialState, dispatcher);\n\n    this.register('items', ListViewChecklistItemsOrchestrator).begin();\n  }\n}\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\n\nimport { ListViewChecklistItemModel } from './state/items/item.model';\n\n@Component({\n  selector: 'sky-list-view-checklist-item',\n  templateUrl: './list-view-checklist-item.component.html',\n  styleUrls: ['./list-view-checklist-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListViewChecklistItemComponent {\n  @Input()\n  public item: ListViewChecklistItemModel;\n}\n","<div class=\"sky-list-view-checklist-item\">\n  <ng-content></ng-content>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  forwardRef,\n  Input,\n  OnDestroy,\n  SimpleChanges,\n  OnChanges,\n  OnInit,\n} from '@angular/core';\n\nimport { SkyCheckboxChange } from '@skyux/forms';\n\nimport {\n  ListState,\n  ListStateDispatcher,\n  ListSelectedModel,\n  ListFilterModel,\n  ListSelectedSetItemSelectedAction,\n  ListSelectedSetItemsSelectedAction,\n  ListToolbarSetTypeAction,\n  ListViewComponent,\n} from '@skyux/list-builder';\n\nimport {\n  AsyncItem,\n  AsyncList,\n  getData,\n  ListItemModel,\n} from '@skyux/list-builder-common';\n\nimport { Observable, Subject } from 'rxjs';\n\nimport {\n  distinctUntilChanged,\n  map as observableMap,\n  take,\n  takeUntil,\n} from 'rxjs/operators';\n\nimport { ChecklistState } from './state/checklist-state.state-node';\n\nimport { ChecklistStateDispatcher } from './state/checklist-state.rxstate';\n\nimport { ChecklistStateModel } from './state/checklist-state.model';\n\nimport { ListViewChecklistItemsLoadAction } from './state/items/load.action';\n\nimport { ListViewChecklistItemModel } from './state/items/item.model';\n\n@Component({\n  selector: 'sky-list-view-checklist',\n  templateUrl: './list-view-checklist.component.html',\n  styleUrls: ['./list-view-checklist.component.scss'],\n  providers: [\n    {\n      provide: ListViewComponent,\n      useExisting: forwardRef(() => SkyListViewChecklistComponent),\n    },\n    ChecklistState,\n    ChecklistStateDispatcher,\n    ChecklistStateModel,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListViewChecklistComponent\n  extends ListViewComponent\n  implements OnInit, OnDestroy, OnChanges\n{\n  /**\n   * Specifies the name of the view.\n   * @required\n   */\n  @Input()\n  set name(value: string) {\n    this.viewName = value;\n  }\n\n  /**\n   * Specifies a search function to apply on the view data.\n   * The default function searches view data on label, description,\n   * and category if field selectors are defined for the given field.\n   * @default default search function\n   */\n  @Input()\n  public search: (data: any, searchText: string) => boolean =\n    this.searchFunction();\n\n  /**\n   * Specifies the name of the label field selector.\n   * @default 'label'\n   */\n  // eslint-disable-next-line @angular-eslint/no-input-rename\n  @Input('label')\n  public labelFieldSelector: string = 'label';\n\n  /**\n   * Specifies the name of the description field selector.\n   * @default 'description'\n   */\n  @Input()\n  public description: string = 'description';\n\n  /**\n   * Specifies how many items users can select.\n   * `single` allows users to select one item in the checklist, while `multiple`\n   * allows users to select multiple items in the checklist.\n   * @default 'multiple'\n   */\n  @Input()\n  public set selectMode(value: string) {\n    this._selectMode = value;\n\n    if (this.selectMode === 'multiple') {\n      this.dispatcher.toolbarShowMultiselectToolbar(true);\n    } else {\n      this.showOnlySelected = false;\n      this.dispatcher.toolbarShowMultiselectToolbar(false);\n    }\n\n    this.reapplyFilter(this.showOnlySelected);\n  }\n\n  public get selectMode(): string {\n    return this._selectMode || 'multiple';\n  }\n\n  /**\n   * Indicates whether to display selected items only.\n   * @default false\n   */\n  @Input()\n  public set showOnlySelected(value: boolean) {\n    this._showOnlySelected = value;\n  }\n\n  public get showOnlySelected(): boolean {\n    return this._showOnlySelected;\n  }\n\n  private ngUnsubscribe = new Subject();\n\n  private _selectMode = 'multiple';\n\n  private _selectedIdMap: Map<string, boolean> = new Map<string, boolean>();\n\n  private _showOnlySelected: boolean = false;\n\n  constructor(\n    state: ListState,\n    private dispatcher: ListStateDispatcher,\n    private checklistState: ChecklistState,\n    private checklistDispatcher: ChecklistStateDispatcher\n  ) {\n    super(state, 'Checklist View');\n\n    let lastUpdate: any;\n    this.state\n      .pipe(\n        observableMap((s) => s.items),\n        distinctUntilChanged(),\n        observableMap((items: AsyncList<ListItemModel>) => {\n          let dataChanged =\n            lastUpdate === undefined || items.lastUpdate !== lastUpdate;\n          lastUpdate = items.lastUpdate;\n          let newItems = items.items.map((item) => {\n            return new ListViewChecklistItemModel(item.id, {\n              label: this.labelFieldSelector\n                ? getData(item.data, this.labelFieldSelector)\n                : undefined,\n              description: this.description\n                ? getData(item.data, this.description)\n                : undefined,\n            });\n          });\n\n          this.checklistDispatcher.next(\n            new ListViewChecklistItemsLoadAction(\n              newItems,\n              true,\n              dataChanged,\n              items.count\n            )\n          );\n        })\n      )\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe();\n\n    this.state\n      .pipe(\n        observableMap((t) => t.selected),\n        takeUntil(this.ngUnsubscribe)\n      )\n      .subscribe((selectedItems: AsyncItem<ListSelectedModel>) => {\n        this._selectedIdMap = selectedItems.item.selectedIdMap;\n      });\n  }\n\n  public ngOnInit() {\n    if (this.selectMode === 'multiple') {\n      this.dispatcher.toolbarShowMultiselectToolbar(true);\n    }\n\n    // If 'show-selected' filter is changed from multiselect toolbar (list-builder)\n    // make sure the private variable _showOnlySelected stays in sync.\n    this.state\n      .pipe(\n        observableMap((t) => t.filters),\n        takeUntil(this.ngUnsubscribe),\n        distinctUntilChanged(this.showSelectedValuesEqual)\n      )\n      .subscribe((filters: ListFilterModel[]) => {\n        const showSelectedFilter = filters.find(\n          (filter: ListFilterModel) => filter.name === 'show-selected'\n        );\n        if (showSelectedFilter) {\n          this._showOnlySelected = showSelectedFilter.value === 'true';\n        }\n      });\n  }\n\n  public ngOnChanges(changes: SimpleChanges) {\n    if (\n      changes['showOnlySelected'] &&\n      changes['showOnlySelected'].currentValue !==\n        changes['showOnlySelected'].previousValue\n    ) {\n      this.reapplyFilter(changes['showOnlySelected'].currentValue);\n    }\n  }\n\n  /**\n   * @deprecated since version 3.2.0\n   * Multiselect toolbar will automatically show if select mode is set to 'multiple'.\n   * These methods are no longer needed, as that functionality is part of list-builder.\n   */\n  public changeVisibleItems(change: SkyCheckboxChange) {\n    this.showOnlySelected = change.checked;\n  }\n\n  /**\n   * @deprecated since version 3.2.0\n   * Multiselect toolbar will automatically show if select mode is set to 'multiple'.\n   * These methods are no longer needed, as that functionality is part of list-builder.\n   */\n  public clearSelections() {\n    this.state\n      .pipe(\n        observableMap((state) => state.items.items),\n        take(1)\n      )\n      .subscribe((items) => {\n        this.dispatcher.next(\n          new ListSelectedSetItemsSelectedAction(\n            items.map((item) => item.id),\n            false,\n            false\n          )\n        );\n\n        /* istanbul ignore else */\n        if (this.showOnlySelected) {\n          this.reapplyFilter(this.showOnlySelected);\n        }\n      });\n  }\n\n  /**\n   * @deprecated since version 3.2.0\n   * Multiselect toolbar will automatically show if select mode is set to 'multiple'.\n   * These methods are no longer needed, as that functionality is part of list-builder.\n   */\n  public selectAll() {\n    this.state\n      .pipe(\n        observableMap((state) => state.items.items),\n        take(1)\n      )\n      .subscribe((items) => {\n        this.dispatcher.next(\n          new ListSelectedSetItemsSelectedAction(\n            items.map((item) => item.id),\n            true,\n            false\n          )\n        );\n\n        /* istanbul ignore else */\n        if (this.showOnlySelected) {\n          this.reapplyFilter(this.showOnlySelected);\n        }\n      });\n  }\n\n  public onViewActive() {\n    if (this.search !== undefined) {\n      this.dispatcher.searchSetFunctions([this.search]);\n    }\n\n    let fieldSelectors: Array<string> = [];\n    if (this.labelFieldSelector) {\n      fieldSelectors.push(this.labelFieldSelector);\n    }\n\n    if (this.description) {\n      fieldSelectors.push(this.description);\n    }\n\n    this.dispatcher.searchSetFieldSelectors(fieldSelectors);\n\n    this.dispatcher.next(new ListToolbarSetTypeAction('search'));\n  }\n\n  public ngOnDestroy() {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  get items(): Observable<ListViewChecklistItemModel[]> {\n    return this.checklistState.pipe(\n      observableMap((state) => state.items.items)\n    );\n  }\n\n  public searchFunction() {\n    return (data: any, searchText: string) => {\n      if (this.labelFieldSelector !== undefined) {\n        let label = getData(data, this.labelFieldSelector);\n        if (\n          label !== undefined &&\n          label !== null &&\n          label.toString().toLowerCase().indexOf(searchText) !== -1\n        ) {\n          return true;\n        }\n      }\n\n      if (this.description !== undefined) {\n        let description = getData(data, this.description);\n        if (\n          description !== undefined &&\n          description !== null &&\n          description.toString().toLowerCase().indexOf(searchText) !== -1\n        ) {\n          return true;\n        }\n      }\n\n      return false;\n    };\n  }\n\n  public itemSelected(id: string): Observable<boolean> {\n    return this.state.pipe(\n      observableMap((state) => state.selected.item.selectedIdMap.get(id))\n    );\n  }\n\n  public setItemSelection(item: ListItemModel, event: any) {\n    this.dispatcher.next(\n      new ListSelectedSetItemSelectedAction(item.id, event.checked)\n    );\n  }\n\n  public singleSelectRowClick(item: ListItemModel) {\n    this.dispatcher.next(\n      new ListSelectedSetItemsSelectedAction([item.id], true, true)\n    );\n  }\n\n  private getShowSelectedFilter(isSelected: boolean) {\n    return new ListFilterModel({\n      name: 'show-selected',\n      value: isSelected.toString(),\n      filterFunction: (model: ListItemModel, showOnlySelected: boolean) => {\n        /* istanbul ignore else */\n        if (showOnlySelected.toString() !== false.toString()) {\n          return this._selectedIdMap.get(model.id);\n        }\n      },\n      defaultValue: false.toString(),\n    });\n  }\n\n  private reapplyFilter(isSelected: boolean) {\n    let self = this;\n\n    this.state\n      .pipe(\n        observableMap((state) => state.filters),\n        take(1)\n      )\n      .subscribe((filters: ListFilterModel[]) => {\n        filters = filters.filter((filter) => filter.name !== 'show-selected');\n        filters.push(self.getShowSelectedFilter(isSelected));\n        this.dispatcher.filtersUpdate(filters);\n      });\n  }\n\n  private showSelectedValuesEqual(\n    prev: ListFilterModel[],\n    next: ListFilterModel[]\n  ) {\n    const prevShowSelectedFilter = prev.find(\n      (filter) => filter.name === 'show-selected'\n    );\n    const nextShowSelectedFilter = next.find(\n      (filter) => filter.name === 'show-selected'\n    );\n\n    if (prevShowSelectedFilter && nextShowSelectedFilter) {\n      return prevShowSelectedFilter.value === nextShowSelectedFilter.value;\n    }\n\n    return true;\n  }\n}\n","<div class=\"sky-list-view-checklist\" *ngIf=\"active | async\">\n  <div [ngSwitch]=\"selectMode\">\n    <ng-template ngSwitchCase=\"single\">\n      <div role=\"radiogroup\">\n        <sky-list-view-checklist-item\n          *ngFor=\"let item of items | async\"\n          [attr.sky-cmp-id]=\"item.id\"\n          [item]=\"item\"\n        >\n          <button\n            role=\"radio\"\n            type=\"button\"\n            class=\"sky-list-view-checklist-single-button\"\n            [attr.aria-checked]=\"(itemSelected(item.id) | async) || false\"\n            [ngClass]=\"{\n              'sky-list-view-checklist-row-selected':\n                (itemSelected(item.id) | async)\n            }\"\n            (click)=\"singleSelectRowClick(item)\"\n          >\n            <div *ngIf=\"item.label\" class=\"sky-emphasized\">\n              {{ item.label }}\n            </div>\n            <div *ngIf=\"item.description\">{{ item.description }}</div>\n          </button>\n        </sky-list-view-checklist-item>\n      </div>\n    </ng-template>\n\n    <ng-template ngSwitchDefault>\n      <sky-list-view-checklist-item\n        *ngFor=\"let item of items | async\"\n        [attr.sky-cmp-id]=\"item.id\"\n        [item]=\"item\"\n      >\n        <sky-checkbox\n          [checked]=\"itemSelected(item.id) | async\"\n          (change)=\"setItemSelection(item, $event)\"\n        >\n          <sky-checkbox-label>\n            <div\n              *ngIf=\"item.label\"\n              class=\"sky-emphasized\"\n              [attr.title]=\"item.label\"\n            >\n              {{ item.label }}\n            </div>\n            <div *ngIf=\"item.description\" [attr.title]=\"item.description\">\n              {{ item.description }}\n            </div>\n          </sky-checkbox-label>\n        </sky-checkbox>\n      </sky-list-view-checklist-item>\n    </ng-template>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { SkyListViewChecklistComponent } from './list-view-checklist.component';\n\nimport { SkyListViewChecklistItemComponent } from './list-view-checklist-item.component';\n\n@NgModule({\n  declarations: [\n    SkyListViewChecklistComponent,\n    SkyListViewChecklistItemComponent,\n  ],\n  imports: [CommonModule, FormsModule, SkyCheckboxModule],\n  exports: [SkyListViewChecklistComponent, SkyListViewChecklistItemComponent],\n})\nexport class SkyListViewChecklistModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["observableMap"],"mappings":"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"}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@skyux/list-builder-view-checklist",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "peerDependencies": {
-    "@angular/common": "^12.2.8",
-    "@angular/core": "^12.2.8",
-    "@angular/forms": "^12.2.8",
-    "@skyux/forms": "^5.0.0",
-    "@skyux/i18n": "^5.0.0",
+    "@angular/common": "^12.2.13",
+    "@angular/core": "^12.2.13",
+    "@angular/forms": "^12.2.13",
+    "@skyux/forms": "^5.0.1",
+    "@skyux/i18n": "^5.0.1",
     "@skyux/list-builder": "^5.0.0",
-    "@skyux/list-builder-common": "^5.0.0"
+    "@skyux/list-builder-common": "^5.0.1"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.3.1"
   },
   "main": "bundles/skyux-list-builder-view-checklist.umd.js",
   "module": "fesm2015/skyux-list-builder-view-checklist.js",