checkbox-selection-input 15.0.4 → 15.0.5

package/fesm2022/checkbox-selection-input.mjs

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
-import { Pipe, inject, EventEmitter, forwardRef, Component, Input, Output, NgModule } from '@angular/core';
-import * as i2 from '@angular/forms';
+import { Pipe, inject, EventEmitter, forwardRef, Output, Input, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
 import { Validators, FormBuilder, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3$1 from '@angular/material/button';
+import * as i2$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/form-field';
+import * as i2 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i5 from '@angular/material/button-toggle';
+import * as i4 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
-import * as i6 from '@angular/material/divider';
+import * as i5 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
-import * as i7 from '@angular/material/slide-toggle';
+import * as i6 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i4 from '@angular/material/checkbox';
+import * as i3 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i8 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { MatSliderModule } from '@angular/material/slider';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
@@ -56,10 +56,10 @@ class RemoveUnderscorePipe {
     transform(value) {
         return value ? value.replace(/_/g, " ") : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveUnderscorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RemoveUnderscorePipe, isStandalone: true, name: "removeUnderscore" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RemoveUnderscorePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: RemoveUnderscorePipe, isStandalone: true, name: "removeUnderscore" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RemoveUnderscorePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RemoveUnderscorePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'removeUnderscore',
@@ -209,8 +209,8 @@ class CheckboxSelectionInputComponent {
         const slicedEntries = entries.slice(0, entries.length - index);
         return Object.fromEntries(slicedEntries);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxSelectionInputComponent, selector: "app-checkbox-selection-input", inputs: { label: "label", placeholder: "placeholder", error: "error", disableMax: "disableMax", useDefaultReset: "useDefaultReset", minSelection: "minSelection", maxSelection: "maxSelection", data: "data" }, outputs: { selectionChange: "selectionChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CheckboxSelectionInputComponent, selector: "app-checkbox-selection-input", inputs: { label: "label", placeholder: "placeholder", error: "error", disableMax: "disableMax", useDefaultReset: "useDefaultReset", minSelection: "minSelection", maxSelection: "maxSelection", data: "data" }, outputs: { selectionChange: "selectionChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CheckboxSelectionInputComponent),
@@ -221,9 +221,9 @@ class CheckboxSelectionInputComponent {
                 useExisting: forwardRef(() => CheckboxSelectionInputComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div style=\"display: flex; flex-direction: column;\">\n  <mat-label style=\"padding-left: 1rem; font-size: larger;\">\n    {{ label }}\n  </mat-label>\n  <mat-label style=\"padding-left: 1rem; color: grey;\">\n    {{ placeholder }}\n  </mat-label>\n  <ng-container *ngIf=\"data.length > 0; else NODATA\">\n    <section\n      [formGroup]=\"selectionControl\"\n      class=\"container\"\n    >\n      <mat-checkbox\n        class=\"item\"\n        color=\"primary\"\n        *ngFor=\"let option of data\"\n        [formControlName]=\"option.value\"\n        [value]=\"option.value\"\n        (change)=\"onSelectionChange()\"\n      >\n        {{option.value}}\n      </mat-checkbox>\n    </section>\n  </ng-container>\n  <ng-template #NODATA>\n    <div class=\"wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</div>\n\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr));grid-auto-rows:minmax(auto,auto)}.item{flex:1 1 calc(33.33% - 2rem);margin:.25rem;margin-bottom:0;box-sizing:border-box;padding:.25rem;white-space:nowrap}.wrapper:not(:empty)+.default{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] }); }
+        ], ngImport: i0, template: "<div style=\"display: flex; flex-direction: column;\">\n  <mat-label style=\"padding-left: 1rem; font-size: larger;\">\n    {{ label }}\n  </mat-label>\n  <mat-label style=\"padding-left: 1rem; color: grey;\">\n    {{ placeholder }}\n  </mat-label>\n  @if (data.length > 0) {\n    <section\n      [formGroup]=\"selectionControl\"\n      class=\"container\"\n      >\n      @for (option of data; track option) {\n        <mat-checkbox\n          class=\"item\"\n          color=\"primary\"\n          [formControlName]=\"option.value\"\n          [value]=\"option.value\"\n          (change)=\"onSelectionChange()\"\n          >\n          {{option.value}}\n        </mat-checkbox>\n      }\n    </section>\n  } @else {\n    <div class=\"wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr));grid-auto-rows:minmax(auto,auto)}.item{flex:1 1 calc(33.33% - 2rem);margin:.25rem;margin-bottom:0;box-sizing:border-box;padding:.25rem;white-space:nowrap}.wrapper:not(:empty)+.default{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-checkbox-selection-input', providers: [
                         {
@@ -236,8 +236,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                             useExisting: forwardRef(() => CheckboxSelectionInputComponent),
                             multi: true
                         }
-                    ], template: "<div style=\"display: flex; flex-direction: column;\">\n  <mat-label style=\"padding-left: 1rem; font-size: larger;\">\n    {{ label }}\n  </mat-label>\n  <mat-label style=\"padding-left: 1rem; color: grey;\">\n    {{ placeholder }}\n  </mat-label>\n  <ng-container *ngIf=\"data.length > 0; else NODATA\">\n    <section\n      [formGroup]=\"selectionControl\"\n      class=\"container\"\n    >\n      <mat-checkbox\n        class=\"item\"\n        color=\"primary\"\n        *ngFor=\"let option of data\"\n        [formControlName]=\"option.value\"\n        [value]=\"option.value\"\n        (change)=\"onSelectionChange()\"\n      >\n        {{option.value}}\n      </mat-checkbox>\n    </section>\n  </ng-container>\n  <ng-template #NODATA>\n    <div class=\"wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</div>\n\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr));grid-auto-rows:minmax(auto,auto)}.item{flex:1 1 calc(33.33% - 2rem);margin:.25rem;margin-bottom:0;box-sizing:border-box;padding:.25rem;white-space:nowrap}.wrapper:not(:empty)+.default{display:none}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { label: [{
+                    ], standalone: false, template: "<div style=\"display: flex; flex-direction: column;\">\n  <mat-label style=\"padding-left: 1rem; font-size: larger;\">\n    {{ label }}\n  </mat-label>\n  <mat-label style=\"padding-left: 1rem; color: grey;\">\n    {{ placeholder }}\n  </mat-label>\n  @if (data.length > 0) {\n    <section\n      [formGroup]=\"selectionControl\"\n      class=\"container\"\n      >\n      @for (option of data; track option) {\n        <mat-checkbox\n          class=\"item\"\n          color=\"primary\"\n          [formControlName]=\"option.value\"\n          [value]=\"option.value\"\n          (change)=\"onSelectionChange()\"\n          >\n          {{option.value}}\n        </mat-checkbox>\n      }\n    </section>\n  } @else {\n    <div class=\"wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(192px,1fr));grid-auto-rows:minmax(auto,auto)}.item{flex:1 1 calc(33.33% - 2rem);margin:.25rem;margin-bottom:0;box-sizing:border-box;padding:.25rem;white-space:nowrap}.wrapper:not(:empty)+.default{display:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
                 type: Input
@@ -375,17 +375,17 @@ class CheckboxSelectionDemoComponent {
             this.data = this.data_1;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxSelectionDemoComponent, selector: "app-checkbox-selection-demo", ngImport: i0, template: "<div style=\"display: flex;\">\n  <h1>Checkbox FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n  </div>\n  <app-checkbox-selection-input error=\"No Data Provided\">\n    <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n  </app-checkbox-selection-input>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Checkbox Selection - {{ varTypes.value | uppercase }}</h3>\n\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    [formControl]=\"selectionControl_1\"\n    ></app-checkbox-selection-input>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    No Label and Placeholder<br>\n    Not Required<br>\n    Valid {{ selectionControl_1.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Selections\"\n    placeholder=\"My placeholder\"\n    [formControl]=\"selectionControl_2\"\n    ></app-checkbox-selection-input>\n  <div *ngIf=\"error2.checked\">\n    <mat-error *ngIf=\"selectionControl_2.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable2 (change)=\"onDisabled_2(disable2.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label and Placeholder<br>\n    Required<br>\n    Valid {{ selectionControl_2.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_3.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_3\"\n    [minSelection]=\"2\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error3.checked\">\n    <mat-error *ngIf=\"selectionControl_3.hasError('minRequired')\">Minimum of 1 required</mat-error>\n    <mat-error *ngIf=\"selectionControl_3.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_3\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error3>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable3 (change)=\"onDisabled_3(disable3.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 2 Required<br>\n    Valid {{ selectionControl_3.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_4.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_4\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"false\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error4.checked\">\n    <mat-error *ngIf=\"selectionControl_4.hasError('maxExceeded')\">Maximum reached</mat-error>\n    <mat-error *ngIf=\"selectionControl_4.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_4\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error4>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable4 (change)=\"onDisabled_4(disable4.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Valid {{ selectionControl_4.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_5.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_5\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error5.checked\">\n    <mat-error *ngIf=\"selectionControl_5.hasError('maxExceeded')\">Maximum reached</mat-error>\n    <mat-error *ngIf=\"selectionControl_5.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_5\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error5>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable5 (change)=\"onDisabled_5(disable5.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_5.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_6.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_6\"\n    [minSelection]=\"1\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error6.checked\">\n    <mat-error *ngIf=\"selectionControl_6.hasError('minRequired')\">Minimum of 1 required</mat-error>\n    <mat-error *ngIf=\"selectionControl_6.hasError('maxExceeded')\">Maximum reached</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_6\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error6>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable6 (change)=\"onDisabled_6(disable6.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 1 Required<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_6.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i5.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: CheckboxSelectionInputComponent, selector: "app-checkbox-selection-input", inputs: ["label", "placeholder", "error", "disableMax", "useDefaultReset", "minSelection", "maxSelection", "data"], outputs: ["selectionChange"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CheckboxSelectionDemoComponent, selector: "app-checkbox-selection-demo", ngImport: i0, template: "<div style=\"display: flex;\">\n  <h1>Checkbox FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n  </div>\n  <app-checkbox-selection-input error=\"No Data Provided\">\n    <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n  </app-checkbox-selection-input>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Checkbox Selection - {{ varTypes.value | uppercase }}</h3>\n\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    [formControl]=\"selectionControl_1\"\n  ></app-checkbox-selection-input>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    No Label and Placeholder<br>\n    Not Required<br>\n    Valid {{ selectionControl_1.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Selections\"\n    placeholder=\"My placeholder\"\n    [formControl]=\"selectionControl_2\"\n  ></app-checkbox-selection-input>\n  @if (error2.checked) {\n    <div>\n      @if (selectionControl_2.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable2 (change)=\"onDisabled_2(disable2.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label and Placeholder<br>\n    Required<br>\n    Valid {{ selectionControl_2.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_3.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_3\"\n    [minSelection]=\"2\"\n  ></app-checkbox-selection-input>\n  @if (error3.checked) {\n    <div>\n      @if (selectionControl_3.hasError('minRequired')) {\n        <mat-error>Minimum of 1 required</mat-error>\n      }\n      @if (selectionControl_3.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_3\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error3>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable3 (change)=\"onDisabled_3(disable3.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 2 Required<br>\n    Valid {{ selectionControl_3.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_4.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_4\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"false\"\n  ></app-checkbox-selection-input>\n  @if (error4.checked) {\n    <div>\n      @if (selectionControl_4.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n      @if (selectionControl_4.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_4\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error4>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable4 (change)=\"onDisabled_4(disable4.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Valid {{ selectionControl_4.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_5.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_5\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  @if (error5.checked) {\n    <div>\n      @if (selectionControl_5.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n      @if (selectionControl_5.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_5\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error5>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable5 (change)=\"onDisabled_5(disable5.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_5.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_6.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_6\"\n    [minSelection]=\"1\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  @if (error6.checked) {\n    <div>\n      @if (selectionControl_6.hasError('minRequired')) {\n        <mat-error>Minimum of 1 required</mat-error>\n      }\n      @if (selectionControl_6.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_6\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error6>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable6 (change)=\"onDisabled_6(disable6.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 1 Required<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_6.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i4.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: CheckboxSelectionInputComponent, selector: "app-checkbox-selection-input", inputs: ["label", "placeholder", "error", "disableMax", "useDefaultReset", "minSelection", "maxSelection", "data"], outputs: ["selectionChange"] }, { kind: "pipe", type: i8.UpperCasePipe, name: "uppercase" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionDemoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionDemoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-checkbox-selection-demo', template: "<div style=\"display: flex;\">\n  <h1>Checkbox FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n  </div>\n  <app-checkbox-selection-input error=\"No Data Provided\">\n    <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n  </app-checkbox-selection-input>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Checkbox Selection - {{ varTypes.value | uppercase }}</h3>\n\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    [formControl]=\"selectionControl_1\"\n    ></app-checkbox-selection-input>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    No Label and Placeholder<br>\n    Not Required<br>\n    Valid {{ selectionControl_1.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Selections\"\n    placeholder=\"My placeholder\"\n    [formControl]=\"selectionControl_2\"\n    ></app-checkbox-selection-input>\n  <div *ngIf=\"error2.checked\">\n    <mat-error *ngIf=\"selectionControl_2.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable2 (change)=\"onDisabled_2(disable2.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label and Placeholder<br>\n    Required<br>\n    Valid {{ selectionControl_2.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_3.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_3\"\n    [minSelection]=\"2\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error3.checked\">\n    <mat-error *ngIf=\"selectionControl_3.hasError('minRequired')\">Minimum of 1 required</mat-error>\n    <mat-error *ngIf=\"selectionControl_3.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_3\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error3>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable3 (change)=\"onDisabled_3(disable3.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 2 Required<br>\n    Valid {{ selectionControl_3.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_4.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_4\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"false\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error4.checked\">\n    <mat-error *ngIf=\"selectionControl_4.hasError('maxExceeded')\">Maximum reached</mat-error>\n    <mat-error *ngIf=\"selectionControl_4.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_4\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error4>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable4 (change)=\"onDisabled_4(disable4.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Valid {{ selectionControl_4.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_5.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_5\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error5.checked\">\n    <mat-error *ngIf=\"selectionControl_5.hasError('maxExceeded')\">Maximum reached</mat-error>\n    <mat-error *ngIf=\"selectionControl_5.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_5\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error5>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable5 (change)=\"onDisabled_5(disable5.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_5.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_6.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_6\"\n    [minSelection]=\"1\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error6.checked\">\n    <mat-error *ngIf=\"selectionControl_6.hasError('minRequired')\">Minimum of 1 required</mat-error>\n    <mat-error *ngIf=\"selectionControl_6.hasError('maxExceeded')\">Maximum reached</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_6\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error6>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable6 (change)=\"onDisabled_6(disable6.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 1 Required<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_6.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return []; } });
+            args: [{ selector: 'app-checkbox-selection-demo', standalone: false, template: "<div style=\"display: flex;\">\n  <h1>Checkbox FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n  </div>\n  <app-checkbox-selection-input error=\"No Data Provided\">\n    <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n  </app-checkbox-selection-input>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Checkbox Selection - {{ varTypes.value | uppercase }}</h3>\n\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    [formControl]=\"selectionControl_1\"\n  ></app-checkbox-selection-input>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    No Label and Placeholder<br>\n    Not Required<br>\n    Valid {{ selectionControl_1.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Selections\"\n    placeholder=\"My placeholder\"\n    [formControl]=\"selectionControl_2\"\n  ></app-checkbox-selection-input>\n  @if (error2.checked) {\n    <div>\n      @if (selectionControl_2.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable2 (change)=\"onDisabled_2(disable2.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label and Placeholder<br>\n    Required<br>\n    Valid {{ selectionControl_2.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_3.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_3\"\n    [minSelection]=\"2\"\n  ></app-checkbox-selection-input>\n  @if (error3.checked) {\n    <div>\n      @if (selectionControl_3.hasError('minRequired')) {\n        <mat-error>Minimum of 1 required</mat-error>\n      }\n      @if (selectionControl_3.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_3\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error3>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable3 (change)=\"onDisabled_3(disable3.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 2 Required<br>\n    Valid {{ selectionControl_3.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_4.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_4\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"false\"\n  ></app-checkbox-selection-input>\n  @if (error4.checked) {\n    <div>\n      @if (selectionControl_4.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n      @if (selectionControl_4.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_4\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error4>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable4 (change)=\"onDisabled_4(disable4.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Valid {{ selectionControl_4.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_5.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_5\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  @if (error5.checked) {\n    <div>\n      @if (selectionControl_5.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n      @if (selectionControl_5.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_5\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error5>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable5 (change)=\"onDisabled_5(disable5.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_5.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_6.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_6\"\n    [minSelection]=\"1\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  @if (error6.checked) {\n    <div>\n      @if (selectionControl_6.hasError('minRequired')) {\n        <mat-error>Minimum of 1 required</mat-error>\n      }\n      @if (selectionControl_6.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_6\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error6>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable6 (change)=\"onDisabled_6(disable6.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 1 Required<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_6.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [] });
 
 class CheckboxSelectionInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionInputModule, declarations: [CheckboxSelectionInputComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionInputModule, declarations: [CheckboxSelectionInputComponent,
             CheckboxSelectionDemoComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -406,7 +406,7 @@ class CheckboxSelectionInputModule {
             MatOptionModule,
             MatSlideToggleModule], exports: [CheckboxSelectionInputComponent,
             CheckboxSelectionDemoComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionInputModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionInputModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             MatSliderModule,
@@ -425,7 +425,7 @@ class CheckboxSelectionInputModule {
             MatOptionModule,
             MatSlideToggleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxSelectionInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxSelectionInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/checkbox-selection-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-selection-input.mjs","sources":["../../../projects/checkbox-selection-input/src/lib/models/selection-basic.model.ts","../../../projects/checkbox-selection-input/src/lib/models/selection-item.model.ts","../../../projects/checkbox-selection-input/src/lib/models/index.ts","../../../projects/checkbox-selection-input/src/lib/pipes/remove-underscore.pipe.ts","../../../projects/checkbox-selection-input/src/lib/checkbox-selection-input/checkbox-selection-input.component.ts","../../../projects/checkbox-selection-input/src/lib/checkbox-selection-input/checkbox-selection-input.component.html","../../../projects/checkbox-selection-input/src/lib/checkbox-demo/checkbox-demo.component.ts","../../../projects/checkbox-selection-input/src/lib/checkbox-demo/checkbox-demo.component.html","../../../projects/checkbox-selection-input/src/lib/checkbox-selection-input.module.ts","../../../projects/checkbox-selection-input/src/public-api.ts","../../../projects/checkbox-selection-input/src/checkbox-selection-input.ts"],"sourcesContent":["export interface SelectionBasicInterface {\n  id: number|string;\n  value: string;\n}\n\nexport class SelectionBasic implements SelectionBasicInterface {\n\n  constructor(\n    public id = 0,\n    public value = '',\n  ) {}\n\n  static adapt(item?: any) {\n\n    return new SelectionBasic(\n      item?.id,\n      (item?.value) ? item.value : item,\n    );\n  }\n\n}\n","export interface SelectionItemInterface {\n  id: number|string;\n  value: string;\n  disabled?: boolean;\n  selected?: boolean;\n}\n\nexport class SelectionItem implements SelectionItemInterface {\n\n  constructor(\n    public id = crypto.randomUUID(),\n    public value = '',\n    public disabled?: boolean,\n    public selected?: boolean,\n  ) {}\n\n  static adapt(item?: any) {\n\n    return new SelectionItem(\n      item?.id,\n      (item?.value) ? item.value : item,\n      (item?.disabled) ? true : false,\n      (item?.selected) ? true : false,\n    );\n  }\n\n}\n","/*\n * Public API Surface of selections\n */\n\nexport * from './selection-basic.model';\nexport * from './selection-item.model';\n\n\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'removeUnderscore',\n  standalone: true\n})\nexport class RemoveUnderscorePipe implements PipeTransform {\n  transform(value: string): string {\n    return value? value.replace(/_/g, \" \") : value;\n  }\n}\n","import { Component, EventEmitter, Input, OnInit, Output, forwardRef, inject } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, FormBuilder, ControlValueAccessor, NG_VALIDATORS, AbstractControl, ValidationErrors, Validators } from '@angular/forms';\nimport { SelectionItem } from '../models/selection-item.model';\n\n@Component({\n  selector: 'app-checkbox-selection-input',\n  templateUrl: './checkbox-selection-input.component.html',\n  styleUrls: ['./checkbox-selection-input.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => CheckboxSelectionInputComponent),\n      multi: true\n    },\n    {\n      provide: NG_VALIDATORS,\n      useExisting: forwardRef(() => CheckboxSelectionInputComponent),\n      multi: true\n    }\n  ]\n})\nexport class CheckboxSelectionInputComponent implements OnInit, ControlValueAccessor {\n\n  fb = inject(FormBuilder)\n\n  selectionControl = this.fb.group<any>({})\n\n  @Input() label?: string\n  @Input() placeholder?: string\n  @Input() error?: string\n\n  @Input() disableMax = false\n\n  @Input() useDefaultReset = false\n\n  private _minSelection = 0\n  @Input() set minSelection(value: number) {\n    this._minSelection = (value) ? value : 0\n  }\n\n  get minSelection() {\n    return this._minSelection\n  }\n\n  _maxSelection = 0\n  @Input() set maxSelection(value: number) {\n    this._maxSelection = (value) ? value : 0\n  }\n\n  get maxSelection() {\n    return this._maxSelection\n  }\n\n  isObjects = false\n  formInitialized = false\n  raw: any[] = []\n\n  private _data: (any|string)[] = []\n  @Input() set data(value: any[]) {\n\n    this.selectionControl = this.fb.group({})\n\n    this.isObjects = this.hasObjects(value)\n    this.raw = value\n\n    this._data = (value) ? value.map(item => SelectionItem.adapt(item)) : []\n\n    const selected = this.data.filter(item => item.selected).length\n\n    if(this.maxSelection > 0 && selected >= this.maxSelection) {\n      for (let index = this.maxSelection+1; index < this.data.length; index++) {\n        this.data[index].selected = false\n      }\n    }\n\n    this.data.map(item => {\n      const disabled = (item?.disabled) ? item.disabled : false\n      const selected = (item?.selected) ? item.selected : false\n      const newControl = this.fb.control({ value: selected, disabled }, Validators.required)\n      this.selectionControl.addControl(item.value, newControl)\n    })\n\n    this.initSelection()\n\n  }\n\n  get data() {\n    return this._data\n  }\n\n  @Output() selectionChange = new EventEmitter<string[]>()\n\n  onChange: any = () => {}\n  onTouch: any = () => {}\n\n  // invalid = false\n\n  disabled = false\n\n  isArray = (obj: any) => Array.isArray(obj)\n  isObject = (obj: any) => typeof obj === 'object' && obj !== null && !Array.isArray(obj)\n  hasObjects = (obj: any) => (this.isArray(obj) && obj.length > 0) ? this.isObject(obj[0]) : false\n  objectIsEmpty = (obj: any) => Object.keys(obj).length === 0\n\n  selectedCheckboxes = (obj: any) => Object.keys(obj).filter(key => obj[key])\n\n\n  constructor() { }\n\n  ngOnInit() {\n\n  }\n\n  ngAfterViewInit() {\n    this.formInitialized = true\n  }\n\n  initSelection() {\n\n    const selectedCount = this.selectedCheckboxes(this.selectionControl.value).length\n    const hasMax = selectedCount >= this.maxSelection && this.maxSelection > 0\n\n    if(hasMax && this.disableMax) {\n      const disable = this.selectedValues(this.selectionControl.value, false)\n      disable.map(item => this.selectionControl.controls[item].disable())\n    } else {\n      const enable = this.data.filter(item => (!item.disabled)).map(item => item.value)\n      enable.map(item => this.selectionControl.controls[item].enable())\n    }\n\n  }\n\n  writeValue(value: string[]) {\n\n    const selected = value?.reduce((acc, item) => { return { ...acc, [item]: true } }, {})\n\n    const newSelected = (selected && Object.keys(selected).length > this.maxSelection && this.maxSelection > 0)\n      ? this.removeLast(selected, Object.keys(selected).length - this.maxSelection)\n      : selected\n\n    if(newSelected) {\n      this.selectionControl.patchValue(newSelected, { emitEvent: false })\n    } else {\n      if(this.formInitialized) this.selectionControl.reset()\n    }\n\n    this.formInitialized = true\n\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n\n    const isRequired = control.hasValidator(Validators.required) ? true : false\n\n    let errors = { 'minRequired': false, 'maxExceeded': false }\n\n    const selectedCount = this.selectedCheckboxes(this.selectionControl.value).length\n\n    const hasValue = selectedCount > 0\n\n    const hasMin = selectedCount < this.minSelection\n    if(this.minSelection > 0) errors.minRequired = hasMin\n\n    const hasMax = selectedCount >= this.maxSelection && this.maxSelection > 0\n    if(this.maxSelection > 0) errors.maxExceeded = hasMax\n\n    if(hasMax && this.disableMax) {\n      const disable = this.selectedValues(this.selectionControl.value, false)\n      disable.map(item => this.selectionControl.controls[item].disable())\n    } else {\n      const enable = this.data.filter(item => (!item.disabled)).map(item => item.value)\n      enable.map(item => this.selectionControl.controls[item].enable())\n    }\n\n    const hasErrors = this.selectedValues(errors, true).length > 0\n    const values = this.selectedValues(this.selectionControl.value, true).length\n\n    const hasValues = (this.minSelection > 0 && values > this.minSelection) || (this.maxSelection > 0 && values < this.maxSelection)\n\n    const finalErrors = (isRequired && !hasValues && hasErrors) ? errors : null\n\n    return finalErrors\n\n  }\n\n  registerOnChange(fn: any){\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any){\n    this.onTouch = fn\n  }\n\n  setDisabledState(isDisabled: boolean) {\n\n    this.disabled = isDisabled\n\n    if(this.disabled) {\n      this.selectionControl.disable()\n    } else {\n      this.selectionControl.enable()\n    }\n  }\n\n  onSelectionChange() {\n\n    const data = this.selectedCheckboxes(this.selectionControl.value)\n    const selectedData = (this.isObjects) ? this.raw.filter(item => data.includes(item.value)) : data\n\n    this.onChange(selectedData)\n    this.selectionChange.emit(selectedData)\n\n  }\n\n  selectedValues(obj: any, state = false) {\n    return Object.entries(obj).filter(([key, value]) => value === state).map(([key, _]) => key)\n  }\n\n  removeLast(obj: any, index: number) {\n    const entries = Object.entries(obj)\n    const slicedEntries = entries.slice(0, entries.length - index)\n    return Object.fromEntries(slicedEntries)\n  }\n\n}\n","<div style=\"display: flex; flex-direction: column;\">\n  <mat-label style=\"padding-left: 1rem; font-size: larger;\">\n    {{ label }}\n  </mat-label>\n  <mat-label style=\"padding-left: 1rem; color: grey;\">\n    {{ placeholder }}\n  </mat-label>\n  <ng-container *ngIf=\"data.length > 0; else NODATA\">\n    <section\n      [formGroup]=\"selectionControl\"\n      class=\"container\"\n    >\n      <mat-checkbox\n        class=\"item\"\n        color=\"primary\"\n        *ngFor=\"let option of data\"\n        [formControlName]=\"option.value\"\n        [value]=\"option.value\"\n        (change)=\"onSelectionChange()\"\n      >\n        {{option.value}}\n      </mat-checkbox>\n    </section>\n  </ng-container>\n  <ng-template #NODATA>\n    <div class=\"wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</div>\n\n","import { Component, OnInit, inject } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\n\n@Component({\n  selector: 'app-checkbox-selection-demo',\n  templateUrl: './checkbox-demo.component.html',\n  styleUrls: ['./checkbox-demo.component.css'],\n})\nexport class CheckboxSelectionDemoComponent implements OnInit {\n\n  fb = inject(FormBuilder)\n\n  data_1 = [\n    { id: 11, value: 'Telus', selected: true },\n    { id: 12, value: 'AT&T', disabled: true },\n    { id: 14, value: 'Bell', selected: true},\n    { id: 63, value: 'Rogers', selected: true }\n   ]\n\n   data_2 = ['Telus', 'AT&T', 'Bell', 'Rogers']\n\n   data: any = this.data_2\n\n  //  CHECKBOX\n  selectionControl_1 = this.fb.control<any[]|null>(null)\n  selectionControl_2 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_3 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_4 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_5 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_6 = this.fb.control<any[]|null>(null, Validators.required)\n\n  //CHANGE\n  changeDetection_1 = this.fb.control<any[]|null>(null)\n  changeDetection_2 = this.fb.control<any[]|null>(null)\n  changeDetection_3 = this.fb.control<any[]|null>(null)\n  changeDetection_4 = this.fb.control<any[]|null>(null)\n  changeDetection_5 = this.fb.control<any[]|null>(null)\n  changeDetection_6 = this.fb.control<any[]|null>(null)\n\n\n  constructor() { }\n\n  ngOnInit() {\n\n    // CHECKBOX\n    this.selectionControl_1.valueChanges.subscribe(data => {\n      if(this.changeDetection_1.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_2.valueChanges.subscribe(data => {\n      if(this.changeDetection_2.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_3.valueChanges.subscribe(data => {\n      if(this.changeDetection_3.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_4.valueChanges.subscribe(data => {\n      if(this.changeDetection_4.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_5.valueChanges.subscribe(data => {\n      if(this.changeDetection_5.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_6.valueChanges.subscribe(data => {\n      if(this.changeDetection_6.value) console.log('CHANGE:',data)\n    })\n  }\n\n  // DISABLE\n  onDisabled_1(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_1.disable()\n    } else {\n      this.selectionControl_1.enable()\n    }\n\n  }\n\n  onDisabled_2(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_2.disable()\n    } else {\n      this.selectionControl_2.enable()\n    }\n\n  }\n\n  onDisabled_3(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_3.disable()\n    } else {\n      this.selectionControl_3.enable()\n    }\n\n  }\n\n  onDisabled_4(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_4.disable()\n    } else {\n      this.selectionControl_4.enable()\n    }\n\n  }\n\n  onDisabled_5(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_5.disable()\n    } else {\n      this.selectionControl_5.enable()\n    }\n\n  }\n\n  onDisabled_6(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_6.disable()\n    } else {\n      this.selectionControl_6.enable()\n    }\n\n  }\n\n  onPerformPatch() {\n    this.selectionControl_1.patchValue(['Bell', 'Rogers'])\n    this.selectionControl_2.patchValue(['Bell', 'Telus'])\n    this.selectionControl_3.patchValue(['Telus', 'Bell'])\n    this.selectionControl_4.patchValue(['Rogers'])\n    this.selectionControl_5.patchValue(['Rogers'])\n    this.selectionControl_6.patchValue(['Telus', 'Bell', 'Rogers'])\n  }\n\n  onChangeDataType(type: string) {\n    if(type === 'strings') {\n      this.data = this.data_2\n    } else {\n      this.data = this.data_1\n    }\n  }\n\n}\n","<div style=\"display: flex;\">\n  <h1>Checkbox FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n  </div>\n  <app-checkbox-selection-input error=\"No Data Provided\">\n    <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n  </app-checkbox-selection-input>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Checkbox Selection - {{ varTypes.value | uppercase }}</h3>\n\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    [formControl]=\"selectionControl_1\"\n    ></app-checkbox-selection-input>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    No Label and Placeholder<br>\n    Not Required<br>\n    Valid {{ selectionControl_1.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Selections\"\n    placeholder=\"My placeholder\"\n    [formControl]=\"selectionControl_2\"\n    ></app-checkbox-selection-input>\n  <div *ngIf=\"error2.checked\">\n    <mat-error *ngIf=\"selectionControl_2.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable2 (change)=\"onDisabled_2(disable2.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label and Placeholder<br>\n    Required<br>\n    Valid {{ selectionControl_2.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_3.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_3\"\n    [minSelection]=\"2\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error3.checked\">\n    <mat-error *ngIf=\"selectionControl_3.hasError('minRequired')\">Minimum of 1 required</mat-error>\n    <mat-error *ngIf=\"selectionControl_3.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_3\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error3>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable3 (change)=\"onDisabled_3(disable3.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 2 Required<br>\n    Valid {{ selectionControl_3.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_4.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_4\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"false\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error4.checked\">\n    <mat-error *ngIf=\"selectionControl_4.hasError('maxExceeded')\">Maximum reached</mat-error>\n    <mat-error *ngIf=\"selectionControl_4.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_4\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error4>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable4 (change)=\"onDisabled_4(disable4.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Valid {{ selectionControl_4.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_5.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_5\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error5.checked\">\n    <mat-error *ngIf=\"selectionControl_5.hasError('maxExceeded')\">Maximum reached</mat-error>\n    <mat-error *ngIf=\"selectionControl_5.hasError('required')\">This field is Required</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_5\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error5>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable5 (change)=\"onDisabled_5(disable5.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_5.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_6.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_6\"\n    [minSelection]=\"1\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  <div *ngIf=\"error6.checked\">\n    <mat-error *ngIf=\"selectionControl_6.hasError('minRequired')\">Minimum of 1 required</mat-error>\n    <mat-error *ngIf=\"selectionControl_6.hasError('maxExceeded')\">Maximum reached</mat-error>\n  </div>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_6\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error6>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable6 (change)=\"onDisabled_6(disable6.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 1 Required<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_6.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\n\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatOptionModule } from '@angular/material/core';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { CheckboxSelectionInputComponent, CheckboxSelectionDemoComponent, RemoveUnderscorePipe } from '../public-api';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatSliderModule,\n    MatButtonModule,\n    MatIconModule,\n    MatFormFieldModule,\n    MatToolbarModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonToggleModule,\n    MatDividerModule,\n    MatRadioModule,\n    MatInputModule,\n    MatAutocompleteModule,\n    RemoveUnderscorePipe,\n    MatSelectModule,\n    MatOptionModule,\n    MatSlideToggleModule,\n  ],\n  declarations: [\n    CheckboxSelectionInputComponent,\n    CheckboxSelectionDemoComponent,\n  ],\n  exports: [\n    CheckboxSelectionInputComponent,\n    CheckboxSelectionDemoComponent\n  ]\n})\nexport class CheckboxSelectionInputModule { }\n","/*\n * Public API Surface of checkbox-selection-input\n */\n\nexport * from './lib/models/index';\n\nexport * from './lib/pipes/remove-underscore.pipe';\n\nexport * from './lib/checkbox-demo/checkbox-demo.component';\nexport * from './lib/checkbox-selection-input/checkbox-selection-input.component';\nexport * from './lib/checkbox-selection-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i3","i4","i8.CheckboxSelectionInputComponent"],"mappings":"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"}
+{"version":3,"file":"checkbox-selection-input.mjs","sources":["../../../projects/checkbox-selection-input/src/lib/models/selection-basic.model.ts","../../../projects/checkbox-selection-input/src/lib/models/selection-item.model.ts","../../../projects/checkbox-selection-input/src/lib/models/index.ts","../../../projects/checkbox-selection-input/src/lib/pipes/remove-underscore.pipe.ts","../../../projects/checkbox-selection-input/src/lib/checkbox-selection-input/checkbox-selection-input.component.ts","../../../projects/checkbox-selection-input/src/lib/checkbox-selection-input/checkbox-selection-input.component.html","../../../projects/checkbox-selection-input/src/lib/checkbox-demo/checkbox-demo.component.ts","../../../projects/checkbox-selection-input/src/lib/checkbox-demo/checkbox-demo.component.html","../../../projects/checkbox-selection-input/src/lib/checkbox-selection-input.module.ts","../../../projects/checkbox-selection-input/src/public-api.ts","../../../projects/checkbox-selection-input/src/checkbox-selection-input.ts"],"sourcesContent":["export interface SelectionBasicInterface {\n  id: number|string;\n  value: string;\n}\n\nexport class SelectionBasic implements SelectionBasicInterface {\n\n  constructor(\n    public id = 0,\n    public value = '',\n  ) {}\n\n  static adapt(item?: any) {\n\n    return new SelectionBasic(\n      item?.id,\n      (item?.value) ? item.value : item,\n    );\n  }\n\n}\n","export interface SelectionItemInterface {\n  id: number|string;\n  value: string;\n  disabled?: boolean;\n  selected?: boolean;\n}\n\nexport class SelectionItem implements SelectionItemInterface {\n\n  constructor(\n    public id = crypto.randomUUID(),\n    public value = '',\n    public disabled?: boolean,\n    public selected?: boolean,\n  ) {}\n\n  static adapt(item?: any) {\n\n    return new SelectionItem(\n      item?.id,\n      (item?.value) ? item.value : item,\n      (item?.disabled) ? true : false,\n      (item?.selected) ? true : false,\n    );\n  }\n\n}\n","/*\n * Public API Surface of selections\n */\n\nexport * from './selection-basic.model';\nexport * from './selection-item.model';\n\n\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'removeUnderscore',\n  standalone: true\n})\nexport class RemoveUnderscorePipe implements PipeTransform {\n  transform(value: string): string {\n    return value? value.replace(/_/g, \" \") : value;\n  }\n}\n","import { Component, EventEmitter, Input, OnInit, Output, forwardRef, inject } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, FormBuilder, ControlValueAccessor, NG_VALIDATORS, AbstractControl, ValidationErrors, Validators } from '@angular/forms';\nimport { SelectionItem } from '../models/selection-item.model';\n\n@Component({\n    selector: 'app-checkbox-selection-input',\n    templateUrl: './checkbox-selection-input.component.html',\n    styleUrls: ['./checkbox-selection-input.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => CheckboxSelectionInputComponent),\n            multi: true\n        },\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => CheckboxSelectionInputComponent),\n            multi: true\n        }\n    ],\n    standalone: false\n})\nexport class CheckboxSelectionInputComponent implements OnInit, ControlValueAccessor {\n\n  fb = inject(FormBuilder)\n\n  selectionControl = this.fb.group<any>({})\n\n  @Input() label?: string\n  @Input() placeholder?: string\n  @Input() error?: string\n\n  @Input() disableMax = false\n\n  @Input() useDefaultReset = false\n\n  private _minSelection = 0\n  @Input() set minSelection(value: number) {\n    this._minSelection = (value) ? value : 0\n  }\n\n  get minSelection() {\n    return this._minSelection\n  }\n\n  _maxSelection = 0\n  @Input() set maxSelection(value: number) {\n    this._maxSelection = (value) ? value : 0\n  }\n\n  get maxSelection() {\n    return this._maxSelection\n  }\n\n  isObjects = false\n  formInitialized = false\n  raw: any[] = []\n\n  private _data: (any|string)[] = []\n  @Input() set data(value: any[]) {\n\n    this.selectionControl = this.fb.group({})\n\n    this.isObjects = this.hasObjects(value)\n    this.raw = value\n\n    this._data = (value) ? value.map(item => SelectionItem.adapt(item)) : []\n\n    const selected = this.data.filter(item => item.selected).length\n\n    if(this.maxSelection > 0 && selected >= this.maxSelection) {\n      for (let index = this.maxSelection+1; index < this.data.length; index++) {\n        this.data[index].selected = false\n      }\n    }\n\n    this.data.map(item => {\n      const disabled = (item?.disabled) ? item.disabled : false\n      const selected = (item?.selected) ? item.selected : false\n      const newControl = this.fb.control({ value: selected, disabled }, Validators.required)\n      this.selectionControl.addControl(item.value, newControl)\n    })\n\n    this.initSelection()\n\n  }\n\n  get data() {\n    return this._data\n  }\n\n  @Output() selectionChange = new EventEmitter<string[]>()\n\n  onChange: any = () => {}\n  onTouch: any = () => {}\n\n  // invalid = false\n\n  disabled = false\n\n  isArray = (obj: any) => Array.isArray(obj)\n  isObject = (obj: any) => typeof obj === 'object' && obj !== null && !Array.isArray(obj)\n  hasObjects = (obj: any) => (this.isArray(obj) && obj.length > 0) ? this.isObject(obj[0]) : false\n  objectIsEmpty = (obj: any) => Object.keys(obj).length === 0\n\n  selectedCheckboxes = (obj: any) => Object.keys(obj).filter(key => obj[key])\n\n\n  constructor() { }\n\n  ngOnInit() {\n\n  }\n\n  ngAfterViewInit() {\n    this.formInitialized = true\n  }\n\n  initSelection() {\n\n    const selectedCount = this.selectedCheckboxes(this.selectionControl.value).length\n    const hasMax = selectedCount >= this.maxSelection && this.maxSelection > 0\n\n    if(hasMax && this.disableMax) {\n      const disable = this.selectedValues(this.selectionControl.value, false)\n      disable.map(item => this.selectionControl.controls[item].disable())\n    } else {\n      const enable = this.data.filter(item => (!item.disabled)).map(item => item.value)\n      enable.map(item => this.selectionControl.controls[item].enable())\n    }\n\n  }\n\n  writeValue(value: string[]) {\n\n    const selected = value?.reduce((acc, item) => { return { ...acc, [item]: true } }, {})\n\n    const newSelected = (selected && Object.keys(selected).length > this.maxSelection && this.maxSelection > 0)\n      ? this.removeLast(selected, Object.keys(selected).length - this.maxSelection)\n      : selected\n\n    if(newSelected) {\n      this.selectionControl.patchValue(newSelected, { emitEvent: false })\n    } else {\n      if(this.formInitialized) this.selectionControl.reset()\n    }\n\n    this.formInitialized = true\n\n  }\n\n  validate(control: AbstractControl): ValidationErrors | null {\n\n    const isRequired = control.hasValidator(Validators.required) ? true : false\n\n    let errors = { 'minRequired': false, 'maxExceeded': false }\n\n    const selectedCount = this.selectedCheckboxes(this.selectionControl.value).length\n\n    const hasValue = selectedCount > 0\n\n    const hasMin = selectedCount < this.minSelection\n    if(this.minSelection > 0) errors.minRequired = hasMin\n\n    const hasMax = selectedCount >= this.maxSelection && this.maxSelection > 0\n    if(this.maxSelection > 0) errors.maxExceeded = hasMax\n\n    if(hasMax && this.disableMax) {\n      const disable = this.selectedValues(this.selectionControl.value, false)\n      disable.map(item => this.selectionControl.controls[item].disable())\n    } else {\n      const enable = this.data.filter(item => (!item.disabled)).map(item => item.value)\n      enable.map(item => this.selectionControl.controls[item].enable())\n    }\n\n    const hasErrors = this.selectedValues(errors, true).length > 0\n    const values = this.selectedValues(this.selectionControl.value, true).length\n\n    const hasValues = (this.minSelection > 0 && values > this.minSelection) || (this.maxSelection > 0 && values < this.maxSelection)\n\n    const finalErrors = (isRequired && !hasValues && hasErrors) ? errors : null\n\n    return finalErrors\n\n  }\n\n  registerOnChange(fn: any){\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any){\n    this.onTouch = fn\n  }\n\n  setDisabledState(isDisabled: boolean) {\n\n    this.disabled = isDisabled\n\n    if(this.disabled) {\n      this.selectionControl.disable()\n    } else {\n      this.selectionControl.enable()\n    }\n  }\n\n  onSelectionChange() {\n\n    const data = this.selectedCheckboxes(this.selectionControl.value)\n    const selectedData = (this.isObjects) ? this.raw.filter(item => data.includes(item.value)) : data\n\n    this.onChange(selectedData)\n    this.selectionChange.emit(selectedData)\n\n  }\n\n  selectedValues(obj: any, state = false) {\n    return Object.entries(obj).filter(([key, value]) => value === state).map(([key, _]) => key)\n  }\n\n  removeLast(obj: any, index: number) {\n    const entries = Object.entries(obj)\n    const slicedEntries = entries.slice(0, entries.length - index)\n    return Object.fromEntries(slicedEntries)\n  }\n\n}\n","<div style=\"display: flex; flex-direction: column;\">\n  <mat-label style=\"padding-left: 1rem; font-size: larger;\">\n    {{ label }}\n  </mat-label>\n  <mat-label style=\"padding-left: 1rem; color: grey;\">\n    {{ placeholder }}\n  </mat-label>\n  @if (data.length > 0) {\n    <section\n      [formGroup]=\"selectionControl\"\n      class=\"container\"\n      >\n      @for (option of data; track option) {\n        <mat-checkbox\n          class=\"item\"\n          color=\"primary\"\n          [formControlName]=\"option.value\"\n          [value]=\"option.value\"\n          (change)=\"onSelectionChange()\"\n          >\n          {{option.value}}\n        </mat-checkbox>\n      }\n    </section>\n  } @else {\n    <div class=\"wrapper\">\n      <ng-content></ng-content>\n    </div>\n  }\n</div>\n\n","import { Component, OnInit, inject } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\n\n@Component({\n    selector: 'app-checkbox-selection-demo',\n    templateUrl: './checkbox-demo.component.html',\n    styleUrls: ['./checkbox-demo.component.css'],\n    standalone: false\n})\nexport class CheckboxSelectionDemoComponent implements OnInit {\n\n  fb = inject(FormBuilder)\n\n  data_1 = [\n    { id: 11, value: 'Telus', selected: true },\n    { id: 12, value: 'AT&T', disabled: true },\n    { id: 14, value: 'Bell', selected: true},\n    { id: 63, value: 'Rogers', selected: true }\n   ]\n\n   data_2 = ['Telus', 'AT&T', 'Bell', 'Rogers']\n\n   data: any = this.data_2\n\n  //  CHECKBOX\n  selectionControl_1 = this.fb.control<any[]|null>(null)\n  selectionControl_2 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_3 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_4 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_5 = this.fb.control<any[]|null>(null, Validators.required)\n  selectionControl_6 = this.fb.control<any[]|null>(null, Validators.required)\n\n  //CHANGE\n  changeDetection_1 = this.fb.control<any[]|null>(null)\n  changeDetection_2 = this.fb.control<any[]|null>(null)\n  changeDetection_3 = this.fb.control<any[]|null>(null)\n  changeDetection_4 = this.fb.control<any[]|null>(null)\n  changeDetection_5 = this.fb.control<any[]|null>(null)\n  changeDetection_6 = this.fb.control<any[]|null>(null)\n\n\n  constructor() { }\n\n  ngOnInit() {\n\n    // CHECKBOX\n    this.selectionControl_1.valueChanges.subscribe(data => {\n      if(this.changeDetection_1.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_2.valueChanges.subscribe(data => {\n      if(this.changeDetection_2.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_3.valueChanges.subscribe(data => {\n      if(this.changeDetection_3.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_4.valueChanges.subscribe(data => {\n      if(this.changeDetection_4.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_5.valueChanges.subscribe(data => {\n      if(this.changeDetection_5.value) console.log('CHANGE:',data)\n    })\n\n    this.selectionControl_6.valueChanges.subscribe(data => {\n      if(this.changeDetection_6.value) console.log('CHANGE:',data)\n    })\n  }\n\n  // DISABLE\n  onDisabled_1(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_1.disable()\n    } else {\n      this.selectionControl_1.enable()\n    }\n\n  }\n\n  onDisabled_2(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_2.disable()\n    } else {\n      this.selectionControl_2.enable()\n    }\n\n  }\n\n  onDisabled_3(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_3.disable()\n    } else {\n      this.selectionControl_3.enable()\n    }\n\n  }\n\n  onDisabled_4(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_4.disable()\n    } else {\n      this.selectionControl_4.enable()\n    }\n\n  }\n\n  onDisabled_5(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_5.disable()\n    } else {\n      this.selectionControl_5.enable()\n    }\n\n  }\n\n  onDisabled_6(disable: boolean) {\n\n    if(disable) {\n      this.selectionControl_6.disable()\n    } else {\n      this.selectionControl_6.enable()\n    }\n\n  }\n\n  onPerformPatch() {\n    this.selectionControl_1.patchValue(['Bell', 'Rogers'])\n    this.selectionControl_2.patchValue(['Bell', 'Telus'])\n    this.selectionControl_3.patchValue(['Telus', 'Bell'])\n    this.selectionControl_4.patchValue(['Rogers'])\n    this.selectionControl_5.patchValue(['Rogers'])\n    this.selectionControl_6.patchValue(['Telus', 'Bell', 'Rogers'])\n  }\n\n  onChangeDataType(type: string) {\n    if(type === 'strings') {\n      this.data = this.data_2\n    } else {\n      this.data = this.data_1\n    }\n  }\n\n}\n","<div style=\"display: flex;\">\n  <h1>Checkbox FormControl</h1>\n  <div style=\"flex:1; text-align: right;\">\n    <div style=\"display: flex; gap: 2rem; flex-direction: row-reverse;\">\n      <mat-button-toggle (click)=\"onPerformPatch()\">Patch</mat-button-toggle>\n      <mat-button-toggle-group #varTypes=\"matButtonToggleGroup\" (change)=\"onChangeDataType(varTypes.value)\">\n        <mat-button-toggle value=\"strings\" checked=\"true\">Strings</mat-button-toggle>\n        <mat-button-toggle value=\"objects\" checked=\"false\">Objects</mat-button-toggle>\n      </mat-button-toggle-group>\n    </div>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n  </div>\n  <app-checkbox-selection-input error=\"No Data Provided\">\n    <h3 style=\"color: red; margin-top: 0; margin-bottom: 0;\">No Data</h3>\n  </app-checkbox-selection-input>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <h3 style=\"margin-bottom: 0;\">Checkbox Selection - {{ varTypes.value | uppercase }}</h3>\n\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_1.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    [formControl]=\"selectionControl_1\"\n  ></app-checkbox-selection-input>\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_1\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #disable1 (change)=\"onDisabled_1(disable1.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    No Label and Placeholder<br>\n    Not Required<br>\n    Valid {{ selectionControl_1.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_2.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Selections\"\n    placeholder=\"My placeholder\"\n    [formControl]=\"selectionControl_2\"\n  ></app-checkbox-selection-input>\n  @if (error2.checked) {\n    <div>\n      @if (selectionControl_2.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_2\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error2>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable2 (change)=\"onDisabled_2(disable2.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label and Placeholder<br>\n    Required<br>\n    Valid {{ selectionControl_2.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_3.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_3\"\n    [minSelection]=\"2\"\n  ></app-checkbox-selection-input>\n  @if (error3.checked) {\n    <div>\n      @if (selectionControl_3.hasError('minRequired')) {\n        <mat-error>Minimum of 1 required</mat-error>\n      }\n      @if (selectionControl_3.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_3\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error3>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable3 (change)=\"onDisabled_3(disable3.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 2 Required<br>\n    Valid {{ selectionControl_3.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_4.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_4\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"false\"\n  ></app-checkbox-selection-input>\n  @if (error4.checked) {\n    <div>\n      @if (selectionControl_4.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n      @if (selectionControl_4.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_4\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error4>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable4 (change)=\"onDisabled_4(disable4.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Valid {{ selectionControl_4.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_5.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_5\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  @if (error5.checked) {\n    <div>\n      @if (selectionControl_5.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n      @if (selectionControl_5.hasError('required')) {\n        <mat-error>This field is Required</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_5\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error5>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable5 (change)=\"onDisabled_5(disable5.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_5.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n\n\n<div>\n  <div style=\"display: flex;\">\n    <span style=\"flex:1\"></span>\n    <button mat-button (click)=\"selectionControl_6.reset()\">Reset</button>\n  </div>\n  <app-checkbox-selection-input\n    [data]=\"data\"\n    label=\"Providers\"\n    [formControl]=\"selectionControl_6\"\n    [minSelection]=\"1\"\n    [maxSelection]=\"2\"\n    [disableMax]=\"true\"\n  ></app-checkbox-selection-input>\n  @if (error6.checked) {\n    <div>\n      @if (selectionControl_6.hasError('minRequired')) {\n        <mat-error>Minimum of 1 required</mat-error>\n      }\n      @if (selectionControl_6.hasError('maxExceeded')) {\n        <mat-error>Maximum reached</mat-error>\n      }\n    </div>\n  }\n  <div style=\"display: flex; gap: 2rem; margin-top: 2rem;\">\n    <mat-slide-toggle [formControl]=\"changeDetection_6\">Change Detection</mat-slide-toggle>\n    <mat-slide-toggle #error6>Display Error</mat-slide-toggle>\n    <mat-slide-toggle #disable6 (change)=\"onDisabled_6(disable6.checked)\">Disable</mat-slide-toggle>\n    <span style=\"flex:1\"></span>\n  </div>\n  <div style=\"margin-top: 2rem;\">\n    Label<br>\n    Minimum of 1 Required<br>\n    Maximum of 2 Required<br>\n    Disable if Max Reached<br>\n    Valid {{ selectionControl_6.valid }}<br>\n  </div>\n  <div style=\"margin-top: .5rem; margin-bottom: 1rem;\">\n    <mat-divider></mat-divider>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatSliderModule } from '@angular/material/slider';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatRadioModule } from '@angular/material/radio';\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\n\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\nimport { MatToolbarModule } from '@angular/material/toolbar';\nimport { MatOptionModule } from '@angular/material/core';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { CheckboxSelectionInputComponent, CheckboxSelectionDemoComponent, RemoveUnderscorePipe } from '../public-api';\n\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatSliderModule,\n    MatButtonModule,\n    MatIconModule,\n    MatFormFieldModule,\n    MatToolbarModule,\n    MatCheckboxModule,\n    MatMenuModule,\n    MatButtonToggleModule,\n    MatDividerModule,\n    MatRadioModule,\n    MatInputModule,\n    MatAutocompleteModule,\n    RemoveUnderscorePipe,\n    MatSelectModule,\n    MatOptionModule,\n    MatSlideToggleModule,\n  ],\n  declarations: [\n    CheckboxSelectionInputComponent,\n    CheckboxSelectionDemoComponent,\n  ],\n  exports: [\n    CheckboxSelectionInputComponent,\n    CheckboxSelectionDemoComponent\n  ]\n})\nexport class CheckboxSelectionInputModule { }\n","/*\n * Public API Surface of checkbox-selection-input\n */\n\nexport * from './lib/models/index';\n\nexport * from './lib/pipes/remove-underscore.pipe';\n\nexport * from './lib/checkbox-demo/checkbox-demo.component';\nexport * from './lib/checkbox-selection-input/checkbox-selection-input.component';\nexport * from './lib/checkbox-selection-input.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i3","i7.CheckboxSelectionInputComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,15 @@
 {
   "name": "checkbox-selection-input",
-  "version": "15.0.4",
+  "version": "15.0.5",
+  "homepage": "https://wavecoders.ca",
+  "author": "Mike Bonifacio <wavecoders@gmail.com> (http://wavecoders@gmail.com/)",
+  "description": "This is an Angular Module containing Components/Services using Material",
+  "funding": [
+    {
+      "type": "individual",
+      "url": "http://wavecoders.ca/donate"
+    }
+  ],
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0"
@@ -10,15 +19,13 @@
   },
   "sideEffects": false,
   "module": "fesm2022/checkbox-selection-input.mjs",
-  "typings": "index.d.ts",
+  "typings": "types/checkbox-selection-input.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/checkbox-selection-input.mjs",
-      "esm": "./esm2022/checkbox-selection-input.mjs",
+      "types": "./types/checkbox-selection-input.d.ts",
       "default": "./fesm2022/checkbox-selection-input.mjs"
     }
   }