igniteui-angular 22.1.1 → 22.1.3

package/fesm2022/igniteui-angular-checkbox.mjs

@@ -117,50 +117,6 @@ class IgxCheckboxComponent extends CheckboxBaseDirective {
          */
         this.disableTransitions = false;
     }
-    /**
-     * Returns if the component is of type `material`.
-     *
-     * @example
-     * ```typescript
-     * let checkbox = this.checkbox.material;
-     * ```
-     */
-    get material() {
-        return this.theme === 'material';
-    }
-    /**
-     * Returns if the component is of type `indigo`.
-     *
-     * @example
-     * ```typescript
-     * let checkbox = this.checkbox.indigo;
-     * ```
-     */
-    get indigo() {
-        return this.theme === 'indigo';
-    }
-    /**
-     * Returns if the component is of type `bootstrap`.
-     *
-     * @example
-     * ```typescript
-     * let checkbox = this.checkbox.bootstrap;
-     * ```
-     */
-    get bootstrap() {
-        return this.theme === 'bootstrap';
-    }
-    /**
-     * Returns if the component is of type `fluent`.
-     *
-     * @example
-     * ```typescript
-     * let checkbox = this.checkbox.fluent;
-     * ```
-     */
-    get fluent() {
-        return this.theme === 'fluent';
-    }
     /**
      * Sets/gets whether the checkbox is checked.
      * Default value is `false`.
@@ -180,13 +136,13 @@ class IgxCheckboxComponent extends CheckboxBaseDirective {
         return super.checked;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: IgxCheckboxComponent, isStandalone: true, selector: "igx-checkbox", inputs: { indeterminate: ["indeterminate", "indeterminate", booleanAttribute], checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], invalid: ["invalid", "invalid", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], disableTransitions: ["disableTransitions", "disableTransitions", booleanAttribute] }, host: { properties: { "class.igx-checkbox": "this.cssClass", "class.igx-checkbox--material": "this.material", "class.igx-checkbox--indigo": "this.indigo", "class.igx-checkbox--bootstrap": "this.bootstrap", "class.igx-checkbox--fluent": "this.fluent", "class.igx-checkbox--focused": "this.focused", "class.igx-checkbox--indeterminate": "this.indeterminate", "class.igx-checkbox--checked": "this.checked", "class.igx-checkbox--disabled": "this.disabled", "class.igx-checkbox--invalid": "this.invalid", "class.igx-checkbox--plain": "this.disableTransitions" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: IgxCheckboxComponent, isStandalone: true, selector: "igx-checkbox", inputs: { indeterminate: ["indeterminate", "indeterminate", booleanAttribute], checked: ["checked", "checked", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], invalid: ["invalid", "invalid", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute], disableTransitions: ["disableTransitions", "disableTransitions", booleanAttribute] }, host: { properties: { "class.igx-checkbox": "this.cssClass", "class.igx-checkbox--focused": "this.focused", "class.igx-checkbox--indeterminate": "this.indeterminate", "class.igx-checkbox--checked": "this.checked", "class.igx-checkbox--disabled": "this.disabled", "class.igx-checkbox--invalid": "this.invalid", "class.igx-checkbox--plain": "this.disableTransitions" } }, providers: [
             {
                 provide: EDITOR_PROVIDER,
                 useExisting: IgxCheckboxComponent,
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<input #checkbox class=\"igx-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [tabindex]=\"tabindex\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"indeterminate\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    [attr.aria-required]=\"required\"\n    [attr.aria-invalid]=\"invalid\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-labelledby]=\"ariaLabel ? null : ariaLabelledBy\"\n    [attr.aria-label]=\"ariaLabel\"\n    (change)=\"_onCheckboxChange($event)\"\n    (blur)=\"onBlur()\" />\n\n<div\n    igxRipple\n    igxRippleTarget=\".igx-checkbox__ripple\"\n    [igxRippleDisabled]=\"disableRipple\"\n    [igxRippleCentered]=\"true\"\n    [igxRippleDuration]=\"300\"\n    class=\"igx-checkbox__composite-wrapper\"\n>\n    <span #label class=\"igx-checkbox__composite\">\n        @if (theme === 'indigo') {\n            <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                <rect width=\"18\" height=\"4\" x=\"2\" y=\"9\" rx=\"1.85\"/>\n                <path d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"/>\n            </svg>\n        } @else {\n            <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                <path d=\"M4.1,12.7 9,17.6 20.3,6.3\"/>\n            </svg>\n        }\n    </span>\n\n    <div class=\"igx-checkbox__ripple\"></div>\n</div>\n\n<span #placeholderLabel\n    [class]=\"labelClass\"\n    [id]=\"labelId\">\n    <ng-content></ng-content>\n</span>\n", styles: ["@layer ig.base{@keyframes scale-in-out{50%{transform:scale(.9);transform-origin:50% 50%}to{transform:scale(1);transform-origin:50% 50%}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.igx-checkbox__label--before,.igx-checkbox__label{display:inline-block;margin-inline-start:var(--label-margin);margin-block:0;color:var(--label-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all}.igx-checkbox__label--before:empty,.igx-checkbox__label:empty{display:none}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(.25,.46,.45,.94)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.06}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.12}}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.12}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.24}}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple{background:var(--fill-color)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__ripple{background:var(--error-color)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple{background:var(--fill-color-hover)}.igx-checkbox--invalid:active .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple{background:var(--error-color-hover)}.igx-checkbox{--size: 1.25rem;--border-width: .125rem;--label-margin: .5rem;--mark-stroke: 3;--mark-length: 24;--mark-offset: 0;position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;outline-style:none;cursor:pointer;animation:enable-transitions 0s .1s forwards}.igx-checkbox:hover .igx-checkbox__label,.igx-checkbox:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-checkbox__label--before{margin-inline-end:var(--label-margin);order:-1}.igx-checkbox__composite-wrapper{align-items:center;justify-content:center;display:flex;position:relative;width:var(--size);height:var(--size);--ig-ripple-color: var(--empty-color)}.igx-checkbox__composite{position:relative;display:flex;justify-content:center;width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);border-width:var(--border-width);border-style:solid;border-color:var(--empty-color);border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .2s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay);overflow:hidden}.igx-checkbox__composite-mark{width:100%;stroke:var(--tick-color);stroke-linecap:square;stroke-width:var(--tick-width);stroke-dasharray:var(--mark-length);stroke-dashoffset:var(--mark-length);fill:none;opacity:0;z-index:1}.igx-checkbox__ripple{--_ripple-size: 2.5rem;display:none;position:absolute;top:calc(50% - var(--_ripple-size)/2);width:var(--_ripple-size);aspect-ratio:1;border-radius:var(--border-radius-ripple);overflow:hidden;pointer-events:none;filter:opacity(1)}.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--invalid .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--error-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke-dashoffset:41;opacity:1;rotate:45deg;transform:translate(calc(var(--mark-stroke) / var(--mark-length) * -1em));margin-inline-start:var(--mark-offset);margin-block-start:var(--mark-offset)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:41}.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:0;opacity:1;transition:all .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--fill-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-fill-color);border-color:#0000}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-indeterminate-color);border-color:#0000}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--plain .igx-checkbox__composite{transition:none}.igx-checkbox--plain .igx-checkbox__composite:after{transition:none}.igx-checkbox--plain .igx-checkbox__composite-mark{transition:none}}@layer ig.material{@container style(--ig-theme: material){.igx-checkbox{--label-margin: .125rem;--composite-padding: 1.25rem}.igx-checkbox__label{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.igx-checkbox__ripple{display:block}.igx-checkbox__composite-wrapper{padding:var(--composite-padding)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-checkbox{--size: 1rem;--border-width: .0625rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark{width:.6875rem;aspect-ratio:1;transition:none}.igx-checkbox__label{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.igx-checkbox--checked:hover .igx-checkbox__composite,.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);border-color:var(--ig-primary-200);box-shadow:0 0 0 .25rem var(--focus-outline-color)}.igx-checkbox--focused:hover .igx-checkbox__composite{border-color:var(--ig-primary-300)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color);box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:#0000}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-checkbox{--border-width: .0625rem;--mark-stroke: 1.5;--mark-offset: -1px}.igx-checkbox:hover .igx-checkbox__composite{background:#0000}.igx-checkbox:hover .igx-checkbox__composite-mark{stroke-linecap:square;stroke-width:var(--mark-stroke);stroke-dasharray:var(--mark-length);stroke-dashoffset:0;fill:none;z-index:1;opacity:1;transition:none;stroke:var(--tick-color-hover)}.igx-checkbox__composite-mark{width:1rem;aspect-ratio:1}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.igx-checkbox--focused{position:relative}.igx-checkbox--focused:after{content:\"\";position:absolute;inset:-.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color)}.igx-checkbox--indeterminate .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite:before{content:\"\";position:absolute;top:calc(var(--size)/2 - .375rem);inset-inline-start:calc(var(--size)/2 - .375rem);width:.625rem;height:.625rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .125rem),.125rem);background:var(--fill-color);z-index:1}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--error-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--fill-color-hover)}.igx-checkbox--checked:hover .igx-checkbox__composite-mark{stroke:var(--tick-color);transition:none}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite:before{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:#0000;border-color:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite:before{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite:before{background:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-checkbox{--size: 1rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark{stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}.igx-checkbox__composite-mark rect{fill:none}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block:0;transition:color .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--label-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{fill:none;stroke-dashoffset:unset;rotate:none;transform:none}.igx-checkbox--indeterminate .igx-checkbox__composite-mark rect{fill:var(--tick-color);opacity:1}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--disabled.igx-checkbox--checked .igx-checkbox__composite-mark{fill:var(--disabled-tick-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:unset;fill:none}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark rect{fill:var(--disabled-tick-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--ig-error-500)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-checkbox--invalid .igx-checkbox__composite-mark{stroke:#000}.igx-checkbox--disabled .igx-checkbox__composite{background:var(--ig-surface-500)}.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}\n"], dependencies: [{ kind: "directive", type: IgxRippleDirective, selector: "[igxRipple]", inputs: ["igxRippleTarget", "igxRipple", "igxRippleDuration", "igxRippleCentered", "igxRippleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input #checkbox class=\"igx-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [tabindex]=\"tabindex\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"indeterminate\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    [attr.aria-required]=\"required\"\n    [attr.aria-invalid]=\"invalid\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-labelledby]=\"ariaLabel ? null : ariaLabelledBy\"\n    [attr.aria-label]=\"ariaLabel\"\n    (change)=\"_onCheckboxChange($event)\"\n    (blur)=\"onBlur()\" />\n\n<div\n    igxRipple\n    igxRippleTarget=\".igx-checkbox__ripple\"\n    [igxRippleDisabled]=\"disableRipple\"\n    [igxRippleCentered]=\"true\"\n    [igxRippleDuration]=\"300\"\n    class=\"igx-checkbox__composite-wrapper\"\n>\n    <span #label class=\"igx-checkbox__composite\">\n        <svg class=\"igx-checkbox__composite-mark igx-checkbox__composite-mark--indigo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <rect width=\"18\" height=\"4\" x=\"2\" y=\"9\" rx=\"1.85\"/>\n            <path d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"/>\n        </svg>\n        <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M4.1,12.7 9,17.6 20.3,6.3\"/>\n        </svg>\n    </span>\n\n    <div class=\"igx-checkbox__ripple\"></div>\n</div>\n\n<span #placeholderLabel\n    [class]=\"labelClass\"\n    [id]=\"labelId\">\n    <ng-content></ng-content>\n</span>\n", styles: ["@layer ig.base{@keyframes scale-in-out{50%{transform:scale(.9);transform-origin:50% 50%}to{transform:scale(1);transform-origin:50% 50%}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.igx-checkbox__label--before,.igx-checkbox__label{display:inline-block;margin-inline-start:var(--label-margin);margin-block:0;color:var(--label-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all}.igx-checkbox__label--before:empty,.igx-checkbox__label:empty{display:none}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(.25,.46,.45,.94)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.06}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.12}}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.12}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.24}}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple{background:var(--fill-color)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__ripple{background:var(--error-color)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple{background:var(--fill-color-hover)}.igx-checkbox--invalid:active .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple{background:var(--error-color-hover)}.igx-checkbox{--size: 1.25rem;--border-width: .125rem;--label-margin: .5rem;--mark-stroke: 3;--mark-length: 24;--mark-offset: 0;position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;outline-style:none;cursor:pointer;animation:enable-transitions 0s .1s forwards}.igx-checkbox:hover .igx-checkbox__label,.igx-checkbox:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-checkbox__label--before{margin-inline-end:var(--label-margin);order:-1}.igx-checkbox__composite-wrapper{align-items:center;justify-content:center;display:flex;position:relative;width:var(--size);height:var(--size);--ig-ripple-color: var(--empty-color)}.igx-checkbox__composite{position:relative;display:flex;justify-content:center;width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);border-width:var(--border-width);border-style:solid;border-color:var(--empty-color);border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .2s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay);overflow:hidden}.igx-checkbox__composite-mark{width:100%;stroke:var(--tick-color);stroke-linecap:square;stroke-width:var(--tick-width);stroke-dasharray:var(--mark-length);stroke-dashoffset:var(--mark-length);fill:none;opacity:0;z-index:1}.igx-checkbox__composite-mark--indigo{display:none}.igx-checkbox__ripple{--_ripple-size: 2.5rem;display:none;position:absolute;top:calc(50% - var(--_ripple-size)/2);width:var(--_ripple-size);aspect-ratio:1;border-radius:var(--border-radius-ripple);overflow:hidden;pointer-events:none;filter:opacity(1)}.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--invalid .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--error-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke-dashoffset:41;opacity:1;rotate:45deg;transform:translate(calc(var(--mark-stroke) / var(--mark-length) * -1em));margin-inline-start:var(--mark-offset);margin-block-start:var(--mark-offset)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:41}.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:0;opacity:1;transition:all .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--fill-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-fill-color);border-color:#0000}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-indeterminate-color);border-color:#0000}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--plain .igx-checkbox__composite{transition:none}.igx-checkbox--plain .igx-checkbox__composite:after{transition:none}.igx-checkbox--plain .igx-checkbox__composite-mark{transition:none}}@layer ig.material{@container style(--ig-theme: material){.igx-checkbox{--label-margin: .125rem;--composite-padding: 1.25rem}.igx-checkbox__label{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.igx-checkbox__ripple{display:block}.igx-checkbox__composite-wrapper{padding:var(--composite-padding)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-checkbox{--size: 1rem;--border-width: .0625rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark{width:.6875rem;aspect-ratio:1;transition:none}.igx-checkbox__label{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.igx-checkbox--checked:hover .igx-checkbox__composite,.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);border-color:var(--ig-primary-200);box-shadow:0 0 0 .25rem var(--focus-outline-color)}.igx-checkbox--focused:hover .igx-checkbox__composite{border-color:var(--ig-primary-300)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color);box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:#0000}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-checkbox{--border-width: .0625rem;--mark-stroke: 1.5;--mark-offset: -1px}.igx-checkbox:hover .igx-checkbox__composite{background:#0000}.igx-checkbox:hover .igx-checkbox__composite-mark{stroke-linecap:square;stroke-width:var(--mark-stroke);stroke-dasharray:var(--mark-length);stroke-dashoffset:0;fill:none;z-index:1;opacity:1;transition:none;stroke:var(--tick-color-hover)}.igx-checkbox__composite-mark{width:1rem;aspect-ratio:1}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.igx-checkbox--focused{position:relative}.igx-checkbox--focused:after{content:\"\";position:absolute;inset:-.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color)}.igx-checkbox--indeterminate .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite:before{content:\"\";position:absolute;top:calc(var(--size)/2 - .375rem);inset-inline-start:calc(var(--size)/2 - .375rem);width:.625rem;height:.625rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .125rem),.125rem);background:var(--fill-color);z-index:1}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--error-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--fill-color-hover)}.igx-checkbox--checked:hover .igx-checkbox__composite-mark{stroke:var(--tick-color);transition:none}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite:before{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:#0000;border-color:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite:before{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite:before{background:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-checkbox{--size: 1rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark:not(.igx-checkbox__composite-mark--indigo){display:none}.igx-checkbox__composite-mark--indigo{display:initial;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}.igx-checkbox__composite-mark--indigo rect{fill:none}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block:0;transition:color .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--label-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo{fill:none;stroke-dashoffset:unset;rotate:none;transform:none}.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo rect{fill:var(--tick-color);opacity:1}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--disabled.igx-checkbox--checked .igx-checkbox__composite-mark--indigo{fill:var(--disabled-tick-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo{stroke:unset;fill:none}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo rect{fill:var(--disabled-tick-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--ig-error-500)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-checkbox--invalid .igx-checkbox__composite-mark{stroke:#000}.igx-checkbox--disabled .igx-checkbox__composite{background:var(--ig-surface-500)}.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}\n"], dependencies: [{ kind: "directive", type: IgxRippleDirective, selector: "[igxRipple]", inputs: ["igxRippleTarget", "igxRipple", "igxRippleDuration", "igxRippleCentered", "igxRippleDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxCheckboxComponent, decorators: [{
             type: Component,
@@ -196,22 +152,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                             useExisting: IgxCheckboxComponent,
                             multi: true,
                         },
-                    ], preserveWhitespaces: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRippleDirective], template: "<input #checkbox class=\"igx-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [tabindex]=\"tabindex\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"indeterminate\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    [attr.aria-required]=\"required\"\n    [attr.aria-invalid]=\"invalid\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-labelledby]=\"ariaLabel ? null : ariaLabelledBy\"\n    [attr.aria-label]=\"ariaLabel\"\n    (change)=\"_onCheckboxChange($event)\"\n    (blur)=\"onBlur()\" />\n\n<div\n    igxRipple\n    igxRippleTarget=\".igx-checkbox__ripple\"\n    [igxRippleDisabled]=\"disableRipple\"\n    [igxRippleCentered]=\"true\"\n    [igxRippleDuration]=\"300\"\n    class=\"igx-checkbox__composite-wrapper\"\n>\n    <span #label class=\"igx-checkbox__composite\">\n        @if (theme === 'indigo') {\n            <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                <rect width=\"18\" height=\"4\" x=\"2\" y=\"9\" rx=\"1.85\"/>\n                <path d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"/>\n            </svg>\n        } @else {\n            <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                <path d=\"M4.1,12.7 9,17.6 20.3,6.3\"/>\n            </svg>\n        }\n    </span>\n\n    <div class=\"igx-checkbox__ripple\"></div>\n</div>\n\n<span #placeholderLabel\n    [class]=\"labelClass\"\n    [id]=\"labelId\">\n    <ng-content></ng-content>\n</span>\n", styles: ["@layer ig.base{@keyframes scale-in-out{50%{transform:scale(.9);transform-origin:50% 50%}to{transform:scale(1);transform-origin:50% 50%}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.igx-checkbox__label--before,.igx-checkbox__label{display:inline-block;margin-inline-start:var(--label-margin);margin-block:0;color:var(--label-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all}.igx-checkbox__label--before:empty,.igx-checkbox__label:empty{display:none}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(.25,.46,.45,.94)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.06}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.12}}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.12}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.24}}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple{background:var(--fill-color)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__ripple{background:var(--error-color)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple{background:var(--fill-color-hover)}.igx-checkbox--invalid:active .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple{background:var(--error-color-hover)}.igx-checkbox{--size: 1.25rem;--border-width: .125rem;--label-margin: .5rem;--mark-stroke: 3;--mark-length: 24;--mark-offset: 0;position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;outline-style:none;cursor:pointer;animation:enable-transitions 0s .1s forwards}.igx-checkbox:hover .igx-checkbox__label,.igx-checkbox:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-checkbox__label--before{margin-inline-end:var(--label-margin);order:-1}.igx-checkbox__composite-wrapper{align-items:center;justify-content:center;display:flex;position:relative;width:var(--size);height:var(--size);--ig-ripple-color: var(--empty-color)}.igx-checkbox__composite{position:relative;display:flex;justify-content:center;width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);border-width:var(--border-width);border-style:solid;border-color:var(--empty-color);border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .2s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay);overflow:hidden}.igx-checkbox__composite-mark{width:100%;stroke:var(--tick-color);stroke-linecap:square;stroke-width:var(--tick-width);stroke-dasharray:var(--mark-length);stroke-dashoffset:var(--mark-length);fill:none;opacity:0;z-index:1}.igx-checkbox__ripple{--_ripple-size: 2.5rem;display:none;position:absolute;top:calc(50% - var(--_ripple-size)/2);width:var(--_ripple-size);aspect-ratio:1;border-radius:var(--border-radius-ripple);overflow:hidden;pointer-events:none;filter:opacity(1)}.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--invalid .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--error-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke-dashoffset:41;opacity:1;rotate:45deg;transform:translate(calc(var(--mark-stroke) / var(--mark-length) * -1em));margin-inline-start:var(--mark-offset);margin-block-start:var(--mark-offset)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:41}.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:0;opacity:1;transition:all .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--fill-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-fill-color);border-color:#0000}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-indeterminate-color);border-color:#0000}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--plain .igx-checkbox__composite{transition:none}.igx-checkbox--plain .igx-checkbox__composite:after{transition:none}.igx-checkbox--plain .igx-checkbox__composite-mark{transition:none}}@layer ig.material{@container style(--ig-theme: material){.igx-checkbox{--label-margin: .125rem;--composite-padding: 1.25rem}.igx-checkbox__label{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.igx-checkbox__ripple{display:block}.igx-checkbox__composite-wrapper{padding:var(--composite-padding)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-checkbox{--size: 1rem;--border-width: .0625rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark{width:.6875rem;aspect-ratio:1;transition:none}.igx-checkbox__label{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.igx-checkbox--checked:hover .igx-checkbox__composite,.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);border-color:var(--ig-primary-200);box-shadow:0 0 0 .25rem var(--focus-outline-color)}.igx-checkbox--focused:hover .igx-checkbox__composite{border-color:var(--ig-primary-300)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color);box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:#0000}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-checkbox{--border-width: .0625rem;--mark-stroke: 1.5;--mark-offset: -1px}.igx-checkbox:hover .igx-checkbox__composite{background:#0000}.igx-checkbox:hover .igx-checkbox__composite-mark{stroke-linecap:square;stroke-width:var(--mark-stroke);stroke-dasharray:var(--mark-length);stroke-dashoffset:0;fill:none;z-index:1;opacity:1;transition:none;stroke:var(--tick-color-hover)}.igx-checkbox__composite-mark{width:1rem;aspect-ratio:1}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.igx-checkbox--focused{position:relative}.igx-checkbox--focused:after{content:\"\";position:absolute;inset:-.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color)}.igx-checkbox--indeterminate .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite:before{content:\"\";position:absolute;top:calc(var(--size)/2 - .375rem);inset-inline-start:calc(var(--size)/2 - .375rem);width:.625rem;height:.625rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .125rem),.125rem);background:var(--fill-color);z-index:1}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--error-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--fill-color-hover)}.igx-checkbox--checked:hover .igx-checkbox__composite-mark{stroke:var(--tick-color);transition:none}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite:before{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:#0000;border-color:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite:before{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite:before{background:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-checkbox{--size: 1rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark{stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}.igx-checkbox__composite-mark rect{fill:none}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block:0;transition:color .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--label-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{fill:none;stroke-dashoffset:unset;rotate:none;transform:none}.igx-checkbox--indeterminate .igx-checkbox__composite-mark rect{fill:var(--tick-color);opacity:1}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--disabled.igx-checkbox--checked .igx-checkbox__composite-mark{fill:var(--disabled-tick-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:unset;fill:none}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark rect{fill:var(--disabled-tick-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--ig-error-500)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-checkbox--invalid .igx-checkbox__composite-mark{stroke:#000}.igx-checkbox--disabled .igx-checkbox__composite{background:var(--ig-surface-500)}.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}\n"] }]
+                    ], preserveWhitespaces: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRippleDirective], template: "<input #checkbox class=\"igx-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [tabindex]=\"tabindex\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"indeterminate\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    [attr.aria-required]=\"required\"\n    [attr.aria-invalid]=\"invalid\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-labelledby]=\"ariaLabel ? null : ariaLabelledBy\"\n    [attr.aria-label]=\"ariaLabel\"\n    (change)=\"_onCheckboxChange($event)\"\n    (blur)=\"onBlur()\" />\n\n<div\n    igxRipple\n    igxRippleTarget=\".igx-checkbox__ripple\"\n    [igxRippleDisabled]=\"disableRipple\"\n    [igxRippleCentered]=\"true\"\n    [igxRippleDuration]=\"300\"\n    class=\"igx-checkbox__composite-wrapper\"\n>\n    <span #label class=\"igx-checkbox__composite\">\n        <svg class=\"igx-checkbox__composite-mark igx-checkbox__composite-mark--indigo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <rect width=\"18\" height=\"4\" x=\"2\" y=\"9\" rx=\"1.85\"/>\n            <path d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"/>\n        </svg>\n        <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M4.1,12.7 9,17.6 20.3,6.3\"/>\n        </svg>\n    </span>\n\n    <div class=\"igx-checkbox__ripple\"></div>\n</div>\n\n<span #placeholderLabel\n    [class]=\"labelClass\"\n    [id]=\"labelId\">\n    <ng-content></ng-content>\n</span>\n", styles: ["@layer ig.base{@keyframes scale-in-out{50%{transform:scale(.9);transform-origin:50% 50%}to{transform:scale(1);transform-origin:50% 50%}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.igx-checkbox__label--before,.igx-checkbox__label{display:inline-block;margin-inline-start:var(--label-margin);margin-block:0;color:var(--label-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all}.igx-checkbox__label--before:empty,.igx-checkbox__label:empty{display:none}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple,.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{background:var(--empty-color);transition:background .2s cubic-bezier(.25,.46,.45,.94)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.06}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox:hover .igx-checkbox__ripple{opacity:.12}}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.12}@container style(--ig-theme-variant: dark){.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox:active .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple,.igx-checkbox--focused:hover .igx-checkbox__ripple,.igx-checkbox--focused .igx-checkbox__ripple{opacity:.24}}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__ripple,.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__ripple{background:var(--fill-color)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__ripple{background:var(--error-color)}.igx-checkbox--checked:active .igx-checkbox__ripple,.igx-checkbox--checked:hover .igx-checkbox__ripple,.igx-checkbox--indeterminate:active .igx-checkbox__ripple,.igx-checkbox--indeterminate:hover .igx-checkbox__ripple{background:var(--fill-color-hover)}.igx-checkbox--invalid:active .igx-checkbox__ripple,.igx-checkbox--invalid:hover .igx-checkbox__ripple{background:var(--error-color-hover)}.igx-checkbox{--size: 1.25rem;--border-width: .125rem;--label-margin: .5rem;--mark-stroke: 3;--mark-length: 24;--mark-offset: 0;position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;outline-style:none;cursor:pointer;animation:enable-transitions 0s .1s forwards}.igx-checkbox:hover .igx-checkbox__label,.igx-checkbox:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox__input{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0,0,0,0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.igx-checkbox__label--before{margin-inline-end:var(--label-margin);order:-1}.igx-checkbox__composite-wrapper{align-items:center;justify-content:center;display:flex;position:relative;width:var(--size);height:var(--size);--ig-ripple-color: var(--empty-color)}.igx-checkbox__composite{position:relative;display:flex;justify-content:center;width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);border-width:var(--border-width);border-style:solid;border-color:var(--empty-color);border-radius:var(--border-radius);-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .2s cubic-bezier(.25,.46,.45,.94),background .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay);overflow:hidden}.igx-checkbox__composite-mark{width:100%;stroke:var(--tick-color);stroke-linecap:square;stroke-width:var(--tick-width);stroke-dasharray:var(--mark-length);stroke-dashoffset:var(--mark-length);fill:none;opacity:0;z-index:1}.igx-checkbox__composite-mark--indigo{display:none}.igx-checkbox__ripple{--_ripple-size: 2.5rem;display:none;position:absolute;top:calc(50% - var(--_ripple-size)/2);width:var(--_ripple-size);aspect-ratio:1;border-radius:var(--border-radius-ripple);overflow:hidden;pointer-events:none;filter:opacity(1)}.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--invalid .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--error-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke-dashoffset:41;opacity:1;rotate:45deg;transform:translate(calc(var(--mark-stroke) / var(--mark-length) * -1em));margin-inline-start:var(--mark-offset);margin-block-start:var(--mark-offset)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:41}.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--error-color);background:var(--error-color)}.igx-checkbox--invalid.igx-checkbox--indeterminate.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--error-color-hover);background:var(--error-color-hover)}.igx-checkbox--checked .igx-checkbox__composite{border-color:var(--fill-color);background:var(--fill-color)}.igx-checkbox--checked .igx-checkbox__composite-mark{stroke-dashoffset:0;opacity:1;transition:all .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked .igx-checkbox__composite-wrapper{--ig-ripple-color: var(--fill-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:var(--fill-color-hover);background:var(--fill-color-hover)}.igx-checkbox--disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:initial}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-fill-color);border-color:#0000}.igx-checkbox--checked.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite{background:var(--disabled-indeterminate-color);border-color:#0000}.igx-checkbox--indeterminate.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}.igx-checkbox--plain .igx-checkbox__composite{transition:none}.igx-checkbox--plain .igx-checkbox__composite:after{transition:none}.igx-checkbox--plain .igx-checkbox__composite-mark{transition:none}}@layer ig.material{@container style(--ig-theme: material){.igx-checkbox{--label-margin: .125rem;--composite-padding: 1.25rem}.igx-checkbox__label{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.igx-checkbox__ripple{display:block}.igx-checkbox__composite-wrapper{padding:var(--composite-padding)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-checkbox{--size: 1rem;--border-width: .0625rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark{width:.6875rem;aspect-ratio:1;transition:none}.igx-checkbox__label{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.igx-checkbox--checked:hover .igx-checkbox__composite,.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);border-color:var(--ig-primary-200);box-shadow:0 0 0 .25rem var(--focus-outline-color)}.igx-checkbox--focused:hover .igx-checkbox__composite{border-color:var(--ig-primary-300)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color);box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:#0000}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-checkbox{--border-width: .0625rem;--mark-stroke: 1.5;--mark-offset: -1px}.igx-checkbox:hover .igx-checkbox__composite{background:#0000}.igx-checkbox:hover .igx-checkbox__composite-mark{stroke-linecap:square;stroke-width:var(--mark-stroke);stroke-dasharray:var(--mark-length);stroke-dashoffset:0;fill:none;z-index:1;opacity:1;transition:none;stroke:var(--tick-color-hover)}.igx-checkbox__composite-mark{width:1rem;aspect-ratio:1}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.igx-checkbox--focused{position:relative}.igx-checkbox--focused:after{content:\"\";position:absolute;inset:-.125rem;box-shadow:0 0 0 .0625rem var(--focus-outline-color)}.igx-checkbox--indeterminate .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite:before{content:\"\";position:absolute;top:calc(var(--size)/2 - .375rem);inset-inline-start:calc(var(--size)/2 - .375rem);width:.625rem;height:.625rem;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .125rem),.125rem);background:var(--fill-color);z-index:1}.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate:hover .igx-checkbox__composite:before{background:var(--fill-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--error-color)}.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--fill-color-hover)}.igx-checkbox--checked:hover .igx-checkbox__composite-mark{stroke:var(--tick-color);transition:none}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--indeterminate.igx-checkbox--checked .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--checked:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{border-color:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite:before{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:#0000;border-color:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite:before{background:var(--error-color-hover)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:#0000}.igx-checkbox--invalid.igx-checkbox--disabled .igx-checkbox__composite{border-color:var(--disabled-color)}.igx-checkbox--invalid.igx-checkbox--checked .igx-checkbox__composite{background:#0000}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite{border-color:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite:before{background:var(--disabled-indeterminate-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark{stroke:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-checkbox{--size: 1rem;--mark-offset: 1px}.igx-checkbox:hover .igx-checkbox__composite{border-color:var(--empty-color-hover)}.igx-checkbox__composite-mark:not(.igx-checkbox__composite-mark--indigo){display:none}.igx-checkbox__composite-mark--indigo{display:initial;stroke:unset;stroke-linecap:unset;stroke-width:unset;stroke-dasharray:unset;stroke-dashoffset:unset;fill:var(--tick-color);transition:none}.igx-checkbox__composite-mark--indigo rect{fill:none}.igx-checkbox__label{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block:0;transition:color .2s cubic-bezier(.25,.46,.45,.94);transition-delay:var(--_transition-delay)}.igx-checkbox--checked:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--focused .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}.igx-checkbox--invalid .igx-checkbox__label,.igx-checkbox--invalid .igx-checkbox__label--before{color:var(--label-color)}.igx-checkbox--invalid:hover .igx-checkbox__composite{border-color:var(--error-color-hover)}.igx-checkbox--invalid:hover .igx-checkbox__label,.igx-checkbox--invalid:hover .igx-checkbox__label--before{color:var(--label-color-hover)}.igx-checkbox--indeterminate:hover .igx-checkbox__composite{border-color:#0000}.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo{fill:none;stroke-dashoffset:unset;rotate:none;transform:none}.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo rect{fill:var(--tick-color);opacity:1}.igx-checkbox--disabled .igx-checkbox__label,.igx-checkbox--disabled .igx-checkbox__label--before{color:var(--disabled-color-label)}.igx-checkbox--focused.igx-checkbox--checked .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--focused.igx-checkbox--invalid .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--indeterminate.igx-checkbox--invalid .igx-checkbox__composite{background:var(--error-color)}.igx-checkbox--indeterminate.igx-checkbox--invalid:hover .igx-checkbox__composite{background:var(--error-color-hover)}.igx-checkbox--focused.igx-checkbox--invalid.igx-checkbox--indeterminate .igx-checkbox__composite{box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}.igx-checkbox--focused.igx-checkbox--indeterminate .igx-checkbox__composite{border-radius:var(--border-radius);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}.igx-checkbox--disabled.igx-checkbox--checked .igx-checkbox__composite-mark--indigo{fill:var(--disabled-tick-color)}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo{stroke:unset;fill:none}.igx-checkbox--disabled.igx-checkbox--indeterminate .igx-checkbox__composite-mark--indigo rect{fill:var(--disabled-tick-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent) and style(--ig-theme-variant: dark){.igx-checkbox--invalid:hover .igx-checkbox__composite-mark{stroke:var(--ig-error-500)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap) and style(--ig-theme-variant: dark){.igx-checkbox--invalid .igx-checkbox__composite-mark{stroke:#000}.igx-checkbox--disabled .igx-checkbox__composite{background:var(--ig-surface-500)}.igx-checkbox--disabled .igx-checkbox__composite-mark{stroke:var(--disabled-tick-color)}}}\n"] }]
         }], propDecorators: { cssClass: [{
                 type: HostBinding,
                 args: ['class.igx-checkbox']
-            }], material: [{
-                type: HostBinding,
-                args: ['class.igx-checkbox--material']
-            }], indigo: [{
-                type: HostBinding,
-                args: ['class.igx-checkbox--indigo']
-            }], bootstrap: [{
-                type: HostBinding,
-                args: ['class.igx-checkbox--bootstrap']
-            }], fluent: [{
-                type: HostBinding,
-                args: ['class.igx-checkbox--fluent']
             }], focused: [{
                 type: HostBinding,
                 args: ['class.igx-checkbox--focused']

package/fesm2022/igniteui-angular-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"igniteui-angular-checkbox.mjs","sources":["../../../projects/igniteui-angular/checkbox/src/checkbox/checkbox.component.ts","../../../projects/igniteui-angular/checkbox/src/checkbox/checkbox.component.html","../../../projects/igniteui-angular/checkbox/src/checkbox/checkbox.module.ts","../../../projects/igniteui-angular/checkbox/src/igniteui-angular-checkbox.ts"],"sourcesContent":["import {\n  Component,\n  HostBinding,\n  Input,\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ViewEncapsulation\n} from '@angular/core';\nimport { CheckboxBaseDirective, IgxRippleDirective } from 'igniteui-angular/directives';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { EditorProvider, EDITOR_PROVIDER } from 'igniteui-angular/core';\n\n/**\n * Allows users to make a binary choice for a certain condition.\n *\n * @igxModule IgxCheckboxModule\n *\n * @igxTheme igx-checkbox-theme\n *\n * @igxKeywords checkbox, label\n *\n * @igxGroup Data entry and display\n *\n * @remarks\n * The Ignite UI Checkbox is a selection control that allows users to make a binary choice for a certain condition.It behaves similarly\n * to the native browser checkbox.\n *\n * @example\n * ```html\n * <igx-checkbox [checked]=\"true\">\n *   simple checkbox\n * </igx-checkbox>\n * ```\n */\n@Component({\n    selector: 'igx-checkbox',\n    providers: [\n        {\n            provide: EDITOR_PROVIDER,\n            useExisting: IgxCheckboxComponent,\n            multi: true,\n        },\n    ],\n    preserveWhitespaces: false,\n    templateUrl: 'checkbox.component.html',\n    styleUrl: 'checkbox.component.css',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [IgxRippleDirective],\n})\nexport class IgxCheckboxComponent\n    extends CheckboxBaseDirective\n    implements AfterViewInit, ControlValueAccessor, EditorProvider {\n    /**\n     * Returns the class of the checkbox component.\n     *\n     * @example\n     * ```typescript\n     * let class = this.checkbox.cssClass;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox')\n    public override cssClass = 'igx-checkbox';\n\n    /**\n     * Returns if the component is of type `material`.\n     *\n     * @example\n     * ```typescript\n     * let checkbox = this.checkbox.material;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--material')\n    protected get material() {\n        return this.theme === 'material';\n    }\n\n    /**\n     * Returns if the component is of type `indigo`.\n     *\n     * @example\n     * ```typescript\n     * let checkbox = this.checkbox.indigo;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--indigo')\n    protected get indigo() {\n        return this.theme === 'indigo';\n    }\n\n    /**\n     * Returns if the component is of type `bootstrap`.\n     *\n     * @example\n     * ```typescript\n     * let checkbox = this.checkbox.bootstrap;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--bootstrap')\n    protected get bootstrap() {\n        return this.theme === 'bootstrap';\n    }\n\n    /**\n     * Returns if the component is of type `fluent`.\n     *\n     * @example\n     * ```typescript\n     * let checkbox = this.checkbox.fluent;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--fluent')\n    protected get fluent() {\n        return this.theme === 'fluent';\n    }\n\n    /**\n     * Sets/gets whether the checkbox component is on focus.\n     * Default value is `false`.\n     *\n     * @example\n     * ```typescript\n     * this.checkbox.focused =  true;\n     * ```\n     * ```typescript\n     * let isFocused = this.checkbox.focused;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--focused')\n    public override focused = false;\n\n    /**\n     * Sets/gets the checkbox indeterminate visual state.\n     * Default value is `false`;\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [indeterminate]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isIndeterminate = this.checkbox.indeterminate;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--indeterminate')\n    @Input({ transform: booleanAttribute })\n    public override indeterminate = false;\n\n    /**\n     * Sets/gets whether the checkbox is checked.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [checked]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isChecked =  this.checkbox.checked;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--checked')\n    @Input({ transform: booleanAttribute })\n    public override set checked(value: boolean) {\n        super.checked = value;\n    }\n    public override get checked() {\n        return super.checked;\n    }\n\n    /**\n     * Sets/gets whether the checkbox is disabled.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox disabled></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isDisabled = this.checkbox.disabled;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--disabled')\n    @Input({ transform: booleanAttribute })\n    public override disabled = false;\n\n    /**\n     * Sets/gets whether the checkbox is invalid.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox invalid></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isInvalid = this.checkbox.invalid;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--invalid')\n    @Input({ transform: booleanAttribute })\n    public override invalid = false;\n\n    /**\n     * Sets/gets whether the checkbox is readonly.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [readonly]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let readonly = this.checkbox.readonly;\n     * ```\n     */\n    @Input({ transform: booleanAttribute })\n    public override readonly = false;\n\n    /**\n     * Sets/gets whether the checkbox should disable all css transitions.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [disableTransitions]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let disableTransitions = this.checkbox.disableTransitions;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--plain')\n    @Input({ transform: booleanAttribute })\n    public disableTransitions = false;\n}\n","<input #checkbox class=\"igx-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [tabindex]=\"tabindex\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"indeterminate\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    [attr.aria-required]=\"required\"\n    [attr.aria-invalid]=\"invalid\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-labelledby]=\"ariaLabel ? null : ariaLabelledBy\"\n    [attr.aria-label]=\"ariaLabel\"\n    (change)=\"_onCheckboxChange($event)\"\n    (blur)=\"onBlur()\" />\n\n<div\n    igxRipple\n    igxRippleTarget=\".igx-checkbox__ripple\"\n    [igxRippleDisabled]=\"disableRipple\"\n    [igxRippleCentered]=\"true\"\n    [igxRippleDuration]=\"300\"\n    class=\"igx-checkbox__composite-wrapper\"\n>\n    <span #label class=\"igx-checkbox__composite\">\n        @if (theme === 'indigo') {\n            <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                <rect width=\"18\" height=\"4\" x=\"2\" y=\"9\" rx=\"1.85\"/>\n                <path d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"/>\n            </svg>\n        } @else {\n            <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                <path d=\"M4.1,12.7 9,17.6 20.3,6.3\"/>\n            </svg>\n        }\n    </span>\n\n    <div class=\"igx-checkbox__ripple\"></div>\n</div>\n\n<span #placeholderLabel\n    [class]=\"labelClass\"\n    [id]=\"labelId\">\n    <ng-content></ng-content>\n</span>\n","import { NgModule } from '@angular/core';\nimport { IgxCheckboxComponent } from './checkbox.component';\n\n/**\n * @hidden\n * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components\n */\n@NgModule({\n    imports: [IgxCheckboxComponent],\n    exports: [IgxCheckboxComponent]\n})\nexport class IgxCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;AAaA;;;;;;;;;;;;;;;;;;;;;AAqBG;AAiBG,MAAO,oBACT,SAAQ,qBAAqB,CAAA;AAjBjC,IAAA,WAAA,GAAA;;AAmBI;;;;;;;AAOG;QAEa,IAAA,CAAA,QAAQ,GAAG,cAAc;AAsDzC;;;;;;;;;;;AAWG;QAEa,IAAA,CAAA,OAAO,GAAG,KAAK;AAE/B;;;;;;;;;;;AAWG;QAGa,IAAA,CAAA,aAAa,GAAG,KAAK;AAuBrC;;;;;;;;;;;AAWG;QAGa,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhC;;;;;;;;;;;AAWG;QAGa,IAAA,CAAA,OAAO,GAAG,KAAK;AAE/B;;;;;;;;;;;AAWG;QAEa,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEhC;;;;;;;;;;;AAWG;QAGI,IAAA,CAAA,kBAAkB,GAAG,KAAK;AACpC,IAAA;AAtKG;;;;;;;AAOG;AACH,IAAA,IACc,QAAQ,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,UAAU;IACpC;AAEA;;;;;;;AAOG;AACH,IAAA,IACc,MAAM,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;IAClC;AAEA;;;;;;;AAOG;AACH,IAAA,IACc,SAAS,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,WAAW;IACrC;AAEA;;;;;;;AAOG;AACH,IAAA,IACc,MAAM,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;IAClC;AAiCA;;;;;;;;;;;AAWG;IACH,IAEoB,OAAO,CAAC,KAAc,EAAA;AACtC,QAAA,KAAK,CAAC,OAAO,GAAG,KAAK;IACzB;AACA,IAAA,IAAoB,OAAO,GAAA;QACvB,OAAO,KAAK,CAAC,OAAO;IACxB;8GApHS,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,CAAA,eAAA,EAAA,eAAA,EA8FT,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAgBhB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAqBhB,gBAAgB,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAgBhB,gBAAgB,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAehB,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAgBhB,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,eAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,4BAAA,EAAA,aAAA,EAAA,+BAAA,EAAA,gBAAA,EAAA,4BAAA,EAAA,aAAA,EAAA,6BAAA,EAAA,cAAA,EAAA,mCAAA,EAAA,oBAAA,EAAA,6BAAA,EAAA,cAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,6BAAA,EAAA,cAAA,EAAA,2BAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,SAAA,EAhMzB;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,WAAW,EAAE,oBAAoB;AACjC,gBAAA,KAAK,EAAE,IAAI;AACd,aAAA;SACJ,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3CL,gvDA+CA,q1kBDEc,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEnB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,SAAA,EACb;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,eAAe;AACxB,4BAAA,WAAW,EAAA,oBAAsB;AACjC,4BAAA,KAAK,EAAE,IAAI;AACd,yBAAA;AACJ,qBAAA,EAAA,mBAAA,EACoB,KAAK,EAAA,aAAA,EAGX,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,KAAK,EAAA,OAAA,EACrC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,gvDAAA,EAAA,MAAA,EAAA,CAAA,6xkBAAA,CAAA,EAAA;;sBAa5B,WAAW;uBAAC,oBAAoB;;sBAWhC,WAAW;uBAAC,8BAA8B;;sBAa1C,WAAW;uBAAC,4BAA4B;;sBAaxC,WAAW;uBAAC,+BAA+B;;sBAa3C,WAAW;uBAAC,4BAA4B;;sBAiBxC,WAAW;uBAAC,6BAA6B;;sBAezC,WAAW;uBAAC,mCAAmC;;sBAC/C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAerC,WAAW;uBAAC,6BAA6B;;sBACzC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAoBrC,WAAW;uBAAC,8BAA8B;;sBAC1C,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAerC,WAAW;uBAAC,6BAA6B;;sBACzC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAerC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAerC,WAAW;uBAAC,2BAA2B;;sBACvC,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AElO1C;;;AAGG;MAKU,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAjB,iBAAiB,EAAA,OAAA,EAAA,CAHhB,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACpB,oBAAoB,CAAA,EAAA,CAAA,CAAA;+GAErB,iBAAiB,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,oBAAoB;AACjC,iBAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"igniteui-angular-checkbox.mjs","sources":["../../../projects/igniteui-angular/checkbox/src/checkbox/checkbox.component.ts","../../../projects/igniteui-angular/checkbox/src/checkbox/checkbox.component.html","../../../projects/igniteui-angular/checkbox/src/checkbox/checkbox.module.ts","../../../projects/igniteui-angular/checkbox/src/igniteui-angular-checkbox.ts"],"sourcesContent":["import {\n  Component,\n  HostBinding,\n  Input,\n  AfterViewInit,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  ViewEncapsulation\n} from '@angular/core';\nimport { CheckboxBaseDirective, IgxRippleDirective } from 'igniteui-angular/directives';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { EditorProvider, EDITOR_PROVIDER } from 'igniteui-angular/core';\n\n/**\n * Allows users to make a binary choice for a certain condition.\n *\n * @igxModule IgxCheckboxModule\n *\n * @igxTheme igx-checkbox-theme\n *\n * @igxKeywords checkbox, label\n *\n * @igxGroup Data entry and display\n *\n * @remarks\n * The Ignite UI Checkbox is a selection control that allows users to make a binary choice for a certain condition.It behaves similarly\n * to the native browser checkbox.\n *\n * @example\n * ```html\n * <igx-checkbox [checked]=\"true\">\n *   simple checkbox\n * </igx-checkbox>\n * ```\n */\n@Component({\n    selector: 'igx-checkbox',\n    providers: [\n        {\n            provide: EDITOR_PROVIDER,\n            useExisting: IgxCheckboxComponent,\n            multi: true,\n        },\n    ],\n    preserveWhitespaces: false,\n    templateUrl: 'checkbox.component.html',\n    styleUrl: 'checkbox.component.css',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [IgxRippleDirective],\n})\nexport class IgxCheckboxComponent\n    extends CheckboxBaseDirective\n    implements AfterViewInit, ControlValueAccessor, EditorProvider {\n    /**\n     * Returns the class of the checkbox component.\n     *\n     * @example\n     * ```typescript\n     * let class = this.checkbox.cssClass;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox')\n    public override cssClass = 'igx-checkbox';\n\n    /**\n     * Sets/gets whether the checkbox component is on focus.\n     * Default value is `false`.\n     *\n     * @example\n     * ```typescript\n     * this.checkbox.focused =  true;\n     * ```\n     * ```typescript\n     * let isFocused = this.checkbox.focused;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--focused')\n    public override focused = false;\n\n    /**\n     * Sets/gets the checkbox indeterminate visual state.\n     * Default value is `false`;\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [indeterminate]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isIndeterminate = this.checkbox.indeterminate;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--indeterminate')\n    @Input({ transform: booleanAttribute })\n    public override indeterminate = false;\n\n    /**\n     * Sets/gets whether the checkbox is checked.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [checked]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isChecked =  this.checkbox.checked;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--checked')\n    @Input({ transform: booleanAttribute })\n    public override set checked(value: boolean) {\n        super.checked = value;\n    }\n    public override get checked() {\n        return super.checked;\n    }\n\n    /**\n     * Sets/gets whether the checkbox is disabled.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox disabled></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isDisabled = this.checkbox.disabled;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--disabled')\n    @Input({ transform: booleanAttribute })\n    public override disabled = false;\n\n    /**\n     * Sets/gets whether the checkbox is invalid.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox invalid></igx-checkbox>\n     * ```\n     * ```typescript\n     * let isInvalid = this.checkbox.invalid;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--invalid')\n    @Input({ transform: booleanAttribute })\n    public override invalid = false;\n\n    /**\n     * Sets/gets whether the checkbox is readonly.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [readonly]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let readonly = this.checkbox.readonly;\n     * ```\n     */\n    @Input({ transform: booleanAttribute })\n    public override readonly = false;\n\n    /**\n     * Sets/gets whether the checkbox should disable all css transitions.\n     * Default value is `false`.\n     *\n     * @example\n     * ```html\n     * <igx-checkbox [disableTransitions]=\"true\"></igx-checkbox>\n     * ```\n     * ```typescript\n     * let disableTransitions = this.checkbox.disableTransitions;\n     * ```\n     */\n    @HostBinding('class.igx-checkbox--plain')\n    @Input({ transform: booleanAttribute })\n    public disableTransitions = false;\n}\n","<input #checkbox class=\"igx-checkbox__input\"\n    type=\"checkbox\"\n    [id]=\"inputId\"\n    [name]=\"name\"\n    [value]=\"value\"\n    [tabindex]=\"tabindex\"\n    [disabled]=\"disabled\"\n    [indeterminate]=\"indeterminate\"\n    [checked]=\"checked\"\n    [required]=\"required\"\n    [attr.aria-required]=\"required\"\n    [attr.aria-invalid]=\"invalid\"\n    [attr.aria-checked]=\"ariaChecked\"\n    [attr.aria-labelledby]=\"ariaLabel ? null : ariaLabelledBy\"\n    [attr.aria-label]=\"ariaLabel\"\n    (change)=\"_onCheckboxChange($event)\"\n    (blur)=\"onBlur()\" />\n\n<div\n    igxRipple\n    igxRippleTarget=\".igx-checkbox__ripple\"\n    [igxRippleDisabled]=\"disableRipple\"\n    [igxRippleCentered]=\"true\"\n    [igxRippleDuration]=\"300\"\n    class=\"igx-checkbox__composite-wrapper\"\n>\n    <span #label class=\"igx-checkbox__composite\">\n        <svg class=\"igx-checkbox__composite-mark igx-checkbox__composite-mark--indigo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <rect width=\"18\" height=\"4\" x=\"2\" y=\"9\" rx=\"1.85\"/>\n            <path d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"/>\n        </svg>\n        <svg class=\"igx-checkbox__composite-mark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n            <path d=\"M4.1,12.7 9,17.6 20.3,6.3\"/>\n        </svg>\n    </span>\n\n    <div class=\"igx-checkbox__ripple\"></div>\n</div>\n\n<span #placeholderLabel\n    [class]=\"labelClass\"\n    [id]=\"labelId\">\n    <ng-content></ng-content>\n</span>\n","import { NgModule } from '@angular/core';\nimport { IgxCheckboxComponent } from './checkbox.component';\n\n/**\n * @hidden\n * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components\n */\n@NgModule({\n    imports: [IgxCheckboxComponent],\n    exports: [IgxCheckboxComponent]\n})\nexport class IgxCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/igniteui-angular-core.mjs

@@ -734,10 +734,19 @@ function getComponentCssSizeVar(size) {
 function normalizeURI(path) {
     return path?.split('/').map(encodeURI).join('/');
 }
+/**
+ * Reads the theme that is actually in effect at a given DOM position, based on the
+ * live `--ig-theme` custom property (see `themes/_scoping.scss`'s `themed()` mixin,
+ * the single source of truth for coupling emitted CSS to the runtime theme signal).
+ * `--ig-theme` inherits, so this reflects the nearest CSS-scoped `theme(...)` call
+ * (if any), not necessarily the app's root/global theme.
+ *
+ * @param el - The element to read the effective theme for.
+ */
 function getComponentTheme(el) {
     return globalThis.window
         ?.getComputedStyle(el)
-        .getPropertyValue('--theme')
+        .getPropertyValue('--ig-theme')
         .trim();
 }
 /**