igniteui-angular 22.2.0-rc.1 → 22.2.0

package/fesm2022/igniteui-angular-slider.mjs

@@ -18,10 +18,10 @@ import { NgClass, NgTemplateOutlet } from '@angular/common';
  * @context {@link IgxSliderComponent.context}
  */
 class IgxThumbFromTemplateDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxThumbFromTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxThumbFromTemplateDirective, isStandalone: true, selector: "[igxSliderThumbFrom]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxThumbFromTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxThumbFromTemplateDirective, isStandalone: true, selector: "[igxSliderThumbFrom]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxThumbFromTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxThumbFromTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxSliderThumbFrom]',
@@ -40,10 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  * @context {@link IgxSliderComponent.context}
  */
 class IgxThumbToTemplateDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxThumbToTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxThumbToTemplateDirective, isStandalone: true, selector: "[igxSliderThumbTo]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxThumbToTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxThumbToTemplateDirective, isStandalone: true, selector: "[igxSliderThumbTo]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxThumbToTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxThumbToTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxSliderThumbTo]',
@@ -56,10 +56,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  * @context {@link IgxTicksComponent.context}
  */
 class IgxTickLabelTemplateDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxTickLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IgxTickLabelTemplateDirective, isStandalone: true, selector: "[igxSliderTickLabel]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxTickLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.0", type: IgxTickLabelTemplateDirective, isStandalone: true, selector: "[igxSliderTickLabel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxTickLabelTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxTickLabelTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxSliderTickLabel]',
@@ -142,10 +142,10 @@ class IgxThumbLabelComponent {
             this._active = val;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxThumbLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", type: IgxThumbLabelComponent, isStandalone: true, selector: "igx-thumb-label", inputs: { value: "value", templateRef: "templateRef", context: "context", type: "type", continuous: ["continuous", "continuous", booleanAttribute], deactiveState: ["deactiveState", "deactiveState", booleanAttribute], thumb: "thumb" }, host: { properties: { "class.igx-slider-thumb-label-from": "this.thumbFromClass", "class.igx-slider-thumb-label-to": "this.thumbToClass", "class.igx-slider-thumb-label-from--active": "this.thumbFromActiveClass", "class.igx-slider-thumb-label-to--active": "this.thumbToActiveClass", "class.igx-slider-thumb-label-from--pressed": "this.labelFromPressedClass", "class.igx-slider-thumb-label-to--pressed": "this.labelToPressedClass" } }, ngImport: i0, template: "<div [ngClass]=\"getLabelClass\">\n    <ng-container *ngTemplateOutlet=\"templateRef ? templateRef : thumbFromDefaultTemplate; context: context\"></ng-container>\n</div>\n\n<ng-template #thumbFromDefaultTemplate>\n    {{ value }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxThumbLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.0", type: IgxThumbLabelComponent, isStandalone: true, selector: "igx-thumb-label", inputs: { value: "value", templateRef: "templateRef", context: "context", type: "type", continuous: ["continuous", "continuous", booleanAttribute], deactiveState: ["deactiveState", "deactiveState", booleanAttribute], thumb: "thumb" }, host: { properties: { "class.igx-slider-thumb-label-from": "this.thumbFromClass", "class.igx-slider-thumb-label-to": "this.thumbToClass", "class.igx-slider-thumb-label-from--active": "this.thumbFromActiveClass", "class.igx-slider-thumb-label-to--active": "this.thumbToActiveClass", "class.igx-slider-thumb-label-from--pressed": "this.labelFromPressedClass", "class.igx-slider-thumb-label-to--pressed": "this.labelToPressedClass" } }, ngImport: i0, template: "<div [ngClass]=\"getLabelClass\">\n    <ng-container *ngTemplateOutlet=\"templateRef ? templateRef : thumbFromDefaultTemplate; context: context\"></ng-container>\n</div>\n\n<ng-template #thumbFromDefaultTemplate>\n    {{ value }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxThumbLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxThumbLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-thumb-label', changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, NgTemplateOutlet], template: "<div [ngClass]=\"getLabelClass\">\n    <ng-container *ngTemplateOutlet=\"templateRef ? templateRef : thumbFromDefaultTemplate; context: context\"></ng-container>\n</div>\n\n<ng-template #thumbFromDefaultTemplate>\n    {{ value }}\n</ng-template>\n" }]
         }], propDecorators: { value: [{
@@ -364,10 +364,10 @@ class IgxSliderThumbComponent {
             this._isActive = visible;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderThumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", type: IgxSliderThumbComponent, isStandalone: true, selector: "igx-thumb", inputs: { value: "value", continuous: ["continuous", "continuous", booleanAttribute], thumbLabelVisibilityDuration: "thumbLabelVisibilityDuration", disabled: ["disabled", "disabled", booleanAttribute], onPan: "onPan", stepDistance: "stepDistance", step: "step", templateRef: "templateRef", context: "context", type: "type", deactiveState: ["deactiveState", "deactiveState", booleanAttribute], min: "min", max: "max", labels: "labels" }, outputs: { thumbValueChange: "thumbValueChange", thumbChange: "thumbChange", thumbBlur: "thumbBlur", hoverChange: "hoverChange" }, host: { listeners: { "pointerenter": "onPointerEnter()", "pointerleave": "onPointerLeave()", "keyup": "onKeyUp($event)", "keydown": "onKeyDown($event)", "blur": "onBlur()", "focus": "onFocusListener()" }, properties: { "attr.tabindex": "this.tabindex", "attr.role": "this.role", "attr.aria-valuenow": "this.ariaValueNow", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuetext": "this.ariaValueText", "attr.aria-label": "this.ariaLabelAttr", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-disabled": "this.ariaDisabled", "attr.z-index": "this.zIndex", "class.igx-slider-thumb-to--focused": "this.focused", "class.igx-slider-thumb-from": "this.thumbFromClass", "class.igx-slider-thumb-to": "this.thumbToClass", "class.igx-slider-thumb-from--active": "this.thumbFromActiveClass", "class.igx-slider-thumb-to--active": "this.thumbToActiveClass", "class.igx-slider-thumb-from--disabled": "this.thumbFromDisabledClass", "class.igx-slider-thumb-to--disabled": "this.thumbToDisabledClass", "class.igx-slider-thumb-from--pressed": "this.thumbFromPressedClass", "class.igx-slider-thumb-to--pressed": "this.thumbToPressedClass" } }, ngImport: i0, template: "<div [ngClass]=\"getDotClass\"></div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderThumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.0", type: IgxSliderThumbComponent, isStandalone: true, selector: "igx-thumb", inputs: { value: "value", continuous: ["continuous", "continuous", booleanAttribute], thumbLabelVisibilityDuration: "thumbLabelVisibilityDuration", disabled: ["disabled", "disabled", booleanAttribute], onPan: "onPan", stepDistance: "stepDistance", step: "step", templateRef: "templateRef", context: "context", type: "type", deactiveState: ["deactiveState", "deactiveState", booleanAttribute], min: "min", max: "max", labels: "labels" }, outputs: { thumbValueChange: "thumbValueChange", thumbChange: "thumbChange", thumbBlur: "thumbBlur", hoverChange: "hoverChange" }, host: { listeners: { "pointerenter": "onPointerEnter()", "pointerleave": "onPointerLeave()", "keyup": "onKeyUp($event)", "keydown": "onKeyDown($event)", "blur": "onBlur()", "focus": "onFocusListener()" }, properties: { "attr.tabindex": "this.tabindex", "attr.role": "this.role", "attr.aria-valuenow": "this.ariaValueNow", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuetext": "this.ariaValueText", "attr.aria-label": "this.ariaLabelAttr", "attr.aria-orientation": "this.ariaOrientation", "attr.aria-disabled": "this.ariaDisabled", "attr.z-index": "this.zIndex", "class.igx-slider-thumb-to--focused": "this.focused", "class.igx-slider-thumb-from": "this.thumbFromClass", "class.igx-slider-thumb-to": "this.thumbToClass", "class.igx-slider-thumb-from--active": "this.thumbFromActiveClass", "class.igx-slider-thumb-to--active": "this.thumbToActiveClass", "class.igx-slider-thumb-from--disabled": "this.thumbFromDisabledClass", "class.igx-slider-thumb-to--disabled": "this.thumbToDisabledClass", "class.igx-slider-thumb-from--pressed": "this.thumbFromPressedClass", "class.igx-slider-thumb-to--pressed": "this.thumbToPressedClass" } }, ngImport: i0, template: "<div [ngClass]=\"getDotClass\"></div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderThumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderThumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-thumb', changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass], template: "<div [ngClass]=\"getDotClass\"></div>\n" }]
         }], propDecorators: { value: [{
@@ -503,10 +503,10 @@ class IgxTickLabelsPipe {
         });
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxTickLabelsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxTickLabelsPipe, isStandalone: true, name: "spreadTickLabels" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxTickLabelsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: IgxTickLabelsPipe, isStandalone: true, name: "spreadTickLabels" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxTickLabelsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxTickLabelsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'spreadTickLabels',
@@ -600,10 +600,10 @@ class IgxTicksComponent {
         const labelVal = labelStep * idx;
         return (this.minValue + labelVal).toFixed(2);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxTicksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxTicksComponent, isStandalone: true, selector: "igx-ticks", inputs: { primaryTicks: "primaryTicks", secondaryTicks: "secondaryTicks", primaryTickLabels: ["primaryTickLabels", "primaryTickLabels", booleanAttribute], secondaryTickLabels: ["secondaryTickLabels", "secondaryTickLabels", booleanAttribute], ticksOrientation: "ticksOrientation", tickLabelsOrientation: "tickLabelsOrientation", maxValue: "maxValue", minValue: "minValue", labelsViewEnabled: ["labelsViewEnabled", "labelsViewEnabled", booleanAttribute], labels: "labels", tickLabelTemplateRef: "tickLabelTemplateRef" }, host: { properties: { "class.igx-ticks": "this.ticksClass", "class.igx-slider__ticks": "this.ticksClass", "class.igx-ticks--top": "this.ticksTopClass", "class.igx-slider__ticks--top": "this.ticksTopClass", "class.igx-ticks--tall": "this.hasPrimaryClass", "class.igx-slider__ticks--tall": "this.hasPrimaryClass", "class.igx-ticks--top-bottom": "this.labelsTopToBottomClass", "class.igx-slider__tick-labels--top-bottom": "this.labelsTopToBottomClass", "class.igx-ticks--bottom-top": "this.labelsBottomToTopClass", "class.igx-slider__tick-labels--bottom-top": "this.labelsBottomToTopClass" } }, ngImport: i0, template: "@for (n of [].constructor(ticksLength); track $index; let idx = $index) {\n    <div class=\"igx-slider__ticks-group igx-ticks__group\" [ngClass]=\"{ 'igx-slider__ticks-group--tall': isPrimary(idx)}\">\n        <div class=\"igx-slider__ticks-tick igx-ticks__tick\" [class.igx-ticks__tick--tall]=\"isPrimary(idx)\">\n            <span class=\"igx-slider__ticks-label igx-ticks__label\" [ngClass]=\"{ 'igx-ticks__label--hidden': !hiddenTickLabels(idx)}\" [class.igx-ticks__label--tall]=\"isPrimary(idx)\">\n                <ng-container *ngTemplateOutlet=\"tickLabelTemplateRef ? tickLabelTemplateRef : tickLabelDefaultTemplate; context: context(idx)\"></ng-container>\n            </span>\n        </div>\n    </div>\n}\n\n<ng-template #tickLabelDefaultTemplate let-value>\n    {{ value }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxTicksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.0", type: IgxTicksComponent, isStandalone: true, selector: "igx-ticks", inputs: { primaryTicks: "primaryTicks", secondaryTicks: "secondaryTicks", primaryTickLabels: ["primaryTickLabels", "primaryTickLabels", booleanAttribute], secondaryTickLabels: ["secondaryTickLabels", "secondaryTickLabels", booleanAttribute], ticksOrientation: "ticksOrientation", tickLabelsOrientation: "tickLabelsOrientation", maxValue: "maxValue", minValue: "minValue", labelsViewEnabled: ["labelsViewEnabled", "labelsViewEnabled", booleanAttribute], labels: "labels", tickLabelTemplateRef: "tickLabelTemplateRef" }, host: { properties: { "class.igx-ticks": "this.ticksClass", "class.igx-slider__ticks": "this.ticksClass", "class.igx-ticks--top": "this.ticksTopClass", "class.igx-slider__ticks--top": "this.ticksTopClass", "class.igx-ticks--tall": "this.hasPrimaryClass", "class.igx-slider__ticks--tall": "this.hasPrimaryClass", "class.igx-ticks--top-bottom": "this.labelsTopToBottomClass", "class.igx-slider__tick-labels--top-bottom": "this.labelsTopToBottomClass", "class.igx-ticks--bottom-top": "this.labelsBottomToTopClass", "class.igx-slider__tick-labels--bottom-top": "this.labelsBottomToTopClass" } }, ngImport: i0, template: "@for (n of [].constructor(ticksLength); track $index; let idx = $index) {\n    <div class=\"igx-slider__ticks-group igx-ticks__group\" [ngClass]=\"{ 'igx-slider__ticks-group--tall': isPrimary(idx)}\">\n        <div class=\"igx-slider__ticks-tick igx-ticks__tick\" [class.igx-ticks__tick--tall]=\"isPrimary(idx)\">\n            <span class=\"igx-slider__ticks-label igx-ticks__label\" [ngClass]=\"{ 'igx-ticks__label--hidden': !hiddenTickLabels(idx)}\" [class.igx-ticks__label--tall]=\"isPrimary(idx)\">\n                <ng-container *ngTemplateOutlet=\"tickLabelTemplateRef ? tickLabelTemplateRef : tickLabelDefaultTemplate; context: context(idx)\"></ng-container>\n            </span>\n        </div>\n    </div>\n}\n\n<ng-template #tickLabelDefaultTemplate let-value>\n    {{ value }}\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxTicksComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxTicksComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-ticks', changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, NgTemplateOutlet], template: "@for (n of [].constructor(ticksLength); track $index; let idx = $index) {\n    <div class=\"igx-slider__ticks-group igx-ticks__group\" [ngClass]=\"{ 'igx-slider__ticks-group--tall': isPrimary(idx)}\">\n        <div class=\"igx-slider__ticks-tick igx-ticks__tick\" [class.igx-ticks__tick--tall]=\"isPrimary(idx)\">\n            <span class=\"igx-slider__ticks-label igx-ticks__label\" [ngClass]=\"{ 'igx-ticks__label--hidden': !hiddenTickLabels(idx)}\" [class.igx-ticks__label--tall]=\"isPrimary(idx)\">\n                <ng-container *ngTemplateOutlet=\"tickLabelTemplateRef ? tickLabelTemplateRef : tickLabelDefaultTemplate; context: context(idx)\"></ng-container>\n            </span>\n        </div>\n    </div>\n}\n\n<ng-template #tickLabelDefaultTemplate let-value>\n    {{ value }}\n</ng-template>\n" }]
         }], propDecorators: { primaryTicks: [{
@@ -1800,10 +1800,10 @@ class IgxSliderComponent {
     emitValueChange(oldValue) {
         this.valueChange.emit({ oldValue, value: this.value });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxSliderComponent, isStandalone: true, selector: "igx-slider", inputs: { id: "id", thumbLabelVisibilityDuration: "thumbLabelVisibilityDuration", type: "type", labels: "labels", step: "step", disabled: ["disabled", "disabled", booleanAttribute], continuous: ["continuous", "continuous", booleanAttribute], minValue: "minValue", maxValue: "maxValue", lowerBound: "lowerBound", upperBound: "upperBound", value: "value", primaryTicks: "primaryTicks", secondaryTicks: "secondaryTicks", showTicks: ["showTicks", "showTicks", booleanAttribute], primaryTickLabels: ["primaryTickLabels", "primaryTickLabels", booleanAttribute], secondaryTickLabels: ["secondaryTickLabels", "secondaryTickLabels", booleanAttribute], ticksOrientation: "ticksOrientation", tickLabelsOrientation: "tickLabelsOrientation", lowerValue: "lowerValue", upperValue: "upperValue" }, outputs: { valueChange: "valueChange", lowerValueChange: "lowerValueChange", upperValueChange: "upperValueChange", dragFinished: "dragFinished" }, host: { listeners: { "focus": "onFocus()", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp($event)" }, properties: { "class.igx-slider": "this.slierClass", "attr.id": "this.id", "class.igx-slider--disabled": "this.disabledClass" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IgxSliderComponent, multi: true }], queries: [{ propertyName: "thumbFromTemplateRef", first: true, predicate: IgxThumbFromTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "thumbToTemplateRef", first: true, predicate: IgxThumbToTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "tickLabelTemplateRef", first: true, predicate: IgxTickLabelTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "trackRef", first: true, predicate: ["track"], descendants: true, static: true }, { propertyName: "ticks", first: true, predicate: ["ticks"], descendants: true, static: true }, { propertyName: "thumbs", predicate: IgxSliderThumbComponent, descendants: true }, { propertyName: "labelRefs", predicate: IgxThumbLabelComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (showTicks && showTopTicks) {\n    <igx-ticks\n        ticksOrientation=\"top\"\n        [primaryTicks]=\"primaryTicks\"\n        [secondaryTicks]=\"secondaryTicks\"\n        [primaryTickLabels]=\"primaryTickLabels\"\n        [secondaryTickLabels]=\"secondaryTickLabels\"\n        [tickLabelsOrientation]=\"tickLabelsOrientation\"\n        [labelsViewEnabled]=\"labelsViewEnabled\"\n        [labels]=\"labels! | spreadTickLabels:secondaryTicks\"\n        [tickLabelTemplateRef]=\"tickLabelTemplateRef\"\n        [minValue]=\"minValue\"\n        [maxValue]=\"maxValue\">\n    </igx-ticks>\n}\n<div class=\"igx-slider__track\">\n    <div class=\"igx-slider__track-inactive\"></div>\n    <div #track class=\"igx-slider__track-fill\"></div>\n    <div class=\"igx-slider__track-steps\">\n        <svg width=\"100%\" height=\"100%\">\n          <line #ticks x1=\"0\" y1=\"2\" x2=\"100%\" y2=\"2\"></line>\n        </svg>\n    </div>\n</div>\n<div class=\"igx-slider__thumbs\">\n    @if (isRange) {\n        <igx-thumb-label\n            type=\"from\"\n            [value]=\"lowerLabel\"\n            [templateRef]=\"thumbFromTemplateRef\"\n            [continuous]=\"continuous\"\n            [context]=\"context\"\n            [deactiveState]=\"deactivateThumbLabel\"\n            [thumb]=\"thumbFrom\"></igx-thumb-label>\n    }\n\n    @if (isRange) {\n        <igx-thumb\n            #thumbFrom\n            type=\"from\"\n            [value]=\"lowerLabel\"\n            [min]=\"minValue\"\n            [max]=\"maxValue\"\n            [disabled]=\"disabled\"\n            [continuous]=\"continuous\"\n            [onPan]=\"onPan\"\n            [stepDistance]=\"stepDistance\"\n            [step]=\"step\"\n            [templateRef]=\"thumbFromTemplateRef\"\n            [context]=\"context\"\n            [labels]=\"labels\"\n            (thumbChange)=\"onThumbChange()\"\n            (hoverChange)=\"onHoverChange($event)\"\n            [deactiveState]=\"deactivateThumbLabel\"\n            [thumbLabelVisibilityDuration]=\"thumbLabelVisibilityDuration\"></igx-thumb>\n    }\n\n    <igx-thumb-label\n        [value]=\"upperLabel\"\n        type=\"to\"\n        [templateRef]=\"thumbToTemplateRef\"\n        [continuous]=\"continuous\"\n        [context]=\"context\"\n        [deactiveState]=\"deactivateThumbLabel\"\n        [thumb]=\"thumbTo\"></igx-thumb-label>\n\n    <igx-thumb\n        #thumbTo\n        type=\"to\"\n        [value]=\"upperLabel\"\n        [min]=\"minValue\"\n        [max]=\"maxValue\"\n        [disabled]=\"disabled\"\n        [continuous]=\"continuous\"\n        [onPan]=\"onPan\"\n        [stepDistance]=\"stepDistance\"\n        [step]=\"step\"\n        [templateRef]=\"thumbToTemplateRef\"\n        [context]=\"context\"\n        [labels]=\"labels\"\n        (thumbChange)=\"onThumbChange()\"\n        (hoverChange)=\"onHoverChange($event)\"\n        [deactiveState]=\"deactivateThumbLabel\"\n        [thumbLabelVisibilityDuration]=\"thumbLabelVisibilityDuration\"></igx-thumb>\n</div>\n@if (showTicks && showBottomTicks) {\n    <igx-ticks\n        ticksOrientation=\"bottom\"\n        [primaryTicks]=\"primaryTicks\"\n        [secondaryTicks]=\"secondaryTicks\"\n        [primaryTickLabels]=\"primaryTickLabels\"\n        [secondaryTickLabels]=\"secondaryTickLabels\"\n        [tickLabelsOrientation]=\"tickLabelsOrientation\"\n        [labelsViewEnabled]=\"labelsViewEnabled\"\n        [labels]=\"labels! | spreadTickLabels:secondaryTicks\"\n        [tickLabelTemplateRef]=\"tickLabelTemplateRef\"\n        [minValue]=\"minValue\"\n        [maxValue]=\"maxValue\">\n    </igx-ticks>\n}\n", styles: ["@layer ig.base{.igx-slider{--thumb-radius: calc(var(--thumb-size) / 2);--tick-height: .5rem;--tick-height--tall: calc(var(--tick-height) * 2);display:flex;position:relative;z-index:0;height:3rem;align-items:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);touch-action:pan-y pinch-zoom}.igx-slider:hover .igx-slider__track-inactive{background:var(--base-track-hover-color)}.igx-slider:hover .igx-slider__track-fill{background:var(--track-hover-color)}.igx-slider__track{position:relative;width:100%;height:var(--track-height);overflow:hidden;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem)}.igx-slider__track-inactive{position:absolute;width:100%;height:inherit;background:var(--base-track-color);transition:background .2s cubic-bezier(.25,.46,.45,.94);border-radius:inherit}.igx-slider__track-fill{position:absolute;width:100%;background:var(--track-color);transform-origin:left center;transform:scaleX(0);border-radius:inherit;height:inherit}[dir=rtl] .igx-slider__track-fill{transform-origin:right center}.igx-slider__thumbs{position:absolute;width:100%;height:0;cursor:default;z-index:1;inset-inline-start:0}.igx-slider__track-steps{position:absolute;display:flex;width:100%;height:.25rem;opacity:.85;transition:opacity .2s ease-out;top:50%;transform:translateY(-50%);color:var(--track-step-color)}.igx-slider__track-steps svg{clip-path:inset(0 .1875rem 0 .1875rem)}.igx-slider__track-steps line{stroke:currentColor;stroke-width:var(--track-step-size);stroke-linecap:round}.igx-slider--disabled{pointer-events:none}.igx-slider--disabled .igx-slider__track-inactive{background:var(--disabled-base-track-color)}.igx-slider--disabled .igx-slider__track-fill{background:var(--disabled-fill-track-color)}.igx-slider--disabled .igx-slider__ticks-tick{background:var(--disabled-base-track-color)}.igx-slider--disabled .igx-slider__ticks-label{color:var(--disabled-base-track-color)}.igx-ticks{width:100%;display:flex;position:absolute;bottom:0;justify-content:space-between}.igx-ticks__group{display:flex;flex-direction:column;align-items:center;position:relative}.igx-ticks__group:first-of-type{margin-inline-start:-.0625rem}.igx-ticks__group:last-of-type{margin-inline-end:-.0625rem}.igx-ticks__label{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);color:var(--tick-label-color);position:absolute;top:var(--tick-height--tall);transform:translate(-50%);opacity:1;transition:opacity .2s cubic-bezier(.455,.03,.515,.955)}[dir=rtl] .igx-ticks__label{left:100%}.igx-ticks__label--tall{top:calc(var(--tick-height--tall) + var(--tick-height))}.igx-ticks__label--hidden{opacity:0}.igx-ticks__tick{background:var(--tick-color);height:var(--tick-height);width:.125rem}.igx-ticks__tick--tall{height:var(--tick-height--tall)}.igx-ticks--tall .igx-ticks__label{top:calc(var(--tick-height--tall) + var(--tick-height))}.igx-ticks--top{bottom:auto;top:0;align-items:flex-end}.igx-ticks--top .igx-ticks__label{bottom:calc(var(--tick-height)*2);top:auto}.igx-ticks--top .igx-ticks__label--tall,.igx-ticks--top.igx-ticks--tall .igx-ticks__label{bottom:calc(var(--tick-height--tall) + var(--tick-height));top:auto}.igx-ticks--top-bottom .igx-ticks__group{display:block}.igx-ticks--top-bottom .igx-ticks__label{writing-mode:vertical-rl;transform:translate(-50%) rotate(0)}.igx-ticks--bottom-top .igx-ticks__group{display:block}.igx-ticks--bottom-top .igx-ticks__label{writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg)}.igx-slider-thumb-from{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--thumb-size);height:var(--thumb-size);outline-style:none;top:calc(var(--thumb-radius)*-1);margin-inline-start:calc(var(--thumb-radius)*-1)}.igx-slider-thumb-from:focus div:before{box-shadow:0 0 0 var(--outline-width) var(--thumb-focus-color)}.igx-slider-thumb-from__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-from__dot:before{position:absolute;content:\"\";width:var(--thumb-size);height:var(--thumb-size);inset-inline-start:0;top:calc((var(--thumb-size) - var(--thumb-radius))*-1);margin-inline-start:calc((var(--thumb-size) - var(--thumb-radius))*-1);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);transition:transform .1s cubic-bezier(.25,.46,.45,.94),border-radius .1s cubic-bezier(.25,.46,.45,.94);border-radius:var(--thumb-radius)}.igx-slider-thumb-from--disabled:focus div:before{box-shadow:none}.igx-slider-thumb-from--disabled:focus div:after{transform:scale(0)}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot{pointer-events:none}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot:before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:var(--thumb-radius)}.igx-slider-thumb-label-from{position:absolute;pointer-events:none;display:flex;top:calc((var(--thumb-label-height) + 1.25rem)*-1);height:var(--thumb-label-height)}.igx-slider-thumb-label-from__container{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);border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .5rem;background:var(--label-background-color);color:var(--label-text-color);min-width:var(--thumb-label-width);opacity:0}.igx-slider-thumb-label-from__container:after{content:\"\";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-label-from--pressed .igx-slider-thumb-label-from__container{z-index:1}.igx-slider-thumb-label-from--active .igx-slider-thumb-label-from__container{opacity:1}.igx-slider-thumb-to{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--thumb-size);height:var(--thumb-size);outline-style:none;top:calc(var(--thumb-radius)*-1);margin-inline-start:calc(var(--thumb-radius)*-1)}.igx-slider-thumb-to:focus div:before{box-shadow:0 0 0 var(--outline-width) var(--thumb-focus-color)}.igx-slider-thumb-to__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-to__dot:before{position:absolute;content:\"\";width:var(--thumb-size);height:var(--thumb-size);inset-inline-start:0;top:calc((var(--thumb-size) - var(--thumb-radius))*-1);margin-inline-start:calc((var(--thumb-size) - var(--thumb-radius))*-1);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);transition:transform .1s cubic-bezier(.25,.46,.45,.94),border-radius .1s cubic-bezier(.25,.46,.45,.94);border-radius:var(--thumb-radius)}.igx-slider-thumb-to--disabled:focus div:before{box-shadow:none}.igx-slider-thumb-to--disabled:focus div:after{transform:scale(0)}.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot{pointer-events:none}.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot:before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:var(--thumb-radius)}.igx-slider-thumb-label-to{position:absolute;pointer-events:none;display:flex;top:calc((var(--thumb-label-height) + 1.25rem)*-1);height:var(--thumb-label-height)}.igx-slider-thumb-label-to__container{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);border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .5rem;background:var(--label-background-color);color:var(--label-text-color);min-width:var(--thumb-label-width);opacity:0}.igx-slider-thumb-label-to__container:after{content:\"\";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-label-to--pressed .igx-slider-thumb-label-to__container{z-index:1}.igx-slider-thumb-label-to--active .igx-slider-thumb-label-to__container{opacity:1}}@layer ig.material{@container style(--ig-theme: material){.igx-slider{--thumb-size: 1.25rem;--thumb-border-width: 0;--thumb-label-width: 2.5rem;--thumb-label-height: 1.875rem;--track-height: .375rem;--outline-width: 0;--steps-top-position: .125rem;--ripple-size: 2.5rem;--ripple-radius: calc(var(--ripple-size) / 2)}.igx-slider__track-inactive{height:.25rem;top:50%;transform:translateY(-50%)}}}@layer ig.material{@container style(--ig-theme: material){.igx-slider-thumb-from:hover div:after{opacity:.12;transform:scale(1)}.igx-slider-thumb-from:focus div:after{opacity:.18;transform:scale(1)}.igx-slider-thumb-from__dot:after{position:absolute;content:\"\";width:var(--ripple-size);height:var(--ripple-size);background:var(--thumb-color);top:calc(50% - var(--ripple-radius));inset-inline-start:calc(50% - var(--ripple-radius));opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(.25,.46,.45,.94),opacity .1s cubic-bezier(.25,.46,.45,.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-from--pressed .igx-slider-thumb-from__dot:after{opacity:.24!important;transform:scale(1)}}}@layer ig.material{@container style(--ig-theme: material){.igx-slider-thumb-to:hover div:after{opacity:.12;transform:scale(1)}.igx-slider-thumb-to:focus div:after{opacity:.18;transform:scale(1)}.igx-slider-thumb-to__dot:after{position:absolute;content:\"\";width:var(--ripple-size);height:var(--ripple-size);background:var(--thumb-color);top:calc(50% - var(--ripple-radius));inset-inline-start:calc(50% - var(--ripple-radius));opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(.25,.46,.45,.94),opacity .1s cubic-bezier(.25,.46,.45,.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-to--pressed .igx-slider-thumb-to__dot:after{opacity:.24!important;transform:scale(1)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider{--thumb-size: 1rem;--thumb-border-width: .0625rem;--thumb-label-width: 2.5rem;--thumb-label-height: 1.875rem;--track-height: .5rem;--outline-width: .1875rem;--steps-top-position: .1875rem}.igx-slider__track-fill{display:none}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider-thumb-from:focus div:before{border-color:var(--thumb-border-focus-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider-thumb-to:focus div:before{border-color:var(--thumb-border-focus-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider{--thumb-size: 1rem;--thumb-border-width: .125rem;--thumb-label-width: 2.5rem;--thumb-label-height: 2.0625rem;--track-height: .25rem;--outline-width: 0;--steps-top-position: .0625rem}.igx-slider:hover .igx-slider-thumb-from__dot:before,.igx-slider:hover .igx-slider-thumb-to__dot:before{border:var(--thumb-border-width) solid var(--thumb-focus-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider-thumb-from--focused div:after{position:absolute;content:\"\";pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(var(--thumb-size) + .125rem*2);height:calc(var(--thumb-size) + .125rem*2)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider-thumb-to--focused div:after{position:absolute;content:\"\";pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(var(--thumb-size) + .125rem*2);height:calc(var(--thumb-size) + .125rem*2)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider{--thumb-size: .75rem;--thumb-border-width: .125rem;--thumb-label-width: 2.25rem;--thumb-label-height: 1.375rem;--track-height: .125rem;--outline-width: .1875rem;--steps-top-position: 0}.igx-slider__track{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .25rem),.25rem)}.igx-slider--disabled .igx-slider__track-steps{color:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-ticks{bottom:.1875rem}.igx-ticks__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-ticks--top{top:.1875rem;bottom:auto}.igx-ticks--tall .igx-ticks__label{top:calc(var(--tick-height--tall) + var(--tick-height)/2)}.igx-ticks--top.igx-ticks--tall .igx-ticks__label{bottom:calc(var(--tick-height--tall) + var(--tick-height)/2);top:auto}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-from{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.igx-slider-thumb-from:hover,.igx-slider-thumb-from:active{transform:scale(1.3333333333)}.igx-slider-thumb-from:hover div:before,.igx-slider-thumb-from:active div:before{border-color:var(--thumb-border-hover-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-label-from{top:calc((var(--thumb-label-height) + 1.125rem)*-1)}.igx-slider-thumb-label-from__container{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:.1875rem}.igx-slider-thumb-label-from__container:after{top:1rem;border-top:.75rem solid var(--label-background-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-to{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.igx-slider-thumb-to:hover,.igx-slider-thumb-to:active{transform:scale(1.3333333333)}.igx-slider-thumb-to:hover div:before,.igx-slider-thumb-to:active div:before{border-color:var(--thumb-border-hover-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-label-to{top:calc((var(--thumb-label-height) + 1.125rem)*-1)}.igx-slider-thumb-label-to__container{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:.1875rem}.igx-slider-thumb-label-to__container:after{top:1rem;border-top:.75rem solid var(--label-background-color)}}}\n"], dependencies: [{ kind: "component", type: IgxTicksComponent, selector: "igx-ticks", inputs: ["primaryTicks", "secondaryTicks", "primaryTickLabels", "secondaryTickLabels", "ticksOrientation", "tickLabelsOrientation", "maxValue", "minValue", "labelsViewEnabled", "labels", "tickLabelTemplateRef"] }, { kind: "component", type: IgxThumbLabelComponent, selector: "igx-thumb-label", inputs: ["value", "templateRef", "context", "type", "continuous", "deactiveState", "thumb"] }, { kind: "component", type: IgxSliderThumbComponent, selector: "igx-thumb", inputs: ["value", "continuous", "thumbLabelVisibilityDuration", "disabled", "onPan", "stepDistance", "step", "templateRef", "context", "type", "deactiveState", "min", "max", "labels"], outputs: ["thumbValueChange", "thumbChange", "thumbBlur", "hoverChange"] }, { kind: "pipe", type: IgxTickLabelsPipe, name: "spreadTickLabels" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.0", type: IgxSliderComponent, isStandalone: true, selector: "igx-slider", inputs: { id: "id", thumbLabelVisibilityDuration: "thumbLabelVisibilityDuration", type: "type", labels: "labels", step: "step", disabled: ["disabled", "disabled", booleanAttribute], continuous: ["continuous", "continuous", booleanAttribute], minValue: "minValue", maxValue: "maxValue", lowerBound: "lowerBound", upperBound: "upperBound", value: "value", primaryTicks: "primaryTicks", secondaryTicks: "secondaryTicks", showTicks: ["showTicks", "showTicks", booleanAttribute], primaryTickLabels: ["primaryTickLabels", "primaryTickLabels", booleanAttribute], secondaryTickLabels: ["secondaryTickLabels", "secondaryTickLabels", booleanAttribute], ticksOrientation: "ticksOrientation", tickLabelsOrientation: "tickLabelsOrientation", lowerValue: "lowerValue", upperValue: "upperValue" }, outputs: { valueChange: "valueChange", lowerValueChange: "lowerValueChange", upperValueChange: "upperValueChange", dragFinished: "dragFinished" }, host: { listeners: { "focus": "onFocus()", "pointerdown": "onPointerDown($event)", "pointerup": "onPointerUp($event)" }, properties: { "class.igx-slider": "this.slierClass", "attr.id": "this.id", "class.igx-slider--disabled": "this.disabledClass" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IgxSliderComponent, multi: true }], queries: [{ propertyName: "thumbFromTemplateRef", first: true, predicate: IgxThumbFromTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "thumbToTemplateRef", first: true, predicate: IgxThumbToTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "tickLabelTemplateRef", first: true, predicate: IgxTickLabelTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "trackRef", first: true, predicate: ["track"], descendants: true, static: true }, { propertyName: "ticks", first: true, predicate: ["ticks"], descendants: true, static: true }, { propertyName: "thumbs", predicate: IgxSliderThumbComponent, descendants: true }, { propertyName: "labelRefs", predicate: IgxThumbLabelComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (showTicks && showTopTicks) {\n    <igx-ticks\n        ticksOrientation=\"top\"\n        [primaryTicks]=\"primaryTicks\"\n        [secondaryTicks]=\"secondaryTicks\"\n        [primaryTickLabels]=\"primaryTickLabels\"\n        [secondaryTickLabels]=\"secondaryTickLabels\"\n        [tickLabelsOrientation]=\"tickLabelsOrientation\"\n        [labelsViewEnabled]=\"labelsViewEnabled\"\n        [labels]=\"labels! | spreadTickLabels:secondaryTicks\"\n        [tickLabelTemplateRef]=\"tickLabelTemplateRef\"\n        [minValue]=\"minValue\"\n        [maxValue]=\"maxValue\">\n    </igx-ticks>\n}\n<div class=\"igx-slider__track\">\n    <div class=\"igx-slider__track-inactive\"></div>\n    <div #track class=\"igx-slider__track-fill\"></div>\n    <div class=\"igx-slider__track-steps\">\n        <svg width=\"100%\" height=\"100%\">\n          <line #ticks x1=\"0\" y1=\"2\" x2=\"100%\" y2=\"2\"></line>\n        </svg>\n    </div>\n</div>\n<div class=\"igx-slider__thumbs\">\n    @if (isRange) {\n        <igx-thumb-label\n            type=\"from\"\n            [value]=\"lowerLabel\"\n            [templateRef]=\"thumbFromTemplateRef\"\n            [continuous]=\"continuous\"\n            [context]=\"context\"\n            [deactiveState]=\"deactivateThumbLabel\"\n            [thumb]=\"thumbFrom\"></igx-thumb-label>\n    }\n\n    @if (isRange) {\n        <igx-thumb\n            #thumbFrom\n            type=\"from\"\n            [value]=\"lowerLabel\"\n            [min]=\"minValue\"\n            [max]=\"maxValue\"\n            [disabled]=\"disabled\"\n            [continuous]=\"continuous\"\n            [onPan]=\"onPan\"\n            [stepDistance]=\"stepDistance\"\n            [step]=\"step\"\n            [templateRef]=\"thumbFromTemplateRef\"\n            [context]=\"context\"\n            [labels]=\"labels\"\n            (thumbChange)=\"onThumbChange()\"\n            (hoverChange)=\"onHoverChange($event)\"\n            [deactiveState]=\"deactivateThumbLabel\"\n            [thumbLabelVisibilityDuration]=\"thumbLabelVisibilityDuration\"></igx-thumb>\n    }\n\n    <igx-thumb-label\n        [value]=\"upperLabel\"\n        type=\"to\"\n        [templateRef]=\"thumbToTemplateRef\"\n        [continuous]=\"continuous\"\n        [context]=\"context\"\n        [deactiveState]=\"deactivateThumbLabel\"\n        [thumb]=\"thumbTo\"></igx-thumb-label>\n\n    <igx-thumb\n        #thumbTo\n        type=\"to\"\n        [value]=\"upperLabel\"\n        [min]=\"minValue\"\n        [max]=\"maxValue\"\n        [disabled]=\"disabled\"\n        [continuous]=\"continuous\"\n        [onPan]=\"onPan\"\n        [stepDistance]=\"stepDistance\"\n        [step]=\"step\"\n        [templateRef]=\"thumbToTemplateRef\"\n        [context]=\"context\"\n        [labels]=\"labels\"\n        (thumbChange)=\"onThumbChange()\"\n        (hoverChange)=\"onHoverChange($event)\"\n        [deactiveState]=\"deactivateThumbLabel\"\n        [thumbLabelVisibilityDuration]=\"thumbLabelVisibilityDuration\"></igx-thumb>\n</div>\n@if (showTicks && showBottomTicks) {\n    <igx-ticks\n        ticksOrientation=\"bottom\"\n        [primaryTicks]=\"primaryTicks\"\n        [secondaryTicks]=\"secondaryTicks\"\n        [primaryTickLabels]=\"primaryTickLabels\"\n        [secondaryTickLabels]=\"secondaryTickLabels\"\n        [tickLabelsOrientation]=\"tickLabelsOrientation\"\n        [labelsViewEnabled]=\"labelsViewEnabled\"\n        [labels]=\"labels! | spreadTickLabels:secondaryTicks\"\n        [tickLabelTemplateRef]=\"tickLabelTemplateRef\"\n        [minValue]=\"minValue\"\n        [maxValue]=\"maxValue\">\n    </igx-ticks>\n}\n", styles: ["@layer ig.base{.igx-slider{--thumb-radius: calc(var(--thumb-size) / 2);--tick-height: .5rem;--tick-height--tall: calc(var(--tick-height) * 2);display:flex;position:relative;z-index:0;height:3rem;align-items:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);touch-action:pan-y pinch-zoom}.igx-slider:hover .igx-slider__track-inactive{background:var(--base-track-hover-color)}.igx-slider:hover .igx-slider__track-fill{background:var(--track-hover-color)}.igx-slider__track{position:relative;width:100%;height:var(--track-height);overflow:hidden;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem)}.igx-slider__track-inactive{position:absolute;width:100%;height:inherit;background:var(--base-track-color);transition:background .2s cubic-bezier(.25,.46,.45,.94);border-radius:inherit}.igx-slider__track-fill{position:absolute;width:100%;background:var(--track-color);transform-origin:left center;transform:scaleX(0);border-radius:inherit;height:inherit}[dir=rtl] .igx-slider__track-fill{transform-origin:right center}.igx-slider__thumbs{position:absolute;width:100%;height:0;cursor:default;z-index:1;inset-inline-start:0}.igx-slider__track-steps{position:absolute;display:flex;width:100%;height:.25rem;opacity:.85;transition:opacity .2s ease-out;top:50%;transform:translateY(-50%);color:var(--track-step-color)}.igx-slider__track-steps svg{clip-path:inset(0 .1875rem 0 .1875rem)}.igx-slider__track-steps line{stroke:currentColor;stroke-width:var(--track-step-size);stroke-linecap:round}.igx-slider--disabled{pointer-events:none}.igx-slider--disabled .igx-slider__track-inactive{background:var(--disabled-base-track-color)}.igx-slider--disabled .igx-slider__track-fill{background:var(--disabled-fill-track-color)}.igx-slider--disabled .igx-slider__ticks-tick{background:var(--disabled-base-track-color)}.igx-slider--disabled .igx-slider__ticks-label{color:var(--disabled-base-track-color)}.igx-ticks{width:100%;display:flex;position:absolute;bottom:0;justify-content:space-between}.igx-ticks__group{display:flex;flex-direction:column;align-items:center;position:relative}.igx-ticks__group:first-of-type{margin-inline-start:-.0625rem}.igx-ticks__group:last-of-type{margin-inline-end:-.0625rem}.igx-ticks__label{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);color:var(--tick-label-color);position:absolute;top:var(--tick-height--tall);transform:translate(-50%);opacity:1;transition:opacity .2s cubic-bezier(.455,.03,.515,.955)}[dir=rtl] .igx-ticks__label{left:100%}.igx-ticks__label--tall{top:calc(var(--tick-height--tall) + var(--tick-height))}.igx-ticks__label--hidden{opacity:0}.igx-ticks__tick{background:var(--tick-color);height:var(--tick-height);width:.125rem}.igx-ticks__tick--tall{height:var(--tick-height--tall)}.igx-ticks--tall .igx-ticks__label{top:calc(var(--tick-height--tall) + var(--tick-height))}.igx-ticks--top{bottom:auto;top:0;align-items:flex-end}.igx-ticks--top .igx-ticks__label{bottom:calc(var(--tick-height)*2);top:auto}.igx-ticks--top .igx-ticks__label--tall,.igx-ticks--top.igx-ticks--tall .igx-ticks__label{bottom:calc(var(--tick-height--tall) + var(--tick-height));top:auto}.igx-ticks--top-bottom .igx-ticks__group{display:block}.igx-ticks--top-bottom .igx-ticks__label{writing-mode:vertical-rl;transform:translate(-50%) rotate(0)}.igx-ticks--bottom-top .igx-ticks__group{display:block}.igx-ticks--bottom-top .igx-ticks__label{writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg)}.igx-slider-thumb-from{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--thumb-size);height:var(--thumb-size);outline-style:none;top:calc(var(--thumb-radius)*-1);margin-inline-start:calc(var(--thumb-radius)*-1)}.igx-slider-thumb-from:focus div:before{box-shadow:0 0 0 var(--outline-width) var(--thumb-focus-color)}.igx-slider-thumb-from__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-from__dot:before{position:absolute;content:\"\";width:var(--thumb-size);height:var(--thumb-size);inset-inline-start:0;top:calc((var(--thumb-size) - var(--thumb-radius))*-1);margin-inline-start:calc((var(--thumb-size) - var(--thumb-radius))*-1);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);transition:transform .1s cubic-bezier(.25,.46,.45,.94),border-radius .1s cubic-bezier(.25,.46,.45,.94);border-radius:var(--thumb-radius)}.igx-slider-thumb-from--disabled:focus div:before{box-shadow:none}.igx-slider-thumb-from--disabled:focus div:after{transform:scale(0)}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot{pointer-events:none}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot:before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:var(--thumb-radius)}.igx-slider-thumb-label-from{position:absolute;pointer-events:none;display:flex;top:calc((var(--thumb-label-height) + 1.25rem)*-1);height:var(--thumb-label-height)}.igx-slider-thumb-label-from__container{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);border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .5rem;background:var(--label-background-color);color:var(--label-text-color);min-width:var(--thumb-label-width);opacity:0}.igx-slider-thumb-label-from__container:after{content:\"\";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-label-from--pressed .igx-slider-thumb-label-from__container{z-index:1}.igx-slider-thumb-label-from--active .igx-slider-thumb-label-from__container{opacity:1}.igx-slider-thumb-to{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--thumb-size);height:var(--thumb-size);outline-style:none;top:calc(var(--thumb-radius)*-1);margin-inline-start:calc(var(--thumb-radius)*-1)}.igx-slider-thumb-to:focus div:before{box-shadow:0 0 0 var(--outline-width) var(--thumb-focus-color)}.igx-slider-thumb-to__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-to__dot:before{position:absolute;content:\"\";width:var(--thumb-size);height:var(--thumb-size);inset-inline-start:0;top:calc((var(--thumb-size) - var(--thumb-radius))*-1);margin-inline-start:calc((var(--thumb-size) - var(--thumb-radius))*-1);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);transition:transform .1s cubic-bezier(.25,.46,.45,.94),border-radius .1s cubic-bezier(.25,.46,.45,.94);border-radius:var(--thumb-radius)}.igx-slider-thumb-to--disabled:focus div:before{box-shadow:none}.igx-slider-thumb-to--disabled:focus div:after{transform:scale(0)}.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot{pointer-events:none}.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot:before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:var(--thumb-radius)}.igx-slider-thumb-label-to{position:absolute;pointer-events:none;display:flex;top:calc((var(--thumb-label-height) + 1.25rem)*-1);height:var(--thumb-label-height)}.igx-slider-thumb-label-to__container{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);border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .5rem;background:var(--label-background-color);color:var(--label-text-color);min-width:var(--thumb-label-width);opacity:0}.igx-slider-thumb-label-to__container:after{content:\"\";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-label-to--pressed .igx-slider-thumb-label-to__container{z-index:1}.igx-slider-thumb-label-to--active .igx-slider-thumb-label-to__container{opacity:1}}@layer ig.material{@container style(--ig-theme: material){.igx-slider{--thumb-size: 1.25rem;--thumb-border-width: 0;--thumb-label-width: 2.5rem;--thumb-label-height: 1.875rem;--track-height: .375rem;--outline-width: 0;--steps-top-position: .125rem;--ripple-size: 2.5rem;--ripple-radius: calc(var(--ripple-size) / 2)}.igx-slider__track-inactive{height:.25rem;top:50%;transform:translateY(-50%)}}}@layer ig.material{@container style(--ig-theme: material){.igx-slider-thumb-from:hover div:after{opacity:.12;transform:scale(1)}.igx-slider-thumb-from:focus div:after{opacity:.18;transform:scale(1)}.igx-slider-thumb-from__dot:after{position:absolute;content:\"\";width:var(--ripple-size);height:var(--ripple-size);background:var(--thumb-color);top:calc(50% - var(--ripple-radius));inset-inline-start:calc(50% - var(--ripple-radius));opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(.25,.46,.45,.94),opacity .1s cubic-bezier(.25,.46,.45,.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-from--pressed .igx-slider-thumb-from__dot:after{opacity:.24!important;transform:scale(1)}}}@layer ig.material{@container style(--ig-theme: material){.igx-slider-thumb-to:hover div:after{opacity:.12;transform:scale(1)}.igx-slider-thumb-to:focus div:after{opacity:.18;transform:scale(1)}.igx-slider-thumb-to__dot:after{position:absolute;content:\"\";width:var(--ripple-size);height:var(--ripple-size);background:var(--thumb-color);top:calc(50% - var(--ripple-radius));inset-inline-start:calc(50% - var(--ripple-radius));opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(.25,.46,.45,.94),opacity .1s cubic-bezier(.25,.46,.45,.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-to--pressed .igx-slider-thumb-to__dot:after{opacity:.24!important;transform:scale(1)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider{--thumb-size: 1rem;--thumb-border-width: .0625rem;--thumb-label-width: 2.5rem;--thumb-label-height: 1.875rem;--track-height: .5rem;--outline-width: .1875rem;--steps-top-position: .1875rem}.igx-slider__track-fill{display:none}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider-thumb-from:focus div:before{border-color:var(--thumb-border-focus-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider-thumb-to:focus div:before{border-color:var(--thumb-border-focus-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider{--thumb-size: 1rem;--thumb-border-width: .125rem;--thumb-label-width: 2.5rem;--thumb-label-height: 2.0625rem;--track-height: .25rem;--outline-width: 0;--steps-top-position: .0625rem}.igx-slider:hover .igx-slider-thumb-from__dot:before,.igx-slider:hover .igx-slider-thumb-to__dot:before{border:var(--thumb-border-width) solid var(--thumb-focus-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider-thumb-from--focused div:after{position:absolute;content:\"\";pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(var(--thumb-size) + .125rem*2);height:calc(var(--thumb-size) + .125rem*2)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider-thumb-to--focused div:after{position:absolute;content:\"\";pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(var(--thumb-size) + .125rem*2);height:calc(var(--thumb-size) + .125rem*2)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider{--thumb-size: .75rem;--thumb-border-width: .125rem;--thumb-label-width: 2.25rem;--thumb-label-height: 1.375rem;--track-height: .125rem;--outline-width: .1875rem;--steps-top-position: 0}.igx-slider__track{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .25rem),.25rem)}.igx-slider--disabled .igx-slider__track-steps{color:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-ticks{bottom:.1875rem}.igx-ticks__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-ticks--top{top:.1875rem;bottom:auto}.igx-ticks--tall .igx-ticks__label{top:calc(var(--tick-height--tall) + var(--tick-height)/2)}.igx-ticks--top.igx-ticks--tall .igx-ticks__label{bottom:calc(var(--tick-height--tall) + var(--tick-height)/2);top:auto}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-from{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.igx-slider-thumb-from:hover,.igx-slider-thumb-from:active{transform:scale(1.3333333333)}.igx-slider-thumb-from:hover div:before,.igx-slider-thumb-from:active div:before{border-color:var(--thumb-border-hover-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-label-from{top:calc((var(--thumb-label-height) + 1.125rem)*-1)}.igx-slider-thumb-label-from__container{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:.1875rem}.igx-slider-thumb-label-from__container:after{top:1rem;border-top:.75rem solid var(--label-background-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-to{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.igx-slider-thumb-to:hover,.igx-slider-thumb-to:active{transform:scale(1.3333333333)}.igx-slider-thumb-to:hover div:before,.igx-slider-thumb-to:active div:before{border-color:var(--thumb-border-hover-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-label-to{top:calc((var(--thumb-label-height) + 1.125rem)*-1)}.igx-slider-thumb-label-to__container{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:.1875rem}.igx-slider-thumb-label-to__container:after{top:1rem;border-top:.75rem solid var(--label-background-color)}}}\n"], dependencies: [{ kind: "component", type: IgxTicksComponent, selector: "igx-ticks", inputs: ["primaryTicks", "secondaryTicks", "primaryTickLabels", "secondaryTickLabels", "ticksOrientation", "tickLabelsOrientation", "maxValue", "minValue", "labelsViewEnabled", "labels", "tickLabelTemplateRef"] }, { kind: "component", type: IgxThumbLabelComponent, selector: "igx-thumb-label", inputs: ["value", "templateRef", "context", "type", "continuous", "deactiveState", "thumb"] }, { kind: "component", type: IgxSliderThumbComponent, selector: "igx-thumb", inputs: ["value", "continuous", "thumbLabelVisibilityDuration", "disabled", "onPan", "stepDistance", "step", "templateRef", "context", "type", "deactiveState", "min", "max", "labels"], outputs: ["thumbValueChange", "thumbChange", "thumbBlur", "hoverChange"] }, { kind: "pipe", type: IgxTickLabelsPipe, name: "spreadTickLabels" }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderComponent, decorators: [{
             type: Component,
             args: [{ providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: IgxSliderComponent, multi: true }], selector: 'igx-slider', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTicksComponent, IgxThumbLabelComponent, IgxSliderThumbComponent, IgxTickLabelsPipe], template: "@if (showTicks && showTopTicks) {\n    <igx-ticks\n        ticksOrientation=\"top\"\n        [primaryTicks]=\"primaryTicks\"\n        [secondaryTicks]=\"secondaryTicks\"\n        [primaryTickLabels]=\"primaryTickLabels\"\n        [secondaryTickLabels]=\"secondaryTickLabels\"\n        [tickLabelsOrientation]=\"tickLabelsOrientation\"\n        [labelsViewEnabled]=\"labelsViewEnabled\"\n        [labels]=\"labels! | spreadTickLabels:secondaryTicks\"\n        [tickLabelTemplateRef]=\"tickLabelTemplateRef\"\n        [minValue]=\"minValue\"\n        [maxValue]=\"maxValue\">\n    </igx-ticks>\n}\n<div class=\"igx-slider__track\">\n    <div class=\"igx-slider__track-inactive\"></div>\n    <div #track class=\"igx-slider__track-fill\"></div>\n    <div class=\"igx-slider__track-steps\">\n        <svg width=\"100%\" height=\"100%\">\n          <line #ticks x1=\"0\" y1=\"2\" x2=\"100%\" y2=\"2\"></line>\n        </svg>\n    </div>\n</div>\n<div class=\"igx-slider__thumbs\">\n    @if (isRange) {\n        <igx-thumb-label\n            type=\"from\"\n            [value]=\"lowerLabel\"\n            [templateRef]=\"thumbFromTemplateRef\"\n            [continuous]=\"continuous\"\n            [context]=\"context\"\n            [deactiveState]=\"deactivateThumbLabel\"\n            [thumb]=\"thumbFrom\"></igx-thumb-label>\n    }\n\n    @if (isRange) {\n        <igx-thumb\n            #thumbFrom\n            type=\"from\"\n            [value]=\"lowerLabel\"\n            [min]=\"minValue\"\n            [max]=\"maxValue\"\n            [disabled]=\"disabled\"\n            [continuous]=\"continuous\"\n            [onPan]=\"onPan\"\n            [stepDistance]=\"stepDistance\"\n            [step]=\"step\"\n            [templateRef]=\"thumbFromTemplateRef\"\n            [context]=\"context\"\n            [labels]=\"labels\"\n            (thumbChange)=\"onThumbChange()\"\n            (hoverChange)=\"onHoverChange($event)\"\n            [deactiveState]=\"deactivateThumbLabel\"\n            [thumbLabelVisibilityDuration]=\"thumbLabelVisibilityDuration\"></igx-thumb>\n    }\n\n    <igx-thumb-label\n        [value]=\"upperLabel\"\n        type=\"to\"\n        [templateRef]=\"thumbToTemplateRef\"\n        [continuous]=\"continuous\"\n        [context]=\"context\"\n        [deactiveState]=\"deactivateThumbLabel\"\n        [thumb]=\"thumbTo\"></igx-thumb-label>\n\n    <igx-thumb\n        #thumbTo\n        type=\"to\"\n        [value]=\"upperLabel\"\n        [min]=\"minValue\"\n        [max]=\"maxValue\"\n        [disabled]=\"disabled\"\n        [continuous]=\"continuous\"\n        [onPan]=\"onPan\"\n        [stepDistance]=\"stepDistance\"\n        [step]=\"step\"\n        [templateRef]=\"thumbToTemplateRef\"\n        [context]=\"context\"\n        [labels]=\"labels\"\n        (thumbChange)=\"onThumbChange()\"\n        (hoverChange)=\"onHoverChange($event)\"\n        [deactiveState]=\"deactivateThumbLabel\"\n        [thumbLabelVisibilityDuration]=\"thumbLabelVisibilityDuration\"></igx-thumb>\n</div>\n@if (showTicks && showBottomTicks) {\n    <igx-ticks\n        ticksOrientation=\"bottom\"\n        [primaryTicks]=\"primaryTicks\"\n        [secondaryTicks]=\"secondaryTicks\"\n        [primaryTickLabels]=\"primaryTickLabels\"\n        [secondaryTickLabels]=\"secondaryTickLabels\"\n        [tickLabelsOrientation]=\"tickLabelsOrientation\"\n        [labelsViewEnabled]=\"labelsViewEnabled\"\n        [labels]=\"labels! | spreadTickLabels:secondaryTicks\"\n        [tickLabelTemplateRef]=\"tickLabelTemplateRef\"\n        [minValue]=\"minValue\"\n        [maxValue]=\"maxValue\">\n    </igx-ticks>\n}\n", styles: ["@layer ig.base{.igx-slider{--thumb-radius: calc(var(--thumb-size) / 2);--tick-height: .5rem;--tick-height--tall: calc(var(--tick-height) * 2);display:flex;position:relative;z-index:0;height:3rem;align-items:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);touch-action:pan-y pinch-zoom}.igx-slider:hover .igx-slider__track-inactive{background:var(--base-track-hover-color)}.igx-slider:hover .igx-slider__track-fill{background:var(--track-hover-color)}.igx-slider__track{position:relative;width:100%;height:var(--track-height);overflow:hidden;border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem)}.igx-slider__track-inactive{position:absolute;width:100%;height:inherit;background:var(--base-track-color);transition:background .2s cubic-bezier(.25,.46,.45,.94);border-radius:inherit}.igx-slider__track-fill{position:absolute;width:100%;background:var(--track-color);transform-origin:left center;transform:scaleX(0);border-radius:inherit;height:inherit}[dir=rtl] .igx-slider__track-fill{transform-origin:right center}.igx-slider__thumbs{position:absolute;width:100%;height:0;cursor:default;z-index:1;inset-inline-start:0}.igx-slider__track-steps{position:absolute;display:flex;width:100%;height:.25rem;opacity:.85;transition:opacity .2s ease-out;top:50%;transform:translateY(-50%);color:var(--track-step-color)}.igx-slider__track-steps svg{clip-path:inset(0 .1875rem 0 .1875rem)}.igx-slider__track-steps line{stroke:currentColor;stroke-width:var(--track-step-size);stroke-linecap:round}.igx-slider--disabled{pointer-events:none}.igx-slider--disabled .igx-slider__track-inactive{background:var(--disabled-base-track-color)}.igx-slider--disabled .igx-slider__track-fill{background:var(--disabled-fill-track-color)}.igx-slider--disabled .igx-slider__ticks-tick{background:var(--disabled-base-track-color)}.igx-slider--disabled .igx-slider__ticks-label{color:var(--disabled-base-track-color)}.igx-ticks{width:100%;display:flex;position:absolute;bottom:0;justify-content:space-between}.igx-ticks__group{display:flex;flex-direction:column;align-items:center;position:relative}.igx-ticks__group:first-of-type{margin-inline-start:-.0625rem}.igx-ticks__group:last-of-type{margin-inline-end:-.0625rem}.igx-ticks__label{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);color:var(--tick-label-color);position:absolute;top:var(--tick-height--tall);transform:translate(-50%);opacity:1;transition:opacity .2s cubic-bezier(.455,.03,.515,.955)}[dir=rtl] .igx-ticks__label{left:100%}.igx-ticks__label--tall{top:calc(var(--tick-height--tall) + var(--tick-height))}.igx-ticks__label--hidden{opacity:0}.igx-ticks__tick{background:var(--tick-color);height:var(--tick-height);width:.125rem}.igx-ticks__tick--tall{height:var(--tick-height--tall)}.igx-ticks--tall .igx-ticks__label{top:calc(var(--tick-height--tall) + var(--tick-height))}.igx-ticks--top{bottom:auto;top:0;align-items:flex-end}.igx-ticks--top .igx-ticks__label{bottom:calc(var(--tick-height)*2);top:auto}.igx-ticks--top .igx-ticks__label--tall,.igx-ticks--top.igx-ticks--tall .igx-ticks__label{bottom:calc(var(--tick-height--tall) + var(--tick-height));top:auto}.igx-ticks--top-bottom .igx-ticks__group{display:block}.igx-ticks--top-bottom .igx-ticks__label{writing-mode:vertical-rl;transform:translate(-50%) rotate(0)}.igx-ticks--bottom-top .igx-ticks__group{display:block}.igx-ticks--bottom-top .igx-ticks__label{writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg)}.igx-slider-thumb-from{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--thumb-size);height:var(--thumb-size);outline-style:none;top:calc(var(--thumb-radius)*-1);margin-inline-start:calc(var(--thumb-radius)*-1)}.igx-slider-thumb-from:focus div:before{box-shadow:0 0 0 var(--outline-width) var(--thumb-focus-color)}.igx-slider-thumb-from__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-from__dot:before{position:absolute;content:\"\";width:var(--thumb-size);height:var(--thumb-size);inset-inline-start:0;top:calc((var(--thumb-size) - var(--thumb-radius))*-1);margin-inline-start:calc((var(--thumb-size) - var(--thumb-radius))*-1);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);transition:transform .1s cubic-bezier(.25,.46,.45,.94),border-radius .1s cubic-bezier(.25,.46,.45,.94);border-radius:var(--thumb-radius)}.igx-slider-thumb-from--disabled:focus div:before{box-shadow:none}.igx-slider-thumb-from--disabled:focus div:after{transform:scale(0)}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot{pointer-events:none}.igx-slider-thumb-from--disabled .igx-slider-thumb-from__dot:before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:var(--thumb-radius)}.igx-slider-thumb-label-from{position:absolute;pointer-events:none;display:flex;top:calc((var(--thumb-label-height) + 1.25rem)*-1);height:var(--thumb-label-height)}.igx-slider-thumb-label-from__container{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);border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .5rem;background:var(--label-background-color);color:var(--label-text-color);min-width:var(--thumb-label-width);opacity:0}.igx-slider-thumb-label-from__container:after{content:\"\";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-label-from--pressed .igx-slider-thumb-label-from__container{z-index:1}.igx-slider-thumb-label-from--active .igx-slider-thumb-label-from__container{opacity:1}.igx-slider-thumb-to{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--thumb-size);height:var(--thumb-size);outline-style:none;top:calc(var(--thumb-radius)*-1);margin-inline-start:calc(var(--thumb-radius)*-1)}.igx-slider-thumb-to:focus div:before{box-shadow:0 0 0 var(--outline-width) var(--thumb-focus-color)}.igx-slider-thumb-to__dot{position:relative;inset-inline-start:0;pointer-events:none}.igx-slider-thumb-to__dot:before{position:absolute;content:\"\";width:var(--thumb-size);height:var(--thumb-size);inset-inline-start:0;top:calc((var(--thumb-size) - var(--thumb-radius))*-1);margin-inline-start:calc((var(--thumb-size) - var(--thumb-radius))*-1);background:var(--thumb-color);border:var(--thumb-border-width) solid var(--thumb-border-color);transition:transform .1s cubic-bezier(.25,.46,.45,.94),border-radius .1s cubic-bezier(.25,.46,.45,.94);border-radius:var(--thumb-radius)}.igx-slider-thumb-to--disabled:focus div:before{box-shadow:none}.igx-slider-thumb-to--disabled:focus div:after{transform:scale(0)}.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot{pointer-events:none}.igx-slider-thumb-to--disabled .igx-slider-thumb-to__dot:before{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color);border-radius:var(--thumb-radius)}.igx-slider-thumb-label-to{position:absolute;pointer-events:none;display:flex;top:calc((var(--thumb-label-height) + 1.25rem)*-1);height:var(--thumb-label-height)}.igx-slider-thumb-label-to__container{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);border-radius:.125rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;margin-inline-start:-50%;padding:0 .5rem;background:var(--label-background-color);color:var(--label-text-color);min-width:var(--thumb-label-width);opacity:0}.igx-slider-thumb-label-to__container:after{content:\"\";position:absolute;top:85%;border-inline-start:.625rem solid rgba(0,0,0,0);border-inline-end:.625rem solid rgba(0,0,0,0);border-top:.625rem solid var(--label-background-color)}.igx-slider-thumb-label-to--pressed .igx-slider-thumb-label-to__container{z-index:1}.igx-slider-thumb-label-to--active .igx-slider-thumb-label-to__container{opacity:1}}@layer ig.material{@container style(--ig-theme: material){.igx-slider{--thumb-size: 1.25rem;--thumb-border-width: 0;--thumb-label-width: 2.5rem;--thumb-label-height: 1.875rem;--track-height: .375rem;--outline-width: 0;--steps-top-position: .125rem;--ripple-size: 2.5rem;--ripple-radius: calc(var(--ripple-size) / 2)}.igx-slider__track-inactive{height:.25rem;top:50%;transform:translateY(-50%)}}}@layer ig.material{@container style(--ig-theme: material){.igx-slider-thumb-from:hover div:after{opacity:.12;transform:scale(1)}.igx-slider-thumb-from:focus div:after{opacity:.18;transform:scale(1)}.igx-slider-thumb-from__dot:after{position:absolute;content:\"\";width:var(--ripple-size);height:var(--ripple-size);background:var(--thumb-color);top:calc(50% - var(--ripple-radius));inset-inline-start:calc(50% - var(--ripple-radius));opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(.25,.46,.45,.94),opacity .1s cubic-bezier(.25,.46,.45,.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-from--pressed .igx-slider-thumb-from__dot:after{opacity:.24!important;transform:scale(1)}}}@layer ig.material{@container style(--ig-theme: material){.igx-slider-thumb-to:hover div:after{opacity:.12;transform:scale(1)}.igx-slider-thumb-to:focus div:after{opacity:.18;transform:scale(1)}.igx-slider-thumb-to__dot:after{position:absolute;content:\"\";width:var(--ripple-size);height:var(--ripple-size);background:var(--thumb-color);top:calc(50% - var(--ripple-radius));inset-inline-start:calc(50% - var(--ripple-radius));opacity:0;transform:scale(0);transform-origin:center center;transition:transform .1s cubic-bezier(.25,.46,.45,.94),opacity .1s cubic-bezier(.25,.46,.45,.94);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 50%),50%);overflow:hidden}.igx-slider-thumb-to--pressed .igx-slider-thumb-to__dot:after{opacity:.24!important;transform:scale(1)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider{--thumb-size: 1rem;--thumb-border-width: .0625rem;--thumb-label-width: 2.5rem;--thumb-label-height: 1.875rem;--track-height: .5rem;--outline-width: .1875rem;--steps-top-position: .1875rem}.igx-slider__track-fill{display:none}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider-thumb-from:focus div:before{border-color:var(--thumb-border-focus-color)}}}@layer ig.bootstrap{@container style(--ig-theme: bootstrap){.igx-slider-thumb-to:focus div:before{border-color:var(--thumb-border-focus-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider{--thumb-size: 1rem;--thumb-border-width: .125rem;--thumb-label-width: 2.5rem;--thumb-label-height: 2.0625rem;--track-height: .25rem;--outline-width: 0;--steps-top-position: .0625rem}.igx-slider:hover .igx-slider-thumb-from__dot:before,.igx-slider:hover .igx-slider-thumb-to__dot:before{border:var(--thumb-border-width) solid var(--thumb-focus-color)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider-thumb-from--focused div:after{position:absolute;content:\"\";pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(var(--thumb-size) + .125rem*2);height:calc(var(--thumb-size) + .125rem*2)}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-slider-thumb-to--focused div:after{position:absolute;content:\"\";pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(var(--thumb-size) + .125rem*2);height:calc(var(--thumb-size) + .125rem*2)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider{--thumb-size: .75rem;--thumb-border-width: .125rem;--thumb-label-width: 2.25rem;--thumb-label-height: 1.375rem;--track-height: .125rem;--outline-width: .1875rem;--steps-top-position: 0}.igx-slider__track{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * .25rem),.25rem)}.igx-slider--disabled .igx-slider__track-steps{color:#0000}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-ticks{bottom:.1875rem}.igx-ticks__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-ticks--top{top:.1875rem;bottom:auto}.igx-ticks--tall .igx-ticks__label{top:calc(var(--tick-height--tall) + var(--tick-height)/2)}.igx-ticks--top.igx-ticks--tall .igx-ticks__label{bottom:calc(var(--tick-height--tall) + var(--tick-height)/2);top:auto}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-from{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.igx-slider-thumb-from:hover,.igx-slider-thumb-from:active{transform:scale(1.3333333333)}.igx-slider-thumb-from:hover div:before,.igx-slider-thumb-from:active div:before{border-color:var(--thumb-border-hover-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-label-from{top:calc((var(--thumb-label-height) + 1.125rem)*-1)}.igx-slider-thumb-label-from__container{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:.1875rem}.igx-slider-thumb-label-from__container:after{top:1rem;border-top:.75rem solid var(--label-background-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-to{transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.igx-slider-thumb-to:hover,.igx-slider-thumb-to:active{transform:scale(1.3333333333)}.igx-slider-thumb-to:hover div:before,.igx-slider-thumb-to:active div:before{border-color:var(--thumb-border-hover-color)}}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-slider-thumb-label-to{top:calc((var(--thumb-label-height) + 1.125rem)*-1)}.igx-slider-thumb-label-to__container{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);border-radius:.1875rem}.igx-slider-thumb-label-to__container:after{top:1rem;border-top:.75rem solid var(--label-background-color)}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { trackRef: [{
@@ -1915,11 +1915,11 @@ const IGX_SLIDER_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderModule, imports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective], exports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderModule, imports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective], exports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective, IgxTickLabelTemplateDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/igniteui-angular-snackbar.mjs

@@ -163,10 +163,10 @@ class IgxSnackbarComponent extends IgxNotificationsDirective {
             this.animationDone.emit(closedEventArgs);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSnackbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxSnackbarComponent, isStandalone: true, selector: "igx-snackbar", inputs: { id: "id", actionText: "actionText", positionSettings: "positionSettings" }, outputs: { clicked: "clicked", animationStarted: "animationStarted", animationDone: "animationDone" }, host: { properties: { "attr.id": "this.id", "class.igx-snackbar": "this.cssClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"igx-snackbar__message\" data-no-typography>\n    {{ textMessage }}\n    <ng-content></ng-content>\n</div>\n<div #customButton class=\"igx-snackbar__button\">\n    <ng-content select=\"[igxButton]\"></ng-content>\n</div>\n@if (!customButton.children.length && actionText) {\n    <button igxButton (click)=\"triggerAction()\">\n        {{ actionText }}\n    </button>\n}\n", styles: ["@layer ig.base{@keyframes fade-in{0%{opacity:0}to{opacity:1}}.igx-snackbar{--_min-height: 3rem;--_padding: .4375rem 1.5rem;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;min-height:var(--_min-height);padding:var(--_padding);margin:.5rem;gap:1.5rem;color:var(--text-color);background:var(--background);backface-visibility:hidden;box-shadow:var(--elevation);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.igx-snackbar [igxButton]{animation:fade-in .35s ease-out;--ig-size: 1;box-shadow:none;color:var(--button-color)}.igx-snackbar__message{animation:fade-in .35s ease-out;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:0}.igx-snackbar__button{display:contents}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-snackbar{--_min-height: 2.25rem;--_padding: .25rem 1rem}.igx-snackbar [igxButton]{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-snackbar{--ig-button-foreground: var(--button-color);--ig-button-hover-foreground: var(--ig-button-foreground);--ig-button-focus-foreground: var(--ig-button-foreground);--ig-button-focus-hover-foreground: var(--ig-button-foreground);--ig-button-active-foreground: var(--ig-button-foreground);--ig-button-focus-visible-foreground: var(--ig-button-foreground)}.igx-snackbar__message{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:revert-layer}}}\n"], dependencies: [{ kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSnackbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.0", type: IgxSnackbarComponent, isStandalone: true, selector: "igx-snackbar", inputs: { id: "id", actionText: "actionText", positionSettings: "positionSettings" }, outputs: { clicked: "clicked", animationStarted: "animationStarted", animationDone: "animationDone" }, host: { properties: { "attr.id": "this.id", "class.igx-snackbar": "this.cssClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"igx-snackbar__message\" data-no-typography>\n    {{ textMessage }}\n    <ng-content></ng-content>\n</div>\n<div #customButton class=\"igx-snackbar__button\">\n    <ng-content select=\"[igxButton]\"></ng-content>\n</div>\n@if (!customButton.children.length && actionText) {\n    <button igxButton (click)=\"triggerAction()\">\n        {{ actionText }}\n    </button>\n}\n", styles: ["@layer ig.base{@keyframes fade-in{0%{opacity:0}to{opacity:1}}.igx-snackbar{--_min-height: 3rem;--_padding: .4375rem 1.5rem;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;min-height:var(--_min-height);padding:var(--_padding);margin:.5rem;gap:1.5rem;color:var(--text-color);background:var(--background);backface-visibility:hidden;box-shadow:var(--elevation);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.igx-snackbar [igxButton]{animation:fade-in .35s ease-out;--ig-size: 1;box-shadow:none;color:var(--button-color)}.igx-snackbar__message{animation:fade-in .35s ease-out;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:0}.igx-snackbar__button{display:contents}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-snackbar{--_min-height: 2.25rem;--_padding: .25rem 1rem}.igx-snackbar [igxButton]{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-snackbar{--ig-button-foreground: var(--button-color);--ig-button-hover-foreground: var(--ig-button-foreground);--ig-button-focus-foreground: var(--ig-button-foreground);--ig-button-focus-hover-foreground: var(--ig-button-foreground);--ig-button-active-foreground: var(--ig-button-foreground);--ig-button-focus-visible-foreground: var(--ig-button-foreground)}.igx-snackbar__message{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:revert-layer}}}\n"], dependencies: [{ kind: "directive", type: IgxButtonDirective, selector: "[igxButton]", inputs: ["selected", "igxButton", "igxLabel"], outputs: ["buttonSelected"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSnackbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSnackbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-snackbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective], template: "<div class=\"igx-snackbar__message\" data-no-typography>\n    {{ textMessage }}\n    <ng-content></ng-content>\n</div>\n<div #customButton class=\"igx-snackbar__button\">\n    <ng-content select=\"[igxButton]\"></ng-content>\n</div>\n@if (!customButton.children.length && actionText) {\n    <button igxButton (click)=\"triggerAction()\">\n        {{ actionText }}\n    </button>\n}\n", styles: ["@layer ig.base{@keyframes fade-in{0%{opacity:0}to{opacity:1}}.igx-snackbar{--_min-height: 3rem;--_padding: .4375rem 1.5rem;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;min-height:var(--_min-height);padding:var(--_padding);margin:.5rem;gap:1.5rem;color:var(--text-color);background:var(--background);backface-visibility:hidden;box-shadow:var(--elevation);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.igx-snackbar [igxButton]{animation:fade-in .35s ease-out;--ig-size: 1;box-shadow:none;color:var(--button-color)}.igx-snackbar__message{animation:fade-in .35s ease-out;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:0}.igx-snackbar__button{display:contents}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-snackbar{--_min-height: 2.25rem;--_padding: .25rem 1rem}.igx-snackbar [igxButton]{--ig-size: 2}}}@layer ig.fluent{@container style(--ig-theme: fluent){.igx-snackbar{--ig-button-foreground: var(--button-color);--ig-button-hover-foreground: var(--ig-button-foreground);--ig-button-focus-foreground: var(--ig-button-foreground);--ig-button-focus-hover-foreground: var(--ig-button-foreground);--ig-button-active-foreground: var(--ig-button-foreground);--ig-button-focus-visible-foreground: var(--ig-button-foreground)}.igx-snackbar__message{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:revert-layer}}}\n"] }]
         }], propDecorators: { id: [{
@@ -195,11 +195,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 IgxSnackbarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxSnackbarModule, imports: [IgxSnackbarComponent], exports: [IgxSnackbarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSnackbarModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: IgxSnackbarModule, imports: [IgxSnackbarComponent], exports: [IgxSnackbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSnackbarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSnackbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSnackbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/igniteui-angular-splitter.mjs

@@ -229,10 +229,10 @@ class IgxSplitterPaneComponent {
         }
         return siblings;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", type: IgxSplitterPaneComponent, isStandalone: true, selector: "igx-splitter-pane", inputs: { minSize: "minSize", maxSize: "maxSize", resizable: ["resizable", "resizable", booleanAttribute], size: "size", collapsed: ["collapsed", "collapsed", booleanAttribute] }, outputs: { collapsedChange: "collapsedChange" }, host: { properties: { "style.display": "this.display", "style.order": "this.order", "style.overflow": "this.overflow", "style.min-width": "this.minWidth", "style.max-width": "this.maxWidth", "style.min-height": "this.minHeight", "style.max-height": "this.maxHeight", "style.flex": "this.flex" } }, ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.0", type: IgxSplitterPaneComponent, isStandalone: true, selector: "igx-splitter-pane", inputs: { minSize: "minSize", maxSize: "maxSize", resizable: ["resizable", "resizable", booleanAttribute], size: "size", collapsed: ["collapsed", "collapsed", booleanAttribute] }, outputs: { collapsedChange: "collapsedChange" }, host: { properties: { "style.display": "this.display", "style.order": "this.order", "style.overflow": "this.overflow", "style.min-width": "this.minWidth", "style.max-width": "this.maxWidth", "style.min-height": "this.minHeight", "style.max-height": "this.maxHeight", "style.flex": "this.flex" } }, ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-splitter-pane', changeDetection: ChangeDetectionStrategy.Eager, standalone: true, template: "<ng-content></ng-content>" }]
         }], propDecorators: { display: [{
@@ -549,10 +549,10 @@ class IgxSplitterComponent {
         }
         return [this.initialPaneSize - delta, this.initialSiblingSize + delta];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: IgxSplitterComponent, isStandalone: true, selector: "igx-splitter", inputs: { type: "type", nonCollapsible: ["nonCollapsible", "nonCollapsible", booleanAttribute] }, outputs: { resizeStart: "resizeStart", resizing: "resizing", resizeEnd: "resizeEnd" }, host: { properties: { "class.igx-splitter": "this.cssClass", "style.overflow": "this.overflow", "style.display": "this.display", "attr.aria-orientation": "this.orientation", "style.flex-direction": "this.direction" } }, queries: [{ propertyName: "panes", predicate: IgxSplitterPaneComponent, read: IgxSplitterPaneComponent }], ngImport: i0, template: "<ng-content select=\"igx-splitter-pane\"></ng-content>\n@for (pane of panes; track pane; let last = $last; let index = $index) {\n    @if (!last) {\n        <igx-splitter-bar [order]=\"pane.order + 1\" role=\"separator\"\n            [type]=\"type\"\n            [pane]=\"pane\"\n            [siblings]=\"getPaneSiblingsByOrder(pane.order + 1, index)\"\n            (moveStart)=\"onMoveStart($event)\"\n            (moving)=\"onMoving($event)\"\n            (movingEnd)=\"onMoveEnd($event)\"\n            [nonCollapsible]=\"nonCollapsible\">\n        </igx-splitter-bar>\n    }\n}\n", styles: ["@layer ig.base{.igx-splitter{--splitter-size: calc(.25 * (var(--ig-base-font-size, 16px) / 1px) + 2)}[dir=rtl] .igx-splitter[aria-orientation=horizontal]{flex-direction:row-reverse!important}.igx-splitter-bar-host{transition:box-shadow .15s ease-in}.igx-splitter-bar-host:focus-visible{outline:none;box-shadow:0 0 0 .125rem var(--focus-color);z-index:100}.igx-splitter-bar{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;background:var(--bar-color);padding-block:.0625rem;z-index:99;opacity:.68;transition:opacity .15s cubic-bezier(.25,.46,.45,.94)!important}.igx-splitter-bar:before,.igx-splitter-bar:after{position:absolute;content:\"\";width:100%;height:.25rem;background:#0000}.igx-splitter-bar:before{top:100%}.igx-splitter-bar:after{bottom:100%}.igx-splitter-bar:hover{transition:all .25s ease-out;opacity:1}.igx-splitter-bar:active{background:var(--bar-color-active);opacity:1}.igx-splitter-bar:active .igx-splitter-bar__handle{background:var(--handle-color-active)}.igx-splitter-bar:active .igx-splitter-bar__expander--start{border-block-end-color:var(--expander-color-active)}.igx-splitter-bar:active .igx-splitter-bar__expander--end{border-block-start-color:var(--expander-color-active)}.igx-splitter-bar__handle{background:var(--handle-color);border-radius:var(--border-radius);opacity:0;transition:opacity .25s .5s ease;pointer-events:none}.igx-splitter-bar__handle--horizontal{width:25%;height:var(--size);margin:0 3rem}.igx-splitter-bar__handle--vertical{width:var(--size);height:25%;margin:3rem 0}.igx-splitter-bar__expander{position:relative;width:0;height:0;border-inline-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid rgba(0,0,0,0);cursor:pointer;opacity:0;transition:opacity .25s .5s ease;pointer-events:none;z-index:1}.igx-splitter-bar__expander:before{position:absolute;content:\"\";background:#0000}.igx-splitter-bar__expander--start{border-block-end:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--start:before{top:calc(100% - .25rem);left:calc(100% - .5rem);width:1rem;height:.75rem}.igx-splitter-bar__expander--end{border-block-start:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--end:before{top:calc(100% - .5rem);left:calc(100% - .5rem);width:1rem;height:.75rem}.igx-splitter-bar--collapsible{transition:all .25s cubic-bezier(.455,.03,.515,.955)!important;transition-delay:0s!important}.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:1;transition:opacity .25s ease;pointer-events:auto}.igx-splitter-bar--vertical{flex-direction:column;height:100%;padding:0 .0625rem}.igx-splitter-bar--vertical:before,.igx-splitter-bar--vertical:after{width:.25rem;height:100%;top:0}.igx-splitter-bar--vertical:before{right:100%}.igx-splitter-bar--vertical:after{left:100%}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start{border-block-start:var(--size) solid rgba(0,0,0,0);border-inline-end:var(--size) solid var(--expander-color);border-block-end:var(--size) solid rgba(0,0,0,0);border-inline-start:unset}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start:before{top:calc(100% - .5rem);left:calc(100% - .25rem);width:.75rem;height:1rem}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end{border-block-start:var(--size) solid rgba(0,0,0,0);border-inline-end:unset;border-block-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid var(--expander-color)}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end:before{top:calc(100% - .5rem);left:calc(100% - .5rem);height:1rem;width:.75rem}.igx-splitter-bar--vertical:active .igx-splitter-bar__expander--start{border-block-end-color:#0000;border-inline-end-color:var(--expander-color-active)}.igx-splitter-bar--vertical:active .igx-splitter-bar__expander--end{border-block-start-color:#0000;border-inline-start-color:var(--expander-color-active)}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-splitter-bar-host{transition:box-shadow .25s .1s ease-in}.igx-splitter-bar-host:focus-visible{transition-duration:.15s}[aria-orientation=horizontal] .igx-splitter-bar-host:focus-visible .igx-splitter-bar{transform:scaleX(1)}[aria-orientation=vertical] .igx-splitter-bar-host:focus-visible .igx-splitter-bar{transform:scaleY(1)}.igx-splitter-bar-host:focus-visible .igx-splitter-bar{transition-delay:0s!important}.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:.68;pointer-events:auto}.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible:hover .igx-splitter-bar__handle,.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible:hover .igx-splitter-bar__expander{opacity:1}.igx-splitter-bar{transition:all .25s .3s cubic-bezier(.455,.03,.515,.955)!important}[aria-orientation=horizontal] .igx-splitter-bar{transform:scaleX(calc(1 / var(--splitter-size)))}[aria-orientation=vertical] .igx-splitter-bar{transform:scaleY(calc(1 / var(--splitter-size)))}[aria-orientation=horizontal] .igx-splitter-bar:hover{transform:scaleX(1)}[aria-orientation=vertical] .igx-splitter-bar:hover{transform:scaleY(1)}.igx-splitter-bar:hover{transition-delay:0s!important}.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:0;pointer-events:none;transition-delay:.3s}.igx-splitter-bar--collapsible:hover .igx-splitter-bar__handle,.igx-splitter-bar--collapsible:hover .igx-splitter-bar__expander{opacity:1;pointer-events:auto;transition-delay:.1s}.igx-splitter-bar--horizontal:before,.igx-splitter-bar--horizontal:after{height:calc(var(--splitter-size)*4px)}.igx-splitter-bar--vertical:before,.igx-splitter-bar--vertical:after{width:calc(var(--splitter-size)*4px)}}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => IgxSplitBarComponent), selector: "igx-splitter-bar", inputs: ["nonCollapsible", "type", "order", "pane", "siblings"], outputs: ["moveStart", "moving", "movingEnd"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.0", type: IgxSplitterComponent, isStandalone: true, selector: "igx-splitter", inputs: { type: "type", nonCollapsible: ["nonCollapsible", "nonCollapsible", booleanAttribute] }, outputs: { resizeStart: "resizeStart", resizing: "resizing", resizeEnd: "resizeEnd" }, host: { properties: { "class.igx-splitter": "this.cssClass", "style.overflow": "this.overflow", "style.display": "this.display", "attr.aria-orientation": "this.orientation", "style.flex-direction": "this.direction" } }, queries: [{ propertyName: "panes", predicate: IgxSplitterPaneComponent, read: IgxSplitterPaneComponent }], ngImport: i0, template: "<ng-content select=\"igx-splitter-pane\"></ng-content>\n@for (pane of panes; track pane; let last = $last; let index = $index) {\n    @if (!last) {\n        <igx-splitter-bar [order]=\"pane.order + 1\" role=\"separator\"\n            [type]=\"type\"\n            [pane]=\"pane\"\n            [siblings]=\"getPaneSiblingsByOrder(pane.order + 1, index)\"\n            (moveStart)=\"onMoveStart($event)\"\n            (moving)=\"onMoving($event)\"\n            (movingEnd)=\"onMoveEnd($event)\"\n            [nonCollapsible]=\"nonCollapsible\">\n        </igx-splitter-bar>\n    }\n}\n", styles: ["@layer ig.base{.igx-splitter{--splitter-size: calc(.25 * (var(--ig-base-font-size, 16px) / 1px) + 2)}[dir=rtl] .igx-splitter[aria-orientation=horizontal]{flex-direction:row-reverse!important}.igx-splitter-bar-host{transition:box-shadow .15s ease-in}.igx-splitter-bar-host:focus-visible{outline:none;box-shadow:0 0 0 .125rem var(--focus-color);z-index:100}.igx-splitter-bar{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;background:var(--bar-color);padding-block:.0625rem;z-index:99;opacity:.68;transition:opacity .15s cubic-bezier(.25,.46,.45,.94)!important}.igx-splitter-bar:before,.igx-splitter-bar:after{position:absolute;content:\"\";width:100%;height:.25rem;background:#0000}.igx-splitter-bar:before{top:100%}.igx-splitter-bar:after{bottom:100%}.igx-splitter-bar:hover{transition:all .25s ease-out;opacity:1}.igx-splitter-bar:active{background:var(--bar-color-active);opacity:1}.igx-splitter-bar:active .igx-splitter-bar__handle{background:var(--handle-color-active)}.igx-splitter-bar:active .igx-splitter-bar__expander--start{border-block-end-color:var(--expander-color-active)}.igx-splitter-bar:active .igx-splitter-bar__expander--end{border-block-start-color:var(--expander-color-active)}.igx-splitter-bar__handle{background:var(--handle-color);border-radius:var(--border-radius);opacity:0;transition:opacity .25s .5s ease;pointer-events:none}.igx-splitter-bar__handle--horizontal{width:25%;height:var(--size);margin:0 3rem}.igx-splitter-bar__handle--vertical{width:var(--size);height:25%;margin:3rem 0}.igx-splitter-bar__expander{position:relative;width:0;height:0;border-inline-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid rgba(0,0,0,0);cursor:pointer;opacity:0;transition:opacity .25s .5s ease;pointer-events:none;z-index:1}.igx-splitter-bar__expander:before{position:absolute;content:\"\";background:#0000}.igx-splitter-bar__expander--start{border-block-end:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--start:before{top:calc(100% - .25rem);left:calc(100% - .5rem);width:1rem;height:.75rem}.igx-splitter-bar__expander--end{border-block-start:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--end:before{top:calc(100% - .5rem);left:calc(100% - .5rem);width:1rem;height:.75rem}.igx-splitter-bar--collapsible{transition:all .25s cubic-bezier(.455,.03,.515,.955)!important;transition-delay:0s!important}.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:1;transition:opacity .25s ease;pointer-events:auto}.igx-splitter-bar--vertical{flex-direction:column;height:100%;padding:0 .0625rem}.igx-splitter-bar--vertical:before,.igx-splitter-bar--vertical:after{width:.25rem;height:100%;top:0}.igx-splitter-bar--vertical:before{right:100%}.igx-splitter-bar--vertical:after{left:100%}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start{border-block-start:var(--size) solid rgba(0,0,0,0);border-inline-end:var(--size) solid var(--expander-color);border-block-end:var(--size) solid rgba(0,0,0,0);border-inline-start:unset}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start:before{top:calc(100% - .5rem);left:calc(100% - .25rem);width:.75rem;height:1rem}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end{border-block-start:var(--size) solid rgba(0,0,0,0);border-inline-end:unset;border-block-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid var(--expander-color)}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end:before{top:calc(100% - .5rem);left:calc(100% - .5rem);height:1rem;width:.75rem}.igx-splitter-bar--vertical:active .igx-splitter-bar__expander--start{border-block-end-color:#0000;border-inline-end-color:var(--expander-color-active)}.igx-splitter-bar--vertical:active .igx-splitter-bar__expander--end{border-block-start-color:#0000;border-inline-start-color:var(--expander-color-active)}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-splitter-bar-host{transition:box-shadow .25s .1s ease-in}.igx-splitter-bar-host:focus-visible{transition-duration:.15s}[aria-orientation=horizontal] .igx-splitter-bar-host:focus-visible .igx-splitter-bar{transform:scaleX(1)}[aria-orientation=vertical] .igx-splitter-bar-host:focus-visible .igx-splitter-bar{transform:scaleY(1)}.igx-splitter-bar-host:focus-visible .igx-splitter-bar{transition-delay:0s!important}.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:.68;pointer-events:auto}.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible:hover .igx-splitter-bar__handle,.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible:hover .igx-splitter-bar__expander{opacity:1}.igx-splitter-bar{transition:all .25s .3s cubic-bezier(.455,.03,.515,.955)!important}[aria-orientation=horizontal] .igx-splitter-bar{transform:scaleX(calc(1 / var(--splitter-size)))}[aria-orientation=vertical] .igx-splitter-bar{transform:scaleY(calc(1 / var(--splitter-size)))}[aria-orientation=horizontal] .igx-splitter-bar:hover{transform:scaleX(1)}[aria-orientation=vertical] .igx-splitter-bar:hover{transform:scaleY(1)}.igx-splitter-bar:hover{transition-delay:0s!important}.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:0;pointer-events:none;transition-delay:.3s}.igx-splitter-bar--collapsible:hover .igx-splitter-bar__handle,.igx-splitter-bar--collapsible:hover .igx-splitter-bar__expander{opacity:1;pointer-events:auto;transition-delay:.1s}.igx-splitter-bar--horizontal:before,.igx-splitter-bar--horizontal:after{height:calc(var(--splitter-size)*4px)}.igx-splitter-bar--vertical:before,.igx-splitter-bar--vertical:after{width:calc(var(--splitter-size)*4px)}}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => IgxSplitBarComponent), selector: "igx-splitter-bar", inputs: ["nonCollapsible", "type", "order", "pane", "siblings"], outputs: ["moveStart", "moving", "movingEnd"] }], changeDetection: i0.ChangeDetectionStrategy.Eager, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-splitter', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Eager, imports: [forwardRef(() => IgxSplitBarComponent)], template: "<ng-content select=\"igx-splitter-pane\"></ng-content>\n@for (pane of panes; track pane; let last = $last; let index = $index) {\n    @if (!last) {\n        <igx-splitter-bar [order]=\"pane.order + 1\" role=\"separator\"\n            [type]=\"type\"\n            [pane]=\"pane\"\n            [siblings]=\"getPaneSiblingsByOrder(pane.order + 1, index)\"\n            (moveStart)=\"onMoveStart($event)\"\n            (moving)=\"onMoving($event)\"\n            (movingEnd)=\"onMoveEnd($event)\"\n            [nonCollapsible]=\"nonCollapsible\">\n        </igx-splitter-bar>\n    }\n}\n", styles: ["@layer ig.base{.igx-splitter{--splitter-size: calc(.25 * (var(--ig-base-font-size, 16px) / 1px) + 2)}[dir=rtl] .igx-splitter[aria-orientation=horizontal]{flex-direction:row-reverse!important}.igx-splitter-bar-host{transition:box-shadow .15s ease-in}.igx-splitter-bar-host:focus-visible{outline:none;box-shadow:0 0 0 .125rem var(--focus-color);z-index:100}.igx-splitter-bar{position:relative;display:flex;flex-grow:1;justify-content:center;align-items:center;background:var(--bar-color);padding-block:.0625rem;z-index:99;opacity:.68;transition:opacity .15s cubic-bezier(.25,.46,.45,.94)!important}.igx-splitter-bar:before,.igx-splitter-bar:after{position:absolute;content:\"\";width:100%;height:.25rem;background:#0000}.igx-splitter-bar:before{top:100%}.igx-splitter-bar:after{bottom:100%}.igx-splitter-bar:hover{transition:all .25s ease-out;opacity:1}.igx-splitter-bar:active{background:var(--bar-color-active);opacity:1}.igx-splitter-bar:active .igx-splitter-bar__handle{background:var(--handle-color-active)}.igx-splitter-bar:active .igx-splitter-bar__expander--start{border-block-end-color:var(--expander-color-active)}.igx-splitter-bar:active .igx-splitter-bar__expander--end{border-block-start-color:var(--expander-color-active)}.igx-splitter-bar__handle{background:var(--handle-color);border-radius:var(--border-radius);opacity:0;transition:opacity .25s .5s ease;pointer-events:none}.igx-splitter-bar__handle--horizontal{width:25%;height:var(--size);margin:0 3rem}.igx-splitter-bar__handle--vertical{width:var(--size);height:25%;margin:3rem 0}.igx-splitter-bar__expander{position:relative;width:0;height:0;border-inline-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid rgba(0,0,0,0);cursor:pointer;opacity:0;transition:opacity .25s .5s ease;pointer-events:none;z-index:1}.igx-splitter-bar__expander:before{position:absolute;content:\"\";background:#0000}.igx-splitter-bar__expander--start{border-block-end:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--start:before{top:calc(100% - .25rem);left:calc(100% - .5rem);width:1rem;height:.75rem}.igx-splitter-bar__expander--end{border-block-start:var(--size) solid var(--expander-color)}.igx-splitter-bar__expander--end:before{top:calc(100% - .5rem);left:calc(100% - .5rem);width:1rem;height:.75rem}.igx-splitter-bar--collapsible{transition:all .25s cubic-bezier(.455,.03,.515,.955)!important;transition-delay:0s!important}.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:1;transition:opacity .25s ease;pointer-events:auto}.igx-splitter-bar--vertical{flex-direction:column;height:100%;padding:0 .0625rem}.igx-splitter-bar--vertical:before,.igx-splitter-bar--vertical:after{width:.25rem;height:100%;top:0}.igx-splitter-bar--vertical:before{right:100%}.igx-splitter-bar--vertical:after{left:100%}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start{border-block-start:var(--size) solid rgba(0,0,0,0);border-inline-end:var(--size) solid var(--expander-color);border-block-end:var(--size) solid rgba(0,0,0,0);border-inline-start:unset}.igx-splitter-bar--vertical .igx-splitter-bar__expander--start:before{top:calc(100% - .5rem);left:calc(100% - .25rem);width:.75rem;height:1rem}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end{border-block-start:var(--size) solid rgba(0,0,0,0);border-inline-end:unset;border-block-end:var(--size) solid rgba(0,0,0,0);border-inline-start:var(--size) solid var(--expander-color)}.igx-splitter-bar--vertical .igx-splitter-bar__expander--end:before{top:calc(100% - .5rem);left:calc(100% - .5rem);height:1rem;width:.75rem}.igx-splitter-bar--vertical:active .igx-splitter-bar__expander--start{border-block-end-color:#0000;border-inline-end-color:var(--expander-color-active)}.igx-splitter-bar--vertical:active .igx-splitter-bar__expander--end{border-block-start-color:#0000;border-inline-start-color:var(--expander-color-active)}}@layer ig.indigo{@container style(--ig-theme: indigo){.igx-splitter-bar-host{transition:box-shadow .25s .1s ease-in}.igx-splitter-bar-host:focus-visible{transition-duration:.15s}[aria-orientation=horizontal] .igx-splitter-bar-host:focus-visible .igx-splitter-bar{transform:scaleX(1)}[aria-orientation=vertical] .igx-splitter-bar-host:focus-visible .igx-splitter-bar{transform:scaleY(1)}.igx-splitter-bar-host:focus-visible .igx-splitter-bar{transition-delay:0s!important}.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:.68;pointer-events:auto}.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible:hover .igx-splitter-bar__handle,.igx-splitter-bar-host:focus-visible .igx-splitter-bar.igx-splitter-bar--collapsible:hover .igx-splitter-bar__expander{opacity:1}.igx-splitter-bar{transition:all .25s .3s cubic-bezier(.455,.03,.515,.955)!important}[aria-orientation=horizontal] .igx-splitter-bar{transform:scaleX(calc(1 / var(--splitter-size)))}[aria-orientation=vertical] .igx-splitter-bar{transform:scaleY(calc(1 / var(--splitter-size)))}[aria-orientation=horizontal] .igx-splitter-bar:hover{transform:scaleX(1)}[aria-orientation=vertical] .igx-splitter-bar:hover{transform:scaleY(1)}.igx-splitter-bar:hover{transition-delay:0s!important}.igx-splitter-bar--collapsible .igx-splitter-bar__handle,.igx-splitter-bar--collapsible .igx-splitter-bar__expander{opacity:0;pointer-events:none;transition-delay:.3s}.igx-splitter-bar--collapsible:hover .igx-splitter-bar__handle,.igx-splitter-bar--collapsible:hover .igx-splitter-bar__expander{opacity:1;pointer-events:auto;transition-delay:.1s}.igx-splitter-bar--horizontal:before,.igx-splitter-bar--horizontal:after{height:calc(var(--splitter-size)*4px)}.igx-splitter-bar--vertical:before,.igx-splitter-bar--vertical:after{width:calc(var(--splitter-size)*4px)}}}\n"] }]
         }], propDecorators: { panes: [{
@@ -776,10 +776,10 @@ class IgxSplitBarComponent {
         }
         target.toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.7", type: IgxSplitBarComponent, isStandalone: true, selector: "igx-splitter-bar", inputs: { nonCollapsible: ["nonCollapsible", "nonCollapsible", booleanAttribute], type: "type", order: "order", pane: "pane", siblings: "siblings" }, outputs: { moveStart: "moveStart", moving: "moving", movingEnd: "movingEnd" }, host: { listeners: { "keydown": "keyEvent($event)" }, properties: { "class.igx-splitter-bar-host": "this.cssClass", "style.order": "this.order", "attr.tabindex": "this.tabindex", "attr.aria-orientation": "this.orientation" } }, ngImport: i0, template: "<div class=\"igx-splitter-bar\"\n    [class.igx-splitter-bar--horizontal]=\"type === 1\"\n    [class.igx-splitter-bar--vertical]=\"type === 0\"\n    [style.cursor]=\"cursor\"\n    igxDrag\n    [ghost]=\"false\"\n    [dragDirection]=\"dragDir\"\n    (dragStart)=\"onDragStart($event)\"\n    (dragMove)=\"onDragMove($event)\"\n    (dragEnd)=\"onDragEnd($event)\"\n    [class.igx-splitter-bar--collapsible]=\"!nonCollapsible\"\n>\n    <div\n        class=\"igx-splitter-bar__expander igx-splitter-bar__expander--start\"\n        igxDragIgnore (click)=\"onCollapsing(false)\"\n        [hidden]=\"prevButtonHidden\">\n    </div>\n    <div\n        class=\"igx-splitter-bar__handle\"\n        [class.igx-splitter-bar__handle--horizontal]=\"type === 1\"\n        [class.igx-splitter-bar__handle--vertical]=\"type === 0\"\n    >\n    </div>\n    <div\n        class=\"igx-splitter-bar__expander igx-splitter-bar__expander--end\"\n        igxDragIgnore (click)=\"onCollapsing(true)\"\n        [hidden]=\"nextButtonHidden\">\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: IgxDragDirective, selector: "[igxDrag]", inputs: ["igxDrag", "dragTolerance", "dragDirection", "dragChannel", "ghost", "ghostClass", "ghostClasses", "ghostStyle", "ghostTemplate", "ghostHost", "scrollContainer", "ghostOffsetX", "ghostOffsetY"], outputs: ["dragStart", "dragMove", "dragEnd", "dragClick", "ghostCreate", "ghostDestroy", "transitioned"], exportAs: ["drag"] }, { kind: "directive", type: IgxDragIgnoreDirective, selector: "[igxDragIgnore]" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.2.0", type: IgxSplitBarComponent, isStandalone: true, selector: "igx-splitter-bar", inputs: { nonCollapsible: ["nonCollapsible", "nonCollapsible", booleanAttribute], type: "type", order: "order", pane: "pane", siblings: "siblings" }, outputs: { moveStart: "moveStart", moving: "moving", movingEnd: "movingEnd" }, host: { listeners: { "keydown": "keyEvent($event)" }, properties: { "class.igx-splitter-bar-host": "this.cssClass", "style.order": "this.order", "attr.tabindex": "this.tabindex", "attr.aria-orientation": "this.orientation" } }, ngImport: i0, template: "<div class=\"igx-splitter-bar\"\n    [class.igx-splitter-bar--horizontal]=\"type === 1\"\n    [class.igx-splitter-bar--vertical]=\"type === 0\"\n    [style.cursor]=\"cursor\"\n    igxDrag\n    [ghost]=\"false\"\n    [dragDirection]=\"dragDir\"\n    (dragStart)=\"onDragStart($event)\"\n    (dragMove)=\"onDragMove($event)\"\n    (dragEnd)=\"onDragEnd($event)\"\n    [class.igx-splitter-bar--collapsible]=\"!nonCollapsible\"\n>\n    <div\n        class=\"igx-splitter-bar__expander igx-splitter-bar__expander--start\"\n        igxDragIgnore (click)=\"onCollapsing(false)\"\n        [hidden]=\"prevButtonHidden\">\n    </div>\n    <div\n        class=\"igx-splitter-bar__handle\"\n        [class.igx-splitter-bar__handle--horizontal]=\"type === 1\"\n        [class.igx-splitter-bar__handle--vertical]=\"type === 0\"\n    >\n    </div>\n    <div\n        class=\"igx-splitter-bar__expander igx-splitter-bar__expander--end\"\n        igxDragIgnore (click)=\"onCollapsing(true)\"\n        [hidden]=\"nextButtonHidden\">\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: IgxDragDirective, selector: "[igxDrag]", inputs: ["igxDrag", "dragTolerance", "dragDirection", "dragChannel", "ghost", "ghostClass", "ghostClasses", "ghostStyle", "ghostTemplate", "ghostHost", "scrollContainer", "ghostOffsetX", "ghostOffsetY"], outputs: ["dragStart", "dragMove", "dragEnd", "dragClick", "ghostCreate", "ghostDestroy", "transitioned"], exportAs: ["drag"] }, { kind: "directive", type: IgxDragIgnoreDirective, selector: "[igxDragIgnore]" }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-splitter-bar', changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDragDirective, IgxDragIgnoreDirective], template: "<div class=\"igx-splitter-bar\"\n    [class.igx-splitter-bar--horizontal]=\"type === 1\"\n    [class.igx-splitter-bar--vertical]=\"type === 0\"\n    [style.cursor]=\"cursor\"\n    igxDrag\n    [ghost]=\"false\"\n    [dragDirection]=\"dragDir\"\n    (dragStart)=\"onDragStart($event)\"\n    (dragMove)=\"onDragMove($event)\"\n    (dragEnd)=\"onDragEnd($event)\"\n    [class.igx-splitter-bar--collapsible]=\"!nonCollapsible\"\n>\n    <div\n        class=\"igx-splitter-bar__expander igx-splitter-bar__expander--start\"\n        igxDragIgnore (click)=\"onCollapsing(false)\"\n        [hidden]=\"prevButtonHidden\">\n    </div>\n    <div\n        class=\"igx-splitter-bar__handle\"\n        [class.igx-splitter-bar__handle--horizontal]=\"type === 1\"\n        [class.igx-splitter-bar__handle--vertical]=\"type === 0\"\n    >\n    </div>\n    <div\n        class=\"igx-splitter-bar__expander igx-splitter-bar__expander--end\"\n        igxDragIgnore (click)=\"onCollapsing(true)\"\n        [hidden]=\"nextButtonHidden\">\n    </div>\n</div>\n" }]
         }], propDecorators: { cssClass: [{
@@ -829,11 +829,11 @@ const IGX_SPLITTER_DIRECTIVES = [
  * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components
  */
 class IgxSplitterModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterModule, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent], exports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterModule, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent], exports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IgxSplitterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.0", ngImport: i0, type: IgxSplitterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [