@fundamental-ngx/core 0.33.4-rc.1 → 0.33.4-rc.13

package/checkbox/fesm2020/fundamental-ngx-core-checkbox.mjs

@@ -1,24 +1,21 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Attribute, Optional, Inject, ViewChild, Input, HostBinding, Output, NgModule } from '@angular/core';
-import * as i4 from '@angular/common';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import * as i1 from '@angular/cdk/platform';
-import * as i2 from '@fundamental-ngx/core/utils';
-import { KeyUtil, LIST_ITEM_COMPONENT } from '@fundamental-ngx/core/utils';
+import * as i1 from '@fundamental-ngx/core/utils';
+import { LIST_ITEM_COMPONENT } from '@fundamental-ngx/core/utils';
 import equal from 'fast-deep-equal';
-import { SPACE } from '@angular/cdk/keycodes';
 import { Subscription } from 'rxjs';
 
 let checkboxUniqueId = 0;
 class CheckboxComponent {
     /** @hidden */
-    constructor(elementRef, tabIndexValue = 0, _platform, _changeDetectorRef, _contentDensityService, _listItemComponent) {
+    constructor(elementRef, tabIndexValue = 0, _changeDetectorRef, renderer, _contentDensityService, _listItemComponent) {
         this.elementRef = elementRef;
         this.tabIndexValue = tabIndexValue;
-        this._platform = _platform;
         this._changeDetectorRef = _changeDetectorRef;
+        this.renderer = renderer;
         this._contentDensityService = _contentDensityService;
         this._listItemComponent = _listItemComponent;
         /** Sets the `aria-label` attribute to the element. */
@@ -27,8 +24,10 @@ class CheckboxComponent {
         this.ariaLabelledBy = null;
         /** Sets [id] property of input, binds input with input label using [for] property. */
         this.inputId = `fd-checkbox-${checkboxUniqueId++}`;
+        /** Enables controls third state. */
+        this.tristate = false;
         /** Allows to prevent user from manually selecting controls third state. */
-        this.tristateSelectable = true;
+        this.tristateSelectable = false;
         /** If it is mandatory field */
         this.required = false;
         /** @hidden */
@@ -47,11 +46,26 @@ class CheckboxComponent {
         this.onValueChange = () => { };
         this.tabIndexValue = tabIndexValue;
     }
+    /** Current selection state of the checkbox component */
+    set value(value) {
+        this.writeValue(value);
+    }
+    get value() {
+        return this.checkboxValue;
+    }
     /** Sets values returned by control. */
     // eslint-disable-next-line @angular-eslint/no-input-rename
     set _values(checkboxValues) {
         this.values = { ...this.values, ...checkboxValues };
     }
+    /** @hidden Used to define if control is in 'indeterminate' state.*/
+    get isIndeterminate() {
+        return this.checkboxState === 'indeterminate';
+    }
+    /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */
+    get isChecked() {
+        return this.checkboxState === 'checked' || this.checkboxState === 'force-checked';
+    }
     /** @hidden */
     ngOnInit() {
         if (this.compact === undefined && this._contentDensityService) {
@@ -65,18 +79,11 @@ class CheckboxComponent {
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
     }
-    /** @hidden Used to define if control is in 'indeterminate' state.*/
-    get isIndeterminate() {
-        return this.checkboxState === 'indeterminate';
-    }
-    /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */
-    get isChecked() {
-        return this.checkboxState === 'checked' || this.checkboxState === 'force-checked';
-    }
-    /** @hidden ControlValueAccessor interface
+    /**
+     * @hidden ControlValueAccessor interface
      * - sets new control value
      * - updates control state
-     * */
+     */
     writeValue(value) {
         this.checkboxValue = value;
         this._setState();
@@ -86,10 +93,6 @@ class CheckboxComponent {
     registerOnChange(fn) {
         this.onValueChange = fn;
     }
-    /** @hidden prevent event from propagating */
-    muteKey(event) {
-        event.stopPropagation();
-    }
     /** @hidden ControlValueAccessor interface method - sets onTouched callback.*/
     registerOnTouched(fn) {
         this.onTouched = fn;
@@ -99,19 +102,9 @@ class CheckboxComponent {
         this.disabled = disabled;
         this._detectChanges();
     }
-    /** @hidden Updates checkbox Indeterminate state on mouse click on IE11 */
-    checkByClick(event) {
-        this._nextValueEvent(true, event);
-        this.muteKey(event);
-    }
-    /** @hidden Updates checkbox Indeterminate state on space bar key on IE11 */
-    checkByKey(event) {
-        if (this._isSpaceBarEvent(event) && this._platform.TRIDENT) {
-            this._nextValueEvent();
-            this.muteKey(event);
-        }
-    }
-    /** @hidden Based on current control state:
+    /**
+     * @hidden
+     * Based on current control state:
      * - sets next control value
      * - emits new control value
      * - updates control state based on new control value
@@ -128,7 +121,7 @@ class CheckboxComponent {
             case 'indeterminate':
             case 'force-checked':
                 this.checkboxValue = this.values.trueValue;
-                this.inputLabel.nativeElement.checked = true;
+                this.renderer.setProperty(this.inputElement.nativeElement, 'checked', 'true');
                 break;
             default:
                 this.checkboxValue =
@@ -139,24 +132,33 @@ class CheckboxComponent {
         this.onValueChange(this.checkboxValue);
         this._detectChanges();
     }
-    /** Space event should be handled separately, when used inside list component and in firefox browser */
-    handleInputKeyUp(event) {
-        event.stopPropagation();
-        if (this._listItemComponent && this._platform.FIREFOX && KeyUtil.isKeyCode(event, SPACE)) {
-            event.preventDefault();
-        }
-    }
-    /** Handles blur event */
-    onBlur() {
+    /** @hidden handles blur event */
+    _onBlur() {
         if (typeof this.onTouched === 'function') {
             this.onTouched();
         }
         this.focusChange.emit(false);
     }
-    /** Handles focus event */
-    onFocus() {
+    /** @hidden handles focus event */
+    _onFocus() {
         this.focusChange.emit(true);
     }
+    /** @hidden handles click on the label associated with native checkbox input */
+    _onLabelClick(event) {
+        // We have to stop propagation for click events on the input label.
+        // By default, when a user clicks on a label element, a generated click event will be
+        // dispatched on the associated input element. This will lead to duplicated "click" event dispatched from the component
+        event.stopPropagation();
+    }
+    /** @hidden handles click on the native checkbox input */
+    _onInputClick(event) {
+        // When there's a click event dispatched from the input, we have to catch it, process and then re-dispatch it further.
+        // This is needed in order to set the value to the component before any external listeners will receive it.
+        // Otherwise checkbox might be out of sync.
+        event.stopPropagation();
+        this.nextValue();
+        this.elementRef.nativeElement.dispatchEvent(new PointerEvent(event.type, event));
+    }
     /** @hidden Based on current control value sets new control state. */
     _setState() {
         if (equal(this.checkboxValue, this.values.trueValue)) {
@@ -171,28 +173,6 @@ class CheckboxComponent {
         else if (!this.checkboxValue) {
             this.checkboxState = 'unchecked';
         }
-        this._previousState = this.checkboxState;
-    }
-    /** @hidden */
-    _nextValueEvent(triggeredByClick, event) {
-        if (this._platform.TRIDENT &&
-            this._previousState === 'indeterminate' &&
-            this.checkboxState === 'indeterminate') {
-            this.checkboxState = 'force-checked';
-            this._detectChanges();
-            /** Prevents from keeping the old value */
-            if (triggeredByClick) {
-                this.nextValue('force-checked');
-                if (event) {
-                    this.muteKey(event);
-                    event.preventDefault();
-                }
-            }
-        }
-    }
-    /** @hidden Determines event source based on key code */
-    _isSpaceBarEvent(event) {
-        return KeyUtil.isKeyCode(event, SPACE);
     }
     /** Method to trigger change detection in component */
     _detectChanges() {
@@ -201,14 +181,14 @@ class CheckboxComponent {
         }
     }
 }
-CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ElementRef }, { token: 'tabIndexValue', attribute: true }, { token: i1.Platform }, { token: i0.ChangeDetectorRef }, { token: i2.ContentDensityService, optional: true }, { token: LIST_ITEM_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CheckboxComponent, selector: "fd-checkbox", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", title: "title", inputId: "inputId", state: "state", name: "name", label: "label", disabled: "disabled", compact: "compact", tristate: "tristate", tristateSelectable: "tristateSelectable", labelClass: "labelClass", required: "required", _values: ["values", "_values"] }, outputs: { focusChange: "focusChange" }, host: { properties: { "attr.tabindex": "-1", "style.position": "this.position", "style.outline": "this.outline" } }, providers: [
+CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CheckboxComponent, deps: [{ token: i0.ElementRef }, { token: 'tabIndexValue', attribute: true }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i1.ContentDensityService, optional: true }, { token: LIST_ITEM_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CheckboxComponent, selector: "fd-checkbox", inputs: { ariaLabel: "ariaLabel", value: "value", ariaLabelledBy: "ariaLabelledBy", ariaDescribedBy: "ariaDescribedBy", title: "title", inputId: "inputId", state: "state", name: "name", label: "label", disabled: "disabled", compact: "compact", tristate: "tristate", tristateSelectable: "tristateSelectable", labelClass: "labelClass", required: "required", _values: ["values", "_values"] }, outputs: { focusChange: "focusChange" }, host: { properties: { "attr.tabindex": "-1", "style.position": "this.position", "style.outline": "this.outline" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => CheckboxComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "inputLabel", first: true, predicate: ["inputLabel"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }], ngImport: i0, template: "<input\n    #inputLabel\n    type=\"checkbox\"\n    class=\"fd-checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"isIndeterminate\"\n    [attr.tabindex]=\"tabIndexValue\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-required]=\"required\"\n    [class.fd-checkbox--compact]=\"compact\"\n    [class]=\"state ? 'is-' + state : ''\"\n    [ngModel]=\"isChecked\"\n    (ngModelChange)=\"nextValue()\"\n    (keydown)=\"checkByKey($event)\"\n    (keyup)=\"handleInputKeyUp($event)\"\n    (click)=\"$event.stopPropagation()\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n/>\n\n<label\n    class=\"fd-checkbox__label\"\n    #labelElement\n    [for]=\"inputId\"\n    [class]=\"labelClass\"\n    [attr.title]=\"title\"\n    [class.fd-checkbox__label--compact]=\"compact\"\n    [class.fd-checkbox__label--required]=\"required\"\n    (click)=\"checkByClick($event)\"\n>\n    <div class=\"fd-checkbox__label-container\">\n        <ng-container *ngIf=\"label\">\n            <span class=\"fd-checkbox__text\">\n                {{ label }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!label\">\n            <span class=\"fd-checkbox__text\">\n                <ng-content></ng-content>\n            </span>\n        </ng-container>\n    </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}\n"], directives: [{ type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelElement"], descendants: true }], ngImport: i0, template: "<input\n    #inputElement\n    type=\"checkbox\"\n    class=\"fd-checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"isIndeterminate\"\n    [checked]=\"isChecked\"\n    [attr.tabindex]=\"tabIndexValue\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-required]=\"required\"\n    [class.fd-checkbox--compact]=\"compact\"\n    [class]=\"state ? 'is-' + state : ''\"\n    (click)=\"_onInputClick($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n/>\n\n<label\n    class=\"fd-checkbox__label\"\n    #labelElement\n    [for]=\"inputId\"\n    [class]=\"labelClass\"\n    [attr.title]=\"title\"\n    [class.fd-checkbox__label--compact]=\"compact\"\n    [class.fd-checkbox__label--required]=\"required\"\n    (click)=\"_onLabelClick($event)\"\n>\n    <div class=\"fd-checkbox__label-container\">\n        <ng-container *ngIf=\"label\">\n            <span class=\"fd-checkbox__text\">\n                {{ label }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!label\">\n            <span class=\"fd-checkbox__text\">\n                <ng-content></ng-content>\n            </span>\n        </ng-container>\n    </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}.fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -217,25 +197,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                             useExisting: forwardRef(() => CheckboxComponent),
                             multi: true
                         }
-                    ], host: { '[attr.tabindex]': '-1' }, template: "<input\n    #inputLabel\n    type=\"checkbox\"\n    class=\"fd-checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"isIndeterminate\"\n    [attr.tabindex]=\"tabIndexValue\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-required]=\"required\"\n    [class.fd-checkbox--compact]=\"compact\"\n    [class]=\"state ? 'is-' + state : ''\"\n    [ngModel]=\"isChecked\"\n    (ngModelChange)=\"nextValue()\"\n    (keydown)=\"checkByKey($event)\"\n    (keyup)=\"handleInputKeyUp($event)\"\n    (click)=\"$event.stopPropagation()\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n/>\n\n<label\n    class=\"fd-checkbox__label\"\n    #labelElement\n    [for]=\"inputId\"\n    [class]=\"labelClass\"\n    [attr.title]=\"title\"\n    [class.fd-checkbox__label--compact]=\"compact\"\n    [class.fd-checkbox__label--required]=\"required\"\n    (click)=\"checkByClick($event)\"\n>\n    <div class=\"fd-checkbox__label-container\">\n        <ng-container *ngIf=\"label\">\n            <span class=\"fd-checkbox__text\">\n                {{ label }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!label\">\n            <span class=\"fd-checkbox__text\">\n                <ng-content></ng-content>\n            </span>\n        </ng-container>\n    </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}\n"] }]
+                    ], host: { '[attr.tabindex]': '-1' }, template: "<input\n    #inputElement\n    type=\"checkbox\"\n    class=\"fd-checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"isIndeterminate\"\n    [checked]=\"isChecked\"\n    [attr.tabindex]=\"tabIndexValue\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-required]=\"required\"\n    [class.fd-checkbox--compact]=\"compact\"\n    [class]=\"state ? 'is-' + state : ''\"\n    (click)=\"_onInputClick($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n/>\n\n<label\n    class=\"fd-checkbox__label\"\n    #labelElement\n    [for]=\"inputId\"\n    [class]=\"labelClass\"\n    [attr.title]=\"title\"\n    [class.fd-checkbox__label--compact]=\"compact\"\n    [class.fd-checkbox__label--required]=\"required\"\n    (click)=\"_onLabelClick($event)\"\n>\n    <div class=\"fd-checkbox__label-container\">\n        <ng-container *ngIf=\"label\">\n            <span class=\"fd-checkbox__text\">\n                {{ label }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!label\">\n            <span class=\"fd-checkbox__text\">\n                <ng-content></ng-content>\n            </span>\n        </ng-container>\n    </div>\n</label>\n", styles: ["/*!\n * Fundamental Library Styles v0.21.0-rc.92\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *//*!\n.fd-checkbox\n*/.fd-checkbox{position:absolute;opacity:.0001}.fd-checkbox{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#32363a;color:var(--sapField_TextColor, #32363a);background-color:#fff;background-color:var(--sapField_Background, #fff);border-style:solid;border-width:.0625rem;border-width:var(--sapField_BorderWidth, .0625rem);border-color:#89919a;border-color:var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem);outline:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.fd-checkbox:after,.fd-checkbox:before{box-sizing:inherit;font-size:inherit}.fd-checkbox::placeholder{font-style:italic;color:#74777a;color:var(--sapField_PlaceholderTextColor, #74777a)}.fd-checkbox::selection{color:#fff;color:var(--sapContent_ContrastTextColor, #fff);background-color:#0854a0;background-color:var(--sapSelectedColor, #0854a0)}.fd-checkbox.is-hover,.fd-checkbox:hover{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox.is-success{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e);border-width:.0625rem;border-width:var(--sapField_SuccessBorderWidth, .0625rem);border-style:solid;border-style:var(--sapField_SuccessBorderStyle, solid)}.fd-checkbox.is-success.is-hover,.fd-checkbox.is-success:hover{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-error{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00);border-width:.125rem;border-width:var(--sapField_InvalidBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InvalidBorderStyle, solid)}.fd-checkbox.is-error.is-hover,.fd-checkbox.is-error:hover{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-alert,.fd-checkbox.is-warning{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);font-style:normal;font-style:var(--fdInput_State_Text_Style, normal);font-weight:400;font-weight:var(--fdInput_State_Font_Weight, normal);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c);border-width:.125rem;border-width:var(--sapField_WarningBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_WarningBorderStyle, solid)}.fd-checkbox.is-alert.is-hover,.fd-checkbox.is-alert:hover,.fd-checkbox.is-warning.is-hover,.fd-checkbox.is-warning:hover{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-information{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1);border-width:.125rem;border-width:var(--sapField_InformationBorderWidth, .125rem);border-style:solid;border-style:var(--sapField_InformationBorderStyle, solid)}.fd-checkbox.is-information.is-hover,.fd-checkbox.is-information:hover{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5;box-shadow:none;outline-offset:-.1875rem;outline-width:.0625rem;outline-width:var(--sapContent_FocusWidth, .0625rem);outline-color:#000;outline-color:var(--sapContent_FocusColor, #000);outline-style:dotted;outline-style:var(--sapContent_FocusStyle, dotted)}.fd-checkbox.is-alert,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-warning{border-width:.125rem;border-style:solid;border-style:var(--fdInput_State_Border_Type, solid)}.fd-checkbox.is-alert.is-focus,.fd-checkbox.is-alert:focus,.fd-checkbox.is-error.is-focus,.fd-checkbox.is-error:focus,.fd-checkbox.is-information.is-focus,.fd-checkbox.is-information:focus,.fd-checkbox.is-warning.is-focus,.fd-checkbox.is-warning:focus{z-index:5;box-shadow:none;outline-offset:-.25rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{pointer-events:none;opacity:.4;opacity:var(--sapContent_DisabledOpacity, .4)}.fd-checkbox.is-disabled::placeholder,.fd-checkbox:disabled::placeholder,.fd-checkbox[aria-disabled=true]::placeholder{color:transparent}.fd-checkbox.is-readonly,.fd-checkbox[aria-readonly=true],.fd-checkbox[readonly]{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly::placeholder,.fd-checkbox[aria-readonly=true]::placeholder,.fd-checkbox[readonly]::placeholder{color:transparent}.fd-checkbox,.fd-checkbox.is-error,.fd-checkbox.is-information,.fd-checkbox.is-success,.fd-checkbox.is-warning{border-style:initial}.fd-checkbox__label{line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content;position:relative;max-width:100%;font-size:.875rem;font-size:var(--sapFontSize, .875rem);color:#6a6d70;color:var(--sapContent_LabelColor, #6a6d70);margin-right:.5rem;cursor:text;align-self:flex-start;cursor:pointer;line-height:1rem;padding:.6875rem;display:flex;align-items:center}.fd-checkbox__label:after,.fd-checkbox__label:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__label[dir=rtl],[dir=rtl] .fd-checkbox__label{margin-left:.5rem;margin-right:0}.fd-checkbox__label:before{content:\"\";height:1.375rem;width:1.375rem;min-width:1.375rem;font-size:1rem;font-size:var(--sapFontLargeSize, 1rem);display:inline-flex;justify-content:center;align-items:center;font-family:SAP-icons;background-color:#fff;background-color:var(--sapField_Background, #fff);color:#0854a0;color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:.125rem;border-radius:var(--sapField_BorderCornerRadius, .125rem)}.fd-checkbox__label:after{padding-left:.125rem;position:relative}.fd-checkbox__label[dir=rtl]:after,[dir=rtl] .fd-checkbox__label:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label.is-hover:before,.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff);border-color:#0854a0;border-color:var(--sapField_Hover_BorderColor, #0854a0)}.fd-checkbox__label:focus{outline:0}.fd-checkbox__label--required .fd-checkbox__text,.fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:.5rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl],.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text{padding-right:0;padding-left:.5rem}.fd-checkbox__label--required .fd-checkbox__text:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{content:\"*\";font-size:.875rem;font-size:var(--sapFontSize, .875rem);font-weight:700;color:#ce3b3b;color:var(--sapField_RequiredColor, #ce3b3b);position:absolute;padding-left:.125rem}.fd-checkbox__label--required .fd-checkbox__text[dir=rtl]:after,.fd-checkbox__label[aria-required=true] .fd-checkbox__text[dir=rtl]:after,[dir=rtl] .fd-checkbox__label--required .fd-checkbox__text:after,[dir=rtl] .fd-checkbox__label[aria-required=true] .fd-checkbox__text:after{padding-left:0;padding-right:.125rem}.fd-checkbox__label-container{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;display:flex;align-items:center;width:100%;height:1rem;pointer-events:none}.fd-checkbox__label-container:after,.fd-checkbox__label-container:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text{font-size:.875rem;font-size:var(--sapFontSize, .875rem);line-height:1.4;line-height:var(--sapContent_LineHeight, 1.4);color:#32363a;color:var(--sapTextColor, #32363a);font-family:\"72\",\"72full\",Arial,Helvetica,sans-serif;font-family:var(--sapFontFamily, \"72\", \"72full\", Arial, Helvetica, sans-serif);font-weight:400;box-sizing:border-box;padding:0;margin:0;border:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:.6875rem;margin-right:0}.fd-checkbox__text:after,.fd-checkbox__text:before{box-sizing:inherit;font-size:inherit}.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox__text{margin-right:.6875rem;margin-left:0}.fd-checkbox:checked+.fd-checkbox__label:before{content:\"\\e05b\"}.fd-checkbox:indeterminate+.fd-checkbox__label:after{content:\"\";width:.75rem;height:.75rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.3125rem}.fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{content:\"\";width:.5rem;height:.5rem;background-color:#0854a0;background-color:var(--fdCheckbox_Selected_Color, var(--sapSelectedColor, #0854a0));position:absolute;margin-left:.25rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label:after{margin-left:0;margin-right:.3125rem}.fd-checkbox[dir=rtl]:indeterminate+.fd-checkbox__label--compact:after,[dir=rtl] .fd-checkbox:indeterminate+.fd-checkbox__label--compact:after{margin-left:0;margin-right:.25rem}.fd-checkbox.is-alert+.fd-checkbox__label:before,.fd-checkbox.is-warning+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_WarningBackground, #fff);border:.125rem solid #df6e0c;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_WarningColor, #df6e0c);color:#32363a;color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label:after,.fd-checkbox.is-warning+.fd-checkbox__label:after{background-color:#32363a;background-color:var(--sapField_TextColor, #32363a)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-alert+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-alert+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-warning+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-warning+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#df6e0c;border-color:var(--sapField_WarningColor, #df6e0c)}.fd-checkbox.is-alert+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-alert+.fd-checkbox__label:hover:before,.fd-checkbox.is-warning+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-warning+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-error+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InvalidBackground, #fff);border:.125rem solid #b00;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InvalidColor, #b00);color:#b00;color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label:after{background-color:#b00;background-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-error+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-error+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#b00;border-color:var(--sapField_InvalidColor, #b00)}.fd-checkbox.is-error+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-error+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-success+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_SuccessBackground, #fff);border:.0625rem solid #107e3e;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_SuccessColor, #107e3e);color:#107e3e;color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label:after{background-color:#107e3e;background-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-success+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-success+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#107e3e;border-color:var(--sapField_SuccessColor, #107e3e)}.fd-checkbox.is-success+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-success+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-information+.fd-checkbox__label:before{background-color:#fff;background-color:var(--sapField_InformationBackground, #fff);border:.125rem solid #0a6ed1;border:.125rem var(--fdCheckbox_State_Border_Type, solid) var(--sapField_InformationColor, #0a6ed1);color:#0a6ed1;color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label:after{background-color:#0a6ed1;background-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-information+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-information+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#0a6ed1;border-color:var(--sapField_InformationColor, #0a6ed1)}.fd-checkbox.is-information+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-information+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-readonly+.fd-checkbox__label:before,.fd-checkbox[readonly]+.fd-checkbox__label:before{background-color:#f2f2f280;background-color:var(--sapField_ReadOnly_Background, rgba(242, 242, 242, .5));border:.0625rem solid #89919a;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_ReadOnly_BorderColor, #89919a);color:#6a6d70;color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label:after,.fd-checkbox[readonly]+.fd-checkbox__label:after{background-color:#6a6d70;background-color:var(--sapContent_NonInteractiveIconColor, #6a6d70)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox.is-readonly+.fd-checkbox__label:hover.is-disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:disabled,.fd-checkbox.is-readonly+.fd-checkbox__label:hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label.is-hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover[aria-disabled=true],.fd-checkbox[readonly]+.fd-checkbox__label:hover.is-disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover:disabled,.fd-checkbox[readonly]+.fd-checkbox__label:hover[aria-disabled=true]{border-color:#89919a;border-color:var(--sapField_ReadOnly_BorderColor, #89919a)}.fd-checkbox.is-readonly+.fd-checkbox__label.is-hover:before,.fd-checkbox.is-readonly+.fd-checkbox__label:hover:before,.fd-checkbox[readonly]+.fd-checkbox__label.is-hover:before,.fd-checkbox[readonly]+.fd-checkbox__label:hover:before{background-color:#fff;background-color:var(--sapField_Hover_Background, #fff)}.fd-checkbox.is-focus,.fd-checkbox:focus{z-index:5}.fd-checkbox.is-focus+.fd-checkbox__label,.fd-checkbox:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.5625rem}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{opacity:.0001}.fd-checkbox.is-disabled+.fd-checkbox__label,.fd-checkbox:disabled+.fd-checkbox__label,.fd-checkbox[aria-disabled=true]+.fd-checkbox__label{pointer-events:none;opacity:.4}.fd-checkbox--compact>.fd-checkbox__text{margin-left:.5rem}.fd-checkbox--compact>.fd-checkbox__text[dir=rtl],[dir=rtl] .fd-checkbox--compact>.fd-checkbox__text{margin-left:0;margin-right:.5rem}.fd-checkbox--compact+.fd-checkbox__label{padding:.5rem}.fd-checkbox--compact+.fd-checkbox__label:before{font-size:.75rem;font-size:var(--sapFontSmallSize, .75rem);height:1rem;width:1rem;min-width:1rem;margin-left:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty,.fd-checkbox--compact+.fd-checkbox__label:empty{padding:.5rem;margin:0}.fd-checkbox--compact+.fd-checkbox__label.is-empty:after,.fd-checkbox--compact+.fd-checkbox__label.is-empty:before,.fd-checkbox--compact+.fd-checkbox__label:empty:after,.fd-checkbox--compact+.fd-checkbox__label:empty:before{margin-right:0;margin-left:0}.fd-checkbox--compact.is-focus,.fd-checkbox--compact:focus{z-index:5}.fd-checkbox--compact.is-focus+.fd-checkbox__label,.fd-checkbox--compact:focus+.fd-checkbox__label{outline:.0625rem dotted #000;outline:var(--sapContent_FocusWidth, .0625rem) var(--sapContent_FocusStyle, dotted) var(--sapContent_FocusColor, #000);outline-offset:-.375rem}.fd-checkbox__text:empty{margin:0}.fd-checkbox__label{-webkit-user-select:none;user-select:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Attribute,
                     args: ['tabIndexValue']
-                }] }, { type: i1.Platform }, { type: i0.ChangeDetectorRef }, { type: i2.ContentDensityService, decorators: [{
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i1.ContentDensityService, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [LIST_ITEM_COMPONENT]
-                }] }]; }, propDecorators: { inputLabel: [{
+                }] }]; }, propDecorators: { inputElement: [{
                 type: ViewChild,
-                args: ['inputLabel']
+                args: ['inputElement']
             }], labelElement: [{
                 type: ViewChild,
                 args: ['labelElement']
             }], ariaLabel: [{
                 type: Input
+            }], value: [{
+                type: Input
             }], ariaLabelledBy: [{
                 type: Input
             }], ariaDescribedBy: [{

package/checkbox/fesm2020/fundamental-ngx-core-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-checkbox.mjs","sources":["../../../../../libs/core/src/lib/checkbox/checkbox/checkbox.component.ts","../../../../../libs/core/src/lib/checkbox/checkbox/checkbox.component.html","../../../../../libs/core/src/lib/checkbox/checkbox.module.ts","../../../../../libs/core/src/lib/checkbox/fundamental-ngx-core-checkbox.ts"],"sourcesContent":["import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FdCheckboxValues } from './fd-checkbox-values.interface';\nimport { Platform } from '@angular/cdk/platform';\nimport { LIST_ITEM_COMPONENT, ListItemInterface, KeyUtil, ContentDensityService } from '@fundamental-ngx/core/utils';\nimport equal from 'fast-deep-equal';\nimport { SPACE } from '@angular/cdk/keycodes';\nimport { Subscription } from 'rxjs';\nimport { FormStates } from '@fundamental-ngx/core/shared';\n\nlet checkboxUniqueId = 0;\n\nexport type fdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';\n\n@Component({\n    selector: 'fd-checkbox',\n    templateUrl: './checkbox.component.html',\n    styleUrls: ['./checkbox.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => CheckboxComponent),\n            multi: true\n        }\n    ],\n    host: { '[attr.tabindex]': '-1' }\n})\nexport class CheckboxComponent implements ControlValueAccessor, OnInit, OnDestroy {\n    /** @hidden */\n    @ViewChild('inputLabel')\n    inputLabel: ElementRef;\n\n    /** @hidden */\n    @ViewChild('labelElement')\n    labelElement: ElementRef;\n\n    /** Sets the `aria-label` attribute to the element. */\n    @Input()\n    ariaLabel = '';\n\n    /** Sets the `aria-labelledby` attribute to the element. */\n    @Input()\n    ariaLabelledBy = null;\n\n    /** Sets the `aria-describedby` attribute to the element. */\n    @Input()\n    ariaDescribedBy: string;\n\n    /** sets checkbox tooltip */\n    @Input()\n    title: string;\n\n    /** Sets [id] property of input, binds input with input label using [for] property. */\n    @Input()\n    inputId = `fd-checkbox-${checkboxUniqueId++}`;\n\n    /** State of control, changes visual appearance of control. */\n    @Input()\n    state: FormStates;\n\n    /** Sets [name] property of input. */\n    @Input()\n    name: string;\n\n    /** Sets text of control label. */\n    @Input()\n    label: string;\n\n    /** Allows to disable/enable control. */\n    @Input()\n    disabled: boolean;\n\n    /** Allows to minimize control to compact mode. */\n    @Input()\n    compact?: boolean;\n\n    /** Enables controls third state. */\n    @Input()\n    tristate: boolean;\n\n    /** Allows to prevent user from manually selecting controls third state. */\n    @Input()\n    tristateSelectable = true;\n\n    /** Assigns given class to checkbox label element */\n    @Input()\n    labelClass: string;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** Sets values returned by control. */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('values')\n    set _values(checkboxValues: FdCheckboxValues) {\n        this.values = { ...this.values, ...checkboxValues };\n    }\n\n    /** @hidden */\n    @HostBinding('style.position')\n    readonly position = 'relative';\n\n    /** @hidden */\n    @HostBinding('style.outline')\n    readonly outline = 'none';\n\n    /** Emits event on focus change */\n    @Output() focusChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /** Values returned by control. */\n    public values: FdCheckboxValues = { trueValue: true, falseValue: false, thirdStateValue: null };\n    /** Stores current checkbox value. */\n    public checkboxValue: any;\n    /** Stores current checkbox state. */\n    public checkboxState: fdCheckboxTypes;\n    /** @hidden */\n    private _previousState: fdCheckboxTypes;\n\n    /** @hidden Reference to callback provided by FormControl.*/\n    public onTouched = (): void => {};\n    /** @hidden Reference to callback provided by FormControl.*/\n    public onValueChange: (value: any) => void = () => {};\n\n    /** @hidden */\n    constructor(\n        public elementRef: ElementRef,\n        @Attribute('tabIndexValue') public tabIndexValue: number = 0,\n        private _platform: Platform,\n        private _changeDetectorRef: ChangeDetectorRef,\n        @Optional() private _contentDensityService: ContentDensityService,\n        @Optional() @Inject(LIST_ITEM_COMPONENT) private _listItemComponent: ListItemInterface\n    ) {\n        this.tabIndexValue = tabIndexValue;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        if (this.compact === undefined && this._contentDensityService) {\n            this._subscriptions.add(\n                this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n                    this.compact = isCompact;\n                    this._changeDetectorRef.markForCheck();\n                })\n            );\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /** @hidden Used to define if control is in 'indeterminate' state.*/\n    get isIndeterminate(): boolean {\n        return this.checkboxState === 'indeterminate';\n    }\n\n    /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */\n    get isChecked(): boolean {\n        return this.checkboxState === 'checked' || this.checkboxState === 'force-checked';\n    }\n\n    /** @hidden ControlValueAccessor interface\n     * - sets new control value\n     * - updates control state\n     * */\n    public writeValue(value: any): void {\n        this.checkboxValue = value;\n        this._setState();\n        this._detectChanges();\n    }\n\n    /** @hidden ControlValueAccessor interface method - sets onValueChange callback.*/\n    public registerOnChange(fn: any): void {\n        this.onValueChange = fn;\n    }\n\n    /** @hidden prevent event from propagating */\n    public muteKey(event: KeyboardEvent | MouseEvent): void {\n        event.stopPropagation();\n    }\n\n    /** @hidden ControlValueAccessor interface method - sets onTouched callback.*/\n    public registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden Called by FormControl - used to disable / enable control.*/\n    public setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n        this._detectChanges();\n    }\n\n    /** @hidden Updates checkbox Indeterminate state on mouse click on IE11 */\n    public checkByClick(event: MouseEvent): void {\n        this._nextValueEvent(true, event);\n        this.muteKey(event);\n    }\n\n    /** @hidden Updates checkbox Indeterminate state on space bar key on IE11 */\n    public checkByKey(event: KeyboardEvent): void {\n        if (this._isSpaceBarEvent(event) && this._platform.TRIDENT) {\n            this._nextValueEvent();\n            this.muteKey(event);\n        }\n    }\n\n    /** @hidden Based on current control state:\n     * - sets next control value\n     * - emits new control value\n     * - updates control state based on new control value\n     * */\n    public nextValue(previousValue?: fdCheckboxTypes): void {\n        switch (previousValue || this.checkboxState) {\n            case 'checked':\n                this.checkboxValue = this.values.falseValue;\n                break;\n            case 'unchecked':\n                this.checkboxValue =\n                    this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n                break;\n            case 'indeterminate':\n            case 'force-checked':\n                this.checkboxValue = this.values.trueValue;\n                this.inputLabel.nativeElement.checked = true;\n                break;\n            default:\n                this.checkboxValue =\n                    this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n                break;\n        }\n        this._setState();\n        this.onValueChange(this.checkboxValue);\n        this._detectChanges();\n    }\n\n    /** Space event should be handled separately, when used inside list component and in firefox browser */\n    handleInputKeyUp(event: KeyboardEvent): void {\n        event.stopPropagation();\n        if (this._listItemComponent && this._platform.FIREFOX && KeyUtil.isKeyCode(event, SPACE)) {\n            event.preventDefault();\n        }\n    }\n\n    /** Handles blur event */\n    onBlur(): void {\n        if (typeof this.onTouched === 'function') {\n            this.onTouched();\n        }\n        this.focusChange.emit(false);\n    }\n    /** Handles focus event */\n    onFocus(): void {\n        this.focusChange.emit(true);\n    }\n\n    /** @hidden Based on current control value sets new control state. */\n    private _setState(): void {\n        if (equal(this.checkboxValue, this.values.trueValue)) {\n            this.checkboxState = 'checked';\n        } else if (equal(this.checkboxValue, this.values.falseValue)) {\n            this.checkboxState = 'unchecked';\n        } else if (this.tristate && equal(this.checkboxValue, this.values.thirdStateValue)) {\n            this.checkboxState = 'indeterminate';\n        } else if (!this.checkboxValue) {\n            this.checkboxState = 'unchecked';\n        }\n        this._previousState = this.checkboxState;\n    }\n\n    /** @hidden */\n    private _nextValueEvent(triggeredByClick?: boolean, event?: MouseEvent): void {\n        if (\n            this._platform.TRIDENT &&\n            this._previousState === 'indeterminate' &&\n            this.checkboxState === 'indeterminate'\n        ) {\n            this.checkboxState = 'force-checked';\n            this._detectChanges();\n            /** Prevents from keeping the old value */\n            if (triggeredByClick) {\n                this.nextValue('force-checked');\n                if (event) {\n                    this.muteKey(event);\n                    event.preventDefault();\n                }\n            }\n        }\n    }\n\n    /** @hidden Determines event source based on key code */\n    private _isSpaceBarEvent(event: KeyboardEvent): boolean {\n        return KeyUtil.isKeyCode(event, SPACE);\n    }\n\n    /** Method to trigger change detection in component */\n    private _detectChanges(): void {\n        if (!this._changeDetectorRef['destroyed']) {\n            this._changeDetectorRef.detectChanges();\n        }\n    }\n}\n","<input\n    #inputLabel\n    type=\"checkbox\"\n    class=\"fd-checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"isIndeterminate\"\n    [attr.tabindex]=\"tabIndexValue\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-required]=\"required\"\n    [class.fd-checkbox--compact]=\"compact\"\n    [class]=\"state ? 'is-' + state : ''\"\n    [ngModel]=\"isChecked\"\n    (ngModelChange)=\"nextValue()\"\n    (keydown)=\"checkByKey($event)\"\n    (keyup)=\"handleInputKeyUp($event)\"\n    (click)=\"$event.stopPropagation()\"\n    (blur)=\"onBlur()\"\n    (focus)=\"onFocus()\"\n/>\n\n<label\n    class=\"fd-checkbox__label\"\n    #labelElement\n    [for]=\"inputId\"\n    [class]=\"labelClass\"\n    [attr.title]=\"title\"\n    [class.fd-checkbox__label--compact]=\"compact\"\n    [class.fd-checkbox__label--required]=\"required\"\n    (click)=\"checkByClick($event)\"\n>\n    <div class=\"fd-checkbox__label-container\">\n        <ng-container *ngIf=\"label\">\n            <span class=\"fd-checkbox__text\">\n                {{ label }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!label\">\n            <span class=\"fd-checkbox__text\">\n                <ng-content></ng-content>\n            </span>\n        </ng-container>\n    </div>\n</label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CheckboxComponent } from './checkbox/checkbox.component';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [CheckboxComponent],\n    imports: [CommonModule, FormsModule],\n    exports: [CheckboxComponent]\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-checkbox.mjs","sources":["../../../../../libs/core/src/lib/checkbox/checkbox/checkbox.component.ts","../../../../../libs/core/src/lib/checkbox/checkbox/checkbox.component.html","../../../../../libs/core/src/lib/checkbox/checkbox.module.ts","../../../../../libs/core/src/lib/checkbox/fundamental-ngx-core-checkbox.ts"],"sourcesContent":["import {\n    Attribute,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostBinding,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Output,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { FdCheckboxValues } from './fd-checkbox-values.interface';\nimport { LIST_ITEM_COMPONENT, ListItemInterface, ContentDensityService } from '@fundamental-ngx/core/utils';\nimport equal from 'fast-deep-equal';\nimport { Subscription } from 'rxjs';\nimport { FormStates } from '@fundamental-ngx/core/shared';\n\nlet checkboxUniqueId = 0;\n\nexport type FdCheckboxTypes = 'checked' | 'unchecked' | 'indeterminate' | 'force-checked';\n\n@Component({\n    selector: 'fd-checkbox',\n    templateUrl: './checkbox.component.html',\n    styleUrls: ['./checkbox.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => CheckboxComponent),\n            multi: true\n        }\n    ],\n    host: { '[attr.tabindex]': '-1' }\n})\nexport class CheckboxComponent implements ControlValueAccessor, OnInit, OnDestroy {\n    /** @hidden */\n    @ViewChild('inputElement')\n    inputElement: ElementRef<HTMLInputElement>;\n\n    /** @hidden */\n    @ViewChild('labelElement')\n    labelElement: ElementRef;\n\n    /** Sets the `aria-label` attribute to the element. */\n    @Input()\n    ariaLabel = '';\n\n    /** Current selection state of the checkbox component */\n    @Input()\n    set value(value: any) {\n        this.writeValue(value);\n    }\n    get value(): any {\n        return this.checkboxValue;\n    }\n\n    /** Sets the `aria-labelledby` attribute to the element. */\n    @Input()\n    ariaLabelledBy = null;\n\n    /** Sets the `aria-describedby` attribute to the element. */\n    @Input()\n    ariaDescribedBy: string;\n\n    /** sets checkbox tooltip */\n    @Input()\n    title: string;\n\n    /** Sets [id] property of input, binds input with input label using [for] property. */\n    @Input()\n    inputId = `fd-checkbox-${checkboxUniqueId++}`;\n\n    /** State of control, changes visual appearance of control. */\n    @Input()\n    state: FormStates;\n\n    /** Sets [name] property of input. */\n    @Input()\n    name: string;\n\n    /** Sets text of control label. */\n    @Input()\n    label: string;\n\n    /** Allows to disable/enable control. */\n    @Input()\n    disabled: boolean;\n\n    /** Allows to minimize control to compact mode. */\n    @Input()\n    compact?: boolean;\n\n    /** Enables controls third state. */\n    @Input()\n    tristate = false;\n\n    /** Allows to prevent user from manually selecting controls third state. */\n    @Input()\n    tristateSelectable = false;\n\n    /** Assigns given class to checkbox label element */\n    @Input()\n    labelClass: string;\n\n    /** If it is mandatory field */\n    @Input()\n    required = false;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** Sets values returned by control. */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('values')\n    set _values(checkboxValues: FdCheckboxValues) {\n        this.values = { ...this.values, ...checkboxValues };\n    }\n\n    /** @hidden */\n    @HostBinding('style.position')\n    readonly position = 'relative';\n\n    /** @hidden */\n    @HostBinding('style.outline')\n    readonly outline = 'none';\n\n    /** Emits event on focus change */\n    @Output() focusChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /** Values returned by control. */\n    public values: FdCheckboxValues = { trueValue: true, falseValue: false, thirdStateValue: null };\n    /** Stores current checkbox value. */\n    public checkboxValue: any;\n    /** Stores current checkbox state. */\n    public checkboxState: FdCheckboxTypes;\n\n    /** @hidden Reference to callback provided by FormControl.*/\n    public onTouched = (): void => {};\n    /** @hidden Reference to callback provided by FormControl.*/\n    public onValueChange: (value: any) => void = () => {};\n\n    /** @hidden Used to define if control is in 'indeterminate' state.*/\n    get isIndeterminate(): boolean {\n        return this.checkboxState === 'indeterminate';\n    }\n\n    /** @hidden Used to define if control is in 'checked' / 'unchecked' state. */\n    get isChecked(): boolean {\n        return this.checkboxState === 'checked' || this.checkboxState === 'force-checked';\n    }\n\n    /** @hidden */\n    constructor(\n        public elementRef: ElementRef<Element>,\n        @Attribute('tabIndexValue') public tabIndexValue: number = 0,\n        private _changeDetectorRef: ChangeDetectorRef,\n        private renderer: Renderer2,\n        @Optional() private _contentDensityService: ContentDensityService,\n        @Optional() @Inject(LIST_ITEM_COMPONENT) private _listItemComponent: ListItemInterface\n    ) {\n        this.tabIndexValue = tabIndexValue;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        if (this.compact === undefined && this._contentDensityService) {\n            this._subscriptions.add(\n                this._contentDensityService._isCompactDensity.subscribe((isCompact) => {\n                    this.compact = isCompact;\n                    this._changeDetectorRef.markForCheck();\n                })\n            );\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /**\n     * @hidden ControlValueAccessor interface\n     * - sets new control value\n     * - updates control state\n     */\n    writeValue(value: any): void {\n        this.checkboxValue = value;\n        this._setState();\n        this._detectChanges();\n    }\n\n    /** @hidden ControlValueAccessor interface method - sets onValueChange callback.*/\n    registerOnChange(fn: any): void {\n        this.onValueChange = fn;\n    }\n\n    /** @hidden ControlValueAccessor interface method - sets onTouched callback.*/\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    /** @hidden Called by FormControl - used to disable / enable control.*/\n    setDisabledState(disabled: boolean): void {\n        this.disabled = disabled;\n        this._detectChanges();\n    }\n\n    /**\n     * @hidden\n     * Based on current control state:\n     * - sets next control value\n     * - emits new control value\n     * - updates control state based on new control value\n     * */\n    nextValue(previousValue?: FdCheckboxTypes): void {\n        switch (previousValue || this.checkboxState) {\n            case 'checked':\n                this.checkboxValue = this.values.falseValue;\n                break;\n            case 'unchecked':\n                this.checkboxValue =\n                    this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n                break;\n            case 'indeterminate':\n            case 'force-checked':\n                this.checkboxValue = this.values.trueValue;\n                this.renderer.setProperty(this.inputElement.nativeElement, 'checked', 'true');\n                break;\n            default:\n                this.checkboxValue =\n                    this.tristate && this.tristateSelectable ? this.values.thirdStateValue : this.values.trueValue;\n                break;\n        }\n        this._setState();\n        this.onValueChange(this.checkboxValue);\n        this._detectChanges();\n    }\n\n    /** @hidden handles blur event */\n    _onBlur(): void {\n        if (typeof this.onTouched === 'function') {\n            this.onTouched();\n        }\n        this.focusChange.emit(false);\n    }\n    /** @hidden handles focus event */\n    _onFocus(): void {\n        this.focusChange.emit(true);\n    }\n\n    /** @hidden handles click on the label associated with native checkbox input */\n    _onLabelClick(event: Event): void {\n        // We have to stop propagation for click events on the input label.\n        // By default, when a user clicks on a label element, a generated click event will be\n        // dispatched on the associated input element. This will lead to duplicated \"click\" event dispatched from the component\n        event.stopPropagation();\n    }\n\n    /** @hidden handles click on the native checkbox input */\n    _onInputClick(event: PointerEvent): void {\n        // When there's a click event dispatched from the input, we have to catch it, process and then re-dispatch it further.\n        // This is needed in order to set the value to the component before any external listeners will receive it.\n        // Otherwise checkbox might be out of sync.\n        event.stopPropagation();\n        this.nextValue();\n        this.elementRef.nativeElement.dispatchEvent(new PointerEvent(event.type, event));\n    }\n\n    /** @hidden Based on current control value sets new control state. */\n    private _setState(): void {\n        if (equal(this.checkboxValue, this.values.trueValue)) {\n            this.checkboxState = 'checked';\n        } else if (equal(this.checkboxValue, this.values.falseValue)) {\n            this.checkboxState = 'unchecked';\n        } else if (this.tristate && equal(this.checkboxValue, this.values.thirdStateValue)) {\n            this.checkboxState = 'indeterminate';\n        } else if (!this.checkboxValue) {\n            this.checkboxState = 'unchecked';\n        }\n    }\n\n    /** Method to trigger change detection in component */\n    private _detectChanges(): void {\n        if (!this._changeDetectorRef['destroyed']) {\n            this._changeDetectorRef.detectChanges();\n        }\n    }\n}\n","<input\n    #inputElement\n    type=\"checkbox\"\n    class=\"fd-checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"isIndeterminate\"\n    [checked]=\"isChecked\"\n    [attr.tabindex]=\"tabIndexValue\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledBy\"\n    [attr.aria-describedby]=\"ariaDescribedBy\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-required]=\"required\"\n    [class.fd-checkbox--compact]=\"compact\"\n    [class]=\"state ? 'is-' + state : ''\"\n    (click)=\"_onInputClick($event)\"\n    (blur)=\"_onBlur()\"\n    (focus)=\"_onFocus()\"\n/>\n\n<label\n    class=\"fd-checkbox__label\"\n    #labelElement\n    [for]=\"inputId\"\n    [class]=\"labelClass\"\n    [attr.title]=\"title\"\n    [class.fd-checkbox__label--compact]=\"compact\"\n    [class.fd-checkbox__label--required]=\"required\"\n    (click)=\"_onLabelClick($event)\"\n>\n    <div class=\"fd-checkbox__label-container\">\n        <ng-container *ngIf=\"label\">\n            <span class=\"fd-checkbox__text\">\n                {{ label }}\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!label\">\n            <span class=\"fd-checkbox__text\">\n                <ng-content></ng-content>\n            </span>\n        </ng-container>\n    </div>\n</label>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CheckboxComponent } from './checkbox/checkbox.component';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n    declarations: [CheckboxComponent],\n    imports: [CommonModule, FormsModule],\n    exports: [CheckboxComponent]\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;AA0BA,IAAI,gBAAgB,GAAG,CAAC,CAAC;MAmBZ,iBAAiB;;IAsH1B,YACW,UAA+B,EACH,gBAAwB,CAAC,EACpD,kBAAqC,EACrC,QAAmB,EACP,sBAA6C,EAChB,kBAAqC;QAL/E,eAAU,GAAV,UAAU,CAAqB;QACH,kBAAa,GAAb,aAAa,CAAY;QACpD,uBAAkB,GAAlB,kBAAkB,CAAmB;QACrC,aAAQ,GAAR,QAAQ,CAAW;QACP,2BAAsB,GAAtB,sBAAsB,CAAuB;QAChB,uBAAkB,GAAlB,kBAAkB,CAAmB;;QAjH1F,cAAS,GAAG,EAAE,CAAC;;QAaf,mBAAc,GAAG,IAAI,CAAC;;QAYtB,YAAO,GAAG,eAAe,gBAAgB,EAAE,EAAE,CAAC;;QAwB9C,aAAQ,GAAG,KAAK,CAAC;;QAIjB,uBAAkB,GAAG,KAAK,CAAC;;QAQ3B,aAAQ,GAAG,KAAK,CAAC;;QAGT,mBAAc,GAAG,IAAI,YAAY,EAAE,CAAC;;QAWnC,aAAQ,GAAG,UAAU,CAAC;;QAItB,YAAO,GAAG,MAAM,CAAC;;QAGhB,gBAAW,GAA0B,IAAI,YAAY,EAAW,CAAC;;QAGpE,WAAM,GAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;;QAOzF,cAAS,GAAG,SAAc,CAAC;;QAE3B,kBAAa,GAAyB,SAAQ,CAAC;QAqBlD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;KACtC;;IAjHD,IACI,KAAK,CAAC,KAAU;QAChB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;KAC1B;IACD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,aAAa,CAAC;KAC7B;;;IA2DD,IACI,OAAO,CAAC,cAAgC;QACxC,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;KACvD;;IA0BD,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,aAAa,KAAK,eAAe,CAAC;KACjD;;IAGD,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,aAAa,KAAK,eAAe,CAAC;KACrF;;IAeD,QAAQ;QACJ,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC3D,IAAI,CAAC,cAAc,CAAC,GAAG,CACnB,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,SAAS;gBAC9D,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;gBACzB,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,CAAC;aAC1C,CAAC,CACL,CAAC;SACL;KACJ;;IAGD,WAAW;QACP,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;KACrC;;;;;;IAOD,UAAU,CAAC,KAAU;QACjB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,cAAc,EAAE,CAAC;KACzB;;IAGD,gBAAgB,CAAC,EAAO;QACpB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;KAC3B;;IAGD,iBAAiB,CAAC,EAAO;QACrB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;;IAGD,gBAAgB,CAAC,QAAiB;QAC9B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,cAAc,EAAE,CAAC;KACzB;;;;;;;;IASD,SAAS,CAAC,aAA+B;QACrC,QAAQ,aAAa,IAAI,IAAI,CAAC,aAAa;YACvC,KAAK,SAAS;gBACV,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;gBAC5C,MAAM;YACV,KAAK,WAAW;gBACZ,IAAI,CAAC,aAAa;oBACd,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;gBACnG,MAAM;YACV,KAAK,eAAe,CAAC;YACrB,KAAK,eAAe;gBAChB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;gBAC3C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;gBAC9E,MAAM;YACV;gBACI,IAAI,CAAC,aAAa;oBACd,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;gBACnG,MAAM;SACb;QACD,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,EAAE,CAAC;KACzB;;IAGD,OAAO;QACH,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,UAAU,EAAE;YACtC,IAAI,CAAC,SAAS,EAAE,CAAC;SACpB;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;;IAED,QAAQ;QACJ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC/B;;IAGD,aAAa,CAAC,KAAY;;;;QAItB,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B;;IAGD,aAAa,CAAC,KAAmB;;;;QAI7B,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;KACpF;;IAGO,SAAS;QACb,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;YAClD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;SAClC;aAAM,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;YAC1D,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC;SACpC;aAAM,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE;YAChF,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC;SACxC;aAAM,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAC5B,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC;SACpC;KACJ;;IAGO,cAAc;QAClB,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE;YACvC,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,CAAC;SAC3C;KACJ;;8GA5PQ,iBAAiB,4CAwHX,eAAe,6IAIN,mBAAmB;kGA5HlC,iBAAiB,0kBATf;QACP;YACI,OAAO,EAAE,iBAAiB;YAC1B,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;YAChD,KAAK,EAAE,IAAI;SACd;KACJ,uOC1CL,q1CA8CA;2FDDa,iBAAiB;kBAf7B,SAAS;+BACI,aAAa,iBAGR,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,aACpC;wBACP;4BACI,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;4BAChD,KAAK,EAAE,IAAI;yBACd;qBACJ,QACK,EAAE,iBAAiB,EAAE,IAAI,EAAE;;0BA0H5B,SAAS;2BAAC,eAAe;;0BAGzB,QAAQ;;0BACR,QAAQ;;0BAAI,MAAM;2BAAC,mBAAmB;4CAzH3C,YAAY;sBADX,SAAS;uBAAC,cAAc;gBAKzB,YAAY;sBADX,SAAS;uBAAC,cAAc;gBAKzB,SAAS;sBADR,KAAK;gBAKF,KAAK;sBADR,KAAK;gBAUN,cAAc;sBADb,KAAK;gBAKN,eAAe;sBADd,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,OAAO;sBADN,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,IAAI;sBADH,KAAK;gBAKN,KAAK;sBADJ,KAAK;gBAKN,QAAQ;sBADP,KAAK;gBAKN,OAAO;sBADN,KAAK;gBAKN,QAAQ;sBADP,KAAK;gBAKN,kBAAkB;sBADjB,KAAK;gBAKN,UAAU;sBADT,KAAK;gBAKN,QAAQ;sBADP,KAAK;gBASF,OAAO;sBADV,KAAK;uBAAC,QAAQ;gBAON,QAAQ;sBADhB,WAAW;uBAAC,gBAAgB;gBAKpB,OAAO;sBADf,WAAW;uBAAC,eAAe;gBAIlB,WAAW;sBAApB,MAAM;;;MEhIE,cAAc;;2GAAd,cAAc;4GAAd,cAAc,iBAJR,iBAAiB,aACtB,YAAY,EAAE,WAAW,aACzB,iBAAiB;4GAElB,cAAc,YAHd,CAAC,YAAY,EAAE,WAAW,CAAC;2FAG3B,cAAc;kBAL1B,QAAQ;mBAAC;oBACN,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;oBACpC,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC/B;;;ACTD;;;;;;"}

package/checkbox/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fundamental-ngx/core/checkbox",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.13",
   "peerDependencies": {
-    "@angular/common": "^13,.0.0",
-    "@angular/core": "^13,.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/combobox/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fundamental-ngx/core/combobox",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.13",
   "peerDependencies": {
-    "@angular/common": "^13,.0.0",
-    "@angular/core": "^13,.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/date-picker/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fundamental-ngx/core/date-picker",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.13",
   "peerDependencies": {
-    "@angular/common": "^13,.0.0",
-    "@angular/core": "^13,.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/datetime/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fundamental-ngx/core/datetime",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.13",
   "peerDependencies": {
-    "@angular/common": "^13,.0.0",
-    "@angular/core": "^13,.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

package/datetime-picker/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@fundamental-ngx/core/datetime-picker",
-  "version": "0.33.4-rc.1",
+  "version": "0.33.4-rc.13",
   "peerDependencies": {
-    "@angular/common": "^13,.0.0",
-    "@angular/core": "^13,.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"