@malva-ui/core 0.1.12

package/esm2022/slider/lib/slider/slider.js

@@ -0,0 +1,468 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, contentChild, DestroyRef, ElementRef, forwardRef, inject, input, model, Renderer2, signal, viewChild, ViewEncapsulation, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { MLV_FORM_CONTROL, MlvSignalFormControlBase, } from '@malva-ui/core/form-utils';
+import { MlvCompactComfortableDensity, MLV_DENSITY_ELEMENT, } from '@malva-ui/cdk/density';
+import { clamp } from '@malva-ui/cdk/utils';
+import { MLV_SLIDER_I18N } from '@malva-ui/i18n';
+import { MlvSliderTooltipDef, } from './slider-tooltip-def';
+import * as i0 from "@angular/core";
+import * as i1 from "@malva-ui/cdk/density";
+export class MlvSlider extends MlvSignalFormControlBase {
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_SLIDER_I18N);
+    /**
+     * Orientation of the slider.
+     * In `'vertical'` mode the track runs bottom-to-top, thumbs are positioned
+     * with `bottom`, and the host must have an explicit height set.
+     */
+    orientation = input('horizontal', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /** Minimum value of the slider. */
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: (value) => (typeof value === 'number' ? value : 0) });
+    /** Maximum value of the slider. */
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: (value) => (typeof value === 'number' ? value : 100) });
+    /** Step increment between values. */
+    step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: (value) => value ?? 1 });
+    /** Whether to display tick marks at each step interval. */
+    showTicks = input(false, { ...(ngDevMode ? { debugName: "showTicks" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** When true, the slider operates in dual-thumb range mode. */
+    range = input(false, { ...(ngDevMode ? { debugName: "range" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Shows the current value in a tooltip while a thumb is hovered, dragged,
+     * or keyboard-focused.
+     */
+    tooltip = input(false, { ...(ngDevMode ? { debugName: "tooltip" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /** The selected scalar or range value used by all Angular forms APIs. */
+    value = model(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** @protected Optional consumer template used to render tooltip text. */
+    _tooltipDef = contentChild(MlvSliderTooltipDef, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_tooltipDef" }] : /* istanbul ignore next */ []));
+    /** @private True when orientation is vertical. */
+    _isVertical = computed(() => this.orientation() === 'vertical', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isVertical" }] : /* istanbul ignore next */ []));
+    /** @private Low (or sole) thumb value derived directly from the forms model. */
+    _lowValue = computed(() => {
+        const value = this.value();
+        return this._clamp(Array.isArray(value) ? value[0] : value);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_lowValue" }] : /* istanbul ignore next */ []));
+    /** @private High thumb value derived directly from the forms model. */
+    _highValue = computed(() => {
+        const value = this.value();
+        return this._clamp(Array.isArray(value) ? value[1] : this.max());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_highValue" }] : /* istanbul ignore next */ []));
+    /** @protected Template context for the low or single-value thumb tooltip. */
+    _lowTooltipContext = computed(() => {
+        const value = this._lowValue();
+        return {
+            $implicit: value,
+            value,
+            thumb: this.range() ? 'min' : 'value',
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_lowTooltipContext" }] : /* istanbul ignore next */ []));
+    /** @protected Template context for the high thumb tooltip in range mode. */
+    _highTooltipContext = computed(() => {
+        const value = this._highValue();
+        return {
+            $implicit: value,
+            value,
+            thumb: 'max',
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_highTooltipContext" }] : /* istanbul ignore next */ []));
+    /**
+     * @private The thumb currently being dragged: 'low', 'high', or null.
+     */
+    _activeDragThumb = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_activeDragThumb" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Raw drag position (0–100%) for the low thumb while dragging.
+     * Null when not dragging — thumb reverts to the snapped value's position.
+     */
+    _lowDragPercent = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_lowDragPercent" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Raw drag position (0–100%) for the high thumb while dragging.
+     * Null when not dragging — thumb reverts to the snapped value's position.
+     */
+    _highDragPercent = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_highDragPercent" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Visual percentage position of the low thumb.
+     * Uses the raw drag position while dragging for a smooth feel;
+     * snaps back to the step-aligned position on pointer release.
+     */
+    _lowPercent = computed(() => {
+        const drag = this._lowDragPercent();
+        return drag !== null ? drag : this._valueToPercent(this._lowValue());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_lowPercent" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Visual percentage position of the high thumb.
+     * Uses the raw drag position while dragging for a smooth feel;
+     * snaps back to the step-aligned position on pointer release.
+     */
+    _highPercent = computed(() => {
+        const drag = this._highDragPercent();
+        return drag !== null ? drag : this._valueToPercent(this._highValue());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_highPercent" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Computed percentage for the fill region start (0–100%).
+     * In single mode this is always 0; in range mode it tracks the low thumb visual position.
+     */
+    _fillStart = computed(() => {
+        if (!this.range())
+            return '0%';
+        return `${this._lowPercent()}%`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_fillStart" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Computed percentage for the fill region end (0–100%).
+     * Tracks the visual (drag or snapped) position of the active thumb.
+     */
+    _fillEnd = computed(() => {
+        return `${this.range() ? this._highPercent() : this._lowPercent()}%`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_fillEnd" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Array of tick positions (percentages) shown when showTicks is true.
+     */
+    _ticks = computed(() => {
+        const min = this.min();
+        const max = this.max();
+        const step = this.step();
+        if (step <= 0)
+            return [];
+        const ticks = [];
+        for (let v = min; v <= max; v += step) {
+            ticks.push(this._valueToPercent(v));
+        }
+        return ticks;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_ticks" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        this._elementRef = inject(ElementRef);
+        this._renderer = inject(Renderer2);
+        this._destroyRef = inject(DestroyRef);
+    }
+    /** @private Host element ref for pointer-to-value calculation. */
+    _elementRef;
+    /** @private Renderer2 for SSR-safe + auto-cleanup window listeners during drag. */
+    _renderer;
+    /** @private DestroyRef so a destroy mid-drag releases the listeners. */
+    _destroyRef;
+    /**
+     * @private The `.mlv-slider__track` element — a static child of this
+     * component's own template, so it is resolved via a signal `viewChild` query
+     * (repo rule: no `querySelector` for own-template elements) rather than a DOM
+     * lookup on the host.
+     */
+    _trackRef = viewChild('track', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trackRef" }] : /* istanbul ignore next */ []));
+    /**
+     * @private Track bounding rect captured at pointerdown and reused for the whole
+     * drag, so `_pointerToPercent` does not force a `getBoundingClientRect` layout
+     * read on every pointermove. Dropped when the pointer ends or is cancelled.
+     */
+    _dragTrackRect = null;
+    // -------------------------------------------------------------------------
+    // Forms value
+    // -------------------------------------------------------------------------
+    /** Whether the control holds a clearable value — A slider always carries a numeric value. */
+    hasValue = computed(() => true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasValue" }] : /* istanbul ignore next */ []));
+    // -------------------------------------------------------------------------
+    // Keyboard handling (delegated from thumb elements)
+    // -------------------------------------------------------------------------
+    /**
+     * @protected Handles keydown events on the low thumb.
+     */
+    _onLowThumbKeydown(event) {
+        if (this.computedDisabled())
+            return;
+        const newValue = this._computeKeyValue(event, this._lowValue());
+        if (newValue !== null) {
+            event.preventDefault();
+            const clamped = this.range()
+                ? Math.min(newValue, this._highValue())
+                : newValue;
+            this._setLowValue(clamped);
+            this._emitChange();
+        }
+    }
+    /**
+     * @protected Handles keydown events on the high thumb (range mode only).
+     */
+    _onHighThumbKeydown(event) {
+        if (this.computedDisabled() || !this.range())
+            return;
+        const newValue = this._computeKeyValue(event, this._highValue());
+        if (newValue !== null) {
+            event.preventDefault();
+            const clamped = Math.max(newValue, this._lowValue());
+            this._setHighValue(clamped);
+            this._emitChange();
+        }
+    }
+    // -------------------------------------------------------------------------
+    // Pointer / drag handling
+    // -------------------------------------------------------------------------
+    /**
+     * @protected Handles pointerdown events on the track area to begin thumb dragging.
+     */
+    _onTrackPointerDown(event) {
+        if (this.computedDisabled())
+            return;
+        // Cache the track rect once per drag so the per-move percent math (track
+        // click and every pointermove) avoids a repeated getBoundingClientRect
+        // layout read. Cleared on pointerup. The element itself comes from the
+        // `viewChild` query, not a DOM lookup.
+        this._dragTrackRect =
+            this._trackRef()?.nativeElement.getBoundingClientRect() ?? null;
+        const target = event.target;
+        const thumbElement = target instanceof Element
+            ? target.closest('.mlv-slider__thumb')
+            : null;
+        if (thumbElement && this._elementRef.nativeElement.contains(thumbElement)) {
+            const thumb = (thumbElement.dataset['thumb'] ?? 'low');
+            this._activeDragThumb.set(thumb);
+            thumbElement.setPointerCapture(event.pointerId);
+            this._attachPointerListeners(event.pointerId);
+            return;
+        }
+        // Click on track — jump the nearest thumb to that position
+        const value = this._pointerEventToValue(event);
+        if (!this.range()) {
+            this._setLowValue(value);
+            this._emitChange();
+            this._activeDragThumb.set('low');
+        }
+        else {
+            const lowDist = Math.abs(this._lowValue() - value);
+            const highDist = Math.abs(this._highValue() - value);
+            if (lowDist <= highDist) {
+                this._setLowValue(Math.min(value, this._highValue()));
+                this._activeDragThumb.set('low');
+            }
+            else {
+                this._setHighValue(Math.max(value, this._lowValue()));
+                this._activeDragThumb.set('high');
+            }
+            this._emitChange();
+        }
+        this._attachPointerListeners(event.pointerId);
+    }
+    /**
+     * @private Attaches pointermove/end listeners on the window for drag tracking.
+     * During drag the thumb follows the pointer freely (no step snapping) while the
+     * emitted value snaps to the nearest step on every move. On pointer release the
+     * raw drag position is cleared so the thumb animates to the snapped position.
+     */
+    _attachPointerListeners(pointerId) {
+        let release = null;
+        const onMove = (e) => {
+            if (e.pointerId !== pointerId)
+                return;
+            const rawPercent = this._pointerToPercent(e);
+            const rawValue = this.min() + (rawPercent / 100) * (this.max() - this.min());
+            const snappedValue = this._snap(this._clamp(rawValue));
+            const thumb = this._activeDragThumb();
+            if (thumb === 'low') {
+                const maxPercent = this.range() ? this._highPercent() : 100;
+                const clampedPercent = Math.min(rawPercent, maxPercent);
+                this._lowDragPercent.set(clampedPercent);
+                this._setLowValue(this.range()
+                    ? Math.min(snappedValue, this._highValue())
+                    : snappedValue);
+            }
+            else if (thumb === 'high') {
+                const minPercent = this._lowPercent();
+                const clampedPercent = Math.max(rawPercent, minPercent);
+                this._highDragPercent.set(clampedPercent);
+                this._setHighValue(Math.max(snappedValue, this._lowValue()));
+            }
+            this._emitChange();
+        };
+        const onEnd = (e) => {
+            if (e.pointerId !== pointerId)
+                return;
+            this._lowDragPercent.set(null);
+            this._highDragPercent.set(null);
+            this._activeDragThumb.set(null);
+            // Drop the cached track geometry so the next drag re-measures.
+            this._dragTrackRect = null;
+            this._markTouched();
+            release?.();
+            release = null;
+        };
+        const moveDispose = this._renderer.listen('window', 'pointermove', onMove);
+        const upDispose = this._renderer.listen('window', 'pointerup', onEnd);
+        const cancelDispose = this._renderer.listen('window', 'pointercancel', onEnd);
+        release = () => {
+            moveDispose();
+            upDispose();
+            cancelDispose();
+        };
+        // Guarantee cleanup if the component is destroyed mid-drag — prevents
+        // stale window listeners against a detached host.
+        this._destroyRef.onDestroy(() => release?.());
+    }
+    // -------------------------------------------------------------------------
+    // Private utilities
+    // -------------------------------------------------------------------------
+    /**
+     * @private Converts a keyboard event into a new value, or null if unhandled.
+     */
+    _computeKeyValue(event, currentValue) {
+        const min = this.min();
+        const max = this.max();
+        const step = this.step();
+        const pageStep = Math.max(step, (max - min) * 0.1);
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                return this._clamp(currentValue + step);
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                return this._clamp(currentValue - step);
+            case 'Home':
+                return min;
+            case 'End':
+                return max;
+            case 'PageUp':
+                return this._clamp(currentValue + pageStep);
+            case 'PageDown':
+                return this._clamp(currentValue - pageStep);
+            default:
+                return null;
+        }
+    }
+    /**
+     * @private Converts a pointer event position to a clamped percentage (0–100).
+     * Horizontal: left → 0%, right → 100%.
+     * Vertical: bottom → 0%, top → 100% (inverted Y axis).
+     * Does not snap — use this for free drag tracking.
+     */
+    _pointerToPercent(event) {
+        // Reuse the rect cached at pointerdown; fall back to a fresh measurement of
+        // the `viewChild` track element if reached outside a drag sequence.
+        const rect = this._dragTrackRect ??
+            this._trackRef()?.nativeElement.getBoundingClientRect() ??
+            null;
+        if (!rect)
+            return this._valueToPercent(this._lowValue());
+        if (this._isVertical()) {
+            return Math.min(100, Math.max(0, (1 - (event.clientY - rect.top) / rect.height) * 100));
+        }
+        return Math.min(100, Math.max(0, ((event.clientX - rect.left) / rect.width) * 100));
+    }
+    /**
+     * @private Converts a pointer event's X position to a clamped, snapped slider value.
+     * Used for track clicks (immediate snap) — not for drag moves.
+     */
+    _pointerEventToValue(event) {
+        const percent = this._pointerToPercent(event);
+        const rawValue = this.min() + (percent / 100) * (this.max() - this.min());
+        return this._snap(this._clamp(rawValue));
+    }
+    /**
+     * @private Converts a value to a percentage between 0 and 100.
+     */
+    _valueToPercent(value) {
+        const range = this.max() - this.min();
+        if (range === 0)
+            return 0;
+        return ((value - this.min()) / range) * 100;
+    }
+    /**
+     * @private Clamps a value to [min, max].
+     */
+    _clamp(value) {
+        return clamp(value, this.min(), this.max());
+    }
+    /**
+     * @private Snaps a value to the nearest step.
+     */
+    _snap(value) {
+        const step = this.step();
+        if (step <= 0)
+            return value;
+        const snapped = Math.round((value - this.min()) / step) * step + this.min();
+        return this._clamp(snapped);
+    }
+    /** @private Writes the low/sole thumb while preserving the range shape. */
+    _setLowValue(value) {
+        if (this.range()) {
+            this.value.set([value, this._highValue()]);
+        }
+        else {
+            this.value.set(value);
+        }
+    }
+    /** @private Writes the high thumb while preserving the current low value. */
+    _setHighValue(value) {
+        this.value.set([this._lowValue(), value]);
+    }
+    /**
+     * @private Writes the current value through the signal-forms model.
+     */
+    _emitChange() {
+        if (this.range()) {
+            this.value.set([this._lowValue(), this._highValue()]);
+        }
+        else {
+            this.value.set(this._lowValue());
+        }
+    }
+    /** @protected Marks the control touched when either thumb loses focus. */
+    _onThumbBlur() {
+        this.setFocused(false);
+        this._markTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvSlider, isStandalone: true, selector: "mlv-slider", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", 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 }, showTicks: { classPropertyName: "showTicks", publicName: "showTicks", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "pointerdown": "_onTrackPointerDown($event)" }, properties: { "class.mlv-slider--disabled": "computedDisabled()", "class.mlv-slider--range": "range()", "class.mlv-slider--has-ticks": "showTicks()", "class.mlv-slider--vertical": "_isVertical()", "class.mlv-slider--dragging": "_activeDragThumb() !== null", "style.--mlv-slider-fill-start": "_fillStart()", "style.--mlv-slider-fill-end": "_fillEnd()" }, classAttribute: "mlv-slider" }, providers: [
+            {
+                provide: MLV_DENSITY_ELEMENT,
+                useValue: 'slider',
+            },
+            {
+                provide: MLV_FORM_CONTROL,
+                useExisting: forwardRef(() => MlvSlider),
+            },
+        ], queries: [{ propertyName: "_tooltipDef", first: true, predicate: MlvSliderTooltipDef, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_trackRef", first: true, predicate: ["track"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.MlvCompactComfortableDensity, inputs: ["mlvDensity", "mlvDensity"] }], ngImport: i0, template: "<div class=\"mlv-slider__track\" #track>\n  <div class=\"mlv-slider__fill\"></div>\n\n  @if (showTicks()) {\n  <div class=\"mlv-slider__ticks\" aria-hidden=\"true\">\n    @for (tick of _ticks(); track tick) {\n    <span\n      class=\"mlv-slider__tick\"\n      [style.left]=\"!_isVertical() ? tick + '%' : null\"\n      [style.bottom]=\"_isVertical() ? tick + '%' : null\"\n    ></span>\n    }\n  </div>\n  }\n</div>\n\n<div\n  class=\"mlv-slider__thumb mlv-slider__thumb--low\"\n  [class.mlv-slider__thumb--dragging]=\"_activeDragThumb() === 'low'\"\n  role=\"slider\"\n  [attr.data-thumb]=\"'low'\"\n  [attr.tabindex]=\"computedDisabled() ? -1 : 0\"\n  [attr.aria-valuenow]=\"_lowValue()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"range() ? _highValue() : max()\"\n  [attr.aria-label]=\"\n    range() ? _i18n().minValue : ariaLabel() || label() || _i18n().value\n  \"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n  [attr.aria-orientation]=\"orientation()\"\n  [style.left]=\"!_isVertical() ? _lowPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _lowPercent() + '%' : null\"\n  (keydown)=\"_onLowThumbKeydown($event)\"\n  (focus)=\"setFocused(true)\"\n  (blur)=\"_onThumbBlur()\"\n></div>\n\n@if (tooltip()) {\n<span\n  class=\"mlv-slider__tooltip mlv-slider__tooltip--low\"\n  aria-hidden=\"true\"\n  [style.left]=\"!_isVertical() ? _lowPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _lowPercent() + '%' : null\"\n>\n  @if (_tooltipDef(); as tooltipDef) {\n  <ng-container\n    [ngTemplateOutlet]=\"tooltipDef.templateRef\"\n    [ngTemplateOutletContext]=\"_lowTooltipContext()\"\n  />\n  } @else { {{ _lowValue() }} }\n</span>\n} @if (range()) {\n<div\n  class=\"mlv-slider__thumb mlv-slider__thumb--high\"\n  [class.mlv-slider__thumb--dragging]=\"_activeDragThumb() === 'high'\"\n  role=\"slider\"\n  [attr.data-thumb]=\"'high'\"\n  [attr.tabindex]=\"computedDisabled() ? -1 : 0\"\n  [attr.aria-valuenow]=\"_highValue()\"\n  [attr.aria-valuemin]=\"_lowValue()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-label]=\"_i18n().maxValue\"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n  [attr.aria-orientation]=\"orientation()\"\n  [style.left]=\"!_isVertical() ? _highPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _highPercent() + '%' : null\"\n  (keydown)=\"_onHighThumbKeydown($event)\"\n  (focus)=\"setFocused(true)\"\n  (blur)=\"_onThumbBlur()\"\n></div>\n\n@if (tooltip()) {\n<span\n  class=\"mlv-slider__tooltip mlv-slider__tooltip--high\"\n  aria-hidden=\"true\"\n  [style.left]=\"!_isVertical() ? _highPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _highPercent() + '%' : null\"\n>\n  @if (_tooltipDef(); as tooltipDef) {\n  <ng-container\n    [ngTemplateOutlet]=\"tooltipDef.templateRef\"\n    [ngTemplateOutletContext]=\"_highTooltipContext()\"\n  />\n  } @else { {{ _highValue() }} }\n</span>\n} }\n", styles: [".mlv-slider{--mlv-slider-track-height: .25rem;--mlv-slider-thumb-size: 1.25rem;--mlv-slider-thumb-border-width: .125rem;--mlv-slider-tooltip-gap: .5rem;--mlv-slider-tooltip-background: var(--mlv-palette-neutral-950);--mlv-slider-tooltip-color: var(--mlv-text-primary-on-accent-1);position:relative;display:flex;align-items:center;width:100%;min-height:2.75rem;padding-block:.75rem;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}[class*=--compact] .mlv-slider:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-slider[class*=--compact]{--mlv-slider-track-height: .1875rem;--mlv-slider-thumb-size: 1rem;min-height:2rem;padding-block:.5rem}.mlv-slider__track{position:relative;width:100%;height:var(--mlv-slider-track-height);background-color:var(--mlv-border-normal, rgba(0, 0, 0, .16));border-radius:var(--mlv-radius-full);overflow:visible}.mlv-slider__fill{position:absolute;top:0;left:var(--mlv-slider-fill-start, 0%);width:calc(var(--mlv-slider-fill-end, 0%) - var(--mlv-slider-fill-start, 0%));height:100%;background-color:var(--mlv-background-accent-1);border-radius:var(--mlv-radius-full);pointer-events:none;transition:left var(--mlv-duration-normal) var(--mlv-ease-out),width var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-slider--dragging .mlv-slider__fill{transition:none}.mlv-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;pointer-events:none}.mlv-slider__tick{position:absolute;top:calc(-.25rem - var(--mlv-slider-track-height) / 2);transform:translate(-50%);width:.0625rem;height:.5rem;background-color:var(--mlv-border-normal, rgba(0, 0, 0, .24));border-radius:.0625rem}[class*=--compact] .mlv-slider__tick:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-slider__tick[class*=--compact]{height:.375rem}.mlv-slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--mlv-slider-thumb-size);height:var(--mlv-slider-thumb-size);background-color:var(--mlv-background-accent-1);border:var(--mlv-slider-thumb-border-width) solid var(--mlv-background-base);border-radius:50%;box-shadow:var(--mlv-shadow-2, 0 2px 6px rgba(0, 0, 0, .18));cursor:grab;transition:left var(--mlv-duration-normal) var(--mlv-ease-out),transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease);outline:none;z-index:1}.mlv-slider--dragging .mlv-slider__thumb{transition:transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease)}.mlv-slider__thumb:hover{box-shadow:0 0 0 4px var(--mlv-muted-primary-border-1),var(--mlv-shadow-3, 0 4px 10px rgba(0, 0, 0, .22));transform:translate(-50%,-50%) scale(1.1)}.mlv-slider__thumb:focus-visible{outline:.125rem solid var(--mlv-border-focus);outline-offset:.125rem}.mlv-slider__thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.mlv-slider__thumb:hover,.mlv-slider__thumb:focus-visible,.mlv-slider__thumb--dragging{z-index:2}.mlv-slider__tooltip{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;max-width:15rem;padding:var(--mlv-padding-xs);color:var(--mlv-slider-tooltip-color);background-color:var(--mlv-slider-tooltip-background);border-radius:var(--mlv-radius-tooltip);box-shadow:var(--mlv-shadow-2);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-typography-body-s-weight);line-height:var(--mlv-typography-body-s-line-height);text-align:center;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:var(--mlv-z-tooltip);transform:translate(-50%,calc(-50% - var(--mlv-slider-thumb-size) / 2 - var(--mlv-slider-tooltip-gap))) scale(.96);transform-origin:center bottom;transition:left var(--mlv-duration-normal) var(--mlv-ease-out),opacity var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out),visibility var(--mlv-duration-instant) linear var(--mlv-duration-fast)}.mlv-slider__tooltip:after{position:absolute;top:100%;left:50%;width:0;height:0;border-top:.25rem solid var(--mlv-slider-tooltip-background);border-right:.25rem solid transparent;border-left:.25rem solid transparent;content:\"\";transform:translate(-50%)}.mlv-slider__thumb:hover+.mlv-slider__tooltip,.mlv-slider__thumb:focus-visible+.mlv-slider__tooltip,.mlv-slider__thumb--dragging+.mlv-slider__tooltip{opacity:1;visibility:visible;transform:translate(-50%,calc(-50% - var(--mlv-slider-thumb-size) / 2 - var(--mlv-slider-tooltip-gap))) scale(1);transition-delay:0s}.mlv-slider--dragging .mlv-slider__tooltip{transition:opacity var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out),visibility var(--mlv-duration-instant) linear}.mlv-slider--disabled{opacity:var(--mlv-disabled-opacity, .56);cursor:not-allowed;pointer-events:none}.mlv-slider--disabled .mlv-slider__thumb{cursor:not-allowed}.mlv-slider--disabled .mlv-slider__tooltip{opacity:0;visibility:hidden}.mlv-slider--vertical{flex-direction:column;width:auto;min-width:2.75rem;height:100%;min-height:10rem;padding-block:0;padding-inline:.75rem}[class*=--compact] .mlv-slider--vertical:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-slider--vertical[class*=--compact]{min-width:2rem;padding-inline:.5rem}.mlv-slider--vertical .mlv-slider__track{width:var(--mlv-slider-track-height);height:100%}.mlv-slider--vertical .mlv-slider__fill{top:auto;left:0;bottom:var(--mlv-slider-fill-start, 0%);width:100%;height:calc(var(--mlv-slider-fill-end, 0%) - var(--mlv-slider-fill-start, 0%));transition:bottom var(--mlv-duration-normal) var(--mlv-ease-out),height var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-slider--vertical .mlv-slider__ticks{top:0;left:50%;width:0;height:100%}.mlv-slider--vertical .mlv-slider__tick{top:auto;left:calc(var(--mlv-slider-track-height) / 2 + .25rem);transform:translateY(50%);width:.5rem;height:.0625rem}.mlv-slider--vertical .mlv-slider__thumb{top:auto;left:50%;transform:translate(-50%,50%);transition:bottom var(--mlv-duration-normal) var(--mlv-ease-out),transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease)}.mlv-slider--vertical .mlv-slider__thumb:hover{transform:translate(-50%,50%) scale(1.1)}.mlv-slider--vertical .mlv-slider__thumb:active{transform:translate(-50%,50%) scale(.95)}.mlv-slider--vertical .mlv-slider__tooltip{top:auto;left:50%;transform:translate(calc(var(--mlv-slider-thumb-size) / 2 + var(--mlv-slider-tooltip-gap)),50%) scale(.96);transform-origin:left center;transition:bottom var(--mlv-duration-normal) var(--mlv-ease-out),opacity var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out),visibility var(--mlv-duration-instant) linear var(--mlv-duration-fast)}.mlv-slider--vertical .mlv-slider__tooltip:after{top:50%;right:100%;left:auto;border-top:.25rem solid transparent;border-right:.25rem solid var(--mlv-slider-tooltip-background);border-bottom:.25rem solid transparent;border-left:0;transform:translateY(-50%)}.mlv-slider--vertical .mlv-slider__thumb:hover+.mlv-slider__tooltip,.mlv-slider--vertical .mlv-slider__thumb:focus-visible+.mlv-slider__tooltip,.mlv-slider--vertical .mlv-slider__thumb--dragging+.mlv-slider__tooltip{transform:translate(calc(var(--mlv-slider-thumb-size) / 2 + var(--mlv-slider-tooltip-gap)),50%) scale(1)}.mlv-slider--vertical.mlv-slider--dragging .mlv-slider__fill{transition:none}.mlv-slider--vertical.mlv-slider--dragging .mlv-slider__thumb{transition:transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease)}@media(prefers-reduced-motion:reduce){.mlv-slider,.mlv-slider *,.mlv-slider:before,.mlv-slider:after,[class^=mlv-slider__],[class*=\" mlv-slider__\"],[class^=mlv-slider--],[class*=\" mlv-slider--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvSlider, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-slider', imports: [NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: MlvCompactComfortableDensity,
+                            inputs: ['mlvDensity'],
+                        },
+                    ], providers: [
+                        {
+                            provide: MLV_DENSITY_ELEMENT,
+                            useValue: 'slider',
+                        },
+                        {
+                            provide: MLV_FORM_CONTROL,
+                            useExisting: forwardRef(() => MlvSlider),
+                        },
+                    ], host: {
+                        class: 'mlv-slider',
+                        '[class.mlv-slider--disabled]': 'computedDisabled()',
+                        '[class.mlv-slider--range]': 'range()',
+                        '[class.mlv-slider--has-ticks]': 'showTicks()',
+                        '[class.mlv-slider--vertical]': '_isVertical()',
+                        '[class.mlv-slider--dragging]': '_activeDragThumb() !== null',
+                        '[style.--mlv-slider-fill-start]': '_fillStart()',
+                        '[style.--mlv-slider-fill-end]': '_fillEnd()',
+                        '(pointerdown)': '_onTrackPointerDown($event)',
+                    }, template: "<div class=\"mlv-slider__track\" #track>\n  <div class=\"mlv-slider__fill\"></div>\n\n  @if (showTicks()) {\n  <div class=\"mlv-slider__ticks\" aria-hidden=\"true\">\n    @for (tick of _ticks(); track tick) {\n    <span\n      class=\"mlv-slider__tick\"\n      [style.left]=\"!_isVertical() ? tick + '%' : null\"\n      [style.bottom]=\"_isVertical() ? tick + '%' : null\"\n    ></span>\n    }\n  </div>\n  }\n</div>\n\n<div\n  class=\"mlv-slider__thumb mlv-slider__thumb--low\"\n  [class.mlv-slider__thumb--dragging]=\"_activeDragThumb() === 'low'\"\n  role=\"slider\"\n  [attr.data-thumb]=\"'low'\"\n  [attr.tabindex]=\"computedDisabled() ? -1 : 0\"\n  [attr.aria-valuenow]=\"_lowValue()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"range() ? _highValue() : max()\"\n  [attr.aria-label]=\"\n    range() ? _i18n().minValue : ariaLabel() || label() || _i18n().value\n  \"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n  [attr.aria-orientation]=\"orientation()\"\n  [style.left]=\"!_isVertical() ? _lowPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _lowPercent() + '%' : null\"\n  (keydown)=\"_onLowThumbKeydown($event)\"\n  (focus)=\"setFocused(true)\"\n  (blur)=\"_onThumbBlur()\"\n></div>\n\n@if (tooltip()) {\n<span\n  class=\"mlv-slider__tooltip mlv-slider__tooltip--low\"\n  aria-hidden=\"true\"\n  [style.left]=\"!_isVertical() ? _lowPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _lowPercent() + '%' : null\"\n>\n  @if (_tooltipDef(); as tooltipDef) {\n  <ng-container\n    [ngTemplateOutlet]=\"tooltipDef.templateRef\"\n    [ngTemplateOutletContext]=\"_lowTooltipContext()\"\n  />\n  } @else { {{ _lowValue() }} }\n</span>\n} @if (range()) {\n<div\n  class=\"mlv-slider__thumb mlv-slider__thumb--high\"\n  [class.mlv-slider__thumb--dragging]=\"_activeDragThumb() === 'high'\"\n  role=\"slider\"\n  [attr.data-thumb]=\"'high'\"\n  [attr.tabindex]=\"computedDisabled() ? -1 : 0\"\n  [attr.aria-valuenow]=\"_highValue()\"\n  [attr.aria-valuemin]=\"_lowValue()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-label]=\"_i18n().maxValue\"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n  [attr.aria-orientation]=\"orientation()\"\n  [style.left]=\"!_isVertical() ? _highPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _highPercent() + '%' : null\"\n  (keydown)=\"_onHighThumbKeydown($event)\"\n  (focus)=\"setFocused(true)\"\n  (blur)=\"_onThumbBlur()\"\n></div>\n\n@if (tooltip()) {\n<span\n  class=\"mlv-slider__tooltip mlv-slider__tooltip--high\"\n  aria-hidden=\"true\"\n  [style.left]=\"!_isVertical() ? _highPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _highPercent() + '%' : null\"\n>\n  @if (_tooltipDef(); as tooltipDef) {\n  <ng-container\n    [ngTemplateOutlet]=\"tooltipDef.templateRef\"\n    [ngTemplateOutletContext]=\"_highTooltipContext()\"\n  />\n  } @else { {{ _highValue() }} }\n</span>\n} }\n", styles: [".mlv-slider{--mlv-slider-track-height: .25rem;--mlv-slider-thumb-size: 1.25rem;--mlv-slider-thumb-border-width: .125rem;--mlv-slider-tooltip-gap: .5rem;--mlv-slider-tooltip-background: var(--mlv-palette-neutral-950);--mlv-slider-tooltip-color: var(--mlv-text-primary-on-accent-1);position:relative;display:flex;align-items:center;width:100%;min-height:2.75rem;padding-block:.75rem;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}[class*=--compact] .mlv-slider:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-slider[class*=--compact]{--mlv-slider-track-height: .1875rem;--mlv-slider-thumb-size: 1rem;min-height:2rem;padding-block:.5rem}.mlv-slider__track{position:relative;width:100%;height:var(--mlv-slider-track-height);background-color:var(--mlv-border-normal, rgba(0, 0, 0, .16));border-radius:var(--mlv-radius-full);overflow:visible}.mlv-slider__fill{position:absolute;top:0;left:var(--mlv-slider-fill-start, 0%);width:calc(var(--mlv-slider-fill-end, 0%) - var(--mlv-slider-fill-start, 0%));height:100%;background-color:var(--mlv-background-accent-1);border-radius:var(--mlv-radius-full);pointer-events:none;transition:left var(--mlv-duration-normal) var(--mlv-ease-out),width var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-slider--dragging .mlv-slider__fill{transition:none}.mlv-slider__ticks{position:absolute;top:50%;left:0;width:100%;height:0;pointer-events:none}.mlv-slider__tick{position:absolute;top:calc(-.25rem - var(--mlv-slider-track-height) / 2);transform:translate(-50%);width:.0625rem;height:.5rem;background-color:var(--mlv-border-normal, rgba(0, 0, 0, .24));border-radius:.0625rem}[class*=--compact] .mlv-slider__tick:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-slider__tick[class*=--compact]{height:.375rem}.mlv-slider__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--mlv-slider-thumb-size);height:var(--mlv-slider-thumb-size);background-color:var(--mlv-background-accent-1);border:var(--mlv-slider-thumb-border-width) solid var(--mlv-background-base);border-radius:50%;box-shadow:var(--mlv-shadow-2, 0 2px 6px rgba(0, 0, 0, .18));cursor:grab;transition:left var(--mlv-duration-normal) var(--mlv-ease-out),transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease);outline:none;z-index:1}.mlv-slider--dragging .mlv-slider__thumb{transition:transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease)}.mlv-slider__thumb:hover{box-shadow:0 0 0 4px var(--mlv-muted-primary-border-1),var(--mlv-shadow-3, 0 4px 10px rgba(0, 0, 0, .22));transform:translate(-50%,-50%) scale(1.1)}.mlv-slider__thumb:focus-visible{outline:.125rem solid var(--mlv-border-focus);outline-offset:.125rem}.mlv-slider__thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.mlv-slider__thumb:hover,.mlv-slider__thumb:focus-visible,.mlv-slider__thumb--dragging{z-index:2}.mlv-slider__tooltip{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;max-width:15rem;padding:var(--mlv-padding-xs);color:var(--mlv-slider-tooltip-color);background-color:var(--mlv-slider-tooltip-background);border-radius:var(--mlv-radius-tooltip);box-shadow:var(--mlv-shadow-2);font-family:var(--mlv-typography-family-text);font-size:var(--mlv-typography-body-s-size);font-weight:var(--mlv-typography-body-s-weight);line-height:var(--mlv-typography-body-s-line-height);text-align:center;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:var(--mlv-z-tooltip);transform:translate(-50%,calc(-50% - var(--mlv-slider-thumb-size) / 2 - var(--mlv-slider-tooltip-gap))) scale(.96);transform-origin:center bottom;transition:left var(--mlv-duration-normal) var(--mlv-ease-out),opacity var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out),visibility var(--mlv-duration-instant) linear var(--mlv-duration-fast)}.mlv-slider__tooltip:after{position:absolute;top:100%;left:50%;width:0;height:0;border-top:.25rem solid var(--mlv-slider-tooltip-background);border-right:.25rem solid transparent;border-left:.25rem solid transparent;content:\"\";transform:translate(-50%)}.mlv-slider__thumb:hover+.mlv-slider__tooltip,.mlv-slider__thumb:focus-visible+.mlv-slider__tooltip,.mlv-slider__thumb--dragging+.mlv-slider__tooltip{opacity:1;visibility:visible;transform:translate(-50%,calc(-50% - var(--mlv-slider-thumb-size) / 2 - var(--mlv-slider-tooltip-gap))) scale(1);transition-delay:0s}.mlv-slider--dragging .mlv-slider__tooltip{transition:opacity var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out),visibility var(--mlv-duration-instant) linear}.mlv-slider--disabled{opacity:var(--mlv-disabled-opacity, .56);cursor:not-allowed;pointer-events:none}.mlv-slider--disabled .mlv-slider__thumb{cursor:not-allowed}.mlv-slider--disabled .mlv-slider__tooltip{opacity:0;visibility:hidden}.mlv-slider--vertical{flex-direction:column;width:auto;min-width:2.75rem;height:100%;min-height:10rem;padding-block:0;padding-inline:.75rem}[class*=--compact] .mlv-slider--vertical:not([class*=--tight],[class*=--comfortable],[class*=--spacious],[class*=--airy]),.mlv-slider--vertical[class*=--compact]{min-width:2rem;padding-inline:.5rem}.mlv-slider--vertical .mlv-slider__track{width:var(--mlv-slider-track-height);height:100%}.mlv-slider--vertical .mlv-slider__fill{top:auto;left:0;bottom:var(--mlv-slider-fill-start, 0%);width:100%;height:calc(var(--mlv-slider-fill-end, 0%) - var(--mlv-slider-fill-start, 0%));transition:bottom var(--mlv-duration-normal) var(--mlv-ease-out),height var(--mlv-duration-normal) var(--mlv-ease-out)}.mlv-slider--vertical .mlv-slider__ticks{top:0;left:50%;width:0;height:100%}.mlv-slider--vertical .mlv-slider__tick{top:auto;left:calc(var(--mlv-slider-track-height) / 2 + .25rem);transform:translateY(50%);width:.5rem;height:.0625rem}.mlv-slider--vertical .mlv-slider__thumb{top:auto;left:50%;transform:translate(-50%,50%);transition:bottom var(--mlv-duration-normal) var(--mlv-ease-out),transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease)}.mlv-slider--vertical .mlv-slider__thumb:hover{transform:translate(-50%,50%) scale(1.1)}.mlv-slider--vertical .mlv-slider__thumb:active{transform:translate(-50%,50%) scale(.95)}.mlv-slider--vertical .mlv-slider__tooltip{top:auto;left:50%;transform:translate(calc(var(--mlv-slider-thumb-size) / 2 + var(--mlv-slider-tooltip-gap)),50%) scale(.96);transform-origin:left center;transition:bottom var(--mlv-duration-normal) var(--mlv-ease-out),opacity var(--mlv-duration-fast) var(--mlv-ease-out),transform var(--mlv-duration-fast) var(--mlv-ease-out),visibility var(--mlv-duration-instant) linear var(--mlv-duration-fast)}.mlv-slider--vertical .mlv-slider__tooltip:after{top:50%;right:100%;left:auto;border-top:.25rem solid transparent;border-right:.25rem solid var(--mlv-slider-tooltip-background);border-bottom:.25rem solid transparent;border-left:0;transform:translateY(-50%)}.mlv-slider--vertical .mlv-slider__thumb:hover+.mlv-slider__tooltip,.mlv-slider--vertical .mlv-slider__thumb:focus-visible+.mlv-slider__tooltip,.mlv-slider--vertical .mlv-slider__thumb--dragging+.mlv-slider__tooltip{transform:translate(calc(var(--mlv-slider-thumb-size) / 2 + var(--mlv-slider-tooltip-gap)),50%) scale(1)}.mlv-slider--vertical.mlv-slider--dragging .mlv-slider__fill{transition:none}.mlv-slider--vertical.mlv-slider--dragging .mlv-slider__thumb{transition:transform var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease),box-shadow var(--mlv-duration-fast, .1s) var(--mlv-ease-default, ease)}@media(prefers-reduced-motion:reduce){.mlv-slider,.mlv-slider *,.mlv-slider:before,.mlv-slider:after,[class^=mlv-slider__],[class*=\" mlv-slider__\"],[class^=mlv-slider--],[class*=\" mlv-slider--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", 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 }] }], showTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTicks", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], _tooltipDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MlvSliderTooltipDef), { isSignal: true }] }], _trackRef: [{ type: i0.ViewChild, args: ['track', { isSignal: true }] }] } });
+//# sourceMappingURL=slider.js.map

package/esm2022/slider/lib/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../../../../libs/core/slider/src/lib/slider/slider.ts","../../../../../../../libs/core/slider/src/lib/slider/slider.html"],"names":[],"mappings":"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","sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  Renderer2,\n  signal,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport type { MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MLV_FORM_CONTROL,\n  MlvSignalFormControlBase,\n} from '@malva-ui/core/form-utils';\nimport {\n  MlvCompactComfortableDensity,\n  MLV_DENSITY_ELEMENT,\n} from '@malva-ui/cdk/density';\nimport { clamp } from '@malva-ui/cdk/utils';\nimport { MLV_SLIDER_I18N } from '@malva-ui/i18n';\nimport {\n  MlvSliderTooltipDef,\n  type MlvSliderTooltipDefContext,\n} from './slider-tooltip-def';\n\n/**\n * The value type for the slider in single-thumb mode (number) or\n * dual-thumb range mode ([number, number]).\n */\nexport type MlvSliderValue = number | [number, number];\n\n@Component({\n  selector: 'mlv-slider',\n  imports: [NgTemplateOutlet],\n  templateUrl: './slider.html',\n  styleUrl: './slider.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [\n    {\n      directive: MlvCompactComfortableDensity,\n      inputs: ['mlvDensity'],\n    },\n  ],\n  providers: [\n    {\n      provide: MLV_DENSITY_ELEMENT,\n      useValue: 'slider',\n    },\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvSlider),\n    },\n  ],\n  host: {\n    class: 'mlv-slider',\n    '[class.mlv-slider--disabled]': 'computedDisabled()',\n    '[class.mlv-slider--range]': 'range()',\n    '[class.mlv-slider--has-ticks]': 'showTicks()',\n    '[class.mlv-slider--vertical]': '_isVertical()',\n    '[class.mlv-slider--dragging]': '_activeDragThumb() !== null',\n    '[style.--mlv-slider-fill-start]': '_fillStart()',\n    '[style.--mlv-slider-fill-end]': '_fillEnd()',\n    '(pointerdown)': '_onTrackPointerDown($event)',\n  },\n})\nexport class MlvSlider\n  extends MlvSignalFormControlBase<MlvSliderValue>\n  implements MlvFormControl\n{\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_SLIDER_I18N);\n\n  /**\n   * Orientation of the slider.\n   * In `'vertical'` mode the track runs bottom-to-top, thumbs are positioned\n   * with `bottom`, and the host must have an explicit height set.\n   */\n  readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n\n  /** Minimum value of the slider. */\n  readonly min = input<number, MlvSliderValue | null | undefined>(0, {\n    transform: (value) => (typeof value === 'number' ? value : 0),\n  });\n\n  /** Maximum value of the slider. */\n  readonly max = input<number, MlvSliderValue | null | undefined>(100, {\n    transform: (value) => (typeof value === 'number' ? value : 100),\n  });\n\n  /** Step increment between values. */\n  readonly step = input<number, number | null | undefined>(1, {\n    transform: (value) => value ?? 1,\n  });\n\n  /** Whether to display tick marks at each step interval. */\n  readonly showTicks = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** When true, the slider operates in dual-thumb range mode. */\n  readonly range = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Shows the current value in a tooltip while a thumb is hovered, dragged,\n   * or keyboard-focused.\n   */\n  readonly tooltip = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /** The selected scalar or range value used by all Angular forms APIs. */\n  readonly value = model<MlvSliderValue>(0);\n\n  /** @protected Optional consumer template used to render tooltip text. */\n  protected readonly _tooltipDef = contentChild(MlvSliderTooltipDef);\n\n  /** @private True when orientation is vertical. */\n  protected readonly _isVertical = computed(\n    () => this.orientation() === 'vertical',\n  );\n\n  /** @private Low (or sole) thumb value derived directly from the forms model. */\n  protected readonly _lowValue = computed<number>(() => {\n    const value = this.value();\n    return this._clamp(Array.isArray(value) ? value[0] : value);\n  });\n\n  /** @private High thumb value derived directly from the forms model. */\n  protected readonly _highValue = computed<number>(() => {\n    const value = this.value();\n    return this._clamp(Array.isArray(value) ? value[1] : this.max());\n  });\n\n  /** @protected Template context for the low or single-value thumb tooltip. */\n  protected readonly _lowTooltipContext = computed<MlvSliderTooltipDefContext>(\n    () => {\n      const value = this._lowValue();\n      return {\n        $implicit: value,\n        value,\n        thumb: this.range() ? 'min' : 'value',\n      };\n    },\n  );\n\n  /** @protected Template context for the high thumb tooltip in range mode. */\n  protected readonly _highTooltipContext = computed<MlvSliderTooltipDefContext>(\n    () => {\n      const value = this._highValue();\n      return {\n        $implicit: value,\n        value,\n        thumb: 'max',\n      };\n    },\n  );\n\n  /**\n   * @private The thumb currently being dragged: 'low', 'high', or null.\n   */\n  protected readonly _activeDragThumb = signal<'low' | 'high' | null>(null);\n\n  /**\n   * @private Raw drag position (0–100%) for the low thumb while dragging.\n   * Null when not dragging — thumb reverts to the snapped value's position.\n   */\n  private readonly _lowDragPercent = signal<number | null>(null);\n\n  /**\n   * @private Raw drag position (0–100%) for the high thumb while dragging.\n   * Null when not dragging — thumb reverts to the snapped value's position.\n   */\n  private readonly _highDragPercent = signal<number | null>(null);\n\n  /**\n   * @private Visual percentage position of the low thumb.\n   * Uses the raw drag position while dragging for a smooth feel;\n   * snaps back to the step-aligned position on pointer release.\n   */\n  protected readonly _lowPercent = computed<number>(() => {\n    const drag = this._lowDragPercent();\n    return drag !== null ? drag : this._valueToPercent(this._lowValue());\n  });\n\n  /**\n   * @private Visual percentage position of the high thumb.\n   * Uses the raw drag position while dragging for a smooth feel;\n   * snaps back to the step-aligned position on pointer release.\n   */\n  protected readonly _highPercent = computed<number>(() => {\n    const drag = this._highDragPercent();\n    return drag !== null ? drag : this._valueToPercent(this._highValue());\n  });\n\n  /**\n   * @private Computed percentage for the fill region start (0–100%).\n   * In single mode this is always 0; in range mode it tracks the low thumb visual position.\n   */\n  protected readonly _fillStart = computed<string>(() => {\n    if (!this.range()) return '0%';\n    return `${this._lowPercent()}%`;\n  });\n\n  /**\n   * @private Computed percentage for the fill region end (0–100%).\n   * Tracks the visual (drag or snapped) position of the active thumb.\n   */\n  protected readonly _fillEnd = computed<string>(() => {\n    return `${this.range() ? this._highPercent() : this._lowPercent()}%`;\n  });\n\n  /**\n   * @private Array of tick positions (percentages) shown when showTicks is true.\n   */\n  protected readonly _ticks = computed<number[]>(() => {\n    const min = this.min();\n    const max = this.max();\n    const step = this.step();\n    if (step <= 0) return [];\n    const ticks: number[] = [];\n    for (let v = min; v <= max; v += step) {\n      ticks.push(this._valueToPercent(v));\n    }\n    return ticks;\n  });\n\n  constructor() {\n    super();\n    this._elementRef = inject(ElementRef);\n    this._renderer = inject(Renderer2);\n    this._destroyRef = inject(DestroyRef);\n  }\n\n  /** @private Host element ref for pointer-to-value calculation. */\n  private _elementRef: ElementRef<HTMLElement>;\n\n  /** @private Renderer2 for SSR-safe + auto-cleanup window listeners during drag. */\n  private _renderer: Renderer2;\n\n  /** @private DestroyRef so a destroy mid-drag releases the listeners. */\n  private _destroyRef: DestroyRef;\n\n  /**\n   * @private The `.mlv-slider__track` element — a static child of this\n   * component's own template, so it is resolved via a signal `viewChild` query\n   * (repo rule: no `querySelector` for own-template elements) rather than a DOM\n   * lookup on the host.\n   */\n  private readonly _trackRef = viewChild<ElementRef<HTMLElement>>('track');\n\n  /**\n   * @private Track bounding rect captured at pointerdown and reused for the whole\n   * drag, so `_pointerToPercent` does not force a `getBoundingClientRect` layout\n   * read on every pointermove. Dropped when the pointer ends or is cancelled.\n   */\n  private _dragTrackRect: DOMRect | null = null;\n\n  // -------------------------------------------------------------------------\n  // Forms value\n  // -------------------------------------------------------------------------\n\n  /** Whether the control holds a clearable value — A slider always carries a numeric value. */\n  readonly hasValue = computed(() => true);\n\n  // -------------------------------------------------------------------------\n  // Keyboard handling (delegated from thumb elements)\n  // -------------------------------------------------------------------------\n\n  /**\n   * @protected Handles keydown events on the low thumb.\n   */\n  protected _onLowThumbKeydown(event: KeyboardEvent): void {\n    if (this.computedDisabled()) return;\n    const newValue = this._computeKeyValue(event, this._lowValue());\n    if (newValue !== null) {\n      event.preventDefault();\n      const clamped = this.range()\n        ? Math.min(newValue, this._highValue())\n        : newValue;\n      this._setLowValue(clamped);\n      this._emitChange();\n    }\n  }\n\n  /**\n   * @protected Handles keydown events on the high thumb (range mode only).\n   */\n  protected _onHighThumbKeydown(event: KeyboardEvent): void {\n    if (this.computedDisabled() || !this.range()) return;\n    const newValue = this._computeKeyValue(event, this._highValue());\n    if (newValue !== null) {\n      event.preventDefault();\n      const clamped = Math.max(newValue, this._lowValue());\n      this._setHighValue(clamped);\n      this._emitChange();\n    }\n  }\n\n  // -------------------------------------------------------------------------\n  // Pointer / drag handling\n  // -------------------------------------------------------------------------\n\n  /**\n   * @protected Handles pointerdown events on the track area to begin thumb dragging.\n   */\n  protected _onTrackPointerDown(event: PointerEvent): void {\n    if (this.computedDisabled()) return;\n\n    // Cache the track rect once per drag so the per-move percent math (track\n    // click and every pointermove) avoids a repeated getBoundingClientRect\n    // layout read. Cleared on pointerup. The element itself comes from the\n    // `viewChild` query, not a DOM lookup.\n    this._dragTrackRect =\n      this._trackRef()?.nativeElement.getBoundingClientRect() ?? null;\n\n    const target = event.target;\n    const thumbElement =\n      target instanceof Element\n        ? target.closest<HTMLElement>('.mlv-slider__thumb')\n        : null;\n    if (thumbElement && this._elementRef.nativeElement.contains(thumbElement)) {\n      const thumb = (thumbElement.dataset['thumb'] ?? 'low') as 'low' | 'high';\n      this._activeDragThumb.set(thumb);\n      thumbElement.setPointerCapture(event.pointerId);\n      this._attachPointerListeners(event.pointerId);\n      return;\n    }\n\n    // Click on track — jump the nearest thumb to that position\n    const value = this._pointerEventToValue(event);\n    if (!this.range()) {\n      this._setLowValue(value);\n      this._emitChange();\n      this._activeDragThumb.set('low');\n    } else {\n      const lowDist = Math.abs(this._lowValue() - value);\n      const highDist = Math.abs(this._highValue() - value);\n      if (lowDist <= highDist) {\n        this._setLowValue(Math.min(value, this._highValue()));\n        this._activeDragThumb.set('low');\n      } else {\n        this._setHighValue(Math.max(value, this._lowValue()));\n        this._activeDragThumb.set('high');\n      }\n      this._emitChange();\n    }\n    this._attachPointerListeners(event.pointerId);\n  }\n\n  /**\n   * @private Attaches pointermove/end listeners on the window for drag tracking.\n   * During drag the thumb follows the pointer freely (no step snapping) while the\n   * emitted value snaps to the nearest step on every move. On pointer release the\n   * raw drag position is cleared so the thumb animates to the snapped position.\n   */\n  private _attachPointerListeners(pointerId: number): void {\n    let release: (() => void) | null = null;\n\n    const onMove = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      const rawPercent = this._pointerToPercent(e);\n      const rawValue =\n        this.min() + (rawPercent / 100) * (this.max() - this.min());\n      const snappedValue = this._snap(this._clamp(rawValue));\n      const thumb = this._activeDragThumb();\n\n      if (thumb === 'low') {\n        const maxPercent = this.range() ? this._highPercent() : 100;\n        const clampedPercent = Math.min(rawPercent, maxPercent);\n        this._lowDragPercent.set(clampedPercent);\n        this._setLowValue(\n          this.range()\n            ? Math.min(snappedValue, this._highValue())\n            : snappedValue,\n        );\n      } else if (thumb === 'high') {\n        const minPercent = this._lowPercent();\n        const clampedPercent = Math.max(rawPercent, minPercent);\n        this._highDragPercent.set(clampedPercent);\n        this._setHighValue(Math.max(snappedValue, this._lowValue()));\n      }\n      this._emitChange();\n    };\n\n    const onEnd = (e: PointerEvent) => {\n      if (e.pointerId !== pointerId) return;\n      this._lowDragPercent.set(null);\n      this._highDragPercent.set(null);\n      this._activeDragThumb.set(null);\n      // Drop the cached track geometry so the next drag re-measures.\n      this._dragTrackRect = null;\n      this._markTouched();\n      release?.();\n      release = null;\n    };\n\n    const moveDispose = this._renderer.listen('window', 'pointermove', onMove);\n    const upDispose = this._renderer.listen('window', 'pointerup', onEnd);\n    const cancelDispose = this._renderer.listen(\n      'window',\n      'pointercancel',\n      onEnd,\n    );\n    release = () => {\n      moveDispose();\n      upDispose();\n      cancelDispose();\n    };\n\n    // Guarantee cleanup if the component is destroyed mid-drag — prevents\n    // stale window listeners against a detached host.\n    this._destroyRef.onDestroy(() => release?.());\n  }\n\n  // -------------------------------------------------------------------------\n  // Private utilities\n  // -------------------------------------------------------------------------\n\n  /**\n   * @private Converts a keyboard event into a new value, or null if unhandled.\n   */\n  private _computeKeyValue(\n    event: KeyboardEvent,\n    currentValue: number,\n  ): number | null {\n    const min = this.min();\n    const max = this.max();\n    const step = this.step();\n    const pageStep = Math.max(step, (max - min) * 0.1);\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        return this._clamp(currentValue + step);\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        return this._clamp(currentValue - step);\n      case 'Home':\n        return min;\n      case 'End':\n        return max;\n      case 'PageUp':\n        return this._clamp(currentValue + pageStep);\n      case 'PageDown':\n        return this._clamp(currentValue - pageStep);\n      default:\n        return null;\n    }\n  }\n\n  /**\n   * @private Converts a pointer event position to a clamped percentage (0–100).\n   * Horizontal: left → 0%, right → 100%.\n   * Vertical: bottom → 0%, top → 100% (inverted Y axis).\n   * Does not snap — use this for free drag tracking.\n   */\n  private _pointerToPercent(event: PointerEvent): number {\n    // Reuse the rect cached at pointerdown; fall back to a fresh measurement of\n    // the `viewChild` track element if reached outside a drag sequence.\n    const rect =\n      this._dragTrackRect ??\n      this._trackRef()?.nativeElement.getBoundingClientRect() ??\n      null;\n    if (!rect) return this._valueToPercent(this._lowValue());\n    if (this._isVertical()) {\n      return Math.min(\n        100,\n        Math.max(0, (1 - (event.clientY - rect.top) / rect.height) * 100),\n      );\n    }\n    return Math.min(\n      100,\n      Math.max(0, ((event.clientX - rect.left) / rect.width) * 100),\n    );\n  }\n\n  /**\n   * @private Converts a pointer event's X position to a clamped, snapped slider value.\n   * Used for track clicks (immediate snap) — not for drag moves.\n   */\n  private _pointerEventToValue(event: PointerEvent): number {\n    const percent = this._pointerToPercent(event);\n    const rawValue = this.min() + (percent / 100) * (this.max() - this.min());\n    return this._snap(this._clamp(rawValue));\n  }\n\n  /**\n   * @private Converts a value to a percentage between 0 and 100.\n   */\n  private _valueToPercent(value: number): number {\n    const range = this.max() - this.min();\n    if (range === 0) return 0;\n    return ((value - this.min()) / range) * 100;\n  }\n\n  /**\n   * @private Clamps a value to [min, max].\n   */\n  private _clamp(value: number): number {\n    return clamp(value, this.min(), this.max());\n  }\n\n  /**\n   * @private Snaps a value to the nearest step.\n   */\n  private _snap(value: number): number {\n    const step = this.step();\n    if (step <= 0) return value;\n    const snapped = Math.round((value - this.min()) / step) * step + this.min();\n    return this._clamp(snapped);\n  }\n\n  /** @private Writes the low/sole thumb while preserving the range shape. */\n  private _setLowValue(value: number): void {\n    if (this.range()) {\n      this.value.set([value, this._highValue()]);\n    } else {\n      this.value.set(value);\n    }\n  }\n\n  /** @private Writes the high thumb while preserving the current low value. */\n  private _setHighValue(value: number): void {\n    this.value.set([this._lowValue(), value]);\n  }\n\n  /**\n   * @private Writes the current value through the signal-forms model.\n   */\n  private _emitChange(): void {\n    if (this.range()) {\n      this.value.set([this._lowValue(), this._highValue()]);\n    } else {\n      this.value.set(this._lowValue());\n    }\n  }\n\n  /** @protected Marks the control touched when either thumb loses focus. */\n  protected _onThumbBlur(): void {\n    this.setFocused(false);\n    this._markTouched();\n  }\n}\n","<div class=\"mlv-slider__track\" #track>\n  <div class=\"mlv-slider__fill\"></div>\n\n  @if (showTicks()) {\n  <div class=\"mlv-slider__ticks\" aria-hidden=\"true\">\n    @for (tick of _ticks(); track tick) {\n    <span\n      class=\"mlv-slider__tick\"\n      [style.left]=\"!_isVertical() ? tick + '%' : null\"\n      [style.bottom]=\"_isVertical() ? tick + '%' : null\"\n    ></span>\n    }\n  </div>\n  }\n</div>\n\n<div\n  class=\"mlv-slider__thumb mlv-slider__thumb--low\"\n  [class.mlv-slider__thumb--dragging]=\"_activeDragThumb() === 'low'\"\n  role=\"slider\"\n  [attr.data-thumb]=\"'low'\"\n  [attr.tabindex]=\"computedDisabled() ? -1 : 0\"\n  [attr.aria-valuenow]=\"_lowValue()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"range() ? _highValue() : max()\"\n  [attr.aria-label]=\"\n    range() ? _i18n().minValue : ariaLabel() || label() || _i18n().value\n  \"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n  [attr.aria-orientation]=\"orientation()\"\n  [style.left]=\"!_isVertical() ? _lowPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _lowPercent() + '%' : null\"\n  (keydown)=\"_onLowThumbKeydown($event)\"\n  (focus)=\"setFocused(true)\"\n  (blur)=\"_onThumbBlur()\"\n></div>\n\n@if (tooltip()) {\n<span\n  class=\"mlv-slider__tooltip mlv-slider__tooltip--low\"\n  aria-hidden=\"true\"\n  [style.left]=\"!_isVertical() ? _lowPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _lowPercent() + '%' : null\"\n>\n  @if (_tooltipDef(); as tooltipDef) {\n  <ng-container\n    [ngTemplateOutlet]=\"tooltipDef.templateRef\"\n    [ngTemplateOutletContext]=\"_lowTooltipContext()\"\n  />\n  } @else { {{ _lowValue() }} }\n</span>\n} @if (range()) {\n<div\n  class=\"mlv-slider__thumb mlv-slider__thumb--high\"\n  [class.mlv-slider__thumb--dragging]=\"_activeDragThumb() === 'high'\"\n  role=\"slider\"\n  [attr.data-thumb]=\"'high'\"\n  [attr.tabindex]=\"computedDisabled() ? -1 : 0\"\n  [attr.aria-valuenow]=\"_highValue()\"\n  [attr.aria-valuemin]=\"_lowValue()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-label]=\"_i18n().maxValue\"\n  [attr.aria-disabled]=\"computedDisabled() || null\"\n  [attr.aria-orientation]=\"orientation()\"\n  [style.left]=\"!_isVertical() ? _highPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _highPercent() + '%' : null\"\n  (keydown)=\"_onHighThumbKeydown($event)\"\n  (focus)=\"setFocused(true)\"\n  (blur)=\"_onThumbBlur()\"\n></div>\n\n@if (tooltip()) {\n<span\n  class=\"mlv-slider__tooltip mlv-slider__tooltip--high\"\n  aria-hidden=\"true\"\n  [style.left]=\"!_isVertical() ? _highPercent() + '%' : null\"\n  [style.bottom]=\"_isVertical() ? _highPercent() + '%' : null\"\n>\n  @if (_tooltipDef(); as tooltipDef) {\n  <ng-container\n    [ngTemplateOutlet]=\"tooltipDef.templateRef\"\n    [ngTemplateOutletContext]=\"_highTooltipContext()\"\n  />\n  } @else { {{ _highValue() }} }\n</span>\n} }\n"]}

package/esm2022/slider/malva-ui-core-slider.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-slider.js.map

package/esm2022/slider/malva-ui-core-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-slider.js","sourceRoot":"","sources":["../../../../../libs/core/slider/src/malva-ui-core-slider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/split-pane/index.js

@@ -0,0 +1,4 @@
+export * from './lib/split-pane/split-pane';
+export * from './lib/split-pane/split-pane-panel';
+export * from './lib/split-pane/split-pane.types';
+//# sourceMappingURL=index.js.map

package/esm2022/split-pane/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/split-pane/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './lib/split-pane/split-pane';\nexport * from './lib/split-pane/split-pane-panel';\nexport * from './lib/split-pane/split-pane.types';\n"]}