@bravobit/bb-foundation 0.21.0 → 0.21.3

package/fesm2020/bravobit-bb-foundation-controls.mjs

@@ -5,241 +5,241 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
-class BbiCheckboxGroup {
-    constructor(_changeDetectorRef) {
-        this._changeDetectorRef = _changeDetectorRef;
-        // Inputs.
-        this.label = null; // TODO(Stan): Add template possibilities here.
-        this._grouped = false;
-        this._required = false;
-        this._inline = false;
-    }
-    // Grouped.
-    get grouped() { return this._grouped; }
-    set grouped(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.grouped) {
-            this._grouped = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    // Required.
-    get required() { return this._required; }
-    set required(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.required) {
-            this._required = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    // Inline.
-    get inline() { return this._inline; }
-    set inline(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.inline) {
-            this._inline = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-}
-BbiCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbiCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BbiCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: BbiCheckboxGroup, selector: "bbi-checkbox-group", inputs: { label: "label", grouped: "grouped", required: "required", inline: "inline" }, host: { properties: { "class.grouped": "grouped", "class.required": "required", "class.inline": "inline" }, classAttribute: "bbi-checkbox-group" }, ngImport: i0, template: "<label *ngIf=\"label as label\"\r\n       class=\"bbi-checkbox-group-label\">\r\n    {{ label }}\r\n</label>\r\n\r\n<div class=\"bbi-checkbox-group-items\">\r\n    <ng-content select=\"bbi-checkbox\"></ng-content>\r\n</div>\r\n", styles: [".bbi-checkbox-group{display:block}.bbi-checkbox-group.grouped{margin-bottom:var(--checkbox-group-grouping, 20px)}.bbi-checkbox-group.required>.bbi-checkbox-group-label:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5}.bbi-checkbox-group-label{border:0;padding:0;line-height:1.33;margin-bottom:4px;font-family:inherit;display:inline-block;box-sizing:border-box;vertical-align:initial;color:var(--checkbox-group-label-color, #525252);font-size:var(--checkbox-group-label-font-size, 14px);font-weight:var(--checkbox-group-label-font-weight, 400)}.bbi-checkbox-group-items{display:flex;flex-direction:column}.bbi-checkbox-group-items:not(:empty){margin-bottom:-var(--checkbox-group-item-spacing-vertical,4px)}.bbi-checkbox-group-items>*{margin-bottom:var(--checkbox-group-item-spacing-vertical, 4px)}@media only screen and (min-width: 768px){.bbi-checkbox-group.inline>.bbi-checkbox-group-items{flex-wrap:wrap;flex-direction:row}.bbi-checkbox-group.inline>.bbi-checkbox-group-items>*:not(:last-child){margin-right:var(--checkbox-group-item-spacing-horizontal, 10px)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbiCheckboxGroup, decorators: [{
-            type: Component,
-            args: [{ selector: 'bbi-checkbox-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        'class': 'bbi-checkbox-group',
-                        '[class.grouped]': 'grouped',
-                        '[class.required]': 'required',
-                        '[class.inline]': 'inline'
-                    }, preserveWhitespaces: false, template: "<label *ngIf=\"label as label\"\r\n       class=\"bbi-checkbox-group-label\">\r\n    {{ label }}\r\n</label>\r\n\r\n<div class=\"bbi-checkbox-group-items\">\r\n    <ng-content select=\"bbi-checkbox\"></ng-content>\r\n</div>\r\n", styles: [".bbi-checkbox-group{display:block}.bbi-checkbox-group.grouped{margin-bottom:var(--checkbox-group-grouping, 20px)}.bbi-checkbox-group.required>.bbi-checkbox-group-label:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5}.bbi-checkbox-group-label{border:0;padding:0;line-height:1.33;margin-bottom:4px;font-family:inherit;display:inline-block;box-sizing:border-box;vertical-align:initial;color:var(--checkbox-group-label-color, #525252);font-size:var(--checkbox-group-label-font-size, 14px);font-weight:var(--checkbox-group-label-font-weight, 400)}.bbi-checkbox-group-items{display:flex;flex-direction:column}.bbi-checkbox-group-items:not(:empty){margin-bottom:-var(--checkbox-group-item-spacing-vertical,4px)}.bbi-checkbox-group-items>*{margin-bottom:var(--checkbox-group-item-spacing-vertical, 4px)}@media only screen and (min-width: 768px){.bbi-checkbox-group.inline>.bbi-checkbox-group-items{flex-wrap:wrap;flex-direction:row}.bbi-checkbox-group.inline>.bbi-checkbox-group-items>*:not(:last-child){margin-right:var(--checkbox-group-item-spacing-horizontal, 10px)}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
-                type: Input
-            }], grouped: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], inline: [{
-                type: Input
+class BbiCheckboxGroup {
+    constructor(_changeDetectorRef) {
+        this._changeDetectorRef = _changeDetectorRef;
+        // Inputs.
+        this.label = null; // TODO(Stan): Add template possibilities here.
+        this._grouped = false;
+        this._required = false;
+        this._inline = false;
+    }
+    // Grouped.
+    get grouped() { return this._grouped; }
+    set grouped(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.grouped) {
+            this._grouped = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    // Required.
+    get required() { return this._required; }
+    set required(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.required) {
+            this._required = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    // Inline.
+    get inline() { return this._inline; }
+    set inline(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.inline) {
+            this._inline = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+}
+BbiCheckboxGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbiCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BbiCheckboxGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", type: BbiCheckboxGroup, selector: "bbi-checkbox-group", inputs: { label: "label", grouped: "grouped", required: "required", inline: "inline" }, host: { properties: { "class.grouped": "grouped", "class.required": "required", "class.inline": "inline" }, classAttribute: "bbi-checkbox-group" }, ngImport: i0, template: "<label *ngIf=\"label as label\"\n       class=\"bbi-checkbox-group-label\">\n    {{ label }}\n</label>\n\n<div class=\"bbi-checkbox-group-items\">\n    <ng-content select=\"bbi-checkbox\"></ng-content>\n</div>\n", styles: [".bbi-checkbox-group{display:block}.bbi-checkbox-group.grouped{margin-bottom:var(--checkbox-group-grouping, 20px)}.bbi-checkbox-group.required>.bbi-checkbox-group-label:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5}.bbi-checkbox-group-label{border:0;padding:0;line-height:1.33;margin-bottom:4px;font-family:inherit;display:inline-block;box-sizing:border-box;vertical-align:initial;color:var(--checkbox-group-label-color, #525252);font-size:var(--checkbox-group-label-font-size, 14px);font-weight:var(--checkbox-group-label-font-weight, 400)}.bbi-checkbox-group-items{display:flex;flex-direction:column}.bbi-checkbox-group-items:not(:empty){margin-bottom:-var(--checkbox-group-item-spacing-vertical,4px)}.bbi-checkbox-group-items>*{margin-bottom:var(--checkbox-group-item-spacing-vertical, 4px)}@media only screen and (min-width: 768px){.bbi-checkbox-group.inline>.bbi-checkbox-group-items{flex-wrap:wrap;flex-direction:row}.bbi-checkbox-group.inline>.bbi-checkbox-group-items>*:not(:last-child){margin-right:var(--checkbox-group-item-spacing-horizontal, 10px)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbiCheckboxGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'bbi-checkbox-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'class': 'bbi-checkbox-group',
+                        '[class.grouped]': 'grouped',
+                        '[class.required]': 'required',
+                        '[class.inline]': 'inline'
+                    }, preserveWhitespaces: false, template: "<label *ngIf=\"label as label\"\n       class=\"bbi-checkbox-group-label\">\n    {{ label }}\n</label>\n\n<div class=\"bbi-checkbox-group-items\">\n    <ng-content select=\"bbi-checkbox\"></ng-content>\n</div>\n", styles: [".bbi-checkbox-group{display:block}.bbi-checkbox-group.grouped{margin-bottom:var(--checkbox-group-grouping, 20px)}.bbi-checkbox-group.required>.bbi-checkbox-group-label:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5}.bbi-checkbox-group-label{border:0;padding:0;line-height:1.33;margin-bottom:4px;font-family:inherit;display:inline-block;box-sizing:border-box;vertical-align:initial;color:var(--checkbox-group-label-color, #525252);font-size:var(--checkbox-group-label-font-size, 14px);font-weight:var(--checkbox-group-label-font-weight, 400)}.bbi-checkbox-group-items{display:flex;flex-direction:column}.bbi-checkbox-group-items:not(:empty){margin-bottom:-var(--checkbox-group-item-spacing-vertical,4px)}.bbi-checkbox-group-items>*{margin-bottom:var(--checkbox-group-item-spacing-vertical, 4px)}@media only screen and (min-width: 768px){.bbi-checkbox-group.inline>.bbi-checkbox-group-items{flex-wrap:wrap;flex-direction:row}.bbi-checkbox-group.inline>.bbi-checkbox-group-items>*:not(:last-child){margin-right:var(--checkbox-group-item-spacing-horizontal, 10px)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { label: [{
+                type: Input
+            }], grouped: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], inline: [{
+                type: Input
             }] } });
 
-let nextUniqueId = 0;
-class BbiCheckbox {
-    constructor(_renderer, _changeDetectorRef) {
-        this._renderer = _renderer;
-        this._changeDetectorRef = _changeDetectorRef;
-        // Readonly data.
-        this.labelId = `bbi-checkbox-${nextUniqueId++}`;
-        // Outputs.
-        this.checkedChange = new EventEmitter();
-        this.indeterminateChange = new EventEmitter();
-        this._checked = false;
-        this._disabled = false;
-        this._grouped = false;
-        this._indeterminate = false;
-        this._required = false;
-        // Methods.
-        this.onChange = () => ({});
-        this.onTouched = () => ({});
-    }
-    // Checked.
-    get checked() { return this._checked; }
-    set checked(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.checked) {
-            this._checked = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    // Disabled.
-    get disabled() { return this._disabled; }
-    set disabled(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.disabled) {
-            this._disabled = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    // Grouped.
-    get grouped() { return this._grouped; }
-    set grouped(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.grouped) {
-            this._grouped = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    // Indeterminate.
-    get indeterminate() { return this._indeterminate; }
-    set indeterminate(value) {
-        this._indeterminate = coerceBooleanProperty(value);
-        this.syncField('indeterminate', this._indeterminate);
-    }
-    // Required.
-    get required() { return this._required; }
-    set required(value) {
-        const newValue = coerceBooleanProperty(value);
-        if (newValue !== this.required) {
-            this._required = newValue;
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    ngAfterViewInit() {
-        this.syncField('indeterminate', this._indeterminate);
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    writeValue(newValue) {
-        this.checked = !!newValue;
-    }
-    toggle() {
-        this.checked = !this.checked;
-    }
-    onClickEvent(event) {
-        event.stopPropagation();
-        if (this.disabled) {
-            return;
-        }
-        // When user manually click on the checkbox, `indeterminate` is set to false.
-        if (this.indeterminate) {
-            Promise.resolve().then(() => {
-                this._indeterminate = false;
-                this.indeterminateChange.emit(this._indeterminate);
-            });
-        }
-        this.toggle();
-        // Emit our custom change event if the native input emitted one.
-        // It is important to only emit it, if the native input triggered one, because
-        // we don't want to trigger a change event, when the `checked` variable changes for example.
-        this.emitChangeEvent();
-    }
-    onChangeEvent(event) {
-        // We always have to stop propagation on the change event.
-        // Otherwise the change event, from the input element, will bubble up and
-        // emit its event object to the `change` output.
-        event.stopPropagation();
-    }
-    emitChangeEvent() {
-        this.onChange?.(this.checked);
-        this.checkedChange.emit(this.checked);
-        this.syncField('checked', this.checked);
-    }
-    syncField(field, value) {
-        const element = this.inputElementRef?.nativeElement;
-        if (!element) {
-            return;
-        }
-        this._renderer.setProperty(element, field, value);
-    }
-}
-BbiCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbiCheckbox, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BbiCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", type: BbiCheckbox, selector: "bbi-checkbox", inputs: { checked: "checked", disabled: "disabled", grouped: "grouped", indeterminate: "indeterminate", required: "required" }, outputs: { checkedChange: "checkedChange", indeterminateChange: "indeterminateChange" }, host: { properties: { "class.grouped": "grouped", "class.indeterminate": "indeterminate", "class.required": "required" }, classAttribute: "bbi-checkbox" }, providers: [
-        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true }
-    ], viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input #input\r\n       [id]=\"labelId\"\r\n       [disabled]=\"disabled\"\r\n       [checked]=\"checked\"\r\n       (change)=\"onChangeEvent($event)\"\r\n       (click)=\"onClickEvent($event)\"\r\n       (blur)=\"onTouched()\"\r\n       class=\"bbi-checkbox-input\"\r\n       type=\"checkbox\">\r\n<label [attr.for]=\"labelId\"\r\n       class=\"bbi-checkbox-label\">\r\n    <span class=\"bbi-checkbox-text\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: [".bbi-checkbox{display:block}.bbi-checkbox.grouped{margin-bottom:var(--checkbox-grouping, 20px)}.bbi-checkbox.required>.bbi-checkbox-label>.bbi-checkbox-text:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5;margin-left:3px}.bbi-checkbox-input{border:0;width:1px;padding:0;height:1px;margin:-1px;overflow:hidden;position:absolute;visibility:inherit;white-space:nowrap;clip:rect(0,0,0,0)}.bbi-checkbox-input:checked+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:before{background-color:var(--checkbox-accent-color, var(--accent-color, #1565c0));border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-accent-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:checked+.bbi-checkbox-label:after,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{opacity:1;transform:scale(1) rotate(-45deg)}.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{left:calc(var(--checkbox-size, 20px) / 4);width:calc(var(--checkbox-size, 20px) / 2);transform:scale(1) rotate(0);border-left:0 solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white)}.bbi-checkbox-input:focus+.bbi-checkbox-label:before{outline-color:var(--checkbox-outline-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:disabled+.bbi-checkbox-label{cursor:not-allowed;color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label:before{border-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label>.bbi-checkbox-text{color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:checked:disabled+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate:disabled+.bbi-checkbox-label:before{background-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-label{border:0;margin:0;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;font-family:inherit;vertical-align:initial;min-height:var(--checkbox-size, 20px);padding-left:var(--checkbox-size, 20px)}.bbi-checkbox-label:before{left:0;content:\"\";position:absolute;width:var(--checkbox-size, 20px);height:var(--checkbox-size, 20px);background-color:initial;border-radius:var(--checkbox-border-radius, 4px);outline-offset:var(--checkbox-outline-offset, 1px);outline:var(--checkbox-outline-thickness, 2px) solid transparent;border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-border-color, #111111);transition:outline-color .2s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1),border-color .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-label:after{opacity:0;content:\"\";background:none;position:absolute;transform-origin:center;width:var(--checkbox-check-size, 12px);transform:scale(.85) rotate(-60deg);height:calc(var(--checkbox-check-size, 12px) / 2);top:calc(50% - var(--checkbox-check-size, 12px) / 2 * .75);left:calc((var(--checkbox-size, 20px) - var(--checkbox-check-size, 12px)) / 2);border-left:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-text{color:var(--checkbox-label-color, #111111);padding-left:var(--checkbox-label-offset, 6px);font-size:var(--checkbox-label-font-size, 16px);font-weight:var(--checkbox-label-font-weight, 400);line-height:var(--checkbox-label-line-height, 1.28)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbiCheckbox, decorators: [{
-            type: Component,
-            args: [{ selector: 'bbi-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true }
-                    ], host: {
-                        'class': 'bbi-checkbox',
-                        '[class.grouped]': 'grouped',
-                        '[class.indeterminate]': 'indeterminate',
-                        '[class.required]': 'required'
-                    }, preserveWhitespaces: false, template: "<input #input\r\n       [id]=\"labelId\"\r\n       [disabled]=\"disabled\"\r\n       [checked]=\"checked\"\r\n       (change)=\"onChangeEvent($event)\"\r\n       (click)=\"onClickEvent($event)\"\r\n       (blur)=\"onTouched()\"\r\n       class=\"bbi-checkbox-input\"\r\n       type=\"checkbox\">\r\n<label [attr.for]=\"labelId\"\r\n       class=\"bbi-checkbox-label\">\r\n    <span class=\"bbi-checkbox-text\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: [".bbi-checkbox{display:block}.bbi-checkbox.grouped{margin-bottom:var(--checkbox-grouping, 20px)}.bbi-checkbox.required>.bbi-checkbox-label>.bbi-checkbox-text:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5;margin-left:3px}.bbi-checkbox-input{border:0;width:1px;padding:0;height:1px;margin:-1px;overflow:hidden;position:absolute;visibility:inherit;white-space:nowrap;clip:rect(0,0,0,0)}.bbi-checkbox-input:checked+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:before{background-color:var(--checkbox-accent-color, var(--accent-color, #1565c0));border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-accent-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:checked+.bbi-checkbox-label:after,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{opacity:1;transform:scale(1) rotate(-45deg)}.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{left:calc(var(--checkbox-size, 20px) / 4);width:calc(var(--checkbox-size, 20px) / 2);transform:scale(1) rotate(0);border-left:0 solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white)}.bbi-checkbox-input:focus+.bbi-checkbox-label:before{outline-color:var(--checkbox-outline-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:disabled+.bbi-checkbox-label{cursor:not-allowed;color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label:before{border-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label>.bbi-checkbox-text{color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:checked:disabled+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate:disabled+.bbi-checkbox-label:before{background-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-label{border:0;margin:0;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;font-family:inherit;vertical-align:initial;min-height:var(--checkbox-size, 20px);padding-left:var(--checkbox-size, 20px)}.bbi-checkbox-label:before{left:0;content:\"\";position:absolute;width:var(--checkbox-size, 20px);height:var(--checkbox-size, 20px);background-color:initial;border-radius:var(--checkbox-border-radius, 4px);outline-offset:var(--checkbox-outline-offset, 1px);outline:var(--checkbox-outline-thickness, 2px) solid transparent;border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-border-color, #111111);transition:outline-color .2s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1),border-color .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-label:after{opacity:0;content:\"\";background:none;position:absolute;transform-origin:center;width:var(--checkbox-check-size, 12px);transform:scale(.85) rotate(-60deg);height:calc(var(--checkbox-check-size, 12px) / 2);top:calc(50% - var(--checkbox-check-size, 12px) / 2 * .75);left:calc((var(--checkbox-size, 20px) - var(--checkbox-check-size, 12px)) / 2);border-left:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-text{color:var(--checkbox-label-color, #111111);padding-left:var(--checkbox-label-offset, 6px);font-size:var(--checkbox-label-font-size, 16px);font-weight:var(--checkbox-label-font-weight, 400);line-height:var(--checkbox-label-line-height, 1.28)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { inputElementRef: [{
-                type: ViewChild,
-                args: ['input', { static: true }]
-            }], checkedChange: [{
-                type: Output
-            }], indeterminateChange: [{
-                type: Output
-            }], checked: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], grouped: [{
-                type: Input
-            }], indeterminate: [{
-                type: Input
-            }], required: [{
-                type: Input
+let nextUniqueId = 0;
+class BbiCheckbox {
+    constructor(_renderer, _changeDetectorRef) {
+        this._renderer = _renderer;
+        this._changeDetectorRef = _changeDetectorRef;
+        // Readonly data.
+        this.labelId = `bbi-checkbox-${nextUniqueId++}`;
+        // Outputs.
+        this.checkedChange = new EventEmitter();
+        this.indeterminateChange = new EventEmitter();
+        this._checked = false;
+        this._disabled = false;
+        this._grouped = false;
+        this._indeterminate = false;
+        this._required = false;
+        // Methods.
+        this.onChange = () => ({});
+        this.onTouched = () => ({});
+    }
+    // Checked.
+    get checked() { return this._checked; }
+    set checked(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.checked) {
+            this._checked = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    // Disabled.
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.disabled) {
+            this._disabled = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    // Grouped.
+    get grouped() { return this._grouped; }
+    set grouped(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.grouped) {
+            this._grouped = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    // Indeterminate.
+    get indeterminate() { return this._indeterminate; }
+    set indeterminate(value) {
+        this._indeterminate = coerceBooleanProperty(value);
+        this.syncField('indeterminate', this._indeterminate);
+    }
+    // Required.
+    get required() { return this._required; }
+    set required(value) {
+        const newValue = coerceBooleanProperty(value);
+        if (newValue !== this.required) {
+            this._required = newValue;
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    ngAfterViewInit() {
+        this.syncField('indeterminate', this._indeterminate);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    writeValue(newValue) {
+        this.checked = !!newValue;
+    }
+    toggle() {
+        this.checked = !this.checked;
+    }
+    onClickEvent(event) {
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        // When user manually click on the checkbox, `indeterminate` is set to false.
+        if (this.indeterminate) {
+            Promise.resolve().then(() => {
+                this._indeterminate = false;
+                this.indeterminateChange.emit(this._indeterminate);
+            });
+        }
+        this.toggle();
+        // Emit our custom change event if the native input emitted one.
+        // It is important to only emit it, if the native input triggered one, because
+        // we don't want to trigger a change event, when the `checked` variable changes for example.
+        this.emitChangeEvent();
+    }
+    onChangeEvent(event) {
+        // We always have to stop propagation on the change event.
+        // Otherwise the change event, from the input element, will bubble up and
+        // emit its event object to the `change` output.
+        event.stopPropagation();
+    }
+    emitChangeEvent() {
+        this.onChange?.(this.checked);
+        this.checkedChange.emit(this.checked);
+        this.syncField('checked', this.checked);
+    }
+    syncField(field, value) {
+        const element = this.inputElementRef?.nativeElement;
+        if (!element) {
+            return;
+        }
+        this._renderer.setProperty(element, field, value);
+    }
+}
+BbiCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbiCheckbox, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BbiCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", type: BbiCheckbox, selector: "bbi-checkbox", inputs: { checked: "checked", disabled: "disabled", grouped: "grouped", indeterminate: "indeterminate", required: "required" }, outputs: { checkedChange: "checkedChange", indeterminateChange: "indeterminateChange" }, host: { properties: { "class.grouped": "grouped", "class.indeterminate": "indeterminate", "class.required": "required" }, classAttribute: "bbi-checkbox" }, providers: [
+        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true }
+    ], viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input #input\n       [id]=\"labelId\"\n       [disabled]=\"disabled\"\n       [checked]=\"checked\"\n       (change)=\"onChangeEvent($event)\"\n       (click)=\"onClickEvent($event)\"\n       (blur)=\"onTouched()\"\n       class=\"bbi-checkbox-input\"\n       type=\"checkbox\">\n<label [attr.for]=\"labelId\"\n       class=\"bbi-checkbox-label\">\n    <span class=\"bbi-checkbox-text\"><ng-content></ng-content></span>\n</label>\n", styles: [".bbi-checkbox{display:block}.bbi-checkbox.grouped{margin-bottom:var(--checkbox-grouping, 20px)}.bbi-checkbox.required>.bbi-checkbox-label>.bbi-checkbox-text:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5;margin-left:3px}.bbi-checkbox-input{border:0;width:1px;padding:0;height:1px;margin:-1px;overflow:hidden;position:absolute;visibility:inherit;white-space:nowrap;clip:rect(0,0,0,0)}.bbi-checkbox-input:checked+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:before{background-color:var(--checkbox-accent-color, var(--accent-color, #1565c0));border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-accent-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:checked+.bbi-checkbox-label:after,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{opacity:1;transform:scale(1) rotate(-45deg)}.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{left:calc(var(--checkbox-size, 20px) / 4);width:calc(var(--checkbox-size, 20px) / 2);transform:scale(1) rotate(0);border-left:0 solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white)}.bbi-checkbox-input:focus+.bbi-checkbox-label:before{outline-color:var(--checkbox-outline-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:disabled+.bbi-checkbox-label{cursor:not-allowed;color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label:before{border-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label>.bbi-checkbox-text{color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:checked:disabled+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate:disabled+.bbi-checkbox-label:before{background-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-label{border:0;margin:0;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;font-family:inherit;vertical-align:initial;min-height:var(--checkbox-size, 20px);padding-left:var(--checkbox-size, 20px)}.bbi-checkbox-label:before{left:0;content:\"\";position:absolute;width:var(--checkbox-size, 20px);height:var(--checkbox-size, 20px);background-color:initial;border-radius:var(--checkbox-border-radius, 4px);outline-offset:var(--checkbox-outline-offset, 1px);outline:var(--checkbox-outline-thickness, 2px) solid transparent;border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-border-color, #111111);transition:outline-color .2s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1),border-color .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-label:after{opacity:0;content:\"\";background:none;position:absolute;transform-origin:center;width:var(--checkbox-check-size, 12px);transform:scale(.85) rotate(-60deg);height:calc(var(--checkbox-check-size, 12px) / 2);top:calc(50% - var(--checkbox-check-size, 12px) / 2 * .75);left:calc((var(--checkbox-size, 20px) - var(--checkbox-check-size, 12px)) / 2);border-left:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-text{color:var(--checkbox-label-color, #111111);padding-left:var(--checkbox-label-offset, 6px);font-size:var(--checkbox-label-font-size, 16px);font-weight:var(--checkbox-label-font-weight, 400);line-height:var(--checkbox-label-line-height, 1.28)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbiCheckbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'bbi-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true }
+                    ], host: {
+                        'class': 'bbi-checkbox',
+                        '[class.grouped]': 'grouped',
+                        '[class.indeterminate]': 'indeterminate',
+                        '[class.required]': 'required'
+                    }, preserveWhitespaces: false, template: "<input #input\n       [id]=\"labelId\"\n       [disabled]=\"disabled\"\n       [checked]=\"checked\"\n       (change)=\"onChangeEvent($event)\"\n       (click)=\"onClickEvent($event)\"\n       (blur)=\"onTouched()\"\n       class=\"bbi-checkbox-input\"\n       type=\"checkbox\">\n<label [attr.for]=\"labelId\"\n       class=\"bbi-checkbox-label\">\n    <span class=\"bbi-checkbox-text\"><ng-content></ng-content></span>\n</label>\n", styles: [".bbi-checkbox{display:block}.bbi-checkbox.grouped{margin-bottom:var(--checkbox-grouping, 20px)}.bbi-checkbox.required>.bbi-checkbox-label>.bbi-checkbox-text:after{content:\"*\";color:#c23934;font-size:12px;line-height:1.5;margin-left:3px}.bbi-checkbox-input{border:0;width:1px;padding:0;height:1px;margin:-1px;overflow:hidden;position:absolute;visibility:inherit;white-space:nowrap;clip:rect(0,0,0,0)}.bbi-checkbox-input:checked+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:before{background-color:var(--checkbox-accent-color, var(--accent-color, #1565c0));border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-accent-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:checked+.bbi-checkbox-label:after,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{opacity:1;transform:scale(1) rotate(-45deg)}.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{left:calc(var(--checkbox-size, 20px) / 4);width:calc(var(--checkbox-size, 20px) / 2);transform:scale(1) rotate(0);border-left:0 solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white)}.bbi-checkbox-input:focus+.bbi-checkbox-label:before{outline-color:var(--checkbox-outline-color, var(--accent-color, #1565c0))}.bbi-checkbox-input:disabled+.bbi-checkbox-label{cursor:not-allowed;color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label:before{border-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:disabled+.bbi-checkbox-label>.bbi-checkbox-text{color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-input:checked:disabled+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate:disabled+.bbi-checkbox-label:before{background-color:var(--checkbox-disabled-color, #c6c6c6)}.bbi-checkbox-label{border:0;margin:0;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;align-items:center;font-family:inherit;vertical-align:initial;min-height:var(--checkbox-size, 20px);padding-left:var(--checkbox-size, 20px)}.bbi-checkbox-label:before{left:0;content:\"\";position:absolute;width:var(--checkbox-size, 20px);height:var(--checkbox-size, 20px);background-color:initial;border-radius:var(--checkbox-border-radius, 4px);outline-offset:var(--checkbox-outline-offset, 1px);outline:var(--checkbox-outline-thickness, 2px) solid transparent;border:var(--checkbox-border-thickness, 1px) solid var(--checkbox-border-color, #111111);transition:outline-color .2s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1),border-color .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-label:after{opacity:0;content:\"\";background:none;position:absolute;transform-origin:center;width:var(--checkbox-check-size, 12px);transform:scale(.85) rotate(-60deg);height:calc(var(--checkbox-check-size, 12px) / 2);top:calc(50% - var(--checkbox-check-size, 12px) / 2 * .75);left:calc((var(--checkbox-size, 20px) - var(--checkbox-check-size, 12px)) / 2);border-left:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);border-bottom:var(--checkbox-check-thickness, 2px) solid var(--checkbox-check-color, white);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-text{color:var(--checkbox-label-color, #111111);padding-left:var(--checkbox-label-offset, 6px);font-size:var(--checkbox-label-font-size, 16px);font-weight:var(--checkbox-label-font-weight, 400);line-height:var(--checkbox-label-line-height, 1.28)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }], checkedChange: [{
+                type: Output
+            }], indeterminateChange: [{
+                type: Output
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], grouped: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], required: [{
+                type: Input
             }] } });
 
-class CheckboxModule {
-}
-CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: CheckboxModule, declarations: [BbiCheckbox, BbiCheckboxGroup], imports: [CommonModule], exports: [BbiCheckbox, BbiCheckboxGroup] });
-CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CheckboxModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: CheckboxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [BbiCheckbox, BbiCheckboxGroup],
-                    exports: [BbiCheckbox, BbiCheckboxGroup]
-                }]
+class CheckboxModule {
+}
+CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.4", ngImport: i0, type: CheckboxModule, declarations: [BbiCheckbox, BbiCheckboxGroup], imports: [CommonModule], exports: [BbiCheckbox, BbiCheckboxGroup] });
+CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: CheckboxModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: CheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [BbiCheckbox, BbiCheckboxGroup],
+                    exports: [BbiCheckbox, BbiCheckboxGroup]
+                }]
         }] });
 
-class ControlsModule {
-}
-ControlsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ControlsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ControlsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.3", ngImport: i0, type: ControlsModule, imports: [CheckboxModule], exports: [CheckboxModule] });
-ControlsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ControlsModule, imports: [CheckboxModule, CheckboxModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: ControlsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CheckboxModule],
-                    exports: [CheckboxModule]
-                }]
+class ControlsModule {
+}
+ControlsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: ControlsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ControlsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.4", ngImport: i0, type: ControlsModule, imports: [CheckboxModule], exports: [CheckboxModule] });
+ControlsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: ControlsModule, imports: [CheckboxModule, CheckboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: ControlsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CheckboxModule],
+                    exports: [CheckboxModule]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { BbiCheckbox, BbiCheckboxGroup, CheckboxModule, ControlsModule };

package/fesm2020/bravobit-bb-foundation-controls.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bravobit-bb-foundation-controls.mjs","sources":["../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox-group/checkbox-group.component.ts","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox-group/checkbox-group.component.html","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox/checkbox.component.ts","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox/checkbox.component.html","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox.module.ts","../../../projects/bb-foundation/controls/src/lib/controls.module.ts","../../../projects/bb-foundation/controls/src/bravobit-bb-foundation-controls.ts"],"sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewEncapsulation} from '@angular/core';\r\nimport {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\r\n\r\n@Component({\r\n    selector: 'bbi-checkbox-group',\r\n    templateUrl: './checkbox-group.component.html',\r\n    styleUrls: ['./checkbox-group.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    host: {\r\n        'class': 'bbi-checkbox-group',\r\n        '[class.grouped]': 'grouped',\r\n        '[class.required]': 'required',\r\n        '[class.inline]': 'inline'\r\n    },\r\n    preserveWhitespaces: false\r\n})\r\nexport class BbiCheckboxGroup {\r\n\r\n    // Inputs.\r\n    @Input() label: string | null = null; // TODO(Stan): Add template possibilities here.\r\n\r\n    // Grouped.\r\n    @Input()\r\n    get grouped(): boolean { return this._grouped; }\r\n\r\n    set grouped(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.grouped) {\r\n            this._grouped = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _grouped: boolean = false;\r\n\r\n    // Required.\r\n    @Input()\r\n    get required(): boolean { return this._required; }\r\n\r\n    set required(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.required) {\r\n            this._required = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _required: boolean = false;\r\n\r\n    // Inline.\r\n    @Input()\r\n    get inline(): boolean { return this._inline; }\r\n\r\n    set inline(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.inline) {\r\n            this._inline = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _inline: boolean = false;\r\n\r\n    constructor(private _changeDetectorRef: ChangeDetectorRef) {\r\n    }\r\n\r\n    // Required so that the template type checker can infer the type of the coerced inputs.\r\n    static ngAcceptInputType_grouped: BooleanInput;\r\n    static ngAcceptInputType_required: BooleanInput;\r\n    static ngAcceptInputType_inline: BooleanInput;\r\n\r\n}\r\n","<label *ngIf=\"label as label\"\r\n       class=\"bbi-checkbox-group-label\">\r\n    {{ label }}\r\n</label>\r\n\r\n<div class=\"bbi-checkbox-group-items\">\r\n    <ng-content select=\"bbi-checkbox\"></ng-content>\r\n</div>\r\n","import {\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    ChangeDetectorRef,\r\n    Component,\r\n    ElementRef,\r\n    EventEmitter,\r\n    forwardRef,\r\n    Input, Output,\r\n    Renderer2,\r\n    ViewChild,\r\n    ViewEncapsulation\r\n} from '@angular/core';\r\nimport {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\r\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\r\n\r\nlet nextUniqueId = 0;\r\n\r\n@Component({\r\n    selector: 'bbi-checkbox',\r\n    templateUrl: './checkbox.component.html',\r\n    styleUrls: ['./checkbox.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    providers: [\r\n        {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true}\r\n    ],\r\n    host: {\r\n        'class': 'bbi-checkbox',\r\n        '[class.grouped]': 'grouped',\r\n        '[class.indeterminate]': 'indeterminate',\r\n        '[class.required]': 'required'\r\n    },\r\n    preserveWhitespaces: false\r\n})\r\nexport class BbiCheckbox implements ControlValueAccessor, AfterViewInit {\r\n\r\n    // Readonly data.\r\n    readonly labelId = `bbi-checkbox-${nextUniqueId++}`;\r\n\r\n    // Views.\r\n    @ViewChild('input', {static: true}) inputElementRef: ElementRef<HTMLInputElement>;\r\n\r\n    // Outputs.\r\n    @Output() checkedChange = new EventEmitter<boolean>();\r\n    @Output() indeterminateChange = new EventEmitter<boolean>();\r\n\r\n    // Checked.\r\n    @Input()\r\n    get checked(): boolean { return this._checked;}\r\n\r\n    set checked(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.checked) {\r\n            this._checked = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _checked: boolean = false;\r\n\r\n    // Disabled.\r\n    @Input()\r\n    get disabled(): boolean { return this._disabled; }\r\n\r\n    set disabled(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.disabled) {\r\n            this._disabled = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _disabled = false;\r\n\r\n    // Grouped.\r\n    @Input()\r\n    get grouped(): boolean { return this._grouped; }\r\n\r\n    set grouped(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.grouped) {\r\n            this._grouped = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _grouped = false;\r\n\r\n    // Indeterminate.\r\n    @Input()\r\n    get indeterminate(): boolean { return this._indeterminate; }\r\n\r\n    set indeterminate(value: BooleanInput) {\r\n        this._indeterminate = coerceBooleanProperty(value);\r\n        this.syncField('indeterminate', this._indeterminate);\r\n    }\r\n\r\n    private _indeterminate = false;\r\n\r\n    // Required.\r\n    @Input()\r\n    get required(): boolean { return this._required; }\r\n\r\n    set required(value: BooleanInput) {\r\n        const newValue = coerceBooleanProperty(value);\r\n        if (newValue !== this.required) {\r\n            this._required = newValue;\r\n            this._changeDetectorRef.markForCheck();\r\n        }\r\n    }\r\n\r\n    private _required = false;\r\n\r\n    // Methods.\r\n    onChange: (newValue: boolean) => void = () => ({});\r\n    onTouched: () => void = () => ({});\r\n\r\n    constructor(private _renderer: Renderer2,\r\n                private _changeDetectorRef: ChangeDetectorRef) {\r\n    }\r\n\r\n    ngAfterViewInit() {\r\n        this.syncField('indeterminate', this._indeterminate);\r\n    }\r\n\r\n    registerOnChange(fn: (newValue: boolean) => void) {\r\n        this.onChange = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: () => void) {\r\n        this.onTouched = fn;\r\n    }\r\n\r\n    setDisabledState(isDisabled: boolean) {\r\n        this.disabled = isDisabled;\r\n    }\r\n\r\n    writeValue(newValue: boolean) {\r\n        this.checked = !!newValue;\r\n    }\r\n\r\n    toggle() {\r\n        this.checked = !this.checked;\r\n    }\r\n\r\n    onClickEvent(event: Event) {\r\n        event.stopPropagation();\r\n        if (this.disabled) {\r\n            return;\r\n        }\r\n\r\n        // When user manually click on the checkbox, `indeterminate` is set to false.\r\n        if (this.indeterminate) {\r\n            Promise.resolve().then(() => {\r\n                this._indeterminate = false;\r\n                this.indeterminateChange.emit(this._indeterminate);\r\n            });\r\n        }\r\n\r\n        this.toggle();\r\n\r\n        // Emit our custom change event if the native input emitted one.\r\n        // It is important to only emit it, if the native input triggered one, because\r\n        // we don't want to trigger a change event, when the `checked` variable changes for example.\r\n        this.emitChangeEvent();\r\n    }\r\n\r\n    onChangeEvent(event: Event) {\r\n        // We always have to stop propagation on the change event.\r\n        // Otherwise the change event, from the input element, will bubble up and\r\n        // emit its event object to the `change` output.\r\n        event.stopPropagation();\r\n    }\r\n\r\n    private emitChangeEvent() {\r\n        this.onChange?.(this.checked);\r\n        this.checkedChange.emit(this.checked);\r\n        this.syncField('checked', this.checked);\r\n    }\r\n\r\n    private syncField(field: string, value: boolean) {\r\n        const element = this.inputElementRef?.nativeElement;\r\n        if (!element) {\r\n            return;\r\n        }\r\n        this._renderer.setProperty(element, field, value);\r\n    }\r\n\r\n    // Required so that the template type checker can infer the type of the coerced inputs.\r\n    static ngAcceptInputType_checked: BooleanInput;\r\n    static ngAcceptInputType_disabled: BooleanInput;\r\n    static ngAcceptInputType_required: BooleanInput;\r\n    static ngAcceptInputType_grouped: BooleanInput;\r\n    static ngAcceptInputType_indeterminate: BooleanInput;\r\n\r\n}\r\n","<input #input\r\n       [id]=\"labelId\"\r\n       [disabled]=\"disabled\"\r\n       [checked]=\"checked\"\r\n       (change)=\"onChangeEvent($event)\"\r\n       (click)=\"onClickEvent($event)\"\r\n       (blur)=\"onTouched()\"\r\n       class=\"bbi-checkbox-input\"\r\n       type=\"checkbox\">\r\n<label [attr.for]=\"labelId\"\r\n       class=\"bbi-checkbox-label\">\r\n    <span class=\"bbi-checkbox-text\"><ng-content></ng-content></span>\r\n</label>\r\n","import {BbiCheckboxGroup} from './checkbox-group/checkbox-group.component';\r\nimport {BbiCheckbox} from './checkbox/checkbox.component';\r\nimport {CommonModule} from '@angular/common';\r\nimport {NgModule} from '@angular/core';\r\n\r\n@NgModule({\r\n    imports: [CommonModule],\r\n    declarations: [BbiCheckbox, BbiCheckboxGroup],\r\n    exports: [BbiCheckbox, BbiCheckboxGroup]\r\n})\r\nexport class CheckboxModule {\r\n}\r\n","import {CheckboxModule} from './checkbox/checkbox.module';\r\nimport {NgModule} from '@angular/core';\r\n\r\n@NgModule({\r\n    imports: [CheckboxModule],\r\n    exports: [CheckboxModule]\r\n})\r\nexport class ControlsModule {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bravobit-bb-foundation-controls.mjs","sources":["../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox-group/checkbox-group.component.ts","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox-group/checkbox-group.component.html","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox/checkbox.component.ts","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox/checkbox.component.html","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox.module.ts","../../../projects/bb-foundation/controls/src/lib/controls.module.ts","../../../projects/bb-foundation/controls/src/bravobit-bb-foundation-controls.ts"],"sourcesContent":["import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewEncapsulation} from '@angular/core';\nimport {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'bbi-checkbox-group',\n    templateUrl: './checkbox-group.component.html',\n    styleUrls: ['./checkbox-group.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        'class': 'bbi-checkbox-group',\n        '[class.grouped]': 'grouped',\n        '[class.required]': 'required',\n        '[class.inline]': 'inline'\n    },\n    preserveWhitespaces: false\n})\nexport class BbiCheckboxGroup {\n\n    // Inputs.\n    @Input() label: string | null = null; // TODO(Stan): Add template possibilities here.\n\n    // Grouped.\n    @Input()\n    get grouped(): boolean { return this._grouped; }\n\n    set grouped(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.grouped) {\n            this._grouped = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _grouped: boolean = false;\n\n    // Required.\n    @Input()\n    get required(): boolean { return this._required; }\n\n    set required(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.required) {\n            this._required = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _required: boolean = false;\n\n    // Inline.\n    @Input()\n    get inline(): boolean { return this._inline; }\n\n    set inline(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.inline) {\n            this._inline = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _inline: boolean = false;\n\n    constructor(private _changeDetectorRef: ChangeDetectorRef) {\n    }\n\n    // Required so that the template type checker can infer the type of the coerced inputs.\n    static ngAcceptInputType_grouped: BooleanInput;\n    static ngAcceptInputType_required: BooleanInput;\n    static ngAcceptInputType_inline: BooleanInput;\n\n}\n","<label *ngIf=\"label as label\"\n       class=\"bbi-checkbox-group-label\">\n    {{ label }}\n</label>\n\n<div class=\"bbi-checkbox-group-items\">\n    <ng-content select=\"bbi-checkbox\"></ng-content>\n</div>\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    Input, Output,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {BooleanInput, coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\n\nlet nextUniqueId = 0;\n\n@Component({\n    selector: 'bbi-checkbox',\n    templateUrl: './checkbox.component.html',\n    styleUrls: ['./checkbox.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true}\n    ],\n    host: {\n        'class': 'bbi-checkbox',\n        '[class.grouped]': 'grouped',\n        '[class.indeterminate]': 'indeterminate',\n        '[class.required]': 'required'\n    },\n    preserveWhitespaces: false\n})\nexport class BbiCheckbox implements ControlValueAccessor, AfterViewInit {\n\n    // Readonly data.\n    readonly labelId = `bbi-checkbox-${nextUniqueId++}`;\n\n    // Views.\n    @ViewChild('input', {static: true}) inputElementRef: ElementRef<HTMLInputElement>;\n\n    // Outputs.\n    @Output() checkedChange = new EventEmitter<boolean>();\n    @Output() indeterminateChange = new EventEmitter<boolean>();\n\n    // Checked.\n    @Input()\n    get checked(): boolean { return this._checked;}\n\n    set checked(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.checked) {\n            this._checked = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _checked: boolean = false;\n\n    // Disabled.\n    @Input()\n    get disabled(): boolean { return this._disabled; }\n\n    set disabled(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.disabled) {\n            this._disabled = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _disabled = false;\n\n    // Grouped.\n    @Input()\n    get grouped(): boolean { return this._grouped; }\n\n    set grouped(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.grouped) {\n            this._grouped = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _grouped = false;\n\n    // Indeterminate.\n    @Input()\n    get indeterminate(): boolean { return this._indeterminate; }\n\n    set indeterminate(value: BooleanInput) {\n        this._indeterminate = coerceBooleanProperty(value);\n        this.syncField('indeterminate', this._indeterminate);\n    }\n\n    private _indeterminate = false;\n\n    // Required.\n    @Input()\n    get required(): boolean { return this._required; }\n\n    set required(value: BooleanInput) {\n        const newValue = coerceBooleanProperty(value);\n        if (newValue !== this.required) {\n            this._required = newValue;\n            this._changeDetectorRef.markForCheck();\n        }\n    }\n\n    private _required = false;\n\n    // Methods.\n    onChange: (newValue: boolean) => void = () => ({});\n    onTouched: () => void = () => ({});\n\n    constructor(private _renderer: Renderer2,\n                private _changeDetectorRef: ChangeDetectorRef) {\n    }\n\n    ngAfterViewInit() {\n        this.syncField('indeterminate', this._indeterminate);\n    }\n\n    registerOnChange(fn: (newValue: boolean) => void) {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: () => void) {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean) {\n        this.disabled = isDisabled;\n    }\n\n    writeValue(newValue: boolean) {\n        this.checked = !!newValue;\n    }\n\n    toggle() {\n        this.checked = !this.checked;\n    }\n\n    onClickEvent(event: Event) {\n        event.stopPropagation();\n        if (this.disabled) {\n            return;\n        }\n\n        // When user manually click on the checkbox, `indeterminate` is set to false.\n        if (this.indeterminate) {\n            Promise.resolve().then(() => {\n                this._indeterminate = false;\n                this.indeterminateChange.emit(this._indeterminate);\n            });\n        }\n\n        this.toggle();\n\n        // Emit our custom change event if the native input emitted one.\n        // It is important to only emit it, if the native input triggered one, because\n        // we don't want to trigger a change event, when the `checked` variable changes for example.\n        this.emitChangeEvent();\n    }\n\n    onChangeEvent(event: Event) {\n        // We always have to stop propagation on the change event.\n        // Otherwise the change event, from the input element, will bubble up and\n        // emit its event object to the `change` output.\n        event.stopPropagation();\n    }\n\n    private emitChangeEvent() {\n        this.onChange?.(this.checked);\n        this.checkedChange.emit(this.checked);\n        this.syncField('checked', this.checked);\n    }\n\n    private syncField(field: string, value: boolean) {\n        const element = this.inputElementRef?.nativeElement;\n        if (!element) {\n            return;\n        }\n        this._renderer.setProperty(element, field, value);\n    }\n\n    // Required so that the template type checker can infer the type of the coerced inputs.\n    static ngAcceptInputType_checked: BooleanInput;\n    static ngAcceptInputType_disabled: BooleanInput;\n    static ngAcceptInputType_required: BooleanInput;\n    static ngAcceptInputType_grouped: BooleanInput;\n    static ngAcceptInputType_indeterminate: BooleanInput;\n\n}\n","<input #input\n       [id]=\"labelId\"\n       [disabled]=\"disabled\"\n       [checked]=\"checked\"\n       (change)=\"onChangeEvent($event)\"\n       (click)=\"onClickEvent($event)\"\n       (blur)=\"onTouched()\"\n       class=\"bbi-checkbox-input\"\n       type=\"checkbox\">\n<label [attr.for]=\"labelId\"\n       class=\"bbi-checkbox-label\">\n    <span class=\"bbi-checkbox-text\"><ng-content></ng-content></span>\n</label>\n","import {BbiCheckboxGroup} from './checkbox-group/checkbox-group.component';\nimport {BbiCheckbox} from './checkbox/checkbox.component';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [BbiCheckbox, BbiCheckboxGroup],\n    exports: [BbiCheckbox, BbiCheckboxGroup]\n})\nexport class CheckboxModule {\n}\n","import {CheckboxModule} from './checkbox/checkbox.module';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [CheckboxModule],\n    exports: [CheckboxModule]\n})\nexport class ControlsModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}