@wawjs/ngx-prime 22.0.0

package/fesm2022/wawjs-ngx-prime-slider.mjs

@@ -0,0 +1,979 @@
+export * from '@wawjs/ngx-prime/types/slider';
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, inject, ElementRef, input, booleanAttribute, numberAttribute, output, computed, Directive, InjectionToken, forwardRef, viewChild, NgZone, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { removeClass, addClass, getWindowScrollLeft, getWindowScrollTop, isRTL } from '@wawjs/css-prime-utils';
+import { SharedModule } from '@wawjs/ngx-prime/api';
+import { AutoFocus } from '@wawjs/ngx-prime/autofocus';
+import { PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';
+import { BaseEditableHolder } from '@wawjs/ngx-prime/baseeditableholder';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind, BindModule } from '@wawjs/ngx-prime/bind';
+import { style } from '@wawjs/css-prime-styles/slider';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import { BaseModelHolder } from '@wawjs/ngx-prime/basemodelholder';
+
+const nativeStyle = `
+input[pRange] { inline-size: 100%; accent-color: dt('primary.color'); cursor: pointer; }
+input[pRange]:focus-visible { outline: 2px solid dt('inputtext.focus.border.color'); outline-offset: 3px; }
+input[pRange].p-invalid { accent-color: dt('inputtext.invalid.border.color'); }
+input[pRange]:disabled { cursor: default; opacity: .6; }
+input[pRange][aria-orientation='vertical'] { block-size: 100%; inline-size: auto; writing-mode: vertical-lr; direction: rtl; }
+`;
+const inlineStyles = {
+    handle: { position: 'absolute' },
+    range: { position: 'absolute' }
+};
+const classes = {
+    root: ({ instance }) => [
+        'p-slider p-component',
+        {
+            'p-disabled': instance.$disabled(),
+            'p-invalid': instance.invalid(),
+            'p-slider-horizontal': instance.orientation() === 'horizontal',
+            'p-slider-vertical': instance.orientation() === 'vertical',
+            'p-slider-animate': instance.animate()
+        }
+    ],
+    range: 'p-slider-range',
+    handle: 'p-slider-handle'
+};
+class SliderStyle extends BaseStyle {
+    name = 'slider';
+    style = `${style}\n${nativeStyle}`;
+    classes = classes;
+    inlineStyles = inlineStyles;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SliderStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SliderStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SliderStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * Slider is a component to provide input with a drag handle.
+ *
+ * [Live Demo](https://www.ngx-prime.org/slider/)
+ *
+ * @module sliderstyle
+ *
+ */
+var SliderClasses;
+(function (SliderClasses) {
+    /**
+     * Class name of the root element
+     */
+    SliderClasses["root"] = "p-slider";
+    /**
+     * Class name of the range element
+     */
+    SliderClasses["range"] = "p-slider-range";
+    /**
+     * Class name of the handle element
+     */
+    SliderClasses["handle"] = "p-slider-handle";
+})(SliderClasses || (SliderClasses = {}));
+
+/** Adds Prime behavior to a native range input. */
+class RangeDirective extends BaseModelHolder {
+    componentName = 'Slider';
+    element = inject(ElementRef);
+    bindDirectiveInstance = inject(Bind, { self: true });
+    _componentStyle = inject(SliderStyle);
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    vertical = input(false, { ...(ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    animate = input(false, { ...(ngDevMode ? { debugName: "animate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    step = input(undefined, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    autofocus = input(false, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelledBy = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    onChange = output();
+    onSlideEnd = output();
+    onInput = output();
+    onFocus = output();
+    onBlur = output();
+    touch = output();
+    resolvedOrientation = computed(() => (this.vertical() ? 'vertical' : this.orientation()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOrientation" }] : /* istanbul ignore next */ []));
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['input', 'root']));
+    }
+    handleInput(event) {
+        const value = event.target.valueAsNumber;
+        this.writeModelValue(value);
+        this.onInput.emit({ event, value });
+        this.onChange.emit({ event, value });
+    }
+    onNativeChange(event) {
+        const value = event.target.valueAsNumber;
+        this.writeModelValue(value);
+        this.onSlideEnd.emit({ originalEvent: event, value });
+    }
+    $disabled() {
+        // Native range inputs do not support `readonly`; disabled is the
+        // accessible native equivalent for a non-editable range control.
+        return this.disabled() || this.readonly();
+    }
+    onNativeBlur(event) {
+        this.touch.emit();
+        this.onBlur.emit(event);
+    }
+    focus(options) {
+        this.element.nativeElement.focus(options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: RangeDirective, isStandalone: true, selector: "input[type='range'][pRange]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", 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 }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "ariaDescribedBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd", onInput: "onInput", onFocus: "onFocus", onBlur: "onBlur", touch: "touch" }, host: { listeners: { "input": "handleInput($event)", "change": "onNativeChange($event)", "focus": "onFocus.emit($event)", "blur": "onNativeBlur($event)" }, properties: { "class": "cx('root')", "attr.data-pc-name": "'slider'", "attr.data-pc-section": "'input'", "class.p-invalid": "invalid()", "attr.data-p-invalid": "invalid() || null", "attr.aria-label": "ariaLabel() || null", "attr.aria-labelledby": "ariaLabelledBy() || null", "attr.aria-describedby": "ariaDescribedBy() || null", "attr.aria-orientation": "resolvedOrientation()", "attr.aria-readonly": "readonly() || null", "attr.tabindex": "tabindex() ?? null", "disabled": "$disabled()", "autofocus": "autofocus()", "min": "min()", "max": "max()", "step": "step() ?? \"any\"" } }, providers: [SliderStyle], exportAs: ["pRange"], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "input[type='range'][pRange]",
+                    standalone: true,
+                    exportAs: 'pRange',
+                    host: {
+                        '[class]': "cx('root')",
+                        '[attr.data-pc-name]': "'slider'",
+                        '[attr.data-pc-section]': "'input'",
+                        '[class.p-invalid]': 'invalid()',
+                        '[attr.data-p-invalid]': 'invalid() || null',
+                        '[attr.aria-label]': 'ariaLabel() || null',
+                        '[attr.aria-labelledby]': 'ariaLabelledBy() || null',
+                        '[attr.aria-describedby]': 'ariaDescribedBy() || null',
+                        '[attr.aria-orientation]': 'resolvedOrientation()',
+                        '[attr.aria-readonly]': 'readonly() || null',
+                        '[attr.tabindex]': 'tabindex() ?? null',
+                        '[disabled]': '$disabled()',
+                        '[autofocus]': 'autofocus()',
+                        '[min]': 'min()',
+                        '[max]': 'max()',
+                        '[step]': 'step() ?? "any"',
+                        '(input)': 'handleInput($event)',
+                        '(change)': 'onNativeChange($event)',
+                        '(focus)': 'onFocus.emit($event)',
+                        '(blur)': 'onNativeBlur($event)'
+                    },
+                    providers: [SliderStyle],
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", 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 }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onSlideEnd: [{ type: i0.Output, args: ["onSlideEnd"] }], onInput: [{ type: i0.Output, args: ["onInput"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], touch: [{ type: i0.Output, args: ["touch"] }] } });
+
+const SLIDER_INSTANCE = new InjectionToken('SLIDER_INSTANCE');
+const SLIDER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => Slider),
+    multi: true
+};
+/**
+ * Legacy slider component, available through v22 under the `p-slider` and `p-range` selectors.
+ * @deprecated since v22, use `<input type="range" pRange>` for single-value sliders. Both legacy selectors will be removed in v23; use a dedicated range strategy where two thumbs are required.
+ * @group Components
+ */
+class Slider extends BaseEditableHolder {
+    componentName = 'Slider';
+    $pcSlider = inject(SLIDER_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * When enabled, displays an animation on click of the slider bar.
+     * @group Props
+     */
+    animate = input(undefined, { ...(ngDevMode ? { debugName: "animate" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Mininum boundary value.
+     * @group Props
+     */
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Maximum boundary value.
+     * @group Props
+     */
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * Orientation of the slider.
+     * @group Props
+     */
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /**
+     * Step factor to increment/decrement the value.
+     * @group Props
+     */
+    step = input(undefined, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * When specified, allows two boundary values to be picked.
+     * @group Props
+     */
+    range = input(undefined, { ...(ngDevMode ? { debugName: "range" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus = input(undefined, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Callback to invoke on value change.
+     * @param {SliderChangeEvent} event - Custom value change event.
+     * @group Emits
+     */
+    onChange = output();
+    /**
+     * Callback to invoke when slide ended.
+     * @param {SliderSlideEndEvent} event - Custom slide end event.
+     * @group Emits
+     */
+    onSlideEnd = output();
+    sliderHandle = viewChild('sliderHandle', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sliderHandle" }] : /* istanbul ignore next */ []));
+    sliderHandleStart;
+    sliderHandleEnd;
+    _componentStyle = inject(SliderStyle);
+    value;
+    values;
+    handleValue;
+    handleValues = [];
+    diff;
+    offset;
+    bottom;
+    dragging;
+    dragListener;
+    mouseupListener;
+    initX;
+    initY;
+    barWidth;
+    barHeight;
+    sliderHandleClick;
+    handleIndex = 0;
+    startHandleValue;
+    startx;
+    starty;
+    ngZone = inject(NgZone);
+    onHostClick(event) {
+        this.onBarClick(event);
+    }
+    onMouseDown(event, index) {
+        if (this.$disabled()) {
+            return;
+        }
+        this.dragging = true;
+        this.updateDomData();
+        this.sliderHandleClick = true;
+        if (this.range() && this.handleValues && this.handleValues[0] === this.max()) {
+            this.handleIndex = 0;
+        }
+        else {
+            this.handleIndex = index;
+        }
+        this.bindDragListeners();
+        event.target.focus();
+        event.preventDefault();
+        if (this.animate()) {
+            removeClass(this.el.nativeElement, 'p-slider-animate');
+        }
+    }
+    onDragStart(event, index) {
+        if (this.$disabled()) {
+            return;
+        }
+        this.el.nativeElement.setAttribute('data-p-sliding', true);
+        let touchobj = event.changedTouches[0];
+        this.startHandleValue = this.range() ? this.handleValues[index] : this.handleValue;
+        this.dragging = true;
+        if (this.range() && this.handleValues && this.handleValues[0] === this.max()) {
+            this.handleIndex = 0;
+        }
+        else {
+            this.handleIndex = index;
+        }
+        if (this.orientation() === 'horizontal') {
+            this.startx = parseInt(touchobj.clientX, 10);
+            this.barWidth = this.el.nativeElement.offsetWidth;
+        }
+        else {
+            this.starty = parseInt(touchobj.clientY, 10);
+            this.barHeight = this.el.nativeElement.offsetHeight;
+        }
+        if (this.animate()) {
+            removeClass(this.el.nativeElement, 'p-slider-animate');
+        }
+        event.preventDefault();
+    }
+    onDrag(event) {
+        if (this.$disabled()) {
+            return;
+        }
+        let touchobj = event.changedTouches[0], handleValue = 0;
+        if (this.orientation() === 'horizontal') {
+            handleValue = Math.floor(((parseInt(touchobj.clientX, 10) - this.startx) * 100) / this.barWidth) + this.startHandleValue;
+        }
+        else {
+            handleValue = Math.floor(((this.starty - parseInt(touchobj.clientY, 10)) * 100) / this.barHeight) + this.startHandleValue;
+        }
+        this.setValueFromHandle(event, handleValue);
+        event.preventDefault();
+    }
+    onDragEnd(event) {
+        if (this.$disabled()) {
+            return;
+        }
+        this.dragging = false;
+        this.el.nativeElement.setAttribute('data-p-sliding', false);
+        if (this.range())
+            this.onSlideEnd.emit({ originalEvent: event, values: this.values });
+        else
+            this.onSlideEnd.emit({ originalEvent: event, value: this.value });
+        if (this.animate()) {
+            addClass(this.el.nativeElement, 'p-slider-animate');
+        }
+        event.preventDefault();
+    }
+    onBarClick(event) {
+        if (this.$disabled()) {
+            return;
+        }
+        if (!this.sliderHandleClick) {
+            this.updateDomData();
+            this.handleChange(event);
+            if (this.range())
+                this.onSlideEnd.emit({ originalEvent: event, values: this.values });
+            else
+                this.onSlideEnd.emit({ originalEvent: event, value: this.value });
+        }
+        this.sliderHandleClick = false;
+    }
+    onKeyDown(event, index) {
+        this.handleIndex = index;
+        switch (event.code) {
+            case 'ArrowDown':
+            case 'ArrowLeft':
+                this.decrementValue(event, index);
+                event.preventDefault();
+                break;
+            case 'ArrowUp':
+            case 'ArrowRight':
+                this.incrementValue(event, index);
+                event.preventDefault();
+                break;
+            case 'PageDown':
+                this.decrementValue(event, index, true);
+                event.preventDefault();
+                break;
+            case 'PageUp':
+                this.incrementValue(event, index, true);
+                event.preventDefault();
+                break;
+            case 'Home':
+                this.updateValue(this.min(), event);
+                event.preventDefault();
+                break;
+            case 'End':
+                this.updateValue(this.max(), event);
+                event.preventDefault();
+                break;
+            default:
+                break;
+        }
+    }
+    decrementValue(event, index, pageKey = false) {
+        let newValue;
+        const step = this.step();
+        if (this.range()) {
+            if (step)
+                newValue = (this.values?.[index] ?? 0) - step;
+            else
+                newValue = (this.values?.[index] ?? 0) - 1;
+        }
+        else {
+            if (step)
+                newValue = this.value - step;
+            else if (!step && pageKey)
+                newValue = this.value - 10;
+            else
+                newValue = this.value - 1;
+        }
+        this.updateValue(newValue, event);
+        event.preventDefault();
+    }
+    incrementValue(event, index, pageKey = false) {
+        let newValue;
+        const step = this.step();
+        if (this.range()) {
+            if (step)
+                newValue = (this.values?.[index] ?? 0) + step;
+            else
+                newValue = (this.values?.[index] ?? 0) + 1;
+        }
+        else {
+            if (step)
+                newValue = this.value + step;
+            else if (!step && pageKey)
+                newValue = this.value + 10;
+            else
+                newValue = this.value + 1;
+        }
+        this.updateValue(newValue, event);
+        event.preventDefault();
+    }
+    handleChange(event) {
+        let handleValue = this.calculateHandleValue(event);
+        this.setValueFromHandle(event, handleValue);
+    }
+    bindDragListeners() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.ngZone.runOutsideAngular(() => {
+                const documentTarget = this.el ? this.el.nativeElement.ownerDocument : this.document;
+                if (!this.dragListener) {
+                    this.dragListener = this.renderer.listen(documentTarget, 'mousemove', (event) => {
+                        if (this.dragging) {
+                            this.el.nativeElement.setAttribute('data-p-sliding', true);
+                            this.ngZone.run(() => {
+                                this.handleChange(event);
+                            });
+                        }
+                    });
+                }
+                if (!this.mouseupListener) {
+                    this.mouseupListener = this.renderer.listen(documentTarget, 'mouseup', (event) => {
+                        if (this.dragging) {
+                            this.dragging = false;
+                            this.el.nativeElement.setAttribute('data-p-sliding', false);
+                            this.ngZone.run(() => {
+                                if (this.range())
+                                    this.onSlideEnd.emit({ originalEvent: event, values: this.values });
+                                else
+                                    this.onSlideEnd.emit({ originalEvent: event, value: this.value });
+                                if (this.animate()) {
+                                    addClass(this.el.nativeElement, 'p-slider-animate');
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+        }
+    }
+    unbindDragListeners() {
+        if (this.dragListener) {
+            this.dragListener();
+            this.dragListener = null;
+        }
+        if (this.mouseupListener) {
+            this.mouseupListener();
+            this.mouseupListener = null;
+        }
+    }
+    setValueFromHandle(event, handleValue) {
+        let newValue = this.getValueFromHandle(handleValue);
+        if (this.range()) {
+            if (this.step()) {
+                this.handleStepChange(newValue, this.values[this.handleIndex]);
+            }
+            else {
+                this.handleValues[this.handleIndex] = handleValue;
+                this.updateValue(newValue, event);
+            }
+        }
+        else {
+            if (this.step()) {
+                this.handleStepChange(newValue, this.value);
+            }
+            else {
+                this.handleValue = handleValue;
+                this.updateValue(newValue, event);
+            }
+        }
+        this.cd.markForCheck();
+    }
+    handleStepChange(newValue, oldValue) {
+        let diff = newValue - oldValue;
+        let val = oldValue;
+        let _step = this.step();
+        if (diff < 0) {
+            val = oldValue + Math.ceil(newValue / _step - oldValue / _step) * _step;
+        }
+        else if (diff > 0) {
+            val = oldValue + Math.floor(newValue / _step - oldValue / _step) * _step;
+        }
+        this.updateValue(val);
+        this.updateHandleValue();
+    }
+    get rangeStartLeft() {
+        if (!this.isVertical())
+            return this.handleValues[0] > 100 ? 100 + '%' : this.handleValues[0] + '%';
+        return null;
+    }
+    get rangeStartBottom() {
+        return this.isVertical() ? this.handleValues[0] + '%' : 'auto';
+    }
+    get rangeEndLeft() {
+        return this.isVertical() ? null : this.handleValues[1] + '%';
+    }
+    get rangeEndBottom() {
+        return this.isVertical() ? this.handleValues[1] + '%' : 'auto';
+    }
+    isVertical() {
+        return this.orientation() === 'vertical';
+    }
+    updateDomData() {
+        let rect = this.el.nativeElement.getBoundingClientRect();
+        this.initX = rect.left + getWindowScrollLeft();
+        this.initY = rect.top + getWindowScrollTop();
+        this.barWidth = this.el.nativeElement.offsetWidth;
+        this.barHeight = this.el.nativeElement.offsetHeight;
+    }
+    calculateHandleValue(event) {
+        if (this.orientation() === 'horizontal') {
+            if (isRTL(this.el.nativeElement)) {
+                return ((this.initX + this.barWidth - event.pageX) * 100) / this.barWidth;
+            }
+            else {
+                return ((event.pageX - this.initX) * 100) / this.barWidth;
+            }
+        }
+        else {
+            return ((this.initY + this.barHeight - event.pageY) * 100) / this.barHeight;
+        }
+    }
+    updateHandleValue() {
+        if (this.range()) {
+            this.handleValues[0] = ((this.values[0] < this.min() ? 0 : this.values[0] - this.min()) * 100) / (this.max() - this.min());
+            this.handleValues[1] = ((this.values[1] > this.max() ? 100 : this.values[1] - this.min()) * 100) / (this.max() - this.min());
+        }
+        else {
+            if (this.value < this.min())
+                this.handleValue = 0;
+            else if (this.value > this.max())
+                this.handleValue = 100;
+            else
+                this.handleValue = ((this.value - this.min()) * 100) / (this.max() - this.min());
+        }
+        if (this.step()) {
+            this.updateDiffAndOffset();
+        }
+    }
+    updateDiffAndOffset() {
+        this.diff = this.getDiff();
+        this.offset = this.getOffset();
+    }
+    getDiff() {
+        return Math.abs(this.handleValues[0] - this.handleValues[1]);
+    }
+    getOffset() {
+        return Math.min(this.handleValues[0], this.handleValues[1]);
+    }
+    updateValue(val, event) {
+        if (this.range()) {
+            let value = val;
+            if (this.handleIndex === 0) {
+                if (value < this.min()) {
+                    value = this.min();
+                    this.handleValues[0] = 0;
+                }
+                else if (value > this.values[1]) {
+                    if (value > this.max()) {
+                        value = this.max();
+                        this.handleValues[0] = 100;
+                    }
+                }
+                this.sliderHandleStart?.nativeElement.focus();
+            }
+            else {
+                if (value > this.max()) {
+                    value = this.max();
+                    this.handleValues[1] = 100;
+                    this.offset = this.handleValues[1];
+                }
+                else if (value < this.min()) {
+                    value = this.min();
+                    this.handleValues[1] = 0;
+                }
+                else if (value < this.values[0]) {
+                    this.offset = this.handleValues[1];
+                }
+                this.sliderHandleEnd?.nativeElement.focus();
+            }
+            if (this.step()) {
+                this.updateHandleValue();
+            }
+            else {
+                this.updateDiffAndOffset();
+            }
+            this.values[this.handleIndex] = this.getNormalizedValue(value);
+            let newValues = [this.minVal, this.maxVal];
+            this.onModelChange(newValues);
+            this.onChange.emit({ event: event, values: this.values });
+        }
+        else {
+            if (val < this.min()) {
+                val = this.min();
+                this.handleValue = 0;
+            }
+            else if (val > this.max()) {
+                val = this.max();
+                this.handleValue = 100;
+            }
+            this.value = this.getNormalizedValue(val);
+            this.onModelChange(this.value);
+            this.onChange.emit({ event: event, value: this.value });
+            this.sliderHandle()?.nativeElement.focus();
+        }
+        this.updateHandleValue();
+    }
+    getValueFromHandle(handleValue) {
+        return (this.max() - this.min()) * (handleValue / 100) + this.min();
+    }
+    getDecimalsCount(value) {
+        if (value && Math.floor(value) !== value)
+            return value.toString().split('.')[1].length || 0;
+        return 0;
+    }
+    getNormalizedValue(val) {
+        let decimalsCount = this.getDecimalsCount(this.step());
+        if (decimalsCount > 0) {
+            return +parseFloat(val.toString()).toFixed(decimalsCount);
+        }
+        else {
+            return Math.floor(val);
+        }
+    }
+    onDestroy() {
+        this.unbindDragListeners();
+    }
+    get minVal() {
+        return Math.min(this.values[1], this.values[0]);
+    }
+    get maxVal() {
+        return Math.max(this.values[1], this.values[0]);
+    }
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(value) {
+        if (this.range())
+            this.values = value || [0, 0];
+        else
+            this.value = value || 0;
+        this.updateHandleValue();
+        this.updateDiffAndOffset();
+        this.cd.markForCheck();
+    }
+    get dataP() {
+        return this.cn({
+            [this.orientation()]: this.orientation()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Slider, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: Slider, isStandalone: true, selector: "p-slider, p-range", inputs: { animate: { classPropertyName: "animate", publicName: "animate", 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 }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, host: { listeners: { "click": "onHostClick($event)" }, properties: { "attr.data-pc-name": "'slider'", "attr.data-pc-section": "'root'", "class": "cn(cx('root'), styleClass())", "attr.data-p": "dataP", "attr.data-p-sliding": "false" } }, providers: [SLIDER_VALUE_ACCESSOR, SliderStyle, { provide: SLIDER_INSTANCE, useExisting: Slider }, { provide: PARENT_INSTANCE, useExisting: Slider }], viewQueries: [{ propertyName: "sliderHandle", first: true, predicate: ["sliderHandle"], descendants: true, isSignal: true }, { propertyName: "sliderHandleStart", first: true, predicate: ["sliderHandleStart"], descendants: true }, { propertyName: "sliderHandleEnd", first: true, predicate: ["sliderHandleEnd"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        @if (range() && orientation() === 'horizontal') {
+            <span
+                [class]="cx('range')"
+                [ngStyle]="{
+                    'inset-inline-start': offset !== null && offset !== undefined ? offset + '%' : handleValues[0] + '%',
+                    width: diff ? diff + '%' : handleValues[1] - handleValues[0] + '%'
+                }"
+                [style]="sx('range')"
+                [attr.data-pc-section]="'range'"
+                [attr.data-p]="dataP"
+                [pBind]="ptm('range')"
+            ></span>
+        }
+        @if (range() && orientation() === 'vertical') {
+            <span
+                [class]="cx('range')"
+                [ngStyle]="{
+                    bottom: offset !== null && offset !== undefined ? offset + '%' : handleValues[0] + '%',
+                    height: diff ? diff + '%' : handleValues[1] - handleValues[0] + '%'
+                }"
+                [style]="sx('range')"
+                [attr.data-pc-section]="'range'"
+                [attr.data-p]="dataP"
+                [pBind]="ptm('range')"
+            ></span>
+        }
+        @if (!range() && orientation() === 'vertical') {
+            <span [class]="cx('range')" [attr.data-pc-section]="'range'" [style]="sx('range')" [ngStyle]="{ height: handleValue + '%' }" [pBind]="ptm('range')"></span>
+        }
+        @if (!range() && orientation() === 'horizontal') {
+            <span [class]="cx('range')" [attr.data-pc-section]="'range'" [style]="sx('range')" [ngStyle]="{ width: handleValue + '%' }" [pBind]="ptm('range')"></span>
+        }
+        @if (!range()) {
+            <span
+                #sliderHandle
+                [class]="cx('handle')"
+                [style.transition]="dragging ? 'none' : null"
+                [ngStyle]="{
+                    'inset-inline-start': orientation() === 'horizontal' ? handleValue + '%' : null,
+                    bottom: orientation() === 'vertical' ? handleValue + '%' : null
+                }"
+                [style]="sx('handle')"
+                (touchstart)="onDragStart($event)"
+                (touchmove)="onDrag($event)"
+                (touchend)="onDragEnd($event)"
+                (mousedown)="onMouseDown($event)"
+                (keydown)="onKeyDown($event)"
+                [attr.tabindex]="$disabled() ? null : tabindex()"
+                role="slider"
+                [attr.aria-valuemin]="min()"
+                [attr.aria-valuenow]="value"
+                [attr.aria-valuemax]="max()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-orientation]="orientation()"
+                [attr.data-pc-section]="'handle'"
+                [pAutoFocus]="autofocus()"
+                [pBind]="ptm('handle')"
+                [attr.data-p]="dataP"
+            ></span>
+        }
+        @if (range()) {
+            <span
+                #sliderHandleStart
+                [style.transition]="dragging ? 'none' : null"
+                [class]="cn(cx('handle'), handleIndex === 0 && 'p-slider-handle-active')"
+                [style]="sx('handle')"
+                [ngStyle]="{ 'inset-inline-start': rangeStartLeft, bottom: rangeStartBottom }"
+                (keydown)="onKeyDown($event, 0)"
+                (mousedown)="onMouseDown($event, 0)"
+                (touchstart)="onDragStart($event, 0)"
+                (touchmove)="onDrag($event)"
+                (touchend)="onDragEnd($event)"
+                [attr.tabindex]="$disabled() ? null : tabindex()"
+                role="slider"
+                [attr.aria-valuemin]="min()"
+                [attr.aria-valuenow]="value ? value[0] : null"
+                [attr.aria-valuemax]="max()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-orientation]="orientation()"
+                [attr.data-pc-section]="'startHandler'"
+                [pAutoFocus]="autofocus()"
+                [pBind]="ptm('startHandler')"
+                [attr.data-p]="dataP"
+            ></span>
+        }
+        @if (range()) {
+            <span
+                #sliderHandleEnd
+                [style.transition]="dragging ? 'none' : null"
+                [class]="cn(cx('handle'), handleIndex === 1 && 'p-slider-handle-active')"
+                [ngStyle]="{ 'inset-inline-start': rangeEndLeft, bottom: rangeEndBottom }"
+                [style]="sx('handle')"
+                (keydown)="onKeyDown($event, 1)"
+                (mousedown)="onMouseDown($event, 1)"
+                (touchstart)="onDragStart($event, 1)"
+                (touchmove)="onDrag($event)"
+                (touchend)="onDragEnd($event)"
+                [attr.tabindex]="$disabled() ? null : tabindex()"
+                role="slider"
+                [attr.aria-valuemin]="min()"
+                [attr.aria-valuenow]="value ? value[1] : null"
+                [attr.aria-valuemax]="max()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-orientation]="orientation()"
+                [attr.data-pc-section]="'endHandler'"
+                [pBind]="ptm('endHandler')"
+                [attr.data-p]="dataP"
+            ></span>
+        }
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: Slider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-slider, p-range',
+                    standalone: true,
+                    imports: [CommonModule, AutoFocus, SharedModule, BindModule],
+                    template: `
+        @if (range() && orientation() === 'horizontal') {
+            <span
+                [class]="cx('range')"
+                [ngStyle]="{
+                    'inset-inline-start': offset !== null && offset !== undefined ? offset + '%' : handleValues[0] + '%',
+                    width: diff ? diff + '%' : handleValues[1] - handleValues[0] + '%'
+                }"
+                [style]="sx('range')"
+                [attr.data-pc-section]="'range'"
+                [attr.data-p]="dataP"
+                [pBind]="ptm('range')"
+            ></span>
+        }
+        @if (range() && orientation() === 'vertical') {
+            <span
+                [class]="cx('range')"
+                [ngStyle]="{
+                    bottom: offset !== null && offset !== undefined ? offset + '%' : handleValues[0] + '%',
+                    height: diff ? diff + '%' : handleValues[1] - handleValues[0] + '%'
+                }"
+                [style]="sx('range')"
+                [attr.data-pc-section]="'range'"
+                [attr.data-p]="dataP"
+                [pBind]="ptm('range')"
+            ></span>
+        }
+        @if (!range() && orientation() === 'vertical') {
+            <span [class]="cx('range')" [attr.data-pc-section]="'range'" [style]="sx('range')" [ngStyle]="{ height: handleValue + '%' }" [pBind]="ptm('range')"></span>
+        }
+        @if (!range() && orientation() === 'horizontal') {
+            <span [class]="cx('range')" [attr.data-pc-section]="'range'" [style]="sx('range')" [ngStyle]="{ width: handleValue + '%' }" [pBind]="ptm('range')"></span>
+        }
+        @if (!range()) {
+            <span
+                #sliderHandle
+                [class]="cx('handle')"
+                [style.transition]="dragging ? 'none' : null"
+                [ngStyle]="{
+                    'inset-inline-start': orientation() === 'horizontal' ? handleValue + '%' : null,
+                    bottom: orientation() === 'vertical' ? handleValue + '%' : null
+                }"
+                [style]="sx('handle')"
+                (touchstart)="onDragStart($event)"
+                (touchmove)="onDrag($event)"
+                (touchend)="onDragEnd($event)"
+                (mousedown)="onMouseDown($event)"
+                (keydown)="onKeyDown($event)"
+                [attr.tabindex]="$disabled() ? null : tabindex()"
+                role="slider"
+                [attr.aria-valuemin]="min()"
+                [attr.aria-valuenow]="value"
+                [attr.aria-valuemax]="max()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-orientation]="orientation()"
+                [attr.data-pc-section]="'handle'"
+                [pAutoFocus]="autofocus()"
+                [pBind]="ptm('handle')"
+                [attr.data-p]="dataP"
+            ></span>
+        }
+        @if (range()) {
+            <span
+                #sliderHandleStart
+                [style.transition]="dragging ? 'none' : null"
+                [class]="cn(cx('handle'), handleIndex === 0 && 'p-slider-handle-active')"
+                [style]="sx('handle')"
+                [ngStyle]="{ 'inset-inline-start': rangeStartLeft, bottom: rangeStartBottom }"
+                (keydown)="onKeyDown($event, 0)"
+                (mousedown)="onMouseDown($event, 0)"
+                (touchstart)="onDragStart($event, 0)"
+                (touchmove)="onDrag($event)"
+                (touchend)="onDragEnd($event)"
+                [attr.tabindex]="$disabled() ? null : tabindex()"
+                role="slider"
+                [attr.aria-valuemin]="min()"
+                [attr.aria-valuenow]="value ? value[0] : null"
+                [attr.aria-valuemax]="max()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-orientation]="orientation()"
+                [attr.data-pc-section]="'startHandler'"
+                [pAutoFocus]="autofocus()"
+                [pBind]="ptm('startHandler')"
+                [attr.data-p]="dataP"
+            ></span>
+        }
+        @if (range()) {
+            <span
+                #sliderHandleEnd
+                [style.transition]="dragging ? 'none' : null"
+                [class]="cn(cx('handle'), handleIndex === 1 && 'p-slider-handle-active')"
+                [ngStyle]="{ 'inset-inline-start': rangeEndLeft, bottom: rangeEndBottom }"
+                [style]="sx('handle')"
+                (keydown)="onKeyDown($event, 1)"
+                (mousedown)="onMouseDown($event, 1)"
+                (touchstart)="onDragStart($event, 1)"
+                (touchmove)="onDrag($event)"
+                (touchend)="onDragEnd($event)"
+                [attr.tabindex]="$disabled() ? null : tabindex()"
+                role="slider"
+                [attr.aria-valuemin]="min()"
+                [attr.aria-valuenow]="value ? value[1] : null"
+                [attr.aria-valuemax]="max()"
+                [attr.aria-labelledby]="ariaLabelledBy()"
+                [attr.aria-label]="ariaLabel()"
+                [attr.aria-orientation]="orientation()"
+                [attr.data-pc-section]="'endHandler'"
+                [pBind]="ptm('endHandler')"
+                [attr.data-p]="dataP"
+            ></span>
+        }
+    `,
+                    providers: [SLIDER_VALUE_ACCESSOR, SliderStyle, { provide: SLIDER_INSTANCE, useExisting: Slider }, { provide: PARENT_INSTANCE, useExisting: Slider }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        '[attr.data-pc-name]': "'slider'",
+                        '[attr.data-pc-section]': "'root'",
+                        '[class]': "cn(cx('root'), styleClass())",
+                        '[attr.data-p]': 'dataP',
+                        '[attr.data-p-sliding]': 'false',
+                        '(click)': 'onHostClick($event)'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onSlideEnd: [{ type: i0.Output, args: ["onSlideEnd"] }], sliderHandle: [{ type: i0.ViewChild, args: ['sliderHandle', { isSignal: true }] }], sliderHandleStart: [{
+                type: ViewChild,
+                args: ['sliderHandleStart']
+            }], sliderHandleEnd: [{
+                type: ViewChild,
+                args: ['sliderHandleEnd']
+            }] } });
+class SliderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SliderModule, imports: [Slider, RangeDirective, SharedModule], exports: [Slider, RangeDirective, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SliderModule, imports: [Slider, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [Slider, RangeDirective, SharedModule],
+                    exports: [Slider, RangeDirective, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RangeDirective, SLIDER_VALUE_ACCESSOR, Slider, SliderClasses, SliderModule, SliderStyle };
+//# sourceMappingURL=wawjs-ngx-prime-slider.mjs.map