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

package/README.md

@@ -1,5 +1,7 @@
-# @skyux/list-builder-view-checklist
+# list-builder-view-checklist
 
-[![npm](https://img.shields.io/npm/v/@skyux/list-builder-view-checklist.svg)](https://www.npmjs.com/package/@skyux/list-builder-view-checklist)
-[![status](https://travis-ci.org/blackbaud/skyux-list-builder-view-checklist.svg?branch=master)](https://travis-ci.org/blackbaud/skyux-list-builder-view-checklist)
-[![coverage](https://codecov.io/gh/blackbaud/skyux-list-builder-view-checklist/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-list-builder-view-checklist/branch/master)
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test list-builder-view-checklist` to execute the unit tests.

package/bundles/skyux-list-builder-view-checklist.umd.js

@@ -352,9 +352,9 @@
         }
         return ChecklistStateDispatcher;
     }(listBuilderCommon.StateDispatcher));
-    ChecklistStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ChecklistStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistStateDispatcher });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistStateDispatcher, decorators: [{
+    ChecklistStateDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ChecklistStateDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ChecklistStateDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ChecklistStateDispatcher });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ChecklistStateDispatcher, decorators: [{
                 type: i0.Injectable
             }] });
     var ChecklistStateOrchestrator = /** @class */ (function (_super) {
@@ -424,9 +424,9 @@
         }
         return ChecklistState;
     }(listBuilderCommon.StateNode));
-    ChecklistState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistState, deps: [{ token: ChecklistStateModel }, { token: ChecklistStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ChecklistState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistState });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: ChecklistState, decorators: [{
+    ChecklistState.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ChecklistState, deps: [{ token: ChecklistStateModel }, { token: ChecklistStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    ChecklistState.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ChecklistState });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ChecklistState, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: ChecklistStateModel }, { type: ChecklistStateDispatcher }]; } });
 
@@ -435,9 +435,9 @@
         }
         return SkyListViewChecklistItemComponent;
     }());
-    SkyListViewChecklistItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListViewChecklistItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: { item: "item" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistItemComponent, decorators: [{
+    SkyListViewChecklistItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListViewChecklistItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListViewChecklistItemComponent, selector: "sky-list-view-checklist-item", inputs: { item: "item" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-list-view-checklist-item',
@@ -465,13 +465,13 @@
             _this.search = _this.searchFunction();
             /**
              * Specifies the name of the label field selector.
-             * @default 'label'
+             * @default "label"
              */
             // eslint-disable-next-line @angular-eslint/no-input-rename
             _this.labelFieldSelector = 'label';
             /**
              * Specifies the name of the description field selector.
-             * @default 'description'
+             * @default "description"
              */
             _this.description = 'description';
             _this.ngUnsubscribe = new rxjs.Subject();
@@ -521,9 +521,9 @@
             },
             /**
              * Specifies how many items users can select.
-             * `single` allows users to select one item in the checklist, while `multiple`
+             * `"single"` allows users to select one item in the checklist, while `"multiple"`
              * allows users to select multiple items in the checklist.
-             * @default 'multiple'
+             * @default "multiple"
              */
             set: function (value) {
                 this._selectMode = value;
@@ -709,8 +709,8 @@
         };
         return SkyListViewChecklistComponent;
     }(i1.ListViewComponent));
-    SkyListViewChecklistComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistComponent, deps: [{ token: i1__namespace.ListState }, { token: i1__namespace.ListStateDispatcher }, { token: ChecklistState }, { token: ChecklistStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyListViewChecklistComponent.ɵcmp = i0__namespace.ɵɵ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: [
+    SkyListViewChecklistComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistComponent, deps: [{ token: i1__namespace.ListState }, { token: i1__namespace.ListStateDispatcher }, { token: ChecklistState }, { token: ChecklistStateDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyListViewChecklistComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListViewChecklistComponent, selector: "sky-list-view-checklist", inputs: { name: "name", search: "search", labelFieldSelector: ["label", "labelFieldSelector"], description: "description", selectMode: "selectMode", showOnlySelected: "showOnlySelected" }, providers: [
             {
                 provide: i1.ListViewComponent,
                 useExisting: i0.forwardRef(function () { return SkyListViewChecklistComponent; }),
@@ -719,7 +719,7 @@
             ChecklistStateDispatcher,
             ChecklistStateModel,
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, 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__namespace.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i5__namespace.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i6__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-list-view-checklist',
@@ -756,11 +756,11 @@
         }
         return SkyListViewChecklistModule;
     }());
-    SkyListViewChecklistModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListViewChecklistModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, declarations: [SkyListViewChecklistComponent,
+    SkyListViewChecklistModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyListViewChecklistModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistModule, declarations: [SkyListViewChecklistComponent,
             SkyListViewChecklistItemComponent], imports: [i6.CommonModule, forms.FormsModule, i5.SkyCheckboxModule], exports: [SkyListViewChecklistComponent, SkyListViewChecklistItemComponent] });
-    SkyListViewChecklistModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, imports: [[i6.CommonModule, forms.FormsModule, i5.SkyCheckboxModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyListViewChecklistModule, decorators: [{
+    SkyListViewChecklistModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistModule, imports: [[i6.CommonModule, forms.FormsModule, i5.SkyCheckboxModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListViewChecklistModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [