@acorex/components 21.0.2-next.5 → 21.0.2-next.50

package/fesm2022/acorex-components-rail-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-rail-navigation.mjs","sources":["../../../../packages/components/rail-navigation/src/lib/rail-navigation.service.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.module.ts","../../../../packages/components/rail-navigation/src/acorex-components-rail-navigation.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\n\n@Injectable()\nexport class AXRailNavigationService {\n  private activeItem = new Subject<AXRailNavigationItemComponent>();\n\n  /**\n   * Observable that emits the currently active rail navigation item.\n   */\n  activeItem$ = this.activeItem.asObservable();\n\n  /**\n   * Sets the specified item as the active rail navigation item.\n   * @param item - The rail navigation item to set as active\n   */\n  setActive(item: AXRailNavigationItemComponent): void {\n    this.activeItem.next(item);\n  }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IsActiveMatchOptions, RouterLink, RouterLinkActive, UrlTree } from '@angular/router';\nimport { AXRailClickEvent } from '../rail-navigation.class';\nimport { AXRailNavigationService } from '../rail-navigation.service';\n\n@Component({\n  selector: 'ax-rail-navigation-item',\n  templateUrl: './rail-navigation-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [RouterLink, RouterLinkActive, NgTemplateOutlet],\n  providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }],\n})\nexport class AXRailNavigationItemComponent extends MXBaseComponent implements AfterViewInit, OnDestroy {\n  private railNavigationService = inject(AXRailNavigationService);\n  private platformId = inject(PLATFORM_ID);\n\n  onClick = output<AXRailClickEvent>();\n\n  active = model(false);\n  disabled = model(false);\n\n  href = input<string | null>();\n  routerLink = input<string | any[] | UrlTree | null>();\n  routerLinkActive = input<string | string[]>('ax-state-active');\n  target = input<'_blank' | '_self' | '_parent' | '_top'>('_self');\n  routerLinkActiveOptions = input<{ exact: boolean } | IsActiveMatchOptions>({ exact: false });\n\n  itemContainer = viewChild<ElementRef<HTMLElement>>('itemContainer');\n\n  private observer: MutationObserver | null = null;\n\n  ngAfterViewInit(): void {\n    this.checkActive(this.itemContainer().nativeElement);\n    if (isPlatformBrowser(this.platformId)) {\n      this.observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.attributeName === 'class') {\n            this.checkActive(mutation.target as HTMLElement);\n          }\n        });\n      });\n      this.observer.observe(this.itemContainer().nativeElement, {\n        attributes: true,\n        childList: false,\n        characterData: false,\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      this.observer.disconnect();\n      this.observer = null;\n    }\n  }\n\n  handleClickEvent(e: MouseEvent) {\n    if (this.disabled()) return;\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n    });\n  }\n\n  /**\n   * Gets the height and top position of the item.\n   * @returns Object containing height and top position\n   */\n  getStats() {\n    return {\n      height: this.getHostElement().clientHeight,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n\n  private checkActive(item: HTMLElement) {\n    if (item.classList.contains('ax-state-active') && !this.disabled()) {\n      this.railNavigationService.setActive(this);\n    }\n  }\n}\n","@if (routerLink()) {\n  <a\n    #itemContainer\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    #itemContainer\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active() && !disabled()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    #itemContainer\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active() && !disabled()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  effect,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailLocation, AXRailLook } from './rail-navigation.class';\nimport { AXRailNavigationService } from './rail-navigation.service';\n\n@Component({\n  selector: 'ax-rail-navigation',\n  templateUrl: './rail-navigation.component.html',\n  styleUrls: ['./rail-navigation.component.compiled.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }],\n})\nexport class AXRailNavigationComponent extends MXBaseComponent {\n  private railNavigationService = inject(AXRailNavigationService);\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n  railNavItems = contentChildren(AXRailNavigationItemComponent);\n\n  location = input<AXRailLocation>('start');\n  look = input<AXRailLook>('with-line-color');\n\n  private activeTab = signal<AXRailNavigationItemComponent | null>(null);\n\n  #positionIndicatorEffect = effect(() => {\n    const look = this.look();\n    const location = this.location();\n    const activeTab = this.activeTab();\n    if (location && activeTab && (look === 'with-line-color' || look === 'with-line')) {\n      setTimeout(() => {\n        this.setIndicatorPosition(activeTab);\n      });\n    }\n  });\n\n  constructor() {\n    super();\n    this.railNavigationService.activeItem$.subscribe((item) => {\n      this.activeTab.set(item);\n    });\n  }\n\n  private setIndicatorPosition(tabItem: AXRailNavigationItemComponent) {\n    const indicatorEl = this.indicator()?.nativeElement;\n    if (!indicatorEl) return;\n    const indicatorStyle = indicatorEl.style;\n    const itemStats = tabItem.getStats();\n    if (itemStats.height === 0 && itemStats.top === 0) return;\n\n    indicatorStyle.width = 'var(--ax-comp-rail-navigation-indicator-size)';\n    indicatorStyle.height = `${itemStats.height}px`;\n    indicatorStyle.top = `${itemStats.top}px`;\n    indicatorStyle.bottom = 'unset';\n    if (this.location() === 'start') {\n      indicatorStyle.insetInlineStart = '0px';\n      indicatorStyle.insetInlineEnd = 'unset';\n    } else if (this.location() === 'end') {\n      indicatorStyle.insetInlineStart = 'unset';\n      indicatorStyle.insetInlineEnd = '0px';\n    }\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-${this.location()}`);\n    cssClasses.push(`ax-look-${this.look()}`);\n    return cssClasses;\n  }\n}\n","<ng-content select=\"ax-prefix, ax-header\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item, ng-container, ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n","import { NgModule } from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailNavigationComponent } from './rail-navigation.component';\n\n@NgModule({\n  imports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n  exports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n})\nexport class AXRailNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-rail-navigation.mjs","sources":["../../../../packages/components/rail-navigation/src/lib/rail-navigation.service.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation-item/rail-navigation-item.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.ts","../../../../packages/components/rail-navigation/src/lib/rail-navigation.component.html","../../../../packages/components/rail-navigation/src/lib/rail-navigation.module.ts","../../../../packages/components/rail-navigation/src/acorex-components-rail-navigation.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\n\n@Injectable()\nexport class AXRailNavigationService {\n  private activeItem = new Subject<AXRailNavigationItemComponent>();\n\n  /**\n   * Observable that emits the currently active rail navigation item.\n   */\n  activeItem$ = this.activeItem.asObservable();\n\n  /**\n   * Sets the specified item as the active rail navigation item.\n   * @param item - The rail navigation item to set as active\n   */\n  setActive(item: AXRailNavigationItemComponent): void {\n    this.activeItem.next(item);\n  }\n}\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport { isPlatformBrowser, NgTemplateOutlet } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnDestroy,\n  output,\n  PLATFORM_ID,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { IsActiveMatchOptions, RouterLink, RouterLinkActive, UrlTree } from '@angular/router';\nimport { AXRailClickEvent } from '../rail-navigation.class';\nimport { AXRailNavigationService } from '../rail-navigation.service';\n\n@Component({\n  selector: 'ax-rail-navigation-item',\n  templateUrl: './rail-navigation-item.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [RouterLink, RouterLinkActive, NgTemplateOutlet],\n  providers: [{ provide: AXComponent, useExisting: AXRailNavigationItemComponent }],\n})\nexport class AXRailNavigationItemComponent extends MXBaseComponent implements AfterViewInit, OnDestroy {\n  private railNavigationService = inject(AXRailNavigationService);\n  private platformId = inject(PLATFORM_ID);\n\n  onClick = output<AXRailClickEvent>();\n\n  active = model(false);\n  disabled = model(false);\n\n  href = input<string | null>();\n  routerLink = input<string | any[] | UrlTree | null>();\n  routerLinkActive = input<string | string[]>('ax-state-active');\n  target = input<'_blank' | '_self' | '_parent' | '_top'>('_self');\n  routerLinkActiveOptions = input<{ exact: boolean } | IsActiveMatchOptions>({ exact: false });\n\n  itemContainer = viewChild<ElementRef<HTMLElement>>('itemContainer');\n\n  private observer: MutationObserver | null = null;\n\n  ngAfterViewInit(): void {\n    this.checkActive(this.itemContainer().nativeElement);\n    if (isPlatformBrowser(this.platformId)) {\n      this.observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.attributeName === 'class') {\n            this.checkActive(mutation.target as HTMLElement);\n          }\n        });\n      });\n      this.observer.observe(this.itemContainer().nativeElement, {\n        attributes: true,\n        childList: false,\n        characterData: false,\n      });\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      this.observer.disconnect();\n      this.observer = null;\n    }\n  }\n\n  handleClickEvent(e: MouseEvent) {\n    if (this.disabled()) return;\n    this.onClick.emit({\n      component: this,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e,\n    });\n  }\n\n  /**\n   * Gets the height and top position of the item.\n   * @returns Object containing height and top position\n   */\n  getStats() {\n    return {\n      height: this.getHostElement().clientHeight,\n      top: this.getHostElement().offsetTop,\n    };\n  }\n\n  private checkActive(item: HTMLElement) {\n    if (item.classList.contains('ax-state-active') && !this.disabled()) {\n      this.railNavigationService.setActive(this);\n    }\n  }\n}\n","@if (routerLink()) {\n  <a\n    #itemContainer\n    [target]=\"target()\"\n    [routerLink]=\"routerLink()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-disabled]=\"disabled()\"\n    [routerLinkActive]=\"routerLinkActive()\"\n    [routerLinkActiveOptions]=\"routerLinkActiveOptions()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else if (href()) {\n  <a\n    #itemContainer\n    [href]=\"href()\"\n    [target]=\"target()\"\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active() && !disabled()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </a>\n} @else {\n  <div\n    #itemContainer\n    class=\"ax-rail-navigation-item\"\n    (click)=\"handleClickEvent($event)\"\n    [class.ax-state-active]=\"active() && !disabled()\"\n    [class.ax-state-disabled]=\"disabled()\"\n  >\n    <ng-container [ngTemplateOutlet]=\"railNavigationItemContent\"></ng-container>\n  </div>\n}\n\n<ng-template #railNavigationItemContent>\n  <ng-content select=\"ax-prefix\"></ng-content>\n  <ng-content select=\"ax-icon\"></ng-content>\n  <ng-content select=\"ax-text\"></ng-content>\n  <ng-content select=\"ng-container,ng-content\"></ng-content>\n  <ng-content select=\"ax-suffix\"></ng-content>\n</ng-template>\n","import { AXComponent, MXBaseComponent } from '@acorex/cdk/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  effect,\n  ElementRef,\n  HostBinding,\n  inject,\n  input,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailLocation, AXRailLook } from './rail-navigation.class';\nimport { AXRailNavigationService } from './rail-navigation.service';\n\n@Component({\n  selector: 'ax-rail-navigation',\n  templateUrl: './rail-navigation.component.html',\n  styleUrls: ['./rail-navigation.component.compiled.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXComponent, useExisting: AXRailNavigationComponent }],\n})\nexport class AXRailNavigationComponent extends MXBaseComponent {\n  private railNavigationService = inject(AXRailNavigationService);\n\n  private indicator = viewChild<ElementRef<HTMLSpanElement>>('indicator');\n  railNavItems = contentChildren(AXRailNavigationItemComponent);\n\n  location = input<AXRailLocation>('start');\n  look = input<AXRailLook>('with-line-color');\n\n  private activeTab = signal<AXRailNavigationItemComponent | null>(null);\n\n  #positionIndicatorEffect = effect(() => {\n    const look = this.look();\n    const location = this.location();\n    const activeTab = this.activeTab();\n    if (location && activeTab && (look === 'with-line-color' || look === 'with-line')) {\n      setTimeout(() => {\n        this.setIndicatorPosition(activeTab);\n      });\n    }\n  });\n\n  constructor() {\n    super();\n    this.railNavigationService.activeItem$.subscribe((item) => {\n      this.activeTab.set(item);\n    });\n  }\n\n  private setIndicatorPosition(tabItem: AXRailNavigationItemComponent) {\n    const indicatorEl = this.indicator()?.nativeElement;\n    if (!indicatorEl) return;\n    const indicatorStyle = indicatorEl.style;\n    const itemStats = tabItem.getStats();\n    if (itemStats.height === 0 && itemStats.top === 0) return;\n\n    indicatorStyle.width = 'var(--ax-comp-rail-navigation-indicator-size)';\n    indicatorStyle.height = `${itemStats.height}px`;\n    indicatorStyle.top = `${itemStats.top}px`;\n    indicatorStyle.bottom = 'unset';\n    if (this.location() === 'start') {\n      indicatorStyle.insetInlineStart = '0px';\n      indicatorStyle.insetInlineEnd = 'unset';\n    } else if (this.location() === 'end') {\n      indicatorStyle.insetInlineStart = 'unset';\n      indicatorStyle.insetInlineEnd = '0px';\n    }\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string[] {\n    const cssClasses: string[] = [];\n    cssClasses.push(`ax-${this.location()}`);\n    cssClasses.push(`ax-look-${this.look()}`);\n    return cssClasses;\n  }\n}\n","<ng-content select=\"ax-prefix, ax-header\"></ng-content>\n<ng-content select=\"ax-rail-navigation-item, ng-container, ng-content\"></ng-content>\n<div class=\"ax-suffix-container\">\n  <ng-content select=\"ax-suffix, ax-footer\"></ng-content>\n</div>\n<span class=\"ax-rail-indicator\" #indicator></span>\n","import { NgModule } from '@angular/core';\nimport { AXRailNavigationItemComponent } from './rail-navigation-item/rail-navigation-item.component';\nimport { AXRailNavigationComponent } from './rail-navigation.component';\n\n@NgModule({\n  imports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n  exports: [AXRailNavigationComponent, AXRailNavigationItemComponent],\n})\nexport class AXRailNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-range-slider.mjs

@@ -25,84 +25,84 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
          * The orientation of the slider, either 'horizontal' or 'vertical'.
          * @default 'horizontal'
          */
-        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Color theme for the slider, affecting highlight, tooltip, and handler.
          * @default 'primary'
          */
-        this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * The value(s) of the slider. Can be a single number for single mode or an array of two numbers for dual mode.
          */
-        this.values = model(this.value, ...(ngDevMode ? [{ debugName: "values" }] : []));
+        this.values = model(this.value, ...(ngDevMode ? [{ debugName: "values" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * The mode of the slider, either 'single' or 'dual'.
          * @default 'single'
          */
-        this.mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * The minimum value of the slider.
          * @default 0
          */
-        this.min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : []));
+        this.min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * The maximum value of the slider.
          * @default 100
          */
-        this.max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : []));
+        this.max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * The step increment for value changes.
          * @default 1
          */
-        this.step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
+        this.step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * The snapping increment for the slider.
          * @default 1
          */
-        this.snap = input(1, ...(ngDevMode ? [{ debugName: "snap" }] : []));
+        this.snap = input(1, ...(ngDevMode ? [{ debugName: "snap" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Mode for displaying tooltips, can be at the start, end, or both.
          * @default 'end'
          */
-        this.tooltipMode = input('end', ...(ngDevMode ? [{ debugName: "tooltipMode" }] : []));
+        this.tooltipMode = input('end', ...(ngDevMode ? [{ debugName: "tooltipMode" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Mode for snapping, can snap at the start, end, or both.
          * @default 'start'
          */
-        this.snapMode = input('start', ...(ngDevMode ? [{ debugName: "snapMode" }] : []));
+        this.snapMode = input('start', ...(ngDevMode ? [{ debugName: "snapMode" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Whether the slider should have steps.
          * @default true
          */
-        this.hasStep = input(true, ...(ngDevMode ? [{ debugName: "hasStep" }] : []));
+        this.hasStep = input(true, ...(ngDevMode ? [{ debugName: "hasStep" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Whether the slider should display snapping.
          * @default false
          */
-        this.hasSnap = input(false, ...(ngDevMode ? [{ debugName: "hasSnap" }] : []));
+        this.hasSnap = input(false, ...(ngDevMode ? [{ debugName: "hasSnap" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Whether the slider should display labels for snapping points.
          * @default Value derived from `hasSnap()`
          */
-        this.hasLable = input(this.hasSnap(), ...(ngDevMode ? [{ debugName: "hasLable" }] : []));
+        this.hasLable = input(this.hasSnap(), ...(ngDevMode ? [{ debugName: "hasLable" }] : /* istanbul ignore next */ []));
         /**
          * @description
          * Whether the slider should display tooltips.
          * @default false
          */
-        this.hasTooltip = input(false, ...(ngDevMode ? [{ debugName: "hasTooltip" }] : []));
+        this.hasTooltip = input(false, ...(ngDevMode ? [{ debugName: "hasTooltip" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -114,19 +114,19 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
         /**
          * @ignore
          */
-        this.range = computed(() => this.max() - this.min(), ...(ngDevMode ? [{ debugName: "range" }] : []));
+        this.range = computed(() => this.max() - this.min(), ...(ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.isHorizontal = computed(() => this.orientation() === 'horizontal', ...(ngDevMode ? [{ debugName: "isHorizontal" }] : []));
+        this.isHorizontal = computed(() => this.orientation() === 'horizontal', ...(ngDevMode ? [{ debugName: "isHorizontal" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.isDual = computed(() => this.mode() === 'dual', ...(ngDevMode ? [{ debugName: "isDual" }] : []));
+        this.isDual = computed(() => this.mode() === 'dual', ...(ngDevMode ? [{ debugName: "isDual" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
-        this.correctMinMax = computed(() => this.max() - this.min() > 0, ...(ngDevMode ? [{ debugName: "correctMinMax" }] : []));
+        this.correctMinMax = computed(() => this.max() - this.min() > 0, ...(ngDevMode ? [{ debugName: "correctMinMax" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -154,7 +154,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
                 return array;
             }
             return null;
-        }, ...(ngDevMode ? [{ debugName: "calculateSnapBar" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "calculateSnapBar" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -168,7 +168,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             else {
                 return ((this.values() - this.min()) / this.range()) * 100;
             }
-        }, ...(ngDevMode ? [{ debugName: "calculatePos" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "calculatePos" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -188,7 +188,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             : {
                 height: this.isDual() ? this.calculatePos()[1] - this.calculatePos()[0] + '%' : this.calculatePos() + '%',
                 bottom: this.mode() === 'dual' ? this.calculatePos()[0] + '%' : '0%',
-            }, ...(ngDevMode ? [{ debugName: "AXRangeSliderHighlight" }] : []));
+            }, ...(ngDevMode ? [{ debugName: "AXRangeSliderHighlight" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -200,7 +200,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
                 bottom: this.isDual()
                     ? 'calc(' + this.calculatePos()[0] + '% - ' + 6 * this.height + 'rem)'
                     : 'calc(' + this.calculatePos() + '% - ' + 6 * this.height + 'rem)',
-            }, ...(ngDevMode ? [{ debugName: "AXRangeSliderHandler1" }] : []));
+            }, ...(ngDevMode ? [{ debugName: "AXRangeSliderHandler1" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -210,7 +210,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             }
             : {
                 bottom: 'calc(' + this.calculatePos()[1] + '% - ' + 6 * this.height + 'rem)',
-            }, ...(ngDevMode ? [{ debugName: "AXRangeSliderHandler2" }] : []));
+            }, ...(ngDevMode ? [{ debugName: "AXRangeSliderHandler2" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -235,7 +235,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
                         return { left: -2 * this.height + 'rem', width: 4 * this.height + 'rem' };
                 }
             }
-        }, ...(ngDevMode ? [{ debugName: "AXRangeSliderStep" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "AXRangeSliderStep" }] : /* istanbul ignore next */ []));
         /**
          * @ignore
          */
@@ -260,7 +260,7 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
                         return { left: -8 * this.height + 'rem' };
                 }
             }
-        }, ...(ngDevMode ? [{ debugName: "AXRangeLabel" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "AXRangeLabel" }] : /* istanbul ignore next */ []));
         this.isUserInteraction = false;
         effect(() => {
             this.commitValue(this.values(), this.isUserInteraction);
@@ -639,8 +639,8 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
             `${this.readonly ? 'ax-state-readonly' : ''}`,
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: AXRangeSliderComponent, isStandalone: true, selector: "ax-range-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, tooltipMode: { classPropertyName: "tooltipMode", publicName: "tooltipMode", isSignal: true, isRequired: false, transformFunction: null }, snapMode: { classPropertyName: "snapMode", publicName: "snapMode", isSignal: true, isRequired: false, transformFunction: null }, hasStep: { classPropertyName: "hasStep", publicName: "hasStep", isSignal: true, isRequired: false, transformFunction: null }, hasSnap: { classPropertyName: "hasSnap", publicName: "hasSnap", isSignal: true, isRequired: false, transformFunction: null }, hasLable: { classPropertyName: "hasLable", publicName: "hasLable", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { listeners: { "wheel": "onWheel($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXRangeSliderComponent, isStandalone: true, selector: "ax-range-slider", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, tooltipMode: { classPropertyName: "tooltipMode", publicName: "tooltipMode", isSignal: true, isRequired: false, transformFunction: null }, snapMode: { classPropertyName: "snapMode", publicName: "snapMode", isSignal: true, isRequired: false, transformFunction: null }, hasStep: { classPropertyName: "hasStep", publicName: "hasStep", isSignal: true, isRequired: false, transformFunction: null }, hasSnap: { classPropertyName: "hasSnap", publicName: "hasSnap", isSignal: true, isRequired: false, transformFunction: null }, hasLable: { classPropertyName: "hasLable", publicName: "hasLable", isSignal: true, isRequired: false, transformFunction: null }, hasTooltip: { classPropertyName: "hasTooltip", publicName: "hasTooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { listeners: { "wheel": "onWheel($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -648,9 +648,9 @@ class AXRangeSliderComponent extends classes((MXValueComponent)) {
                 multi: true,
             },
             { provide: AXComponent, useExisting: AXRangeSliderComponent },
-        ], usesInheritance: true, ngImport: i0, template: "@if (correctMinMax()) {\n  <div class=\"ax-range-slider\" [class]=\"'ax-orientation-' + orientation()\">\n    <div class=\"ax-range-slider-bar\" (mousedown)=\"onStartBar($event)\" (touchstart)=\"onStartBar($event)\"></div>\n    <div\n      class=\"ax-range-slider-highlight\"\n      [ngStyle]=\"AXRangeSliderHighlight()\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    ></div>\n\n    <div\n      class=\"ax-range-slider-handler\"\n      [ngStyle]=\"AXRangeSliderHandler1()\"\n      name=\"first\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    >\n      @if (hasTooltip()) {\n        <div class=\"ax-range-slider-tooltip\">{{ isDual() ? values()[0] : values() }}</div>\n      }\n    </div>\n\n    @if (isDual()) {\n      <div\n        class=\"ax-range-slider-handler\"\n        [ngStyle]=\"AXRangeSliderHandler2()\"\n        name=\"second\"\n        (mousedown)=\"onStartBar($event)\"\n        (touchstart)=\"onStartBar($event)\"\n      >\n        @if (hasTooltip()) {\n          <div class=\"ax-range-slider-tooltip\">{{ values()[1] }}</div>\n        }\n      </div>\n    }\n    @if (hasSnap()) {\n      <div class=\"ax-range-slider-step\" [ngStyle]=\"AXRangeSliderStep()\">\n        @for (item of calculateSnapBar(); track $index) {\n          <div\n            class=\"ax-range-slider-steps\"\n            [ngStyle]=\"isHorizontal() ? { left: getPercantage(item) + '%' } : { bottom: getPercantage(item) + '%' }\"\n          >\n            @if (hasLable()) {\n              <div class=\"ax-range-slider-label\" [ngStyle]=\"AXRangeLabel()\">\n                {{ item + min() }}\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-border-style:solid;--tw-content:\"\"}}}@layer components{ax-range-slider{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}ax-range-slider .ax-range-slider.ax-orientation-horizontal{height:calc(var(--spacing,.25rem) * 4);width:100%;position:relative}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{top:50%;left:calc(var(--spacing,.25rem) * 0);z-index:5;height:calc(var(--spacing,.25rem) * 1);--tw-translate-y: -50% ;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-lighter);border-radius:3.40282e38px;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{z-index:6;height:calc(var(--spacing,.25rem) * 2);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;top:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;top:50%;transform:translate(-45%,-50%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-xs,.125rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip:after{top:calc(var(--spacing,.25rem) * 7);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-top-color:var(--ax-comp-bg);--tw-content:\"\";content:var(--tw-content);position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step{z-index:4;flex-direction:row;width:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps{border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:rgba(var(--ax-sys-color-border-lightest-surface));height:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * 2);text-align:center;position:relative;left:-50%}ax-range-slider .ax-range-slider.ax-orientation-vertical{height:100%;width:calc(var(--spacing,.25rem) * 4);position:relative}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{top:calc(var(--spacing,.25rem) * 0);z-index:5;height:100%;width:calc(var(--spacing,.25rem) * 1);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-primary-lighter);border-radius:3.40282e38px;position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{z-index:6;width:calc(var(--spacing,.25rem) * 1);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;left:50%;transform:translate(-50%,-55%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{border-style:var(--tw-border-style);--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface));border-width:1px;border-color:#0000}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * 9);left:calc(var(--spacing,.25rem) * -8);border-radius:var(--radius-sm,.25rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip:after{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:8px;border-bottom-color:rgba(var(--ax-sys-color-primary-surface));--tw-content:\"\";content:var(--tw-content);position:absolute;top:50%;left:100%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step{z-index:4;flex-direction:column;height:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps{border-top-color:rgba(var(--ax-sys-color-border-lightest-surface));width:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * -3);position:absolute;left:150%}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (correctMinMax()) {\n  <div class=\"ax-range-slider\" [class]=\"'ax-orientation-' + orientation()\">\n    <div class=\"ax-range-slider-bar\" (mousedown)=\"onStartBar($event)\" (touchstart)=\"onStartBar($event)\"></div>\n    <div\n      class=\"ax-range-slider-highlight\"\n      [ngStyle]=\"AXRangeSliderHighlight()\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    ></div>\n\n    <div\n      class=\"ax-range-slider-handler\"\n      [ngStyle]=\"AXRangeSliderHandler1()\"\n      name=\"first\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    >\n      @if (hasTooltip()) {\n        <div class=\"ax-range-slider-tooltip\">{{ isDual() ? values()[0] : values() }}</div>\n      }\n    </div>\n\n    @if (isDual()) {\n      <div\n        class=\"ax-range-slider-handler\"\n        [ngStyle]=\"AXRangeSliderHandler2()\"\n        name=\"second\"\n        (mousedown)=\"onStartBar($event)\"\n        (touchstart)=\"onStartBar($event)\"\n      >\n        @if (hasTooltip()) {\n          <div class=\"ax-range-slider-tooltip\">{{ values()[1] }}</div>\n        }\n      </div>\n    }\n    @if (hasSnap()) {\n      <div class=\"ax-range-slider-step\" [ngStyle]=\"AXRangeSliderStep()\">\n        @for (item of calculateSnapBar(); track $index) {\n          <div\n            class=\"ax-range-slider-steps\"\n            [ngStyle]=\"isHorizontal() ? { left: getPercantage(item) + '%' } : { bottom: getPercantage(item) + '%' }\"\n          >\n            @if (hasLable()) {\n              <div class=\"ax-range-slider-label\" [ngStyle]=\"AXRangeLabel()\">\n                {{ item + min() }}\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-border-style:solid;--tw-content:\"\"}}}@layer components{ax-range-slider{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}ax-range-slider .ax-range-slider.ax-orientation-horizontal{height:calc(var(--spacing,.25rem) * 4);width:100%;position:relative}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{z-index:5;height:var(--spacing,.25rem);--tw-translate-y: -50% ;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-lighter);border-radius:3.40282e38px;position:absolute;top:50%;left:0}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{z-index:6;height:calc(var(--spacing,.25rem) * 2);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;top:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;top:50%;transform:translate(-45%,-50%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-xs,.125rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip:after{top:calc(var(--spacing,.25rem) * 7);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-top-color:var(--ax-comp-bg);--tw-content:\"\";content:var(--tw-content);position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step{z-index:4;flex-direction:row;width:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps{border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:rgba(var(--ax-sys-color-border-lightest-surface));height:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * 2);text-align:center;position:relative;left:-50%}ax-range-slider .ax-range-slider.ax-orientation-vertical{height:100%;width:calc(var(--spacing,.25rem) * 4);position:relative}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{z-index:5;height:100%;width:var(--spacing,.25rem);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-primary-lighter);border-radius:3.40282e38px;position:absolute;top:0;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{z-index:6;width:var(--spacing,.25rem);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;left:50%;transform:translate(-50%,-55%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{border-style:var(--tw-border-style);--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface));border-width:1px;border-color:#0000}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * 9);left:calc(var(--spacing,.25rem) * -8);border-radius:var(--radius-sm,.25rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip:after{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:8px;border-bottom-color:rgba(var(--ax-sys-color-primary-surface));--tw-content:\"\";content:var(--tw-content);position:absolute;top:50%;left:100%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step{z-index:4;flex-direction:column;height:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps{border-top-color:rgba(var(--ax-sys-color-border-lightest-surface));width:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * -3);position:absolute;left:150%}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-range-slider', inputs: ['disabled', 'readonly'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         { provide: AXValuableComponent, useExisting: AXRangeSliderComponent },
@@ -660,7 +660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                             multi: true,
                         },
                         { provide: AXComponent, useExisting: AXRangeSliderComponent },
-                    ], imports: [NgStyle], template: "@if (correctMinMax()) {\n  <div class=\"ax-range-slider\" [class]=\"'ax-orientation-' + orientation()\">\n    <div class=\"ax-range-slider-bar\" (mousedown)=\"onStartBar($event)\" (touchstart)=\"onStartBar($event)\"></div>\n    <div\n      class=\"ax-range-slider-highlight\"\n      [ngStyle]=\"AXRangeSliderHighlight()\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    ></div>\n\n    <div\n      class=\"ax-range-slider-handler\"\n      [ngStyle]=\"AXRangeSliderHandler1()\"\n      name=\"first\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    >\n      @if (hasTooltip()) {\n        <div class=\"ax-range-slider-tooltip\">{{ isDual() ? values()[0] : values() }}</div>\n      }\n    </div>\n\n    @if (isDual()) {\n      <div\n        class=\"ax-range-slider-handler\"\n        [ngStyle]=\"AXRangeSliderHandler2()\"\n        name=\"second\"\n        (mousedown)=\"onStartBar($event)\"\n        (touchstart)=\"onStartBar($event)\"\n      >\n        @if (hasTooltip()) {\n          <div class=\"ax-range-slider-tooltip\">{{ values()[1] }}</div>\n        }\n      </div>\n    }\n    @if (hasSnap()) {\n      <div class=\"ax-range-slider-step\" [ngStyle]=\"AXRangeSliderStep()\">\n        @for (item of calculateSnapBar(); track $index) {\n          <div\n            class=\"ax-range-slider-steps\"\n            [ngStyle]=\"isHorizontal() ? { left: getPercantage(item) + '%' } : { bottom: getPercantage(item) + '%' }\"\n          >\n            @if (hasLable()) {\n              <div class=\"ax-range-slider-label\" [ngStyle]=\"AXRangeLabel()\">\n                {{ item + min() }}\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-border-style:solid;--tw-content:\"\"}}}@layer components{ax-range-slider{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}ax-range-slider .ax-range-slider.ax-orientation-horizontal{height:calc(var(--spacing,.25rem) * 4);width:100%;position:relative}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{top:50%;left:calc(var(--spacing,.25rem) * 0);z-index:5;height:calc(var(--spacing,.25rem) * 1);--tw-translate-y: -50% ;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-lighter);border-radius:3.40282e38px;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{z-index:6;height:calc(var(--spacing,.25rem) * 2);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;top:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;top:50%;transform:translate(-45%,-50%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-xs,.125rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip:after{top:calc(var(--spacing,.25rem) * 7);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-top-color:var(--ax-comp-bg);--tw-content:\"\";content:var(--tw-content);position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step{z-index:4;flex-direction:row;width:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps{border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:rgba(var(--ax-sys-color-border-lightest-surface));height:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * 2);text-align:center;position:relative;left:-50%}ax-range-slider .ax-range-slider.ax-orientation-vertical{height:100%;width:calc(var(--spacing,.25rem) * 4);position:relative}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{top:calc(var(--spacing,.25rem) * 0);z-index:5;height:100%;width:calc(var(--spacing,.25rem) * 1);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-primary-lighter);border-radius:3.40282e38px;position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{z-index:6;width:calc(var(--spacing,.25rem) * 1);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;left:50%;transform:translate(-50%,-55%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{border-style:var(--tw-border-style);--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface));border-width:1px;border-color:#0000}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * 9);left:calc(var(--spacing,.25rem) * -8);border-radius:var(--radius-sm,.25rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip:after{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:8px;border-bottom-color:rgba(var(--ax-sys-color-primary-surface));--tw-content:\"\";content:var(--tw-content);position:absolute;top:50%;left:100%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step{z-index:4;flex-direction:column;height:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps{border-top-color:rgba(var(--ax-sys-color-border-lightest-surface));width:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * -3);position:absolute;left:150%}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */\n"] }]
+                    ], imports: [NgStyle], template: "@if (correctMinMax()) {\n  <div class=\"ax-range-slider\" [class]=\"'ax-orientation-' + orientation()\">\n    <div class=\"ax-range-slider-bar\" (mousedown)=\"onStartBar($event)\" (touchstart)=\"onStartBar($event)\"></div>\n    <div\n      class=\"ax-range-slider-highlight\"\n      [ngStyle]=\"AXRangeSliderHighlight()\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    ></div>\n\n    <div\n      class=\"ax-range-slider-handler\"\n      [ngStyle]=\"AXRangeSliderHandler1()\"\n      name=\"first\"\n      (mousedown)=\"onStartBar($event)\"\n      (touchstart)=\"onStartBar($event)\"\n    >\n      @if (hasTooltip()) {\n        <div class=\"ax-range-slider-tooltip\">{{ isDual() ? values()[0] : values() }}</div>\n      }\n    </div>\n\n    @if (isDual()) {\n      <div\n        class=\"ax-range-slider-handler\"\n        [ngStyle]=\"AXRangeSliderHandler2()\"\n        name=\"second\"\n        (mousedown)=\"onStartBar($event)\"\n        (touchstart)=\"onStartBar($event)\"\n      >\n        @if (hasTooltip()) {\n          <div class=\"ax-range-slider-tooltip\">{{ values()[1] }}</div>\n        }\n      </div>\n    }\n    @if (hasSnap()) {\n      <div class=\"ax-range-slider-step\" [ngStyle]=\"AXRangeSliderStep()\">\n        @for (item of calculateSnapBar(); track $index) {\n          <div\n            class=\"ax-range-slider-steps\"\n            [ngStyle]=\"isHorizontal() ? { left: getPercantage(item) + '%' } : { bottom: getPercantage(item) + '%' }\"\n          >\n            @if (hasLable()) {\n              <div class=\"ax-range-slider-label\" [ngStyle]=\"AXRangeLabel()\">\n                {{ item + min() }}\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-border-style:solid;--tw-content:\"\"}}}@layer components{ax-range-slider{padding:calc(var(--spacing,.25rem) * 4);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}ax-range-slider .ax-range-slider.ax-orientation-horizontal{height:calc(var(--spacing,.25rem) * 4);width:100%;position:relative}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-bar{z-index:5;height:var(--spacing,.25rem);--tw-translate-y: -50% ;width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-lighter);border-radius:3.40282e38px;position:absolute;top:50%;left:0}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-highlight{z-index:6;height:calc(var(--spacing,.25rem) * 2);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;top:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;top:50%;transform:translate(-45%,-50%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface))}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:hover,ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * -2);left:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-xs,.125rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-tooltip:after{top:calc(var(--spacing,.25rem) * 7);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-top-style:var(--tw-border-style);border-top-width:8px;border-top-color:var(--ax-comp-bg);--tw-content:\"\";content:var(--tw-content);position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step{z-index:4;flex-direction:row;width:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps{border-left-style:var(--tw-border-style);border-left-width:2px;border-left-color:rgba(var(--ax-sys-color-border-lightest-surface));height:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-horizontal .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * 2);text-align:center;position:relative;left:-50%}ax-range-slider .ax-range-slider.ax-orientation-vertical{height:100%;width:calc(var(--spacing,.25rem) * 4);position:relative}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-bar{z-index:5;height:100%;width:var(--spacing,.25rem);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg-primary-lighter);border-radius:3.40282e38px;position:absolute;top:0;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-highlight{z-index:6;width:var(--spacing,.25rem);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;background-color:var(--ax-comp-bg);border-radius:3.40282e38px;position:absolute;left:50%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler{z-index:10;height:calc(var(--spacing,.25rem) * 6);width:calc(var(--spacing,.25rem) * 6);cursor:pointer;background-color:var(--ax-comp-bg);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;position:absolute;left:50%;transform:translate(-50%,-55%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{border-style:var(--tw-border-style);--tw-shadow-color:rgba(var(--ax-sys-color-primary-surface));border-width:1px;border-color:#0000}@supports (color:color-mix(in lab,red,red)){ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-handler:active{--tw-shadow-color:color-mix(in oklab, rgba(var(--ax-sys-color-primary-surface)) var(--tw-shadow-alpha), transparent)}}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip{top:calc(var(--spacing,.25rem) * 9);left:calc(var(--spacing,.25rem) * -8);border-radius:var(--radius-sm,.25rem);background-color:var(--ax-comp-bg);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--ax-comp-text);position:absolute;transform:translate(-50%,-125%)}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-tooltip:after{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:8px;border-bottom-color:rgba(var(--ax-sys-color-primary-surface));--tw-content:\"\";content:var(--tw-content);position:absolute;top:50%;left:100%}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step{z-index:4;flex-direction:column;height:100%;display:flex;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps{border-top-color:rgba(var(--ax-sys-color-border-lightest-surface));width:50%;position:absolute}ax-range-slider .ax-range-slider.ax-orientation-vertical .ax-range-slider-step .ax-range-slider-steps .ax-range-slider-label{top:calc(var(--spacing,.25rem) * -3);position:absolute;left:150%}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-content{syntax:\"*\";inherits:false;initial-value:\"\"}\n/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }, { type: i0.Output, args: ["valuesChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], snap: [{ type: i0.Input, args: [{ isSignal: true, alias: "snap", required: false }] }], tooltipMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipMode", required: false }] }], snapMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapMode", required: false }] }], hasStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasStep", required: false }] }], hasSnap: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSnap", required: false }] }], hasLable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasLable", required: false }] }], hasTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTooltip", required: false }] }], onWheel: [{
                 type: HostListener,
                 args: ['wheel', ['$event']]
@@ -670,11 +670,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
             }] } });
 
 class AXRangeSliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.3", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule, AXRangeSliderComponent], exports: [AXRangeSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule, AXRangeSliderComponent], exports: [AXRangeSliderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRangeSliderModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: AXRangeSliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXRangeSliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, AXRangeSliderComponent],