import { MXValueComponent, MXColorComponent, AXValuableComponent, AXComponent, AXCommonModule } from '@acorex/cdk/common';
import * as i0 from '@angular/core';
import { inject, NgZone, output, forwardRef, HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
import * as i1 from '@angular/forms';
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
import { classes } from 'polytype';
import { CommonModule } from '@angular/common';

/**
 * @category
 *  A customizable slider component for selecting a value within a range.
 */
class AXSliderComponent extends classes((MXValueComponent), MXColorComponent) {
    constructor() {
        super(...arguments);
        this._zone = inject(NgZone);
        /**
         * @event
         */
        this.onClick = output();
        /** @ignore */
        this._minValue = 0;
        /** @ignore */
        this._maxValue = 100;
        /** @ignore */
        this._step = 1;
        //TODO: vertical dont work properly
        /**
         * The direction of the slider.
         *
         * @defaultValue 'horizontal'
         */
        this.direction = 'horizontal';
    }
    /**
     *  Specifies the smallest value that is valid
     */
    get minValue() {
        return this._minValue ?? 0;
    }
    /**
     * Sets the minimum value of the slider.
     *
     * @param {number} v
     */
    set minValue(v) {
        this.setOption({
            name: 'minValue',
            value: v != null ? Number(v) : 0,
        });
    }
    /**
     *  Specifies the greatest value that is valid
     */
    get maxValue() {
        return this._maxValue ?? 100;
    }
    /**
     * Sets the maximum value of the slider.
     *
     * @param {number} v
     */
    set maxValue(v) {
        this.setOption({
            name: 'maxValue',
            value: v != null ? Number(v) : 100,
        });
    }
    /**
     *  Specifies the greatest value that is valid
     */
    get step() {
        return this._step ?? 100;
    }
    /**
     * Sets the step increment for the slider.
     *
     * @param {number} v
     */
    set step(v) {
        this.setOption({
            name: 'step',
            value: v != null ? Number(v) : 1,
        });
    }
    /**
     * Handles changes to internal component options.
     *
     * @param {MXComponentOptionChanged} e
     */
    internalOptionChanged(e) {
        this._calcVars();
    }
    /**
     * Handles changes to the component's value.
     *
     * @param {number} value
     */
    internalValueChanged(value) {
        this._calcVars();
    }
    /** @ignore */
    _handleModelChange(value) {
        this.commitValue(value, true);
    }
    /** @ignore */
    _calcVars() {
        this._zone.runOutsideAngular(() => {
            const per = (((this.value ?? 0) - this.minValue) / (this.maxValue - this.minValue)) * 100 - 0.1;
            this.getHostElement().style.setProperty('--ax-current-value', `${per}%`);
        });
    }
    /**
     * @event
     *
     * Emits the value of the clicked input element when the click event occurs.
     */
    clickHandler(e) {
        this.onClick.emit(e.target.value);
    }
    /** @ignore */
    get __hostClass() {
        return `ax-${this.color}-solid ax-${this.direction}`;
    }
    /** @ignore */
    get __hostClassDisabled() {
        return this.disabled;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXSliderComponent, isStandalone: true, selector: "ax-slider", inputs: { readonly: "readonly", disabled: "disabled", value: "value", name: "name", color: "color", minValue: "minValue", maxValue: "maxValue", step: "step", direction: "direction" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", readonlyChange: "readonlyChange", disabledChange: "disabledChange", onChange: "onChange", onClick: "onClick" }, host: { properties: { "class": "this.__hostClass", "class.ax-state-disabled": "this.__hostClassDisabled" } }, providers: [
            { provide: AXValuableComponent, useExisting: AXSliderComponent },
            {
                provide: NG_VALUE_ACCESSOR,
                useExisting: forwardRef(() => AXSliderComponent),
                multi: true,
            },
            { provide: AXComponent, useExisting: AXSliderComponent },
        ], usesInheritance: true, ngImport: i0, template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-sys-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-light-surface));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-light-surface));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-primary-500)) 0%,rgba(var(--ax-sys-color-primary-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-secondary-500)) 0%,rgba(var(--ax-sys-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-success-500)) 0%,rgba(var(--ax-sys-color-success-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-warning-500)) 0%,rgba(var(--ax-sys-color-warning-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-danger-500)) 0%,rgba(var(--ax-sys-color-danger-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent1-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent1-500)) 0%,rgba(var(--ax-sys-color-accent1-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent2-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent2-500)) 0%,rgba(var(--ax-sys-color-accent2-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent3-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent3-500)) 0%,rgba(var(--ax-sys-color-accent3-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent4-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent4-500)) 0%,rgba(var(--ax-sys-color-accent4-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent5-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent5-500)) 0%,rgba(var(--ax-sys-color-accent5-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent6-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent6-500)) 0%,rgba(var(--ax-sys-color-accent6-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent7-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent7-500)) 0%,rgba(var(--ax-sys-color-accent7-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-primary-500),70%) 0%,rgba(var(--ax-sys-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-secondary-500),70%) 0%,rgba(var(--ax-sys-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-success-500),70%) 0%,rgba(var(--ax-sys-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-warning-500),70%) 0%,rgba(var(--ax-sys-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-danger-500),70%) 0%,rgba(var(--ax-sys-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent1-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent1-500),70%) 0%,rgba(var(--ax-sys-color-accent1-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent2-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent2-500),70%) 0%,rgba(var(--ax-sys-color-accent2-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent3-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent3-500),70%) 0%,rgba(var(--ax-sys-color-accent3-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent4-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent4-500),70%) 0%,rgba(var(--ax-sys-color-accent4-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent5-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent5-500),70%) 0%,rgba(var(--ax-sys-color-accent5-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent6-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent6-500),70%) 0%,rgba(var(--ax-sys-color-accent6-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent7-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent7-500),70%) 0%,rgba(var(--ax-sys-color-accent7-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXSliderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-slider', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['readonly', 'disabled', 'value', 'name', 'color'], outputs: ['valueChange', 'onValueChanged', 'readonlyChange', 'disabledChange', 'onChange'], encapsulation: ViewEncapsulation.None, providers: [
                        { provide: AXValuableComponent, useExisting: AXSliderComponent },
                        {
                            provide: NG_VALUE_ACCESSOR,
                            useExisting: forwardRef(() => AXSliderComponent),
                            multi: true,
                        },
                        { provide: AXComponent, useExisting: AXSliderComponent },
                    ], imports: [FormsModule], template: "<input\n  (click)=\"clickHandler($event)\"\n  type=\"range\"\n  [min]=\"minValue\"\n  [max]=\"maxValue\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"_handleModelChange($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  [step]=\"step\"\n  [disabled]=\"disabled || readonly\"\n  [readonly]=\"readonly\"\n/>\n", styles: ["ax-slider{--ax-current-value: 0%;width:100%}ax-slider input{height:.5rem;width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-sys-color-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-light-surface));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-sys-color-border-lightest-surface));background-color:rgba(var(--ax-sys-color-light-surface));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);appearance:slider-vertical;-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-primary-500)) 0%,rgba(var(--ax-sys-color-primary-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-secondary-500)) 0%,rgba(var(--ax-sys-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-success-500)) 0%,rgba(var(--ax-sys-color-success-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-warning-500)) 0%,rgba(var(--ax-sys-color-warning-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-danger-500)) 0%,rgba(var(--ax-sys-color-danger-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent1-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent1-500)) 0%,rgba(var(--ax-sys-color-accent1-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent2-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent2-500)) 0%,rgba(var(--ax-sys-color-accent2-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent3-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent3-500)) 0%,rgba(var(--ax-sys-color-accent3-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent4-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent4-500)) 0%,rgba(var(--ax-sys-color-accent4-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent5-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent5-500)) 0%,rgba(var(--ax-sys-color-accent5-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent6-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent6-500)) 0%,rgba(var(--ax-sys-color-accent6-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-accent7-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent7-500)) 0%,rgba(var(--ax-sys-color-accent7-500)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}ax-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-primary-500),70%) 0%,rgba(var(--ax-sys-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-secondary-500),70%) 0%,rgba(var(--ax-sys-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-success-500),70%) 0%,rgba(var(--ax-sys-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-warning-500),70%) 0%,rgba(var(--ax-sys-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-danger-500),70%) 0%,rgba(var(--ax-sys-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent1-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent1-500),70%) 0%,rgba(var(--ax-sys-color-accent1-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent2-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent2-500),70%) 0%,rgba(var(--ax-sys-color-accent2-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent3-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent3-500),70%) 0%,rgba(var(--ax-sys-color-accent3-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent4-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent4-500),70%) 0%,rgba(var(--ax-sys-color-accent4-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent5-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent5-500),70%) 0%,rgba(var(--ax-sys-color-accent5-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent6-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent6-500),70%) 0%,rgba(var(--ax-sys-color-accent6-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}.ax-dark ax-slider.ax-accent7-solid input{background:linear-gradient(to right,rgba(var(--ax-sys-color-accent7-500),70%) 0%,rgba(var(--ax-sys-color-accent7-500),70%) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) var(--ax-current-value),rgba(var(--ax-sys-color-surface)) 100%)}\n"] }]
        }], propDecorators: { onClick: [{ type: i0.Output, args: ["onClick"] }], minValue: [{
                type: Input
            }], maxValue: [{
                type: Input
            }], step: [{
                type: Input
            }], direction: [{
                type: Input
            }], __hostClass: [{
                type: HostBinding,
                args: ['class']
            }], __hostClassDisabled: [{
                type: HostBinding,
                args: ['class.ax-state-disabled']
            }] } });

const COMPONENT = [AXSliderComponent];
const MODULES = [CommonModule, AXCommonModule, FormsModule];
class AXSliderModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXSliderModule, imports: [CommonModule, AXCommonModule, FormsModule, AXSliderComponent], exports: [AXSliderComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXSliderModule, imports: [MODULES, COMPONENT] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXSliderModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [...MODULES, ...COMPONENT],
                    exports: [...COMPONENT],
                    providers: [],
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { AXSliderComponent, AXSliderModule };
//# sourceMappingURL=acorex-components-slider.mjs.map
