igniteui-angular 22.1.0-beta.2 → 22.1.0-beta.4

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.0", ngImport: i0, type: IgxThumbFromTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: IgxThumbFromTemplateDirective, isStandalone: true, selector: "[igxSliderThumbFrom]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxThumbFromTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxThumbFromTemplateDirective, isStandalone: true, selector: "[igxSliderThumbFrom]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxThumbFromTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxThumbFromTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxSliderThumbFrom]',
@@ -40,10 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * @context {@link IgxSliderComponent.context}
  */
 class IgxThumbToTemplateDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxThumbToTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: IgxThumbToTemplateDirective, isStandalone: true, selector: "[igxSliderThumbTo]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxThumbToTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxThumbToTemplateDirective, isStandalone: true, selector: "[igxSliderThumbTo]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxThumbToTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxThumbToTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[igxSliderThumbTo]',
@@ -56,10 +56,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * @context {@link IgxTicksComponent.context}
  */
 class IgxTickLabelTemplateDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxTickLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: IgxTickLabelTemplateDirective, isStandalone: true, selector: "[igxSliderTickLabel]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxTickLabelTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: IgxTickLabelTemplateDirective, isStandalone: true, selector: "[igxSliderTickLabel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxTickLabelTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxThumbLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxThumbLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxThumbLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSliderThumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSliderThumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSliderThumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxTickLabelsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.0", ngImport: i0, type: IgxTickLabelsPipe, isStandalone: true, name: "spreadTickLabels" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxTickLabelsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxTickLabelsPipe, isStandalone: true, name: "spreadTickLabels" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxTickLabelsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxTicksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxTicksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxTicksComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.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.1.0", ngImport: i0, type: IgxSliderModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", 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.1", ngImport: i0, type: IgxSliderModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/igniteui-angular-snackbar.mjs

@@ -163,12 +163,12 @@ class IgxSnackbarComponent extends IgxNotificationsDirective {
             this.animationDone.emit(closedEventArgs);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSnackbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.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\">\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.1.1", ngImport: i0, type: IgxSnackbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSnackbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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\">\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"] }]
+            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: [{
                 type: HostBinding,
                 args: ['attr.id']
@@ -195,11 +195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", 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.0", ngImport: i0, type: IgxSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.0", ngImport: i0, type: IgxSnackbarModule, imports: [IgxSnackbarComponent], exports: [IgxSnackbarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSnackbarModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxSnackbarModule, imports: [IgxSnackbarComponent], exports: [IgxSnackbarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSnackbarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSnackbarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSnackbarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"igniteui-angular-snackbar.mjs","sources":["../../../projects/igniteui-angular/snackbar/src/snackbar/snackbar.component.ts","../../../projects/igniteui-angular/snackbar/src/snackbar/snackbar.component.html","../../../projects/igniteui-angular/snackbar/src/snackbar/snackbar.module.ts","../../../projects/igniteui-angular/snackbar/src/igniteui-angular-snackbar.ts"],"sourcesContent":["import { useAnimation } from '@angular/animations';\nimport {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Output,\n    ChangeDetectionStrategy,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { ContainerPositionStrategy, GlobalPositionStrategy, HorizontalAlignment,\n    PositionSettings, VerticalAlignment } from 'igniteui-angular/core';\nimport { ToggleViewEventArgs, IgxButtonDirective, IgxNotificationsDirective } from 'igniteui-angular/directives';\nimport { fadeIn, fadeOut } from 'igniteui-angular/animations';\n\nlet NEXT_ID = 0;\n/**\n * **Ignite UI for Angular Snackbar** -\n * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/snackbar.html)\n *\n * The Ignite UI Snack Bar provides feedback about an operation with a single-line message, which can\n * include a link to an action such as Undo.\n *\n * Example:\n * ```html\n * <button type=\"button\" igxButton (click)=\"snackbar.show()\">Send message</button>\n * <div>\n *   <igx-snackbar #snackbar>\n *      Message sent\n *   </igx-snackbar>\n * </div>\n * ```\n */\n@Component({\n    selector: 'igx-snackbar',\n    templateUrl: 'snackbar.component.html',\n    styleUrl: 'snackbar.component.css',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [IgxButtonDirective]\n})\nexport class IgxSnackbarComponent extends IgxNotificationsDirective\n    implements OnInit {\n    /**\n     * Sets/gets the `id` of the snackbar.\n     * If not set, the `id` of the first snackbar component  will be `\"igx-snackbar-0\"`;\n     * ```html\n     * <igx-snackbar id = \"Snackbar1\"></igx-snackbar>\n     * ```\n     * ```typescript\n     * let snackbarId = this.snackbar.id;\n     * ```\n     *\n     * @memberof IgxSnackbarComponent\n     */\n    @HostBinding('attr.id')\n    @Input()\n    public override id = `igx-snackbar-${NEXT_ID++}`;\n\n    /**\n     * The default css class applied to the component.\n     *\n     * @hidden\n     * @internal\n     */\n    @HostBinding('class.igx-snackbar')\n    public cssClass = 'igx-snackbar';\n\n    /**\n     * Sets/gets the `actionText` attribute.\n     * ```html\n     * <igx-snackbar [actionText] = \"'Action Text'\"></igx-snackbar>\n     * ```\n     */\n    @Input() public actionText?: string;\n\n    /**\n     * An event that will be emitted when the action button is clicked.\n     * Provides reference to the snackbar as an argument.\n     * ```html\n     * <igx-snackbar (clicked)=\"clickedHandler($event)\"></igx-snackbar>\n     * ```\n     */\n    @Output()\n    public clicked = new EventEmitter<IgxSnackbarComponent>();\n\n    /**\n     * An event that will be emitted when the snackbar animation starts.\n     * Provides reference to the `ToggleViewEventArgs` interface as an argument.\n     * ```html\n     * <igx-snackbar (animationStarted) = \"animationStarted($event)\"></igx-snackbar>\n     * ```\n     */\n    @Output() public animationStarted = new EventEmitter<ToggleViewEventArgs>();\n\n    /**\n     * An event that will be emitted when the snackbar animation ends.\n     * Provides reference to the `ToggleViewEventArgs` interface as an argument.\n     * ```html\n     * <igx-snackbar (animationDone) = \"animationDone($event)\"></igx-snackbar>\n     * ```\n     */\n    @Output() public animationDone = new EventEmitter<ToggleViewEventArgs>();\n\n    /**\n     * Get the position and animation settings used by the snackbar.\n     * ```typescript\n     * @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent;\n     * let currentPosition: PositionSettings = this.snackbar.positionSettings\n     * ```\n     */\n    @Input()\n    public get positionSettings(): PositionSettings {\n        return this._positionSettings;\n    }\n\n    /**\n     * Set the position and animation settings used by the snackbar.\n     * ```html\n     * <igx-snackbar [positionSettings]=\"newPositionSettings\"></igx-snackbar>\n     * ```\n     * ```typescript\n     * import { slideInTop, slideOutBottom } from 'igniteui-angular';\n     * ...\n     * @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent;\n     *  public newPositionSettings: PositionSettings = {\n     *      openAnimation: useAnimation(slideInTop, { params: { duration: '1000ms', fromPosition: 'translateY(100%)'}}),\n     *      closeAnimation: useAnimation(slideOutBottom, { params: { duration: '1000ms', fromPosition: 'translateY(0)'}}),\n     *      horizontalDirection: HorizontalAlignment.Left,\n     *      verticalDirection: VerticalAlignment.Middle,\n     *      horizontalStartPoint: HorizontalAlignment.Left,\n     *      verticalStartPoint: VerticalAlignment.Middle,\n     *      minSize: { height: 100, width: 100 }\n     *  };\n     * this.snackbar.positionSettings = this.newPositionSettings;\n     * ```\n     */\n    public set positionSettings(settings: PositionSettings) {\n        this._positionSettings = settings;\n    }\n\n    private _positionSettings: PositionSettings = {\n        horizontalDirection: HorizontalAlignment.Center,\n        verticalDirection: VerticalAlignment.Bottom,\n        openAnimation: useAnimation(fadeIn, { params: { duration: '.35s', easing: 'cubic-bezier(0.0, 0.0, 0.2, 1)',\n            fromPosition: 'translateY(100%)', toPosition: 'translateY(0)'} }),\n        closeAnimation: useAnimation(fadeOut, {  params: { duration: '.2s', easing: 'cubic-bezier(0.4, 0.0, 1, 1)',\n            fromPosition: 'translateY(0)', toPosition: 'translateY(100%)'} }),\n    };\n\n    /**\n     * Shows the snackbar and hides it after the `displayTime` is over if `autoHide` is set to `true`.\n     * ```typescript\n     * this.snackbar.open();\n     * ```\n     */\n    public override open(message?: string) {\n        if (message !== undefined) {\n            this.textMessage = message;\n        }\n\n        this.strategy = this.outlet || this.positioning === 'container' ?\n            new ContainerPositionStrategy(this.positionSettings) :\n            new GlobalPositionStrategy(this.positionSettings);\n        super.open();\n    }\n\n    /**\n     * Opens or closes the snackbar, depending on its current state.\n     *\n     * ```typescript\n     * this.snackbar.toggle();\n     * ```\n     */\n     public override toggle() {\n        if (this.collapsed || this.isClosing) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    /**\n     * @hidden\n     */\n    public triggerAction(): void {\n        this.clicked.emit(this);\n    }\n\n    /**\n     * @hidden\n     */\n    public override ngOnInit() {\n        this.opened.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            const openedEventArgs: ToggleViewEventArgs = { owner: this, id: this._overlayId };\n            this.animationStarted.emit(openedEventArgs);\n        });\n\n        this.closed.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            const closedEventArgs: ToggleViewEventArgs = { owner: this, id: this._overlayId };\n            this.animationDone.emit(closedEventArgs);\n        });\n    }\n}\n","<div class=\"igx-snackbar__message\">\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","import { NgModule } from '@angular/core';\nimport { IgxSnackbarComponent } from './snackbar.component';\n\n/**\n * @hidden\n * @deprecated\n * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components\n */\n@NgModule({\n    imports: [\n        IgxSnackbarComponent\n    ],\n    exports: [\n        IgxSnackbarComponent\n    ]\n})\nexport class IgxSnackbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"igniteui-angular-snackbar.mjs","sources":["../../../projects/igniteui-angular/snackbar/src/snackbar/snackbar.component.ts","../../../projects/igniteui-angular/snackbar/src/snackbar/snackbar.component.html","../../../projects/igniteui-angular/snackbar/src/snackbar/snackbar.module.ts","../../../projects/igniteui-angular/snackbar/src/igniteui-angular-snackbar.ts"],"sourcesContent":["import { useAnimation } from '@angular/animations';\nimport {\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Output,\n    ChangeDetectionStrategy,\n    ViewEncapsulation\n} from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { ContainerPositionStrategy, GlobalPositionStrategy, HorizontalAlignment,\n    PositionSettings, VerticalAlignment } from 'igniteui-angular/core';\nimport { ToggleViewEventArgs, IgxButtonDirective, IgxNotificationsDirective } from 'igniteui-angular/directives';\nimport { fadeIn, fadeOut } from 'igniteui-angular/animations';\n\nlet NEXT_ID = 0;\n/**\n * **Ignite UI for Angular Snackbar** -\n * [Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/snackbar.html)\n *\n * The Ignite UI Snack Bar provides feedback about an operation with a single-line message, which can\n * include a link to an action such as Undo.\n *\n * Example:\n * ```html\n * <button type=\"button\" igxButton (click)=\"snackbar.show()\">Send message</button>\n * <div>\n *   <igx-snackbar #snackbar>\n *      Message sent\n *   </igx-snackbar>\n * </div>\n * ```\n */\n@Component({\n    selector: 'igx-snackbar',\n    templateUrl: 'snackbar.component.html',\n    styleUrl: 'snackbar.component.css',\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.Eager,\n    imports: [IgxButtonDirective]\n})\nexport class IgxSnackbarComponent extends IgxNotificationsDirective\n    implements OnInit {\n    /**\n     * Sets/gets the `id` of the snackbar.\n     * If not set, the `id` of the first snackbar component  will be `\"igx-snackbar-0\"`;\n     * ```html\n     * <igx-snackbar id = \"Snackbar1\"></igx-snackbar>\n     * ```\n     * ```typescript\n     * let snackbarId = this.snackbar.id;\n     * ```\n     *\n     * @memberof IgxSnackbarComponent\n     */\n    @HostBinding('attr.id')\n    @Input()\n    public override id = `igx-snackbar-${NEXT_ID++}`;\n\n    /**\n     * The default css class applied to the component.\n     *\n     * @hidden\n     * @internal\n     */\n    @HostBinding('class.igx-snackbar')\n    public cssClass = 'igx-snackbar';\n\n    /**\n     * Sets/gets the `actionText` attribute.\n     * ```html\n     * <igx-snackbar [actionText] = \"'Action Text'\"></igx-snackbar>\n     * ```\n     */\n    @Input() public actionText?: string;\n\n    /**\n     * An event that will be emitted when the action button is clicked.\n     * Provides reference to the snackbar as an argument.\n     * ```html\n     * <igx-snackbar (clicked)=\"clickedHandler($event)\"></igx-snackbar>\n     * ```\n     */\n    @Output()\n    public clicked = new EventEmitter<IgxSnackbarComponent>();\n\n    /**\n     * An event that will be emitted when the snackbar animation starts.\n     * Provides reference to the `ToggleViewEventArgs` interface as an argument.\n     * ```html\n     * <igx-snackbar (animationStarted) = \"animationStarted($event)\"></igx-snackbar>\n     * ```\n     */\n    @Output() public animationStarted = new EventEmitter<ToggleViewEventArgs>();\n\n    /**\n     * An event that will be emitted when the snackbar animation ends.\n     * Provides reference to the `ToggleViewEventArgs` interface as an argument.\n     * ```html\n     * <igx-snackbar (animationDone) = \"animationDone($event)\"></igx-snackbar>\n     * ```\n     */\n    @Output() public animationDone = new EventEmitter<ToggleViewEventArgs>();\n\n    /**\n     * Get the position and animation settings used by the snackbar.\n     * ```typescript\n     * @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent;\n     * let currentPosition: PositionSettings = this.snackbar.positionSettings\n     * ```\n     */\n    @Input()\n    public get positionSettings(): PositionSettings {\n        return this._positionSettings;\n    }\n\n    /**\n     * Set the position and animation settings used by the snackbar.\n     * ```html\n     * <igx-snackbar [positionSettings]=\"newPositionSettings\"></igx-snackbar>\n     * ```\n     * ```typescript\n     * import { slideInTop, slideOutBottom } from 'igniteui-angular';\n     * ...\n     * @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent;\n     *  public newPositionSettings: PositionSettings = {\n     *      openAnimation: useAnimation(slideInTop, { params: { duration: '1000ms', fromPosition: 'translateY(100%)'}}),\n     *      closeAnimation: useAnimation(slideOutBottom, { params: { duration: '1000ms', fromPosition: 'translateY(0)'}}),\n     *      horizontalDirection: HorizontalAlignment.Left,\n     *      verticalDirection: VerticalAlignment.Middle,\n     *      horizontalStartPoint: HorizontalAlignment.Left,\n     *      verticalStartPoint: VerticalAlignment.Middle,\n     *      minSize: { height: 100, width: 100 }\n     *  };\n     * this.snackbar.positionSettings = this.newPositionSettings;\n     * ```\n     */\n    public set positionSettings(settings: PositionSettings) {\n        this._positionSettings = settings;\n    }\n\n    private _positionSettings: PositionSettings = {\n        horizontalDirection: HorizontalAlignment.Center,\n        verticalDirection: VerticalAlignment.Bottom,\n        openAnimation: useAnimation(fadeIn, { params: { duration: '.35s', easing: 'cubic-bezier(0.0, 0.0, 0.2, 1)',\n            fromPosition: 'translateY(100%)', toPosition: 'translateY(0)'} }),\n        closeAnimation: useAnimation(fadeOut, {  params: { duration: '.2s', easing: 'cubic-bezier(0.4, 0.0, 1, 1)',\n            fromPosition: 'translateY(0)', toPosition: 'translateY(100%)'} }),\n    };\n\n    /**\n     * Shows the snackbar and hides it after the `displayTime` is over if `autoHide` is set to `true`.\n     * ```typescript\n     * this.snackbar.open();\n     * ```\n     */\n    public override open(message?: string) {\n        if (message !== undefined) {\n            this.textMessage = message;\n        }\n\n        this.strategy = this.outlet || this.positioning === 'container' ?\n            new ContainerPositionStrategy(this.positionSettings) :\n            new GlobalPositionStrategy(this.positionSettings);\n        super.open();\n    }\n\n    /**\n     * Opens or closes the snackbar, depending on its current state.\n     *\n     * ```typescript\n     * this.snackbar.toggle();\n     * ```\n     */\n     public override toggle() {\n        if (this.collapsed || this.isClosing) {\n            this.open();\n        } else {\n            this.close();\n        }\n    }\n\n    /**\n     * @hidden\n     */\n    public triggerAction(): void {\n        this.clicked.emit(this);\n    }\n\n    /**\n     * @hidden\n     */\n    public override ngOnInit() {\n        this.opened.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            const openedEventArgs: ToggleViewEventArgs = { owner: this, id: this._overlayId };\n            this.animationStarted.emit(openedEventArgs);\n        });\n\n        this.closed.pipe(takeUntil(this.destroy$)).subscribe(() => {\n            const closedEventArgs: ToggleViewEventArgs = { owner: this, id: this._overlayId };\n            this.animationDone.emit(closedEventArgs);\n        });\n    }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { IgxSnackbarComponent } from './snackbar.component';\n\n/**\n * @hidden\n * @deprecated\n * IMPORTANT: The following is NgModule exported for backwards-compatibility before standalone components\n */\n@NgModule({\n    imports: [\n        IgxSnackbarComponent\n    ],\n    exports: [\n        IgxSnackbarComponent\n    ]\n})\nexport class IgxSnackbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/igniteui-angular-splitter.mjs

@@ -215,10 +215,10 @@ class IgxSplitterPaneComponent {
         }
         return siblings;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSplitterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSplitterPaneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igx-splitter-pane', changeDetection: ChangeDetectionStrategy.Eager, standalone: true, template: "<ng-content></ng-content>" }]
         }], propDecorators: { display: [{
@@ -539,10 +539,10 @@ class IgxSplitterComponent {
         }
         return [this.initialPaneSize - delta, this.initialSiblingSize + delta];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSplitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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: [{
@@ -766,10 +766,10 @@ class IgxSplitBarComponent {
         }
         target.toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSplitBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", 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.0", ngImport: i0, type: IgxSplitBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", 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: [{
@@ -819,11 +819,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.0", ngImport: i0, type: IgxSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.0", ngImport: i0, type: IgxSplitterModule, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent], exports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSplitterModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterModule, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent], exports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxSplitBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: IgxSplitterModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: IgxSplitterModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [