igniteui-angular 22.2.0-rc.1 → 22.2.0

package/fesm2022/igniteui-angular-carousel.mjs

@@ -180,18 +180,18 @@ class IgxCarouselComponentBase {
         });
         this.leaveAnimationPlayer.play();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxCarouselComponentBase, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxCarouselComponentBase, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselComponentBase, decorators: [{
             type: Directive
         }] });
 
 class IgxCarouselIndicatorDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxCarouselIndicatorDirective, isStandalone: true, selector: "[igxCarouselIndicator]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxCarouselIndicatorDirective, isStandalone: true, selector: "[igxCarouselIndicator]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxCarouselIndicator]',
@@ -199,10 +199,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 }]
         }] });
 class IgxCarouselNextButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxCarouselNextButtonDirective, isStandalone: true, selector: "[igxCarouselNextButton]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxCarouselNextButtonDirective, isStandalone: true, selector: "[igxCarouselNextButton]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselNextButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselNextButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxCarouselNextButton]',
@@ -210,10 +210,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                 }]
         }] });
 class IgxCarouselPrevButtonDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselPrevButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxCarouselPrevButtonDirective, isStandalone: true, selector: "[igxCarouselPrevButton]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselPrevButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxCarouselPrevButtonDirective, isStandalone: true, selector: "[igxCarouselPrevButton]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselPrevButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselPrevButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxCarouselPrevButton]',
@@ -324,10 +324,10 @@ class IgxSlideComponent {
         this._destroy$.next(true);
         this._destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSlideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", type: IgxSlideComponent, isStandalone: true, selector: "igx-slide", inputs: { index: "index", direction: "direction", total: "total", active: ["active", "active", booleanAttribute], previous: ["previous", "previous", booleanAttribute] }, outputs: { activeChange: "activeChange" }, host: { properties: { "attr.tabindex": "this.tabIndex", "attr.id": "this.id", "attr.role": "this.tab", "attr.aria-labelledby": "this.ariaLabelledBy", "class.igx-slide": "this.cssClass", "class.igx-slide--current": "this.active", "class.igx-slide--previous": "this.previous" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSlideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.0", type: IgxSlideComponent, isStandalone: true, selector: "igx-slide", inputs: { index: "index", direction: "direction", total: "total", active: ["active", "active", booleanAttribute], previous: ["previous", "previous", booleanAttribute] }, outputs: { activeChange: "activeChange" }, host: { properties: { "attr.tabindex": "this.tabIndex", "attr.id": "this.id", "attr.role": "this.tab", "attr.aria-labelledby": "this.ariaLabelledBy", "class.igx-slide": "this.cssClass", "class.igx-slide--current": "this.active", "class.igx-slide--previous": "this.previous" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSlideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSlideComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-slide', changeDetection: ChangeDetectionStrategy.Eager, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { index: [{
@@ -1294,10 +1294,10 @@ class IgxCarouselComponent extends IgxCarouselComponentBase {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxCarouselComponent, isStandalone: true, selector: "igx-carousel", inputs: { id: "id", loop: ["loop", "loop", booleanAttribute], pause: ["pause", "pause", booleanAttribute], navigation: ["navigation", "navigation", booleanAttribute], indicators: ["indicators", "indicators", booleanAttribute], vertical: ["vertical", "vertical", booleanAttribute], gesturesSupport: ["gesturesSupport", "gesturesSupport", booleanAttribute], maximumIndicatorsCount: "maximumIndicatorsCount", indicatorsOrientation: "indicatorsOrientation", animationType: "animationType", resourceStrings: "resourceStrings", interval: "interval" }, outputs: { slideChanged: "slideChanged", slideAdded: "slideAdded", slideRemoved: "slideRemoved", carouselPaused: "carouselPaused", carouselPlaying: "carouselPlaying" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "attr.id": "this.id", "attr.role": "this.role", "attr.aria-roledescription": "this.roleDescription", "attr.aria-labelledby": "this.labelId", "class.igx-carousel--vertical": "this.isVertical", "class.igx-carousel": "this.cssClass", "style.touch-action": "this.touchAction" } }, queries: [{ propertyName: "indicatorTemplate", first: true, predicate: IgxCarouselIndicatorDirective, descendants: true, read: TemplateRef }, { propertyName: "nextButtonTemplate", first: true, predicate: IgxCarouselNextButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "prevButtonTemplate", first: true, predicate: IgxCarouselPrevButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "slides", predicate: IgxSlideComponent }], viewQueries: [{ propertyName: "defaultIndicator", first: true, predicate: ["defaultIndicator"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultNextButton", first: true, predicate: ["defaultNextButton"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultPrevButton", first: true, predicate: ["defaultPrevButton"], descendants: true, read: TemplateRef, static: true }, { propertyName: "_indicators", predicate: ["indicators"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #defaultIndicator let-slide>\n    <div class=\"igx-nav-dot\"\n        [class.igx-nav-dot--active]=\"slide.active\">\n    </div>\n</ng-template>\n\n<ng-template #defaultNextButton>\n    <igx-icon aria-hidden=\"true\" family=\"default\" name=\"carousel_next\"\n        class=\"igx-nav-arrow\">\n    </igx-icon>\n</ng-template>\n\n<ng-template #defaultPrevButton>\n    <igx-icon aria-hidden=\"true\" family=\"default\" name=\"carousel_prev\"\n        class=\"igx-nav-arrow\">\n    </igx-icon>\n</ng-template>\n\n@if (showIndicators) {\n    <div [ngClass]=\"indicatorsClass\" [attr.role]=\"'tablist'\" (keyup)=\"handleKeyUp($event)\" (focusout)=\"handleFocusOut($event)\" (click)=\"handleClick()\" (keydown)=\"handleKeydown($event)\">\n        @for (slide of slides; track slide) {\n            <div #indicators\n                class=\"igx-carousel-indicators__indicator\"\n                (click)=\"select(slide)\"\n                [id]=\"'tab-'+ slide.index + '-' + total\"\n                [attr.role]=\"'tab'\"\n                [attr.tabindex]=\"slide.active ? 0 : -1\"\n                [attr.aria-label]=\"resourceStrings.igx_carousel_slide + ' ' + (slide.index + 1) + ' ' + resourceStrings.igx_carousel_of + ' ' + this.total\"\n                [attr.aria-controls]=\"'panel-' + slide.index\"\n                [attr.aria-selected]=\"slide.active\">\n                <ng-container *ngTemplateOutlet=\"getIndicatorTemplate; context: {$implicit: slide};\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n@if (navigation && slides.length) {\n    <button\n        igxButton\n        class=\"igx-carousel__arrow igx-carousel__arrow--prev\"\n        [attr.aria-label]=\"resourceStrings.igx_carousel_previous_slide\"\n        [disabled]=\"prevButtonDisabled\"\n        (click)=\"prev()\"\n        (keydown)=\"handleKeydownPrev($event)\">\n        <ng-container *ngTemplateOutlet=\"getPrevButtonTemplate; context: {$implicit: prevButtonDisabled};\"></ng-container>\n    </button>\n}\n\n@if (navigation && slides.length) {\n    <button\n        igxButton\n        class=\"igx-carousel__arrow igx-carousel__arrow--next\"\n        [attr.aria-label]=\"resourceStrings.igx_carousel_next_slide\"\n        [disabled]=\"nextButtonDisabled\"\n        (click)=\"next()\"\n        (keydown)=\"handleKeydownNext($event)\">\n        <ng-container *ngTemplateOutlet=\"getNextButtonTemplate; context: {$implicit: nextButtonDisabled};\"></ng-container>\n    </button>\n}\n\n\n@if (showIndicatorsLabel) {\n    <div [ngClass]=\"indicatorsClass\" class=\"igx-carousel-label-indicator\" [class.igx-carousel-label-indicator--vertical]=\"isVertical\">\n        <span [id]=\"labelId\" class=\"igx-carousel__label\">{{getCarouselLabel}}</span>\n    </div>\n}\n\n<div class=\"igx-carousel__inner\" [attr.aria-live]=\"!interval || stoppedByInteraction ? 'polite' : 'off'\">\n    <ng-content></ng-content>\n</div>\n", styles: ["@layer ig.base{@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.igx-carousel{--nav-btn-border-radius: var(--border-radius);display:flex;position:relative;justify-content:center;width:100%;height:100%;align-items:center;flex-flow:column nowrap}.igx-carousel__inner{position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}.igx-carousel__label{align-items:center}.igx-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;min-width:unset;width:2.875rem;height:2.875rem;cursor:pointer;outline-style:none;transition:all .15s ease-in-out;background:var(--button-background);box-shadow:var(--button-elevation);border:.0625rem solid var(--button-border-color);border-radius:var(--nav-btn-border-radius)}[dir=rtl] .igx-carousel__arrow{transform:scaleX(-1)}.igx-carousel__arrow igx-icon{--component-size: 1;color:var(--button-arrow-color)}.igx-carousel__arrow:hover{background:var(--button-hover-background);border-color:var(--button-hover-border-color)}.igx-carousel__arrow:hover igx-icon{color:var(--button-hover-arrow-color)}.igx-carousel__arrow[igxButton].igx-button--focused{background:var(--button-background);border:.125rem solid var(--button-focus-border-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-focus-border-color)}.igx-carousel__arrow[igxButton].igx-button--disabled{background:var(--button-disabled-background);color:var(--button-disabled-arrow-color);border-color:var(--button-disabled-border-color);pointer-events:none;box-shadow:none}.igx-carousel__arrow[igxButton].igx-button--disabled igx-icon{color:currentColor}.igx-carousel__arrow--prev{inset-inline-start:0;margin-inline-start:1rem}.igx-carousel__arrow--next{inset-inline-end:0;margin-inline-end:1rem}.igx-carousel--vertical .igx-carousel__arrow{inset-inline-start:unset;inset-block-start:unset;inset-inline-end:0;margin-inline-end:1rem;transform:none}.igx-carousel--vertical .igx-carousel__arrow igx-icon{transform:rotate(90deg)}.igx-carousel--vertical .igx-carousel__arrow--prev{inset-block-start:0;margin-block-start:1rem}.igx-carousel--vertical .igx-carousel__arrow--next{inset-block-end:0;margin-block-end:1rem}.igx-carousel-indicators{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:.25rem .375rem;gap:.5rem;list-style:none;z-index:10;inset-inline-start:50%;transform:translate(-50%);background:var(--indicator-background);box-shadow:var(--button-elevation);border-radius:var(--border-radius)}[dir=rtl] .igx-carousel-indicators{transform:translate(50%)}.igx-carousel-indicators__indicator{display:flex;align-items:center;justify-content:center;cursor:pointer}.igx-carousel-indicators__indicator:focus-visible{outline-style:none}.igx-carousel-indicators--start{top:0}.igx-carousel-indicators--end{bottom:0}.igx-carousel-indicators--focused:after{position:absolute;content:\"\";pointer-events:none;width:100%;height:100%;border-radius:inherit;border:.125rem solid var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active{border-color:var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:after{background:var(--indicator-focus-color)}.igx-carousel-indicators--vertical{inset-inline-end:0;inset-inline-start:unset;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem;bottom:unset}[dir=rtl] .igx-carousel-indicators--vertical{transform:translateY(-50%)}.igx-carousel-indicators--vertical.igx-carousel-indicators--start{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}.igx-carousel-label-indicator{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem;box-shadow:none;border-radius:.25rem;color:var(--indicator-color);background:var(--label-indicator-background)}.igx-carousel-label-indicator--vertical{margin-block:0;margin-inline-end:1rem;padding:.25rem .375rem}.igx-slide{position:absolute;width:100%;height:100%;inset:0;z-index:-1;background:var(--slide-background);visibility:hidden}.igx-slide img{width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}.igx-slide--current{z-index:2;visibility:visible}.igx-slide--previous{z-index:1;visibility:visible}.igx-nav-dot{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border:.125rem solid var(--indicator-border-color);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.igx-nav-dot:after{animation:scale-out-center .15s cubic-bezier(.25,.46,.45,.94) forwards;content:\"\";position:absolute;border-radius:inherit;background:var(--indicator-dot-color);inset:.0625rem}.igx-nav-dot:hover{border-color:var(--indicator-active-border-color)}.igx-nav-dot--active{border:.125rem solid var(--indicator-active-border-color)}.igx-nav-dot--active:after{animation:scale-in-center .15s cubic-bezier(.25,.46,.45,.94) forwards;background:var(--indicator-active-dot-color)}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-carousel__arrow[igxButton].igx-button--focused{box-shadow:0 0 0 .25rem var(--button-focus-border-color);border-color:var(--button-border-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-arrow-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-carousel-indicators--focused:after{border:none;box-shadow:0 0 0 .25rem var(--button-focus-border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel__arrow[igxButton].igx-button--focused{border:none}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--indicator-focus-color)}.igx-carousel__arrow[igxButton].igx-button--focused:after{position:absolute;content:\"\";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - .375rem);height:calc(100% - .375rem);box-shadow:0 0 0 .0625rem var(--button-focus-border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel-indicators--focused:after{border:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - .375rem);height:calc(100% - .375rem);box-shadow:0 0 0 .0625rem var(--button-focus-border-color);border-radius:0}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel-label-indicator{border-radius:.125rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel__arrow{width:1.75rem;height:1.75rem;border-width:.125rem;padding:initial}.igx-carousel__arrow igx-icon{--component-size: 2}.igx-carousel__arrow[igxButton].igx-button--focused{box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-arrow-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel-indicators{gap:.25rem;padding:.375rem}.igx-carousel-indicators--focused{border:none;box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active{border-color:var(--indicator-active-dot-color);box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:after{background:var(--indicator-active-dot-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:hover:after{background:var(--indicator-active-hover-dot-color)}.igx-carousel-indicators--vertical{margin-inline-end:1rem;padding:.375rem}.igx-carousel-indicators--vertical.igx-carousel-indicators--start{margin-inline-start:1rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel-label-indicator{border-radius:.125rem;padding:.25rem .375rem;min-width:1.75rem}.igx-carousel-label-indicator--vertical{padding:.25rem .375rem;margin-inline-end:1rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-nav-dot{width:1rem;height:1rem;border:unset}.igx-nav-dot:after{width:.5rem;height:.5rem;top:50%;left:50%;transform:translate(-50%,-50%);right:unset;bottom:unset;animation:none}.igx-nav-dot:hover:after{background:var(--indicator-hover-dot-color)}.igx-nav-dot:hover:before{position:absolute;content:\"\";width:inherit;height:inherit;border:.125rem solid var(--indicator-hover-dot-color);inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%)}.igx-nav-dot--active:before{position:absolute;content:\"\";width:inherit;height:inherit;border:.125rem solid var(--indicator-active-dot-color);inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%)}.igx-nav-dot--active:hover:after{background:var(--indicator-active-hover-dot-color)}.igx-nav-dot--active:hover:before{border-color:var(--indicator-active-hover-dot-color)}}}\n"], dependencies: [{ kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["ariaHidden", "family", "name", "active"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.0", type: IgxCarouselComponent, isStandalone: true, selector: "igx-carousel", inputs: { id: "id", loop: ["loop", "loop", booleanAttribute], pause: ["pause", "pause", booleanAttribute], navigation: ["navigation", "navigation", booleanAttribute], indicators: ["indicators", "indicators", booleanAttribute], vertical: ["vertical", "vertical", booleanAttribute], gesturesSupport: ["gesturesSupport", "gesturesSupport", booleanAttribute], maximumIndicatorsCount: "maximumIndicatorsCount", indicatorsOrientation: "indicatorsOrientation", animationType: "animationType", resourceStrings: "resourceStrings", interval: "interval" }, outputs: { slideChanged: "slideChanged", slideAdded: "slideAdded", slideRemoved: "slideRemoved", carouselPaused: "carouselPaused", carouselPlaying: "carouselPlaying" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "attr.id": "this.id", "attr.role": "this.role", "attr.aria-roledescription": "this.roleDescription", "attr.aria-labelledby": "this.labelId", "class.igx-carousel--vertical": "this.isVertical", "class.igx-carousel": "this.cssClass", "style.touch-action": "this.touchAction" } }, queries: [{ propertyName: "indicatorTemplate", first: true, predicate: IgxCarouselIndicatorDirective, descendants: true, read: TemplateRef }, { propertyName: "nextButtonTemplate", first: true, predicate: IgxCarouselNextButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "prevButtonTemplate", first: true, predicate: IgxCarouselPrevButtonDirective, descendants: true, read: TemplateRef }, { propertyName: "slides", predicate: IgxSlideComponent }], viewQueries: [{ propertyName: "defaultIndicator", first: true, predicate: ["defaultIndicator"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultNextButton", first: true, predicate: ["defaultNextButton"], descendants: true, read: TemplateRef, static: true }, { propertyName: "defaultPrevButton", first: true, predicate: ["defaultPrevButton"], descendants: true, read: TemplateRef, static: true }, { propertyName: "_indicators", predicate: ["indicators"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<ng-template #defaultIndicator let-slide>\n    <div class=\"igx-nav-dot\"\n        [class.igx-nav-dot--active]=\"slide.active\">\n    </div>\n</ng-template>\n\n<ng-template #defaultNextButton>\n    <igx-icon aria-hidden=\"true\" family=\"default\" name=\"carousel_next\"\n        class=\"igx-nav-arrow\">\n    </igx-icon>\n</ng-template>\n\n<ng-template #defaultPrevButton>\n    <igx-icon aria-hidden=\"true\" family=\"default\" name=\"carousel_prev\"\n        class=\"igx-nav-arrow\">\n    </igx-icon>\n</ng-template>\n\n@if (showIndicators) {\n    <div [ngClass]=\"indicatorsClass\" [attr.role]=\"'tablist'\" (keyup)=\"handleKeyUp($event)\" (focusout)=\"handleFocusOut($event)\" (click)=\"handleClick()\" (keydown)=\"handleKeydown($event)\">\n        @for (slide of slides; track slide) {\n            <div #indicators\n                class=\"igx-carousel-indicators__indicator\"\n                (click)=\"select(slide)\"\n                [id]=\"'tab-'+ slide.index + '-' + total\"\n                [attr.role]=\"'tab'\"\n                [attr.tabindex]=\"slide.active ? 0 : -1\"\n                [attr.aria-label]=\"resourceStrings.igx_carousel_slide + ' ' + (slide.index + 1) + ' ' + resourceStrings.igx_carousel_of + ' ' + this.total\"\n                [attr.aria-controls]=\"'panel-' + slide.index\"\n                [attr.aria-selected]=\"slide.active\">\n                <ng-container *ngTemplateOutlet=\"getIndicatorTemplate; context: {$implicit: slide};\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n@if (navigation && slides.length) {\n    <button\n        igxButton\n        class=\"igx-carousel__arrow igx-carousel__arrow--prev\"\n        [attr.aria-label]=\"resourceStrings.igx_carousel_previous_slide\"\n        [disabled]=\"prevButtonDisabled\"\n        (click)=\"prev()\"\n        (keydown)=\"handleKeydownPrev($event)\">\n        <ng-container *ngTemplateOutlet=\"getPrevButtonTemplate; context: {$implicit: prevButtonDisabled};\"></ng-container>\n    </button>\n}\n\n@if (navigation && slides.length) {\n    <button\n        igxButton\n        class=\"igx-carousel__arrow igx-carousel__arrow--next\"\n        [attr.aria-label]=\"resourceStrings.igx_carousel_next_slide\"\n        [disabled]=\"nextButtonDisabled\"\n        (click)=\"next()\"\n        (keydown)=\"handleKeydownNext($event)\">\n        <ng-container *ngTemplateOutlet=\"getNextButtonTemplate; context: {$implicit: nextButtonDisabled};\"></ng-container>\n    </button>\n}\n\n\n@if (showIndicatorsLabel) {\n    <div [ngClass]=\"indicatorsClass\" class=\"igx-carousel-label-indicator\" [class.igx-carousel-label-indicator--vertical]=\"isVertical\">\n        <span [id]=\"labelId\" class=\"igx-carousel__label\">{{getCarouselLabel}}</span>\n    </div>\n}\n\n<div class=\"igx-carousel__inner\" [attr.aria-live]=\"!interval || stoppedByInteraction ? 'polite' : 'off'\">\n    <ng-content></ng-content>\n</div>\n", styles: ["@layer ig.base{@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.igx-carousel{--nav-btn-border-radius: var(--border-radius);display:flex;position:relative;justify-content:center;width:100%;height:100%;align-items:center;flex-flow:column nowrap}.igx-carousel__inner{position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}.igx-carousel__label{align-items:center}.igx-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;min-width:unset;width:2.875rem;height:2.875rem;cursor:pointer;outline-style:none;transition:all .15s ease-in-out;background:var(--button-background);box-shadow:var(--button-elevation);border:.0625rem solid var(--button-border-color);border-radius:var(--nav-btn-border-radius)}[dir=rtl] .igx-carousel__arrow{transform:scaleX(-1)}.igx-carousel__arrow igx-icon{--component-size: 1;color:var(--button-arrow-color)}.igx-carousel__arrow:hover{background:var(--button-hover-background);border-color:var(--button-hover-border-color)}.igx-carousel__arrow:hover igx-icon{color:var(--button-hover-arrow-color)}.igx-carousel__arrow[igxButton].igx-button--focused{background:var(--button-background);border:.125rem solid var(--button-focus-border-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-focus-border-color)}.igx-carousel__arrow[igxButton].igx-button--disabled{background:var(--button-disabled-background);color:var(--button-disabled-arrow-color);border-color:var(--button-disabled-border-color);pointer-events:none;box-shadow:none}.igx-carousel__arrow[igxButton].igx-button--disabled igx-icon{color:currentColor}.igx-carousel__arrow--prev{inset-inline-start:0;margin-inline-start:1rem}.igx-carousel__arrow--next{inset-inline-end:0;margin-inline-end:1rem}.igx-carousel--vertical .igx-carousel__arrow{inset-inline-start:unset;inset-block-start:unset;inset-inline-end:0;margin-inline-end:1rem;transform:none}.igx-carousel--vertical .igx-carousel__arrow igx-icon{transform:rotate(90deg)}.igx-carousel--vertical .igx-carousel__arrow--prev{inset-block-start:0;margin-block-start:1rem}.igx-carousel--vertical .igx-carousel__arrow--next{inset-block-end:0;margin-block-end:1rem}.igx-carousel-indicators{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:.25rem .375rem;gap:.5rem;list-style:none;z-index:10;inset-inline-start:50%;transform:translate(-50%);background:var(--indicator-background);box-shadow:var(--button-elevation);border-radius:var(--border-radius)}[dir=rtl] .igx-carousel-indicators{transform:translate(50%)}.igx-carousel-indicators__indicator{display:flex;align-items:center;justify-content:center;cursor:pointer}.igx-carousel-indicators__indicator:focus-visible{outline-style:none}.igx-carousel-indicators--start{top:0}.igx-carousel-indicators--end{bottom:0}.igx-carousel-indicators--focused:after{position:absolute;content:\"\";pointer-events:none;width:100%;height:100%;border-radius:inherit;border:.125rem solid var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active{border-color:var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:after{background:var(--indicator-focus-color)}.igx-carousel-indicators--vertical{inset-inline-end:0;inset-inline-start:unset;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem;bottom:unset}[dir=rtl] .igx-carousel-indicators--vertical{transform:translateY(-50%)}.igx-carousel-indicators--vertical.igx-carousel-indicators--start{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}.igx-carousel-label-indicator{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem;box-shadow:none;border-radius:.25rem;color:var(--indicator-color);background:var(--label-indicator-background)}.igx-carousel-label-indicator--vertical{margin-block:0;margin-inline-end:1rem;padding:.25rem .375rem}.igx-slide{position:absolute;width:100%;height:100%;inset:0;z-index:-1;background:var(--slide-background);visibility:hidden}.igx-slide img{width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}.igx-slide--current{z-index:2;visibility:visible}.igx-slide--previous{z-index:1;visibility:visible}.igx-nav-dot{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border:.125rem solid var(--indicator-border-color);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.igx-nav-dot:after{animation:scale-out-center .15s cubic-bezier(.25,.46,.45,.94) forwards;content:\"\";position:absolute;border-radius:inherit;background:var(--indicator-dot-color);inset:.0625rem}.igx-nav-dot:hover{border-color:var(--indicator-active-border-color)}.igx-nav-dot--active{border:.125rem solid var(--indicator-active-border-color)}.igx-nav-dot--active:after{animation:scale-in-center .15s cubic-bezier(.25,.46,.45,.94) forwards;background:var(--indicator-active-dot-color)}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-carousel__arrow[igxButton].igx-button--focused{box-shadow:0 0 0 .25rem var(--button-focus-border-color);border-color:var(--button-border-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-arrow-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-carousel-indicators--focused:after{border:none;box-shadow:0 0 0 .25rem var(--button-focus-border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel__arrow[igxButton].igx-button--focused{border:none}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--indicator-focus-color)}.igx-carousel__arrow[igxButton].igx-button--focused:after{position:absolute;content:\"\";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - .375rem);height:calc(100% - .375rem);box-shadow:0 0 0 .0625rem var(--button-focus-border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel-indicators--focused:after{border:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - .375rem);height:calc(100% - .375rem);box-shadow:0 0 0 .0625rem var(--button-focus-border-color);border-radius:0}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel-label-indicator{border-radius:.125rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel__arrow{width:1.75rem;height:1.75rem;border-width:.125rem;padding:initial}.igx-carousel__arrow igx-icon{--component-size: 2}.igx-carousel__arrow[igxButton].igx-button--focused{box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-arrow-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel-indicators{gap:.25rem;padding:.375rem}.igx-carousel-indicators--focused{border:none;box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active{border-color:var(--indicator-active-dot-color);box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:after{background:var(--indicator-active-dot-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:hover:after{background:var(--indicator-active-hover-dot-color)}.igx-carousel-indicators--vertical{margin-inline-end:1rem;padding:.375rem}.igx-carousel-indicators--vertical.igx-carousel-indicators--start{margin-inline-start:1rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel-label-indicator{border-radius:.125rem;padding:.25rem .375rem;min-width:1.75rem}.igx-carousel-label-indicator--vertical{padding:.25rem .375rem;margin-inline-end:1rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-nav-dot{width:1rem;height:1rem;border:unset}.igx-nav-dot:after{width:.5rem;height:.5rem;top:50%;left:50%;transform:translate(-50%,-50%);right:unset;bottom:unset;animation:none}.igx-nav-dot:hover:after{background:var(--indicator-hover-dot-color)}.igx-nav-dot:hover:before{position:absolute;content:\"\";width:inherit;height:inherit;border:.125rem solid var(--indicator-hover-dot-color);inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%)}.igx-nav-dot--active:before{position:absolute;content:\"\";width:inherit;height:inherit;border:.125rem solid var(--indicator-active-dot-color);inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%)}.igx-nav-dot--active:hover:after{background:var(--indicator-active-hover-dot-color)}.igx-nav-dot--active:hover:before{border-color:var(--indicator-active-hover-dot-color)}}}\n"], dependencies: [{ kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }, { kind: "component", type: IgxIconComponent, selector: "igx-icon", inputs: ["ariaHidden", "family", "name", "active"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-carousel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, NgClass, NgTemplateOutlet], template: "<ng-template #defaultIndicator let-slide>\n    <div class=\"igx-nav-dot\"\n        [class.igx-nav-dot--active]=\"slide.active\">\n    </div>\n</ng-template>\n\n<ng-template #defaultNextButton>\n    <igx-icon aria-hidden=\"true\" family=\"default\" name=\"carousel_next\"\n        class=\"igx-nav-arrow\">\n    </igx-icon>\n</ng-template>\n\n<ng-template #defaultPrevButton>\n    <igx-icon aria-hidden=\"true\" family=\"default\" name=\"carousel_prev\"\n        class=\"igx-nav-arrow\">\n    </igx-icon>\n</ng-template>\n\n@if (showIndicators) {\n    <div [ngClass]=\"indicatorsClass\" [attr.role]=\"'tablist'\" (keyup)=\"handleKeyUp($event)\" (focusout)=\"handleFocusOut($event)\" (click)=\"handleClick()\" (keydown)=\"handleKeydown($event)\">\n        @for (slide of slides; track slide) {\n            <div #indicators\n                class=\"igx-carousel-indicators__indicator\"\n                (click)=\"select(slide)\"\n                [id]=\"'tab-'+ slide.index + '-' + total\"\n                [attr.role]=\"'tab'\"\n                [attr.tabindex]=\"slide.active ? 0 : -1\"\n                [attr.aria-label]=\"resourceStrings.igx_carousel_slide + ' ' + (slide.index + 1) + ' ' + resourceStrings.igx_carousel_of + ' ' + this.total\"\n                [attr.aria-controls]=\"'panel-' + slide.index\"\n                [attr.aria-selected]=\"slide.active\">\n                <ng-container *ngTemplateOutlet=\"getIndicatorTemplate; context: {$implicit: slide};\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n@if (navigation && slides.length) {\n    <button\n        igxButton\n        class=\"igx-carousel__arrow igx-carousel__arrow--prev\"\n        [attr.aria-label]=\"resourceStrings.igx_carousel_previous_slide\"\n        [disabled]=\"prevButtonDisabled\"\n        (click)=\"prev()\"\n        (keydown)=\"handleKeydownPrev($event)\">\n        <ng-container *ngTemplateOutlet=\"getPrevButtonTemplate; context: {$implicit: prevButtonDisabled};\"></ng-container>\n    </button>\n}\n\n@if (navigation && slides.length) {\n    <button\n        igxButton\n        class=\"igx-carousel__arrow igx-carousel__arrow--next\"\n        [attr.aria-label]=\"resourceStrings.igx_carousel_next_slide\"\n        [disabled]=\"nextButtonDisabled\"\n        (click)=\"next()\"\n        (keydown)=\"handleKeydownNext($event)\">\n        <ng-container *ngTemplateOutlet=\"getNextButtonTemplate; context: {$implicit: nextButtonDisabled};\"></ng-container>\n    </button>\n}\n\n\n@if (showIndicatorsLabel) {\n    <div [ngClass]=\"indicatorsClass\" class=\"igx-carousel-label-indicator\" [class.igx-carousel-label-indicator--vertical]=\"isVertical\">\n        <span [id]=\"labelId\" class=\"igx-carousel__label\">{{getCarouselLabel}}</span>\n    </div>\n}\n\n<div class=\"igx-carousel__inner\" [attr.aria-live]=\"!interval || stoppedByInteraction ? 'polite' : 'off'\">\n    <ng-content></ng-content>\n</div>\n", styles: ["@layer ig.base{@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.igx-carousel{--nav-btn-border-radius: var(--border-radius);display:flex;position:relative;justify-content:center;width:100%;height:100%;align-items:center;flex-flow:column nowrap}.igx-carousel__inner{position:relative;width:100%;height:inherit;overflow:hidden;outline-style:none;min-height:15rem;min-width:18.75rem}.igx-carousel__label{align-items:center}.igx-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;min-width:unset;width:2.875rem;height:2.875rem;cursor:pointer;outline-style:none;transition:all .15s ease-in-out;background:var(--button-background);box-shadow:var(--button-elevation);border:.0625rem solid var(--button-border-color);border-radius:var(--nav-btn-border-radius)}[dir=rtl] .igx-carousel__arrow{transform:scaleX(-1)}.igx-carousel__arrow igx-icon{--component-size: 1;color:var(--button-arrow-color)}.igx-carousel__arrow:hover{background:var(--button-hover-background);border-color:var(--button-hover-border-color)}.igx-carousel__arrow:hover igx-icon{color:var(--button-hover-arrow-color)}.igx-carousel__arrow[igxButton].igx-button--focused{background:var(--button-background);border:.125rem solid var(--button-focus-border-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-focus-border-color)}.igx-carousel__arrow[igxButton].igx-button--disabled{background:var(--button-disabled-background);color:var(--button-disabled-arrow-color);border-color:var(--button-disabled-border-color);pointer-events:none;box-shadow:none}.igx-carousel__arrow[igxButton].igx-button--disabled igx-icon{color:currentColor}.igx-carousel__arrow--prev{inset-inline-start:0;margin-inline-start:1rem}.igx-carousel__arrow--next{inset-inline-end:0;margin-inline-end:1rem}.igx-carousel--vertical .igx-carousel__arrow{inset-inline-start:unset;inset-block-start:unset;inset-inline-end:0;margin-inline-end:1rem;transform:none}.igx-carousel--vertical .igx-carousel__arrow igx-icon{transform:rotate(90deg)}.igx-carousel--vertical .igx-carousel__arrow--prev{inset-block-start:0;margin-block-start:1rem}.igx-carousel--vertical .igx-carousel__arrow--next{inset-block-end:0;margin-block-end:1rem}.igx-carousel-indicators{position:absolute;display:flex;justify-content:center;align-items:center;margin:1rem 0;padding:.25rem .375rem;gap:.5rem;list-style:none;z-index:10;inset-inline-start:50%;transform:translate(-50%);background:var(--indicator-background);box-shadow:var(--button-elevation);border-radius:var(--border-radius)}[dir=rtl] .igx-carousel-indicators{transform:translate(50%)}.igx-carousel-indicators__indicator{display:flex;align-items:center;justify-content:center;cursor:pointer}.igx-carousel-indicators__indicator:focus-visible{outline-style:none}.igx-carousel-indicators--start{top:0}.igx-carousel-indicators--end{bottom:0}.igx-carousel-indicators--focused:after{position:absolute;content:\"\";pointer-events:none;width:100%;height:100%;border-radius:inherit;border:.125rem solid var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active{border-color:var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:after{background:var(--indicator-focus-color)}.igx-carousel-indicators--vertical{inset-inline-end:0;inset-inline-start:unset;flex-direction:column;inset-block-start:50%;transform:translateY(-50%);margin-block:0;margin-inline-end:1.8125rem;padding:.375rem .25rem;bottom:unset}[dir=rtl] .igx-carousel-indicators--vertical{transform:translateY(-50%)}.igx-carousel-indicators--vertical.igx-carousel-indicators--start{inset-inline-end:unset;inset-inline-start:0;margin-inline-start:1rem;margin-inline-end:unset}.igx-carousel-label-indicator{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin:1rem 0;min-width:2.875rem;box-shadow:none;border-radius:.25rem;color:var(--indicator-color);background:var(--label-indicator-background)}.igx-carousel-label-indicator--vertical{margin-block:0;margin-inline-end:1rem;padding:.25rem .375rem}.igx-slide{position:absolute;width:100%;height:100%;inset:0;z-index:-1;background:var(--slide-background);visibility:hidden}.igx-slide img{width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover;touch-action:none;pointer-events:none}.igx-slide--current{z-index:2;visibility:visible}.igx-slide--previous{z-index:1;visibility:visible}.igx-nav-dot{position:relative;width:.75rem;height:.75rem;text-indent:-624.9375rem;border:.125rem solid var(--indicator-border-color);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);transition:all .15s cubic-bezier(.25,.46,.45,.94)}.igx-nav-dot:after{animation:scale-out-center .15s cubic-bezier(.25,.46,.45,.94) forwards;content:\"\";position:absolute;border-radius:inherit;background:var(--indicator-dot-color);inset:.0625rem}.igx-nav-dot:hover{border-color:var(--indicator-active-border-color)}.igx-nav-dot--active{border:.125rem solid var(--indicator-active-border-color)}.igx-nav-dot--active:after{animation:scale-in-center .15s cubic-bezier(.25,.46,.45,.94) forwards;background:var(--indicator-active-dot-color)}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-carousel__arrow[igxButton].igx-button--focused{box-shadow:0 0 0 .25rem var(--button-focus-border-color);border-color:var(--button-border-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-arrow-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-carousel-indicators--focused:after{border:none;box-shadow:0 0 0 .25rem var(--button-focus-border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel__arrow[igxButton].igx-button--focused{border:none}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--indicator-focus-color)}.igx-carousel__arrow[igxButton].igx-button--focused:after{position:absolute;content:\"\";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - .375rem);height:calc(100% - .375rem);box-shadow:0 0 0 .0625rem var(--button-focus-border-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel-indicators--focused:after{border:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - .375rem);height:calc(100% - .375rem);box-shadow:0 0 0 .0625rem var(--button-focus-border-color);border-radius:0}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-carousel-label-indicator{border-radius:.125rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel__arrow{width:1.75rem;height:1.75rem;border-width:.125rem;padding:initial}.igx-carousel__arrow igx-icon{--component-size: 2}.igx-carousel__arrow[igxButton].igx-button--focused{box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel__arrow[igxButton].igx-button--focused igx-icon{color:var(--button-arrow-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel-indicators{gap:.25rem;padding:.375rem}.igx-carousel-indicators--focused{border:none;box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active{border-color:var(--indicator-active-dot-color);box-shadow:0 0 0 .1875rem var(--indicator-focus-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:after{background:var(--indicator-active-dot-color)}.igx-carousel-indicators--focused .igx-nav-dot--active:hover:after{background:var(--indicator-active-hover-dot-color)}.igx-carousel-indicators--vertical{margin-inline-end:1rem;padding:.375rem}.igx-carousel-indicators--vertical.igx-carousel-indicators--start{margin-inline-start:1rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-carousel-label-indicator{border-radius:.125rem;padding:.25rem .375rem;min-width:1.75rem}.igx-carousel-label-indicator--vertical{padding:.25rem .375rem;margin-inline-end:1rem}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-nav-dot{width:1rem;height:1rem;border:unset}.igx-nav-dot:after{width:.5rem;height:.5rem;top:50%;left:50%;transform:translate(-50%,-50%);right:unset;bottom:unset;animation:none}.igx-nav-dot:hover:after{background:var(--indicator-hover-dot-color)}.igx-nav-dot:hover:before{position:absolute;content:\"\";width:inherit;height:inherit;border:.125rem solid var(--indicator-hover-dot-color);inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%)}.igx-nav-dot--active:before{position:absolute;content:\"\";width:inherit;height:inherit;border:.125rem solid var(--indicator-active-dot-color);inset-inline-start:0;top:0;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%)}.igx-nav-dot--active:hover:after{background:var(--indicator-active-hover-dot-color)}.igx-nav-dot--active:hover:before{border-color:var(--indicator-active-hover-dot-color)}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { id: [{
@@ -1407,11 +1407,11 @@ const IGX_CAROUSEL_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxCarouselModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselModule, imports: [IgxCarouselComponent, IgxSlideComponent, IgxCarouselIndicatorDirective, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective], exports: [IgxCarouselComponent, IgxSlideComponent, IgxCarouselIndicatorDirective, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselModule, imports: [IgxCarouselComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselModule, imports: [IgxCarouselComponent, IgxSlideComponent, IgxCarouselIndicatorDirective, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective], exports: [IgxCarouselComponent, IgxSlideComponent, IgxCarouselIndicatorDirective, IgxCarouselNextButtonDirective, IgxCarouselPrevButtonDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselModule, imports: [IgxCarouselComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCarouselModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCarouselModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/igniteui-angular-chat-extras.mjs

@@ -17,10 +17,10 @@ class IgxChatMarkdownService {
         const renderer = await this._getRenderer();
         return await renderer.parse(text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatMarkdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatMarkdownService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatMarkdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatMarkdownService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatMarkdownService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatMarkdownService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -33,10 +33,10 @@ class MarkdownPipe {
     async transform(text) {
         return this._sanitizer.bypassSecurityTrustHtml(await this._service.parse(text ?? ''));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: MarkdownPipe, isStandalone: true, name: "fromMarkdown" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: MarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: MarkdownPipe, isStandalone: true, name: "fromMarkdown" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MarkdownPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: MarkdownPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'fromMarkdown' }]
         }] });

package/fesm2022/igniteui-angular-chat.mjs

@@ -145,10 +145,10 @@ class IgxChatComponent {
             return viewRef.rootNodes;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: IgxChatComponent, isStandalone: true, selector: "igx-chat", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, draftMessage: { classPropertyName: "draftMessage", publicName: "draftMessage", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { messageCreated: "messageCreated", messageReact: "messageReact", attachmentClick: "attachmentClick", attachmentDrag: "attachmentDrag", attachmentDrop: "attachmentDrop", typingChange: "typingChange", inputFocus: "inputFocus", inputBlur: "inputBlur", inputChange: "inputChange" }, ngImport: i0, template: "<igc-chat\n  [messages]=\"messages()\"\n  [draftMessage]=\"draftMessage()\"\n  [options]=\"_mergedOptions()\"\n  (igcMessageCreated)=\"messageCreated.emit($event.detail)\"\n  (igcMessageReact)=\"messageReact.emit($event.detail)\"\n  (igcAttachmentClick)=\"attachmentClick.emit($event.detail)\"\n  (igcAttachmentDrag)=\"attachmentDrag.emit()\"\n  (igcAttachmentDrop)=\"attachmentDrop.emit()\"\n  (igcTypingChange)=\"typingChange.emit($event.detail)\"\n  (igcInputFocus)=\"inputFocus.emit()\"\n  (igcInputBlur)=\"inputBlur.emit()\"\n  (igcInputChange)=\"inputChange.emit($event.detail)\"\n>\n    <ng-content></ng-content>\n</igc-chat>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.0", type: IgxChatComponent, isStandalone: true, selector: "igx-chat", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, draftMessage: { classPropertyName: "draftMessage", publicName: "draftMessage", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { messageCreated: "messageCreated", messageReact: "messageReact", attachmentClick: "attachmentClick", attachmentDrag: "attachmentDrag", attachmentDrop: "attachmentDrop", typingChange: "typingChange", inputFocus: "inputFocus", inputBlur: "inputBlur", inputChange: "inputChange" }, ngImport: i0, template: "<igc-chat\n  [messages]=\"messages()\"\n  [draftMessage]=\"draftMessage()\"\n  [options]=\"_mergedOptions()\"\n  (igcMessageCreated)=\"messageCreated.emit($event.detail)\"\n  (igcMessageReact)=\"messageReact.emit($event.detail)\"\n  (igcAttachmentClick)=\"attachmentClick.emit($event.detail)\"\n  (igcAttachmentDrag)=\"attachmentDrag.emit()\"\n  (igcAttachmentDrop)=\"attachmentDrop.emit()\"\n  (igcTypingChange)=\"typingChange.emit($event.detail)\"\n  (igcInputFocus)=\"inputFocus.emit()\"\n  (igcInputBlur)=\"inputBlur.emit()\"\n  (igcInputChange)=\"inputChange.emit($event.detail)\"\n>\n    <ng-content></ng-content>\n</igc-chat>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-chat', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<igc-chat\n  [messages]=\"messages()\"\n  [draftMessage]=\"draftMessage()\"\n  [options]=\"_mergedOptions()\"\n  (igcMessageCreated)=\"messageCreated.emit($event.detail)\"\n  (igcMessageReact)=\"messageReact.emit($event.detail)\"\n  (igcAttachmentClick)=\"attachmentClick.emit($event.detail)\"\n  (igcAttachmentDrag)=\"attachmentDrag.emit()\"\n  (igcAttachmentDrop)=\"attachmentDrop.emit()\"\n  (igcTypingChange)=\"typingChange.emit($event.detail)\"\n  (igcInputFocus)=\"inputFocus.emit()\"\n  (igcInputBlur)=\"inputBlur.emit()\"\n  (igcInputChange)=\"inputChange.emit($event.detail)\"\n>\n    <ng-content></ng-content>\n</igc-chat>\n" }]
         }], ctorParameters: () => [], propDecorators: { messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], draftMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "draftMessage", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], templates: [{ type: i0.Input, args: [{ isSignal: true, alias: "templates", required: false }] }], messageCreated: [{ type: i0.Output, args: ["messageCreated"] }], messageReact: [{ type: i0.Output, args: ["messageReact"] }], attachmentClick: [{ type: i0.Output, args: ["attachmentClick"] }], attachmentDrag: [{ type: i0.Output, args: ["attachmentDrag"] }], attachmentDrop: [{ type: i0.Output, args: ["attachmentDrop"] }], typingChange: [{ type: i0.Output, args: ["typingChange"] }], inputFocus: [{ type: i0.Output, args: ["inputFocus"] }], inputBlur: [{ type: i0.Output, args: ["inputBlur"] }], inputChange: [{ type: i0.Output, args: ["inputChange"] }] } });
@@ -168,10 +168,10 @@ class IgxChatMessageContextDirective {
     static ngTemplateContextGuard(_, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatMessageContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxChatMessageContextDirective, isStandalone: true, selector: "[igxChatMessageContext]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatMessageContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxChatMessageContextDirective, isStandalone: true, selector: "[igxChatMessageContext]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatMessageContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatMessageContextDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[igxChatMessageContext]', standalone: true }]
         }] });
@@ -191,10 +191,10 @@ class IgxChatAttachmentContextDirective {
     static ngTemplateContextGuard(_, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatAttachmentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxChatAttachmentContextDirective, isStandalone: true, selector: "[igxChatAttachmentContext]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatAttachmentContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxChatAttachmentContextDirective, isStandalone: true, selector: "[igxChatAttachmentContext]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatAttachmentContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatAttachmentContextDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[igxChatAttachmentContext]', standalone: true }]
         }] });
@@ -214,10 +214,10 @@ class IgxChatInputContextDirective {
     static ngTemplateContextGuard(_, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatInputContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxChatInputContextDirective, isStandalone: true, selector: "[igxChatInputContext]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatInputContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxChatInputContextDirective, isStandalone: true, selector: "[igxChatInputContext]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxChatInputContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxChatInputContextDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[igxChatInputContext]', standalone: true }]
         }] });

package/fesm2022/igniteui-angular-checkbox.mjs

@@ -135,8 +135,8 @@ class IgxCheckboxComponent extends CheckboxBaseDirective {
     get checked() {
         return super.checked;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.0", 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,
@@ -144,7 +144,7 @@ class IgxCheckboxComponent extends CheckboxBaseDirective {
             },
         ], 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.7", ngImport: i0, type: IgxCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-checkbox', providers: [
                         {
@@ -199,11 +199,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxCheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxCheckboxModule, imports: [IgxCheckboxComponent], exports: [IgxCheckboxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCheckboxModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: IgxCheckboxModule, imports: [IgxCheckboxComponent], exports: [IgxCheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCheckboxModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [IgxCheckboxComponent],