@weeehaoooz/talos-ui 0.1.0

package/fesm2022/weeehaoooz-talos-ui-form-range-input.mjs

@@ -0,0 +1,661 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, Directive, viewChild, output, signal, forwardRef, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class TalosRangeInputDirective {
+    elementRef = inject(ElementRef);
+    /** Size variant */
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Visual color variant */
+    variant = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Error state */
+    invalid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    fillPercentStyle = computed(() => {
+        const el = this.elementRef.nativeElement;
+        const min = parseFloat(el.min) || 0;
+        const max = parseFloat(el.max) || 100;
+        const val = parseFloat(el.value) || min;
+        const percent = max > min ? ((val - min) / (max - min)) * 100 : 0;
+        return `${Math.max(0, Math.min(100, percent))}%`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fillPercentStyle" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.1", type: TalosRangeInputDirective, isStandalone: true, selector: "input[type=\"range\"][talosRangeInput], input[type=\"range\"][talos-range-input]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.talos-range-input-sm": "size() === \"sm\"", "class.talos-range-input-md": "size() === \"md\"", "class.talos-range-input-lg": "size() === \"lg\"", "class.talos-range-input-primary": "variant() === \"primary\"", "class.talos-range-input-secondary": "variant() === \"secondary\"", "class.talos-range-input-success": "variant() === \"success\"", "class.talos-range-input-warning": "variant() === \"warning\"", "class.talos-range-input-danger": "variant() === \"danger\"", "class.talos-range-input-info": "variant() === \"info\"", "class.is-invalid": "invalid()", "style.--range-fill-percent": "fillPercentStyle()" }, classAttribute: "talos-range-native-input" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="range"][talosRangeInput], input[type="range"][talos-range-input]',
+                    host: {
+                        'class': 'talos-range-native-input',
+                        '[class.talos-range-input-sm]': 'size() === "sm"',
+                        '[class.talos-range-input-md]': 'size() === "md"',
+                        '[class.talos-range-input-lg]': 'size() === "lg"',
+                        '[class.talos-range-input-primary]': 'variant() === "primary"',
+                        '[class.talos-range-input-secondary]': 'variant() === "secondary"',
+                        '[class.talos-range-input-success]': 'variant() === "success"',
+                        '[class.talos-range-input-warning]': 'variant() === "warning"',
+                        '[class.talos-range-input-danger]': 'variant() === "danger"',
+                        '[class.talos-range-input-info]': 'variant() === "info"',
+                        '[class.is-invalid]': 'invalid()',
+                        '[style.--range-fill-percent]': 'fillPercentStyle()'
+                    }
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }] } });
+
+let rangeInputCounter = 0;
+class TalosRangeInputComponent {
+    elementRef = inject(ElementRef);
+    trackContainerRef = viewChild('sliderTrackContainer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackContainerRef" }] : /* istanbul ignore next */ []));
+    thumb0Ref = viewChild('thumb0', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumb0Ref" }] : /* istanbul ignore next */ []));
+    thumb1Ref = viewChild('thumb1', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumb1Ref" }] : /* istanbul ignore next */ []));
+    /** Minimum allowed value */
+    min = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    /** Maximum allowed value */
+    max = input(100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Step increment for values */
+    step = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    /** Step interval for tick marks / labels generation (e.g. 10, 20, 25) */
+    interval = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "interval" }] : /* istanbul ignore next */ []));
+    /** Whether the slider operates in dual-thumb range mode */
+    range = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "range" }] : /* istanbul ignore next */ []));
+    /** Minimum distance between handles in dual mode */
+    minRange = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minRange" }] : /* istanbul ignore next */ []));
+    /** Maximum distance between handles in dual mode */
+    maxRange = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxRange" }] : /* istanbul ignore next */ []));
+    /** Discrete tick marks with optional custom labels */
+    marks = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "marks" }] : /* istanbul ignore next */ []));
+    /** Whether to show tick mark notches on the track */
+    showTicks = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showTicks" }] : /* istanbul ignore next */ []));
+    /** Whether to show interval/tick labels under the track */
+    showIntervals = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showIntervals" }] : /* istanbul ignore next */ []));
+    /** Alias for showIntervals */
+    showLabels = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showLabels" }] : /* istanbul ignore next */ []));
+    /** Whether to snap slider thumb only to configured tick marks */
+    snapToTicks = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "snapToTicks" }] : /* istanbul ignore next */ []));
+    /** Sizing variant */
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Visual color variant */
+    variant = input('primary', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Disabled state */
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Read-only state */
+    readonly = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    /** Invalid error state */
+    invalid = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    /** Top label text */
+    label = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** Floating label mode toggle */
+    floatingLabel = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "floatingLabel" }] : /* istanbul ignore next */ []));
+    floating = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "floating" }] : /* istanbul ignore next */ []));
+    /** Helper hint text */
+    hint = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    /** Whether to render synchronized number inputs */
+    showInputs = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showInputs" }] : /* istanbul ignore next */ []));
+    /** Whether to show top value badge when inputs are disabled */
+    showValueBadge = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showValueBadge" }] : /* istanbul ignore next */ []));
+    /** Tooltip display mode ('always' | 'hover' | 'drag' | 'none') */
+    showTooltip = input('hover', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showTooltip" }] : /* istanbul ignore next */ []));
+    /** Optional prefix string (e.g. '$') */
+    prefix = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prefix" }] : /* istanbul ignore next */ []));
+    /** Optional suffix string (e.g. '%', '°C') */
+    suffix = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "suffix" }] : /* istanbul ignore next */ []));
+    /** Custom value formatter function */
+    formatter = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formatter" }] : /* istanbul ignore next */ []));
+    /** Accessibility label for single slider */
+    ariaLabel = input('Range slider', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /** Accessibility label for start thumb in range mode */
+    ariaLabelStart = input('Minimum range value', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabelStart" }] : /* istanbul ignore next */ []));
+    /** Accessibility label for end thumb in range mode */
+    ariaLabelEnd = input('Maximum range value', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabelEnd" }] : /* istanbul ignore next */ []));
+    /** Element unique ID */
+    id = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    /** Standalone value input binding */
+    value = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Emitted when value changes */
+    valueChange = output();
+    /** Emitted during active dragging or keyboard movement */
+    inputChange = output();
+    /** Emitted on drag end, click release or input commit */
+    change = output();
+    // Internal reactive states
+    defaultId = `talos-range-${++rangeInputCounter}`;
+    elementId = computed(() => this.id() || this.defaultId, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "elementId" }] : /* istanbul ignore next */ []));
+    internalValue = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
+    isCvaDisabled = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isCvaDisabled" }] : /* istanbul ignore next */ []));
+    isTouched = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isTouched" }] : /* istanbul ignore next */ []));
+    // Active interaction tracking
+    focusedThumb = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusedThumb" }] : /* istanbul ignore next */ []));
+    hoveredThumb = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hoveredThumb" }] : /* istanbul ignore next */ []));
+    draggingThumb = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "draggingThumb" }] : /* istanbul ignore next */ []));
+    // Effective state computations
+    isFloatingMode = computed(() => this.floatingLabel() || this.floating(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isFloatingMode" }] : /* istanbul ignore next */ []));
+    effectiveDisabled = computed(() => this.disabled() || this.isCvaDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveDisabled" }] : /* istanbul ignore next */ []));
+    effectiveInvalid = computed(() => this.invalid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveInvalid" }] : /* istanbul ignore next */ []));
+    /** Determines whether the component is in dual-handle range mode */
+    isDualRange = computed(() => {
+        if (this.range())
+            return true;
+        const v = this.internalValue() ?? this.value();
+        return Array.isArray(v);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDualRange" }] : /* istanbul ignore next */ []));
+    /** Resolved start value (single value or lower bound of range) */
+    startValue = computed(() => {
+        const v = this.internalValue() ?? this.value();
+        const min = this.min();
+        const max = this.max();
+        if (Array.isArray(v)) {
+            const val = typeof v[0] === 'number' ? v[0] : min;
+            return this.clamp(val, min, max);
+        }
+        const val = typeof v === 'number' ? v : min;
+        return this.clamp(val, min, max);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startValue" }] : /* istanbul ignore next */ []));
+    /** Resolved end value (upper bound of range mode) */
+    endValue = computed(() => {
+        const v = this.internalValue() ?? this.value();
+        const min = this.min();
+        const max = this.max();
+        if (Array.isArray(v)) {
+            const val = typeof v[1] === 'number' ? v[1] : max;
+            return this.clamp(Math.max(this.startValue(), val), min, max);
+        }
+        return max;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endValue" }] : /* istanbul ignore next */ []));
+    /** Overall span */
+    span = computed(() => {
+        const diff = this.max() - this.min();
+        return diff > 0 ? diff : 1;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
+    /** Percentage position of thumb 0 */
+    thumb0Percent = computed(() => {
+        return this.valueToPercent(this.startValue());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumb0Percent" }] : /* istanbul ignore next */ []));
+    /** Percentage position of thumb 1 */
+    thumb1Percent = computed(() => {
+        return this.valueToPercent(this.endValue());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumb1Percent" }] : /* istanbul ignore next */ []));
+    /** Fill bar left percentage */
+    fillLeftPercent = computed(() => {
+        if (this.isDualRange()) {
+            return this.thumb0Percent();
+        }
+        return 0;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fillLeftPercent" }] : /* istanbul ignore next */ []));
+    /** Fill bar width percentage */
+    fillWidthPercent = computed(() => {
+        if (this.isDualRange()) {
+            return Math.max(0, this.thumb1Percent() - this.thumb0Percent());
+        }
+        return this.thumb0Percent();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fillWidthPercent" }] : /* istanbul ignore next */ []));
+    /** Computed list of tick marks */
+    ticks = computed(() => {
+        const min = this.min();
+        const max = this.max();
+        const customMarks = this.marks();
+        const intervalVal = this.interval();
+        const startVal = this.startValue();
+        const endVal = this.isDualRange() ? this.endValue() : startVal;
+        const isDual = this.isDualRange();
+        if (customMarks && customMarks.length > 0) {
+            return customMarks.map(m => {
+                const val = typeof m === 'number' ? m : m.value;
+                const label = typeof m === 'number' ? undefined : m.label;
+                const tooltip = typeof m === 'number' ? undefined : m.tooltip;
+                const percent = this.valueToPercent(val);
+                const active = isDual
+                    ? val >= startVal && val <= endVal
+                    : val <= startVal;
+                return { value: val, percent, label, tooltip, active };
+            });
+        }
+        if (intervalVal && intervalVal > 0) {
+            const list = [];
+            for (let v = min; v <= max; v += intervalVal) {
+                const percent = this.valueToPercent(v);
+                const active = isDual
+                    ? v >= startVal && v <= endVal
+                    : v <= startVal;
+                list.push({
+                    value: v,
+                    percent,
+                    label: this.formatDisplayValue(v),
+                    active
+                });
+            }
+            // Ensure max is included if not strictly a multiple
+            if ((max - min) % intervalVal !== 0) {
+                list.push({
+                    value: max,
+                    percent: 100,
+                    label: this.formatDisplayValue(max),
+                    active: isDual ? endVal >= max : startVal >= max
+                });
+            }
+            return list;
+        }
+        return [];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ticks" }] : /* istanbul ignore next */ []));
+    /** Computed list of interval/tick labels */
+    labels = computed(() => {
+        const customMarks = this.marks();
+        const ticksList = this.ticks();
+        if (customMarks && customMarks.length > 0) {
+            return ticksList.filter(t => t.label !== undefined);
+        }
+        return ticksList;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labels" }] : /* istanbul ignore next */ []));
+    isDragging = computed(() => this.draggingThumb() !== null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    // --- ControlValueAccessor Implementation ---
+    writeValue(val) {
+        if (val === null || val === undefined) {
+            this.internalValue.set(this.range() ? [this.min(), this.max()] : this.min());
+        }
+        else {
+            this.internalValue.set(val);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isCvaDisabled.set(isDisabled);
+    }
+    // --- Value Helpers & Formatting ---
+    clamp(value, min, max) {
+        return Math.min(Math.max(value, min), max);
+    }
+    valueToPercent(value) {
+        const min = this.min();
+        const span = this.span();
+        const percent = ((value - min) / span) * 100;
+        return Math.max(0, Math.min(100, percent));
+    }
+    percentToValue(percent) {
+        const min = this.min();
+        const span = this.span();
+        return min + (percent / 100) * span;
+    }
+    snapValue(value) {
+        const min = this.min();
+        const max = this.max();
+        if (this.snapToTicks()) {
+            const availableTicks = this.ticks();
+            if (availableTicks.length > 0) {
+                let closest = availableTicks[0].value;
+                let minDiff = Math.abs(value - closest);
+                for (const t of availableTicks) {
+                    const diff = Math.abs(value - t.value);
+                    if (diff < minDiff) {
+                        minDiff = diff;
+                        closest = t.value;
+                    }
+                }
+                return closest;
+            }
+        }
+        const step = this.step();
+        if (step <= 0)
+            return this.clamp(value, min, max);
+        const stepsCount = Math.round((value - min) / step);
+        const steppedVal = min + stepsCount * step;
+        // Handle floating-point rounding precision
+        const stepDecimals = (step.toString().split('.')[1] || '').length;
+        const roundedVal = parseFloat(steppedVal.toFixed(stepDecimals));
+        return this.clamp(roundedVal, min, max);
+    }
+    formatDisplayValue(val) {
+        const customFormatter = this.formatter();
+        if (customFormatter) {
+            return customFormatter(val);
+        }
+        const pre = this.prefix();
+        const suf = this.suffix();
+        return `${pre}${val.toLocaleString()}${suf}`;
+    }
+    isTooltipVisible(thumbIndex) {
+        const mode = this.showTooltip();
+        if (mode === 'none')
+            return false;
+        if (mode === 'always')
+            return true;
+        if (mode === 'drag')
+            return this.draggingThumb() === thumbIndex;
+        if (mode === 'hover') {
+            return (this.hoveredThumb() === thumbIndex ||
+                this.draggingThumb() === thumbIndex ||
+                this.focusedThumb() === thumbIndex);
+        }
+        return false;
+    }
+    // --- Interaction & Event Handlers ---
+    emitUpdate(newVal, source, isFinal = false) {
+        this.internalValue.set(newVal);
+        this.onChange(newVal);
+        this.valueChange.emit(newVal);
+        const event = { value: newVal, source };
+        this.inputChange.emit(event);
+        if (isFinal) {
+            this.change.emit(event);
+            this.markAsTouched();
+        }
+    }
+    markAsTouched() {
+        if (!this.isTouched()) {
+            this.isTouched.set(true);
+            this.onTouched();
+        }
+    }
+    onThumbFocus(thumbIndex) {
+        this.focusedThumb.set(thumbIndex);
+    }
+    onThumbBlur(thumbIndex) {
+        if (this.focusedThumb() === thumbIndex) {
+            this.focusedThumb.set(null);
+        }
+        this.markAsTouched();
+    }
+    onThumbMouseEnter(thumbIndex) {
+        this.hoveredThumb.set(thumbIndex);
+    }
+    onThumbMouseLeave(thumbIndex) {
+        if (this.hoveredThumb() === thumbIndex) {
+            this.hoveredThumb.set(null);
+        }
+    }
+    onThumbPointerDown(thumbIndex, event) {
+        if (this.effectiveDisabled() || this.readonly())
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.draggingThumb.set(thumbIndex);
+        this.focusedThumb.set(thumbIndex);
+        const target = event.currentTarget;
+        target.setPointerCapture(event.pointerId);
+        const onPointerMove = (e) => {
+            if (this.draggingThumb() !== thumbIndex)
+                return;
+            this.updateValueFromPointer(thumbIndex, e.clientX, 'drag', false);
+        };
+        const onPointerUp = (e) => {
+            target.removeEventListener('pointermove', onPointerMove);
+            target.removeEventListener('pointerup', onPointerUp);
+            target.removeEventListener('pointercancel', onPointerUp);
+            try {
+                target.releasePointerCapture(e.pointerId);
+            }
+            catch { }
+            if (this.draggingThumb() === thumbIndex) {
+                this.updateValueFromPointer(thumbIndex, e.clientX, 'drag', true);
+                this.draggingThumb.set(null);
+            }
+        };
+        target.addEventListener('pointermove', onPointerMove);
+        target.addEventListener('pointerup', onPointerUp);
+        target.addEventListener('pointercancel', onPointerUp);
+    }
+    onTrackPointerDown(event) {
+        if (this.effectiveDisabled() || this.readonly())
+            return;
+        const trackContainer = this.trackContainerRef()?.nativeElement;
+        if (!trackContainer)
+            return;
+        const rect = trackContainer.getBoundingClientRect();
+        const clickX = event.clientX;
+        const clickRatio = (clickX - rect.left) / rect.width;
+        const rawVal = this.percentToValue(clickRatio * 100);
+        let chosenThumb = 0;
+        if (this.isDualRange()) {
+            const dist0 = Math.abs(rawVal - this.startValue());
+            const dist1 = Math.abs(rawVal - this.endValue());
+            chosenThumb = dist0 <= dist1 ? 0 : 1;
+        }
+        this.updateValueFromPointer(chosenThumb, clickX, 'track-click', true);
+        // Focus chosen thumb
+        if (chosenThumb === 0) {
+            this.thumb0Ref()?.nativeElement.focus();
+        }
+        else {
+            this.thumb1Ref()?.nativeElement.focus();
+        }
+    }
+    updateValueFromPointer(thumbIndex, clientX, source, isFinal) {
+        const trackContainer = this.trackContainerRef()?.nativeElement;
+        if (!trackContainer)
+            return;
+        const rect = trackContainer.getBoundingClientRect();
+        const ratio = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));
+        const rawVal = this.percentToValue(ratio * 100);
+        const steppedVal = this.snapValue(rawVal);
+        if (this.isDualRange()) {
+            let start = this.startValue();
+            let end = this.endValue();
+            const minDistance = this.minRange();
+            const maxDistance = this.maxRange();
+            if (thumbIndex === 0) {
+                start = Math.min(steppedVal, end - minDistance);
+                if (maxDistance !== null && end - start > maxDistance) {
+                    start = end - maxDistance;
+                }
+            }
+            else {
+                end = Math.max(steppedVal, start + minDistance);
+                if (maxDistance !== null && end - start > maxDistance) {
+                    end = start + maxDistance;
+                }
+            }
+            this.emitUpdate([start, end], source, isFinal);
+        }
+        else {
+            this.emitUpdate(steppedVal, source, isFinal);
+        }
+    }
+    onThumbKeyDown(thumbIndex, event) {
+        if (this.effectiveDisabled() || this.readonly())
+            return;
+        const step = this.step();
+        const span = this.span();
+        const largeStep = Math.max(step * 10, span / 10);
+        let delta = 0;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                delta = step;
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                delta = -step;
+                break;
+            case 'PageUp':
+                delta = largeStep;
+                break;
+            case 'PageDown':
+                delta = -largeStep;
+                break;
+            case 'Home':
+                delta = -(span + 1);
+                break;
+            case 'End':
+                delta = span + 1;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        if (this.isDualRange()) {
+            let start = this.startValue();
+            let end = this.endValue();
+            const minDistance = this.minRange();
+            if (thumbIndex === 0) {
+                const nextVal = this.snapValue(start + delta);
+                start = Math.min(nextVal, end - minDistance);
+            }
+            else {
+                const nextVal = this.snapValue(end + delta);
+                end = Math.max(nextVal, start + minDistance);
+            }
+            this.emitUpdate([start, end], 'keyboard', true);
+        }
+        else {
+            const nextVal = this.snapValue(this.startValue() + delta);
+            this.emitUpdate(nextVal, 'keyboard', true);
+        }
+    }
+    onNumberInputChange(thumbIndex, event) {
+        const inputEl = event.target;
+        const parsed = parseFloat(inputEl.value);
+        if (isNaN(parsed))
+            return;
+        const steppedVal = this.snapValue(parsed);
+        if (this.isDualRange()) {
+            let start = this.startValue();
+            let end = this.endValue();
+            const minDistance = this.minRange();
+            if (thumbIndex === 0) {
+                start = Math.min(steppedVal, end - minDistance);
+            }
+            else {
+                end = Math.max(steppedVal, start + minDistance);
+            }
+            inputEl.value = (thumbIndex === 0 ? start : end).toString();
+            this.emitUpdate([start, end], 'input', true);
+        }
+        else {
+            inputEl.value = steppedVal.toString();
+            this.emitUpdate(steppedVal, 'input', true);
+        }
+    }
+    onTickClick(tick, event) {
+        if (this.effectiveDisabled() || this.readonly())
+            return;
+        event.stopPropagation();
+        const targetVal = tick.value;
+        if (this.isDualRange()) {
+            const dist0 = Math.abs(targetVal - this.startValue());
+            const dist1 = Math.abs(targetVal - this.endValue());
+            let start = this.startValue();
+            let end = this.endValue();
+            if (dist0 <= dist1) {
+                start = Math.min(targetVal, end - this.minRange());
+            }
+            else {
+                end = Math.max(targetVal, start + this.minRange());
+            }
+            this.emitUpdate([start, end], 'track-click', true);
+        }
+        else {
+            this.emitUpdate(targetVal, 'track-click', true);
+        }
+    }
+    onLabelClick(tick, event) {
+        this.onTickClick(tick, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: TalosRangeInputComponent, isStandalone: true, selector: "talos-range-input, talos-range-slider, talos-slider", inputs: { 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 }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null }, minRange: { classPropertyName: "minRange", publicName: "minRange", isSignal: true, isRequired: false, transformFunction: null }, maxRange: { classPropertyName: "maxRange", publicName: "maxRange", isSignal: true, isRequired: false, transformFunction: null }, marks: { classPropertyName: "marks", publicName: "marks", isSignal: true, isRequired: false, transformFunction: null }, showTicks: { classPropertyName: "showTicks", publicName: "showTicks", isSignal: true, isRequired: false, transformFunction: null }, showIntervals: { classPropertyName: "showIntervals", publicName: "showIntervals", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, snapToTicks: { classPropertyName: "snapToTicks", publicName: "snapToTicks", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", 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 }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, floatingLabel: { classPropertyName: "floatingLabel", publicName: "floatingLabel", isSignal: true, isRequired: false, transformFunction: null }, floating: { classPropertyName: "floating", publicName: "floating", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, showInputs: { classPropertyName: "showInputs", publicName: "showInputs", isSignal: true, isRequired: false, transformFunction: null }, showValueBadge: { classPropertyName: "showValueBadge", publicName: "showValueBadge", isSignal: true, isRequired: false, transformFunction: null }, showTooltip: { classPropertyName: "showTooltip", publicName: "showTooltip", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelStart: { classPropertyName: "ariaLabelStart", publicName: "ariaLabelStart", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelEnd: { classPropertyName: "ariaLabelEnd", publicName: "ariaLabelEnd", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", inputChange: "inputChange", change: "change" }, host: { properties: { "class.talos-range-disabled": "effectiveDisabled()", "class.talos-range-invalid": "effectiveInvalid()", "class.is-floating": "isFloatingMode()" }, classAttribute: "talos-range-input-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TalosRangeInputComponent),
+                multi: true
+            }
+        ], viewQueries: [{ propertyName: "trackContainerRef", first: true, predicate: ["sliderTrackContainer"], descendants: true, isSignal: true }, { propertyName: "thumb0Ref", first: true, predicate: ["thumb0"], descendants: true, isSignal: true }, { propertyName: "thumb1Ref", first: true, predicate: ["thumb1"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"talos-range-wrapper\" [class.is-disabled]=\"effectiveDisabled()\" [class.is-readonly]=\"readonly()\"\n  [class.is-invalid]=\"effectiveInvalid()\" [class.is-range]=\"isDualRange()\" [class.size-sm]=\"size() === 'sm'\"\n  [class.size-md]=\"size() === 'md'\" [class.size-lg]=\"size() === 'lg'\" [class.variant-primary]=\"variant() === 'primary'\"\n  [class.variant-secondary]=\"variant() === 'secondary'\" [class.variant-success]=\"variant() === 'success'\"\n  [class.variant-warning]=\"variant() === 'warning'\" [class.variant-danger]=\"variant() === 'danger'\"\n  [class.variant-info]=\"variant() === 'info'\">\n  <!-- Header: Label, Hint & Optional Value Display / Synchronized Number Inputs -->\n  @if (label() || hint() || showValueBadge() || showInputs()) {\n  <div class=\"talos-range-header\">\n    <div class=\"talos-range-label-group\" [class.is-floating-label]=\"isFloatingMode()\">\n      @if (label()) {\n      <label class=\"talos-range-label\" [class.is-floated]=\"isFloatingMode()\" [attr.for]=\"elementId() + '-thumb-0'\">\n        {{ label() }}\n      </label>\n      }\n      @if (hint()) {\n      <span class=\"talos-range-hint\">{{ hint() }}</span>\n      }\n    </div>\n\n    @if (showInputs()) {\n    <div class=\"talos-range-inputs-group\">\n      @if (isDualRange()) {\n      <div class=\"talos-range-number-box\">\n        @if (prefix()) {\n        <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n        }\n        <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-0'\" [min]=\"min()\"\n          [max]=\"endValue()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n          (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n        @if (suffix()) {\n        <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n        }\n      </div>\n      <span class=\"talos-range-inputs-separator\">\u2013</span>\n      <div class=\"talos-range-number-box\">\n        @if (prefix()) {\n        <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n        }\n        <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-1'\" [min]=\"startValue()\"\n          [max]=\"max()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"endValue()\"\n          (change)=\"onNumberInputChange(1, $event)\" (keydown.enter)=\"onNumberInputChange(1, $event)\" />\n        @if (suffix()) {\n        <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n        }\n      </div>\n      } @else {\n      <div class=\"talos-range-number-box\">\n        @if (prefix()) {\n        <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n        }\n        <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num'\" [min]=\"min()\" [max]=\"max()\"\n          [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n          (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n        @if (suffix()) {\n        <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n        }\n      </div>\n      }\n    </div>\n    } @else if (showValueBadge()) {\n    <div class=\"talos-range-value-badge\">\n      @if (isDualRange()) {\n      <span>{{ formatDisplayValue(startValue()) }} \u2013 {{ formatDisplayValue(endValue()) }}</span>\n      } @else {\n      <span>{{ formatDisplayValue(startValue()) }}</span>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  <!-- Range Slider Container (Track, Fills, Ticks, Thumbs) -->\n  <div #sliderTrackContainer class=\"talos-range-slider\" [class.is-active]=\"isDragging()\"\n    (pointerdown)=\"onTrackPointerDown($event)\">\n    <!-- Background Track -->\n    <div class=\"talos-range-track\">\n      <!-- Active Filled Range Segment -->\n      <div class=\"talos-range-fill\" [style.left.%]=\"fillLeftPercent()\" [style.width.%]=\"fillWidthPercent()\"></div>\n\n      <!-- Tick Marks -->\n      @if (ticks().length > 0 && (showTicks() || marks())) {\n      <div class=\"talos-range-ticks\">\n        @for (tick of ticks(); track tick.value) {\n        <div class=\"talos-range-tick\" [class.is-active]=\"tick.active\" [style.left.%]=\"tick.percent\"\n          (click)=\"onTickClick(tick, $event)\"></div>\n        }\n      </div>\n      }\n    </div>\n\n    <!-- Thumb 0 (Primary or Lower Bound Handle) -->\n    <div #thumb0 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 0\"\n      [class.is-dragging]=\"draggingThumb() === 0\" [class.is-tooltip-visible]=\"isTooltipVisible(0)\"\n      [style.left.%]=\"thumb0Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-0'\"\n      [attr.aria-label]=\"isDualRange() ? ariaLabelStart() : ariaLabel()\" [attr.aria-valuemin]=\"min()\"\n      [attr.aria-valuemax]=\"isDualRange() ? endValue() : max()\" [attr.aria-valuenow]=\"startValue()\"\n      [attr.aria-valuetext]=\"formatDisplayValue(startValue())\"\n      [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(0, $event)\"\n      (keydown)=\"onThumbKeyDown(0, $event)\" (focus)=\"onThumbFocus(0)\" (blur)=\"onThumbBlur(0)\"\n      (mouseenter)=\"onThumbMouseEnter(0)\" (mouseleave)=\"onThumbMouseLeave(0)\">\n      <!-- Floating Value Tooltip -->\n      @if (showTooltip() !== 'none') {\n      <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(0)\">\n        {{ formatDisplayValue(startValue()) }}\n      </div>\n      }\n    </div>\n\n    <!-- Thumb 1 (Upper Bound Handle for Dual Range) -->\n    @if (isDualRange()) {\n    <div #thumb1 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 1\"\n      [class.is-dragging]=\"draggingThumb() === 1\" [class.is-tooltip-visible]=\"isTooltipVisible(1)\"\n      [style.left.%]=\"thumb1Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-1'\"\n      [attr.aria-label]=\"ariaLabelEnd()\" [attr.aria-valuemin]=\"startValue()\" [attr.aria-valuemax]=\"max()\"\n      [attr.aria-valuenow]=\"endValue()\" [attr.aria-valuetext]=\"formatDisplayValue(endValue())\"\n      [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(1, $event)\"\n      (keydown)=\"onThumbKeyDown(1, $event)\" (focus)=\"onThumbFocus(1)\" (blur)=\"onThumbBlur(1)\"\n      (mouseenter)=\"onThumbMouseEnter(1)\" (mouseleave)=\"onThumbMouseLeave(1)\">\n      <!-- Floating Value Tooltip -->\n      @if (showTooltip() !== 'none') {\n      <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(1)\">\n        {{ formatDisplayValue(endValue()) }}\n      </div>\n      }\n    </div>\n    }\n  </div>\n\n  <!-- Interval / Step Labels under track -->\n  @if (labels().length > 0 && (showIntervals() || showLabels() || marks())) {\n  <div class=\"talos-range-labels\">\n    @for (item of labels(); track item.value) {\n    <span class=\"talos-range-label-item\" [class.is-active]=\"item.active\" [style.left.%]=\"item.percent\"\n      (click)=\"onLabelClick(item, $event)\">\n      {{ item.label }}\n    </span>\n    }\n  </div>\n  }\n</div>", styles: [":root{--talos-font-sans: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;--talos-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--talos-font-display: var(--talos-font-sans);--talos-radius-none: 0px;--talos-radius-xs: .125rem;--talos-radius-sm: .25rem;--talos-radius-md: .375rem;--talos-radius-lg: .5rem;--talos-radius-xl: .75rem;--talos-radius-2xl: 1rem;--talos-radius-full: 9999px;--talos-height-sm: 2rem;--talos-height-md: 2.25rem;--talos-height-lg: 2.625rem;--talos-font-size-2xs: .6875rem;--talos-font-size-xs: .75rem;--talos-font-size-sm: .8125rem;--talos-font-size-base: .875rem;--talos-font-size-md: .875rem;--talos-font-size-lg: 1rem;--talos-font-size-xl: 1.125rem;--talos-font-size-2xl: 1.25rem;--talos-font-size-3xl: 1.5rem;--talos-font-size-4xl: 1.875rem;--talos-font-size-5xl: 2.25rem;--talos-font-weight-light: 300;--talos-font-weight-regular: 400;--talos-font-weight-medium: 500;--talos-font-weight-semibold: 600;--talos-font-weight-bold: 700;--talos-font-weight-extrabold: 800;--talos-line-height-none: 1;--talos-line-height-tight: 1.25;--talos-line-height-snug: 1.375;--talos-line-height-normal: 1.5;--talos-line-height-relaxed: 1.625;--talos-line-height-loose: 2;--talos-control-padding-x: .625rem;--talos-control-font-size: var(--talos-font-size-sm);--talos-control-height: var(--talos-height-md);--talos-border-radius: var(--talos-radius-md);--talos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--talos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--talos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--talos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--talos-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--talos-shadow-dialog: var(--talos-shadow-xl);--talos-shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--talos-transition: .18s cubic-bezier(.4, 0, .2, 1);--talos-transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--talos-bg-canvas: #f8fafc;--talos-bg-surface: #ffffff;--talos-bg-subtle: #f1f5f9;--talos-bg-overlay: rgba(15, 23, 42, .5);--talos-border-subtle: #f1f5f9;--talos-border-default: #cbd5e1;--talos-border-hover: #94a3b8;--talos-border-focus: #2563eb;--talos-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--talos-text-primary: #0f172a;--talos-text-secondary: #334155;--talos-text-muted: #64748b;--talos-text-inverse: #ffffff;--talos-bg-color: var(--talos-bg-canvas);--talos-card-bg: var(--talos-bg-surface);--talos-card-bg-subtle: var(--talos-bg-subtle);--talos-border-color: var(--talos-border-default);--talos-text-color: var(--talos-text-primary);--talos-error-color: #ef4444;--talos-warning-color: #d97706;--talos-success-color: #16a34a;--bg-color: var(--talos-bg-canvas);--bg-subtle: var(--talos-bg-subtle);--card-bg: var(--talos-bg-surface);--card-bg-subtle: var(--talos-bg-subtle);--border-color: var(--talos-border-default);--border-hover: var(--talos-border-hover);--border-focus: var(--talos-border-focus);--text-color: var(--talos-text-primary);--text-muted: var(--talos-text-muted);--primary-color: var(--talos-primary);--primary-hover: var(--talos-primary-hover);--primary-active: var(--talos-primary-active);--primary-light: var(--talos-primary-subtle-bg);--primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-primary: #2563eb;--talos-primary-hover: #1d4ed8;--talos-primary-active: #1e40af;--talos-primary-subtle-bg: #eff6ff;--talos-primary-subtle-bg-hover: #dbeafe;--talos-primary-subtle-border: #bfdbfe;--talos-primary-text: #1e40af;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-primary-color: var(--talos-primary);--talos-primary-light: var(--talos-primary-subtle-bg);--talos-primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-neutral: #475569;--talos-neutral-hover: #334155;--talos-neutral-active: #1e293b;--talos-neutral-subtle-bg: #f8fafc;--talos-neutral-subtle-bg-hover: #f1f5f9;--talos-neutral-subtle-border: #e2e8f0;--talos-neutral-text: #334155;--talos-neutral-solid-bg: #475569;--talos-neutral-solid-text: #ffffff;--talos-success: #16a34a;--talos-success-hover: #15803d;--talos-success-active: #166534;--talos-success-subtle-bg: #f0fdf4;--talos-success-subtle-bg-hover: #dcfce7;--talos-success-subtle-border: #bbf7d0;--talos-success-text: #166534;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #d97706;--talos-warning-hover: #b45309;--talos-warning-active: #92400e;--talos-warning-subtle-bg: #fffbeb;--talos-warning-subtle-bg-hover: #fef3c7;--talos-warning-subtle-border: #fde68a;--talos-warning-text: #92400e;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #dc2626;--talos-danger-active: #b91c1c;--talos-danger-subtle-bg: #fef2f2;--talos-danger-subtle-bg-hover: #fee2e2;--talos-danger-subtle-border: #fecaca;--talos-danger-text: #991b1b;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0284c7;--talos-info-hover: #0369a1;--talos-info-active: #075985;--talos-info-subtle-bg: #f0f9ff;--talos-info-subtle-bg-hover: #e0f2fe;--talos-info-subtle-border: #bae6fd;--talos-info-text: #0369a1;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #7c3aed;--talos-purple-hover: #6d28d9;--talos-purple-active: #5b21b6;--talos-purple-subtle-bg: #f5f3ff;--talos-purple-subtle-bg-hover: #ede9fe;--talos-purple-subtle-border: #ddd6fe;--talos-purple-text: #6d28d9;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-input-bg: var(--talos-bg-surface);--talos-input-border: var(--talos-border-default);--talos-input-border-hover: var(--talos-border-hover);--talos-input-border-focus: var(--talos-border-focus);--talos-input-color: var(--talos-text-primary);--talos-input-placeholder-color: var(--talos-text-muted);--talos-input-disabled-bg: var(--talos-bg-subtle);--talos-input-disabled-border: var(--talos-border-default);--talos-input-disabled-color: var(--talos-text-muted);--talos-input-radius: var(--talos-radius-md);--talos-input-height: var(--talos-height-md);--talos-affix-btn-size-sm: 1.375rem;--talos-affix-btn-size-md: 1.5rem;--talos-affix-btn-size-lg: 1.75rem;--talos-affix-btn-radius: var(--talos-radius-sm, .25rem);--talos-affix-btn-icon-size-sm: .8125rem;--talos-affix-btn-icon-size-md: .875rem;--talos-affix-btn-icon-size-lg: 1rem;--talos-affix-btn-color: var(--talos-text-muted, #64748b);--talos-affix-btn-hover-color: var(--talos-text-color, #0f172a);--talos-affix-btn-hover-bg: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, rgba(148, 163, 184, .15)));--talos-affix-btn-active-bg: var(--talos-btn-ghost-active-bg, rgba(148, 163, 184, .25));--talos-sidebar-width: 260px;--talos-sidebar-collapsed-width: 68px;--talos-nav-bg: var(--talos-bg-surface);--talos-nav-border-color: var(--talos-border-subtle);--talos-active-nav-bg: var(--talos-primary-subtle-bg);--talos-active-nav-text: var(--talos-primary);--talos-nav-hover-bg: var(--talos-bg-subtle);--talos-nav-hover-text: var(--talos-text-primary);--talos-avatar-bg: var(--talos-primary-subtle-bg);--talos-avatar-text: var(--talos-primary-text);--talos-badge-bg: var(--talos-primary-subtle-bg);--talos-badge-text: var(--talos-primary-text);--talos-header-bg: var(--talos-bg-surface);--talos-header-border-color: var(--talos-border-subtle);--talos-right-panel-bg: var(--talos-bg-surface);--talos-right-panel-border: var(--talos-border-subtle);--talos-loading-overlay-bg: rgba(255, 255, 255, .75);--talos-dropdown-bg: var(--talos-bg-surface);--talos-dropdown-border: var(--talos-border-default);--talos-dropdown-shadow: var(--talos-shadow-dropdown);--talos-dropdown-hover-bg: var(--talos-bg-subtle);--talos-dropdown-selected-bg: var(--talos-primary-subtle-bg);--talos-btn-font-family: inherit;--talos-btn-border-radius: var(--talos-radius-md);--talos-btn-font-weight: 600;--talos-btn-transition: background-color var(--talos-transition), border-color var(--talos-transition), color var(--talos-transition), box-shadow var(--talos-transition), opacity var(--talos-transition);--talos-btn-ripple-color: rgba(255, 255, 255, .35);--talos-btn-primary-bg: var(--talos-primary-solid-bg);--talos-btn-primary-hover: var(--talos-primary-hover);--talos-btn-primary-active: var(--talos-primary-active);--talos-btn-primary-text: var(--talos-primary-solid-text);--talos-btn-secondary-bg: var(--talos-neutral-solid-bg);--talos-btn-secondary-hover: var(--talos-neutral-hover);--talos-btn-secondary-active: var(--talos-neutral-active);--talos-btn-secondary-text: var(--talos-neutral-solid-text);--talos-btn-outline-bg: transparent;--talos-btn-outline-border: var(--talos-border-default);--talos-btn-outline-hover-bg: var(--talos-bg-subtle);--talos-btn-outline-hover-border: var(--talos-border-hover);--talos-btn-outline-text: var(--talos-text-secondary);--talos-btn-ghost-bg: transparent;--talos-btn-ghost-text: var(--talos-text-muted);--talos-btn-ghost-hover-bg: var(--talos-bg-subtle);--talos-btn-ghost-hover-text: var(--talos-text-primary);--talos-btn-ghost-active-bg: var(--talos-neutral-subtle-bg-hover);--talos-btn-danger-bg: var(--talos-danger-solid-bg);--talos-btn-danger-hover: var(--talos-danger-hover);--talos-btn-danger-active: var(--talos-danger-active);--talos-btn-danger-text: var(--talos-danger-solid-text);--talos-btn-success-bg: var(--talos-success-solid-bg);--talos-btn-success-hover: var(--talos-success-hover);--talos-btn-success-active: var(--talos-success-active);--talos-btn-success-text: var(--talos-success-solid-text);--talos-btn-height-sm: var(--talos-height-sm);--talos-btn-height-md: var(--talos-height-md);--talos-btn-height-lg: var(--talos-height-lg);--talos-btn-padding-x-sm: .625rem;--talos-btn-padding-x-md: .875rem;--talos-btn-padding-x-lg: 1.125rem;--talos-btn-font-size-sm: var(--talos-font-size-xs);--talos-btn-font-size-md: var(--talos-font-size-sm);--talos-btn-font-size-lg: var(--talos-font-size-md);--talos-category-bar-gap: 2px;--talos-category-bar-track-bg: var(--talos-bg-subtle);--talos-category-bar-border-radius: var(--talos-radius-md);--talos-category-bar-height-xs: .25rem;--talos-category-bar-height-sm: .375rem;--talos-category-bar-height-md: .5rem;--talos-category-bar-height-lg: .75rem;--talos-category-bar-marker-ring: var(--talos-bg-surface);--talos-range-track-bg: var(--talos-border-default);--talos-range-track-fill: var(--talos-primary);--talos-range-track-disabled-bg: var(--talos-border-subtle);--talos-range-track-disabled-fill: var(--talos-text-muted);--talos-range-track-height-sm: .25rem;--talos-range-track-height-md: .375rem;--talos-range-track-height-lg: .5rem;--talos-range-thumb-size-sm: 1rem;--talos-range-thumb-size-md: 1.25rem;--talos-range-thumb-size-lg: 1.5rem;--talos-range-thumb-bg: var(--talos-bg-surface);--talos-range-thumb-border: var(--talos-primary);--talos-range-thumb-shadow: var(--talos-shadow-sm);--talos-range-thumb-hover-shadow: 0 0 0 4px rgba(37, 99, 235, .15);--talos-range-thumb-active-shadow: 0 0 0 6px rgba(37, 99, 235, .25);--talos-range-tick-color: var(--talos-text-muted);--talos-range-tick-active-color: #ffffff;--talos-range-tick-label-color: var(--talos-text-muted);--talos-range-tooltip-bg: #0f172a;--talos-range-tooltip-text: #ffffff;--talos-toggle-track-bg: var(--talos-border-default);--talos-toggle-track-bg-hover: var(--talos-border-hover);--talos-toggle-thumb-bg: var(--talos-bg-surface);--talos-snackbar-bg: var(--talos-bg-surface);--talos-snackbar-text: var(--talos-text-primary);--talos-snackbar-border: var(--talos-border-default);--talos-snackbar-border-radius: var(--talos-radius-lg);--talos-dialog-bg: var(--talos-bg-surface);--talos-dialog-border: var(--talos-border-default);--talos-dialog-radius: var(--talos-radius-xl);--talos-dialog-shadow: var(--talos-shadow-dialog);--talos-dialog-backdrop-bg: var(--talos-bg-overlay);--talos-dialog-backdrop-blur-bg: rgba(15, 23, 42, .35);--talos-dialog-title-color: var(--talos-text-primary);--talos-dialog-subtitle-color: var(--talos-text-muted);--talos-tooltip-bg: #0f172a;--talos-tooltip-text: #ffffff;--talos-dropzone-bg: var(--talos-bg-surface);--talos-dropzone-hover-bg: var(--talos-bg-subtle);--talos-dropzone-drag-bg: var(--talos-primary-subtle-bg);--talos-dropzone-border: var(--talos-border-default);--talos-dropzone-hover-border: var(--talos-border-hover);--talos-dropzone-drag-border: var(--talos-primary);--talos-dropzone-radius: var(--talos-radius-lg);--talos-dropzone-text: var(--talos-text-primary);--talos-dropzone-subtext: var(--talos-text-muted);--talos-dropzone-icon-color: var(--talos-primary);--talos-dropzone-file-bg: var(--talos-bg-surface);--talos-dropzone-file-border: var(--talos-border-default);--talos-rating-fill-warning: var(--talos-warning);--talos-rating-fill-primary: var(--talos-primary);--talos-rating-fill-danger: var(--talos-danger);--talos-rating-fill-success: var(--talos-success);--talos-rating-fill-purple: var(--talos-purple);--talos-rating-unfilled: var(--talos-border-default);--talos-rating-size-sm: 1.125rem;--talos-rating-size-md: 1.375rem;--talos-rating-size-lg: 1.75rem;--talos-rating-size-xl: 2.25rem}:root[data-theme=dark],:root.dark,[data-theme=dark],[data-mode=dark],.dark,.dark-theme{--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-shadow-dropdown: 0 16px 32px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--talos-shadow-dialog: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .1);--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-neutral-solid-bg: #334155;--talos-neutral-solid-text: #f8fafc;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc;--talos-loading-overlay-bg: rgba(9, 13, 22, .8);--talos-range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc}}:host{display:block;width:100%;box-sizing:border-box}.talos-range-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;--range-accent: var(--talos-range-track-fill, var(--talos-primary-color));--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .15));--range-track-h: var(--talos-range-track-height-md, .375rem);--range-thumb-d: var(--talos-range-thumb-size-md, 1.25rem);--range-thumb-border-width: 2px;--range-tick-w: 2px;--range-tick-h: 8px;--range-font-size: var(--talos-control-font-size, .8125rem)}.talos-range-wrapper.size-sm{--range-track-h: var(--talos-range-track-height-sm, .25rem);--range-thumb-d: var(--talos-range-thumb-size-sm, 1rem);--range-font-size: .75rem;--range-tick-h: 6px}.talos-range-wrapper.size-lg{--range-track-h: var(--talos-range-track-height-lg, .5rem);--range-thumb-d: var(--talos-range-thumb-size-lg, 1.5rem);--range-font-size: .875rem;--range-tick-h: 10px}.talos-range-wrapper.variant-primary{--range-accent: var(--talos-primary-color, #2563eb);--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: 0 0 0 3px rgba(37, 99, 235, .2)}.talos-range-wrapper.variant-secondary{--range-accent: #475569;--range-accent-hover: #334155;--range-focus-glow: 0 0 0 3px rgba(71, 85, 105, .2)}.talos-range-wrapper.variant-success{--range-accent: #16a34a;--range-accent-hover: #15803d;--range-focus-glow: 0 0 0 3px rgba(22, 163, 74, .2)}.talos-range-wrapper.variant-warning{--range-accent: #d97706;--range-accent-hover: #b45309;--range-focus-glow: 0 0 0 3px rgba(217, 119, 6, .2)}.talos-range-wrapper.variant-danger{--range-accent: var(--talos-error-color, #ef4444);--range-accent-hover: #dc2626;--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .2)}.talos-range-wrapper.variant-info{--range-accent: #0284c7;--range-accent-hover: #0369a1;--range-focus-glow: 0 0 0 3px rgba(2, 132, 199, .2)}.talos-range-wrapper.is-invalid{--range-accent: var(--talos-error-color, #ef4444);--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .25)}.talos-range-wrapper.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.talos-range-wrapper.is-disabled .talos-range-thumb{cursor:not-allowed;border-color:var(--talos-range-track-disabled-fill, #94a3b8);background-color:var(--talos-range-track-disabled-bg, #cbd5e1);box-shadow:none}.talos-range-wrapper.is-disabled .talos-range-fill{background-color:var(--talos-range-track-disabled-fill, #94a3b8)}.talos-range-wrapper.is-readonly .talos-range-slider,.talos-range-wrapper.is-readonly .talos-range-thumb{cursor:default}.talos-range-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.talos-range-label-group{display:flex;flex-direction:column;gap:.125rem}.talos-range-label{font-size:var(--range-font-size);font-weight:600;color:var(--talos-text-color, #0f172a)}.talos-range-hint{font-size:.75rem;color:var(--talos-text-muted, #64748b)}.talos-range-value-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--talos-border-radius, .375rem);background-color:var(--talos-primary-light, #eff6ff);color:var(--range-accent)}.talos-range-inputs-group{display:flex;align-items:center;gap:.375rem}.talos-range-inputs-separator{color:var(--talos-text-muted, #64748b);font-weight:500}.talos-range-number-box{display:inline-flex;align-items:center;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #cbd5e1);border-radius:var(--talos-border-radius, .375rem);padding:0 .375rem;height:1.875rem;transition:border-color .15s ease,box-shadow .15s ease}.talos-range-number-box:focus-within{border-color:var(--range-accent);box-shadow:var(--range-focus-glow)}.talos-range-input-affix{font-size:.75rem;color:var(--talos-text-muted, #64748b);-webkit-user-select:none;user-select:none}.talos-range-number-input{width:3.5rem;border:none;background:transparent;padding:.125rem .25rem;font-size:.8125rem;font-weight:500;color:var(--talos-text-color, #0f172a);text-align:right;outline:none;font-family:inherit}.talos-range-number-input::-webkit-inner-spin-button,.talos-range-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.talos-range-number-input{-moz-appearance:textfield}.talos-range-slider{position:relative;width:100%;height:calc(var(--range-thumb-d) + .5rem);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-slider.is-active{cursor:grabbing}.talos-range-track{position:relative;width:100%;height:var(--range-track-h);background-color:var(--talos-range-track-bg, #e2e8f0);border-radius:9999px;overflow:visible}.talos-range-fill{position:absolute;top:0;bottom:0;background-color:var(--range-accent);border-radius:9999px;transition:background-color .18s ease;pointer-events:none}.talos-range-ticks{position:absolute;inset:0;pointer-events:none}.talos-range-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-tick-w);height:var(--range-tick-h);background-color:var(--talos-range-tick-color, #94a3b8);border-radius:1px;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.talos-range-tick.is-active{background-color:var(--talos-range-tick-active-color, #ffffff);box-shadow:0 0 2px #0000004d}.talos-range-tick:hover{transform:translate(-50%,-50%) scale(1.4)}.talos-range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-d);height:var(--range-thumb-d);background-color:var(--talos-range-thumb-bg, #ffffff);border:var(--range-thumb-border-width) solid var(--range-accent);border-radius:50%;box-shadow:var(--talos-range-thumb-shadow, 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08));cursor:grab;outline:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);z-index:2}.talos-range-thumb:hover{box-shadow:var(--talos-range-thumb-hover-shadow, 0 0 0 4px rgba(37, 99, 235, .15));transform:translate(-50%,-50%) scale(1.08)}.talos-range-thumb.is-focused,.talos-range-thumb:focus-visible{box-shadow:var(--range-focus-glow);transform:translate(-50%,-50%) scale(1.12);z-index:3}.talos-range-thumb.is-dragging{cursor:grabbing;box-shadow:var(--talos-range-thumb-active-shadow, 0 0 0 6px rgba(37, 99, 235, .25));transform:translate(-50%,-50%) scale(1.16);z-index:4}.talos-range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--talos-range-tooltip-bg, #1e293b);color:var(--talos-range-tooltip-text, #ffffff);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10}.talos-range-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--talos-range-tooltip-bg, #1e293b) transparent transparent transparent}.talos-range-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.talos-range-labels{position:relative;width:100%;margin-top:.25rem;height:1.125rem;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-label-item{position:absolute;top:0;transform:translate(-50%);font-size:.6875rem;color:var(--talos-range-tick-label-color, var(--talos-text-muted, #64748b));white-space:nowrap;cursor:pointer;transition:color .15s ease,font-weight .15s ease}.talos-range-label-item.is-active{color:var(--range-accent);font-weight:600}.talos-range-label-item:hover{color:var(--talos-text-color, #0f172a)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'talos-range-input, talos-range-slider, talos-slider', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TalosRangeInputComponent),
+                            multi: true
+                        }
+                    ], host: {
+                        'class': 'talos-range-input-host',
+                        '[class.talos-range-disabled]': 'effectiveDisabled()',
+                        '[class.talos-range-invalid]': 'effectiveInvalid()',
+                        '[class.is-floating]': 'isFloatingMode()'
+                    }, template: "<div class=\"talos-range-wrapper\" [class.is-disabled]=\"effectiveDisabled()\" [class.is-readonly]=\"readonly()\"\n  [class.is-invalid]=\"effectiveInvalid()\" [class.is-range]=\"isDualRange()\" [class.size-sm]=\"size() === 'sm'\"\n  [class.size-md]=\"size() === 'md'\" [class.size-lg]=\"size() === 'lg'\" [class.variant-primary]=\"variant() === 'primary'\"\n  [class.variant-secondary]=\"variant() === 'secondary'\" [class.variant-success]=\"variant() === 'success'\"\n  [class.variant-warning]=\"variant() === 'warning'\" [class.variant-danger]=\"variant() === 'danger'\"\n  [class.variant-info]=\"variant() === 'info'\">\n  <!-- Header: Label, Hint & Optional Value Display / Synchronized Number Inputs -->\n  @if (label() || hint() || showValueBadge() || showInputs()) {\n  <div class=\"talos-range-header\">\n    <div class=\"talos-range-label-group\" [class.is-floating-label]=\"isFloatingMode()\">\n      @if (label()) {\n      <label class=\"talos-range-label\" [class.is-floated]=\"isFloatingMode()\" [attr.for]=\"elementId() + '-thumb-0'\">\n        {{ label() }}\n      </label>\n      }\n      @if (hint()) {\n      <span class=\"talos-range-hint\">{{ hint() }}</span>\n      }\n    </div>\n\n    @if (showInputs()) {\n    <div class=\"talos-range-inputs-group\">\n      @if (isDualRange()) {\n      <div class=\"talos-range-number-box\">\n        @if (prefix()) {\n        <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n        }\n        <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-0'\" [min]=\"min()\"\n          [max]=\"endValue()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n          (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n        @if (suffix()) {\n        <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n        }\n      </div>\n      <span class=\"talos-range-inputs-separator\">\u2013</span>\n      <div class=\"talos-range-number-box\">\n        @if (prefix()) {\n        <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n        }\n        <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num-1'\" [min]=\"startValue()\"\n          [max]=\"max()\" [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"endValue()\"\n          (change)=\"onNumberInputChange(1, $event)\" (keydown.enter)=\"onNumberInputChange(1, $event)\" />\n        @if (suffix()) {\n        <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n        }\n      </div>\n      } @else {\n      <div class=\"talos-range-number-box\">\n        @if (prefix()) {\n        <span class=\"talos-range-input-affix\">{{ prefix() }}</span>\n        }\n        <input type=\"number\" class=\"talos-range-number-input\" [id]=\"elementId() + '-num'\" [min]=\"min()\" [max]=\"max()\"\n          [step]=\"step()\" [disabled]=\"effectiveDisabled() || readonly()\" [value]=\"startValue()\"\n          (change)=\"onNumberInputChange(0, $event)\" (keydown.enter)=\"onNumberInputChange(0, $event)\" />\n        @if (suffix()) {\n        <span class=\"talos-range-input-affix\">{{ suffix() }}</span>\n        }\n      </div>\n      }\n    </div>\n    } @else if (showValueBadge()) {\n    <div class=\"talos-range-value-badge\">\n      @if (isDualRange()) {\n      <span>{{ formatDisplayValue(startValue()) }} \u2013 {{ formatDisplayValue(endValue()) }}</span>\n      } @else {\n      <span>{{ formatDisplayValue(startValue()) }}</span>\n      }\n    </div>\n    }\n  </div>\n  }\n\n  <!-- Range Slider Container (Track, Fills, Ticks, Thumbs) -->\n  <div #sliderTrackContainer class=\"talos-range-slider\" [class.is-active]=\"isDragging()\"\n    (pointerdown)=\"onTrackPointerDown($event)\">\n    <!-- Background Track -->\n    <div class=\"talos-range-track\">\n      <!-- Active Filled Range Segment -->\n      <div class=\"talos-range-fill\" [style.left.%]=\"fillLeftPercent()\" [style.width.%]=\"fillWidthPercent()\"></div>\n\n      <!-- Tick Marks -->\n      @if (ticks().length > 0 && (showTicks() || marks())) {\n      <div class=\"talos-range-ticks\">\n        @for (tick of ticks(); track tick.value) {\n        <div class=\"talos-range-tick\" [class.is-active]=\"tick.active\" [style.left.%]=\"tick.percent\"\n          (click)=\"onTickClick(tick, $event)\"></div>\n        }\n      </div>\n      }\n    </div>\n\n    <!-- Thumb 0 (Primary or Lower Bound Handle) -->\n    <div #thumb0 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 0\"\n      [class.is-dragging]=\"draggingThumb() === 0\" [class.is-tooltip-visible]=\"isTooltipVisible(0)\"\n      [style.left.%]=\"thumb0Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-0'\"\n      [attr.aria-label]=\"isDualRange() ? ariaLabelStart() : ariaLabel()\" [attr.aria-valuemin]=\"min()\"\n      [attr.aria-valuemax]=\"isDualRange() ? endValue() : max()\" [attr.aria-valuenow]=\"startValue()\"\n      [attr.aria-valuetext]=\"formatDisplayValue(startValue())\"\n      [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(0, $event)\"\n      (keydown)=\"onThumbKeyDown(0, $event)\" (focus)=\"onThumbFocus(0)\" (blur)=\"onThumbBlur(0)\"\n      (mouseenter)=\"onThumbMouseEnter(0)\" (mouseleave)=\"onThumbMouseLeave(0)\">\n      <!-- Floating Value Tooltip -->\n      @if (showTooltip() !== 'none') {\n      <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(0)\">\n        {{ formatDisplayValue(startValue()) }}\n      </div>\n      }\n    </div>\n\n    <!-- Thumb 1 (Upper Bound Handle for Dual Range) -->\n    @if (isDualRange()) {\n    <div #thumb1 class=\"talos-range-thumb\" [class.is-focused]=\"focusedThumb() === 1\"\n      [class.is-dragging]=\"draggingThumb() === 1\" [class.is-tooltip-visible]=\"isTooltipVisible(1)\"\n      [style.left.%]=\"thumb1Percent()\" tabindex=\"0\" role=\"slider\" [attr.id]=\"elementId() + '-thumb-1'\"\n      [attr.aria-label]=\"ariaLabelEnd()\" [attr.aria-valuemin]=\"startValue()\" [attr.aria-valuemax]=\"max()\"\n      [attr.aria-valuenow]=\"endValue()\" [attr.aria-valuetext]=\"formatDisplayValue(endValue())\"\n      [attr.aria-disabled]=\"effectiveDisabled() ? 'true' : null\" (pointerdown)=\"onThumbPointerDown(1, $event)\"\n      (keydown)=\"onThumbKeyDown(1, $event)\" (focus)=\"onThumbFocus(1)\" (blur)=\"onThumbBlur(1)\"\n      (mouseenter)=\"onThumbMouseEnter(1)\" (mouseleave)=\"onThumbMouseLeave(1)\">\n      <!-- Floating Value Tooltip -->\n      @if (showTooltip() !== 'none') {\n      <div class=\"talos-range-tooltip\" [class.visible]=\"isTooltipVisible(1)\">\n        {{ formatDisplayValue(endValue()) }}\n      </div>\n      }\n    </div>\n    }\n  </div>\n\n  <!-- Interval / Step Labels under track -->\n  @if (labels().length > 0 && (showIntervals() || showLabels() || marks())) {\n  <div class=\"talos-range-labels\">\n    @for (item of labels(); track item.value) {\n    <span class=\"talos-range-label-item\" [class.is-active]=\"item.active\" [style.left.%]=\"item.percent\"\n      (click)=\"onLabelClick(item, $event)\">\n      {{ item.label }}\n    </span>\n    }\n  </div>\n  }\n</div>", styles: [":root{--talos-font-sans: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;--talos-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--talos-font-display: var(--talos-font-sans);--talos-radius-none: 0px;--talos-radius-xs: .125rem;--talos-radius-sm: .25rem;--talos-radius-md: .375rem;--talos-radius-lg: .5rem;--talos-radius-xl: .75rem;--talos-radius-2xl: 1rem;--talos-radius-full: 9999px;--talos-height-sm: 2rem;--talos-height-md: 2.25rem;--talos-height-lg: 2.625rem;--talos-font-size-2xs: .6875rem;--talos-font-size-xs: .75rem;--talos-font-size-sm: .8125rem;--talos-font-size-base: .875rem;--talos-font-size-md: .875rem;--talos-font-size-lg: 1rem;--talos-font-size-xl: 1.125rem;--talos-font-size-2xl: 1.25rem;--talos-font-size-3xl: 1.5rem;--talos-font-size-4xl: 1.875rem;--talos-font-size-5xl: 2.25rem;--talos-font-weight-light: 300;--talos-font-weight-regular: 400;--talos-font-weight-medium: 500;--talos-font-weight-semibold: 600;--talos-font-weight-bold: 700;--talos-font-weight-extrabold: 800;--talos-line-height-none: 1;--talos-line-height-tight: 1.25;--talos-line-height-snug: 1.375;--talos-line-height-normal: 1.5;--talos-line-height-relaxed: 1.625;--talos-line-height-loose: 2;--talos-control-padding-x: .625rem;--talos-control-font-size: var(--talos-font-size-sm);--talos-control-height: var(--talos-height-md);--talos-border-radius: var(--talos-radius-md);--talos-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--talos-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .05);--talos-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--talos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--talos-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--talos-shadow-dialog: var(--talos-shadow-xl);--talos-shadow-dropdown: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--talos-transition: .18s cubic-bezier(.4, 0, .2, 1);--talos-transition-slow: .28s cubic-bezier(.4, 0, .2, 1);--talos-bg-canvas: #f8fafc;--talos-bg-surface: #ffffff;--talos-bg-subtle: #f1f5f9;--talos-bg-overlay: rgba(15, 23, 42, .5);--talos-border-subtle: #f1f5f9;--talos-border-default: #cbd5e1;--talos-border-hover: #94a3b8;--talos-border-focus: #2563eb;--talos-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--talos-text-primary: #0f172a;--talos-text-secondary: #334155;--talos-text-muted: #64748b;--talos-text-inverse: #ffffff;--talos-bg-color: var(--talos-bg-canvas);--talos-card-bg: var(--talos-bg-surface);--talos-card-bg-subtle: var(--talos-bg-subtle);--talos-border-color: var(--talos-border-default);--talos-text-color: var(--talos-text-primary);--talos-error-color: #ef4444;--talos-warning-color: #d97706;--talos-success-color: #16a34a;--bg-color: var(--talos-bg-canvas);--bg-subtle: var(--talos-bg-subtle);--card-bg: var(--talos-bg-surface);--card-bg-subtle: var(--talos-bg-subtle);--border-color: var(--talos-border-default);--border-hover: var(--talos-border-hover);--border-focus: var(--talos-border-focus);--text-color: var(--talos-text-primary);--text-muted: var(--talos-text-muted);--primary-color: var(--talos-primary);--primary-hover: var(--talos-primary-hover);--primary-active: var(--talos-primary-active);--primary-light: var(--talos-primary-subtle-bg);--primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-primary: #2563eb;--talos-primary-hover: #1d4ed8;--talos-primary-active: #1e40af;--talos-primary-subtle-bg: #eff6ff;--talos-primary-subtle-bg-hover: #dbeafe;--talos-primary-subtle-border: #bfdbfe;--talos-primary-text: #1e40af;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-primary-color: var(--talos-primary);--talos-primary-light: var(--talos-primary-subtle-bg);--talos-primary-light-hover: var(--talos-primary-subtle-bg-hover);--talos-neutral: #475569;--talos-neutral-hover: #334155;--talos-neutral-active: #1e293b;--talos-neutral-subtle-bg: #f8fafc;--talos-neutral-subtle-bg-hover: #f1f5f9;--talos-neutral-subtle-border: #e2e8f0;--talos-neutral-text: #334155;--talos-neutral-solid-bg: #475569;--talos-neutral-solid-text: #ffffff;--talos-success: #16a34a;--talos-success-hover: #15803d;--talos-success-active: #166534;--talos-success-subtle-bg: #f0fdf4;--talos-success-subtle-bg-hover: #dcfce7;--talos-success-subtle-border: #bbf7d0;--talos-success-text: #166534;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #d97706;--talos-warning-hover: #b45309;--talos-warning-active: #92400e;--talos-warning-subtle-bg: #fffbeb;--talos-warning-subtle-bg-hover: #fef3c7;--talos-warning-subtle-border: #fde68a;--talos-warning-text: #92400e;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #dc2626;--talos-danger-active: #b91c1c;--talos-danger-subtle-bg: #fef2f2;--talos-danger-subtle-bg-hover: #fee2e2;--talos-danger-subtle-border: #fecaca;--talos-danger-text: #991b1b;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0284c7;--talos-info-hover: #0369a1;--talos-info-active: #075985;--talos-info-subtle-bg: #f0f9ff;--talos-info-subtle-bg-hover: #e0f2fe;--talos-info-subtle-border: #bae6fd;--talos-info-text: #0369a1;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #7c3aed;--talos-purple-hover: #6d28d9;--talos-purple-active: #5b21b6;--talos-purple-subtle-bg: #f5f3ff;--talos-purple-subtle-bg-hover: #ede9fe;--talos-purple-subtle-border: #ddd6fe;--talos-purple-text: #6d28d9;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-input-bg: var(--talos-bg-surface);--talos-input-border: var(--talos-border-default);--talos-input-border-hover: var(--talos-border-hover);--talos-input-border-focus: var(--talos-border-focus);--talos-input-color: var(--talos-text-primary);--talos-input-placeholder-color: var(--talos-text-muted);--talos-input-disabled-bg: var(--talos-bg-subtle);--talos-input-disabled-border: var(--talos-border-default);--talos-input-disabled-color: var(--talos-text-muted);--talos-input-radius: var(--talos-radius-md);--talos-input-height: var(--talos-height-md);--talos-affix-btn-size-sm: 1.375rem;--talos-affix-btn-size-md: 1.5rem;--talos-affix-btn-size-lg: 1.75rem;--talos-affix-btn-radius: var(--talos-radius-sm, .25rem);--talos-affix-btn-icon-size-sm: .8125rem;--talos-affix-btn-icon-size-md: .875rem;--talos-affix-btn-icon-size-lg: 1rem;--talos-affix-btn-color: var(--talos-text-muted, #64748b);--talos-affix-btn-hover-color: var(--talos-text-color, #0f172a);--talos-affix-btn-hover-bg: var(--talos-btn-ghost-hover-bg, var(--talos-bg-subtle, rgba(148, 163, 184, .15)));--talos-affix-btn-active-bg: var(--talos-btn-ghost-active-bg, rgba(148, 163, 184, .25));--talos-sidebar-width: 260px;--talos-sidebar-collapsed-width: 68px;--talos-nav-bg: var(--talos-bg-surface);--talos-nav-border-color: var(--talos-border-subtle);--talos-active-nav-bg: var(--talos-primary-subtle-bg);--talos-active-nav-text: var(--talos-primary);--talos-nav-hover-bg: var(--talos-bg-subtle);--talos-nav-hover-text: var(--talos-text-primary);--talos-avatar-bg: var(--talos-primary-subtle-bg);--talos-avatar-text: var(--talos-primary-text);--talos-badge-bg: var(--talos-primary-subtle-bg);--talos-badge-text: var(--talos-primary-text);--talos-header-bg: var(--talos-bg-surface);--talos-header-border-color: var(--talos-border-subtle);--talos-right-panel-bg: var(--talos-bg-surface);--talos-right-panel-border: var(--talos-border-subtle);--talos-loading-overlay-bg: rgba(255, 255, 255, .75);--talos-dropdown-bg: var(--talos-bg-surface);--talos-dropdown-border: var(--talos-border-default);--talos-dropdown-shadow: var(--talos-shadow-dropdown);--talos-dropdown-hover-bg: var(--talos-bg-subtle);--talos-dropdown-selected-bg: var(--talos-primary-subtle-bg);--talos-btn-font-family: inherit;--talos-btn-border-radius: var(--talos-radius-md);--talos-btn-font-weight: 600;--talos-btn-transition: background-color var(--talos-transition), border-color var(--talos-transition), color var(--talos-transition), box-shadow var(--talos-transition), opacity var(--talos-transition);--talos-btn-ripple-color: rgba(255, 255, 255, .35);--talos-btn-primary-bg: var(--talos-primary-solid-bg);--talos-btn-primary-hover: var(--talos-primary-hover);--talos-btn-primary-active: var(--talos-primary-active);--talos-btn-primary-text: var(--talos-primary-solid-text);--talos-btn-secondary-bg: var(--talos-neutral-solid-bg);--talos-btn-secondary-hover: var(--talos-neutral-hover);--talos-btn-secondary-active: var(--talos-neutral-active);--talos-btn-secondary-text: var(--talos-neutral-solid-text);--talos-btn-outline-bg: transparent;--talos-btn-outline-border: var(--talos-border-default);--talos-btn-outline-hover-bg: var(--talos-bg-subtle);--talos-btn-outline-hover-border: var(--talos-border-hover);--talos-btn-outline-text: var(--talos-text-secondary);--talos-btn-ghost-bg: transparent;--talos-btn-ghost-text: var(--talos-text-muted);--talos-btn-ghost-hover-bg: var(--talos-bg-subtle);--talos-btn-ghost-hover-text: var(--talos-text-primary);--talos-btn-ghost-active-bg: var(--talos-neutral-subtle-bg-hover);--talos-btn-danger-bg: var(--talos-danger-solid-bg);--talos-btn-danger-hover: var(--talos-danger-hover);--talos-btn-danger-active: var(--talos-danger-active);--talos-btn-danger-text: var(--talos-danger-solid-text);--talos-btn-success-bg: var(--talos-success-solid-bg);--talos-btn-success-hover: var(--talos-success-hover);--talos-btn-success-active: var(--talos-success-active);--talos-btn-success-text: var(--talos-success-solid-text);--talos-btn-height-sm: var(--talos-height-sm);--talos-btn-height-md: var(--talos-height-md);--talos-btn-height-lg: var(--talos-height-lg);--talos-btn-padding-x-sm: .625rem;--talos-btn-padding-x-md: .875rem;--talos-btn-padding-x-lg: 1.125rem;--talos-btn-font-size-sm: var(--talos-font-size-xs);--talos-btn-font-size-md: var(--talos-font-size-sm);--talos-btn-font-size-lg: var(--talos-font-size-md);--talos-category-bar-gap: 2px;--talos-category-bar-track-bg: var(--talos-bg-subtle);--talos-category-bar-border-radius: var(--talos-radius-md);--talos-category-bar-height-xs: .25rem;--talos-category-bar-height-sm: .375rem;--talos-category-bar-height-md: .5rem;--talos-category-bar-height-lg: .75rem;--talos-category-bar-marker-ring: var(--talos-bg-surface);--talos-range-track-bg: var(--talos-border-default);--talos-range-track-fill: var(--talos-primary);--talos-range-track-disabled-bg: var(--talos-border-subtle);--talos-range-track-disabled-fill: var(--talos-text-muted);--talos-range-track-height-sm: .25rem;--talos-range-track-height-md: .375rem;--talos-range-track-height-lg: .5rem;--talos-range-thumb-size-sm: 1rem;--talos-range-thumb-size-md: 1.25rem;--talos-range-thumb-size-lg: 1.5rem;--talos-range-thumb-bg: var(--talos-bg-surface);--talos-range-thumb-border: var(--talos-primary);--talos-range-thumb-shadow: var(--talos-shadow-sm);--talos-range-thumb-hover-shadow: 0 0 0 4px rgba(37, 99, 235, .15);--talos-range-thumb-active-shadow: 0 0 0 6px rgba(37, 99, 235, .25);--talos-range-tick-color: var(--talos-text-muted);--talos-range-tick-active-color: #ffffff;--talos-range-tick-label-color: var(--talos-text-muted);--talos-range-tooltip-bg: #0f172a;--talos-range-tooltip-text: #ffffff;--talos-toggle-track-bg: var(--talos-border-default);--talos-toggle-track-bg-hover: var(--talos-border-hover);--talos-toggle-thumb-bg: var(--talos-bg-surface);--talos-snackbar-bg: var(--talos-bg-surface);--talos-snackbar-text: var(--talos-text-primary);--talos-snackbar-border: var(--talos-border-default);--talos-snackbar-border-radius: var(--talos-radius-lg);--talos-dialog-bg: var(--talos-bg-surface);--talos-dialog-border: var(--talos-border-default);--talos-dialog-radius: var(--talos-radius-xl);--talos-dialog-shadow: var(--talos-shadow-dialog);--talos-dialog-backdrop-bg: var(--talos-bg-overlay);--talos-dialog-backdrop-blur-bg: rgba(15, 23, 42, .35);--talos-dialog-title-color: var(--talos-text-primary);--talos-dialog-subtitle-color: var(--talos-text-muted);--talos-tooltip-bg: #0f172a;--talos-tooltip-text: #ffffff;--talos-dropzone-bg: var(--talos-bg-surface);--talos-dropzone-hover-bg: var(--talos-bg-subtle);--talos-dropzone-drag-bg: var(--talos-primary-subtle-bg);--talos-dropzone-border: var(--talos-border-default);--talos-dropzone-hover-border: var(--talos-border-hover);--talos-dropzone-drag-border: var(--talos-primary);--talos-dropzone-radius: var(--talos-radius-lg);--talos-dropzone-text: var(--talos-text-primary);--talos-dropzone-subtext: var(--talos-text-muted);--talos-dropzone-icon-color: var(--talos-primary);--talos-dropzone-file-bg: var(--talos-bg-surface);--talos-dropzone-file-border: var(--talos-border-default);--talos-rating-fill-warning: var(--talos-warning);--talos-rating-fill-primary: var(--talos-primary);--talos-rating-fill-danger: var(--talos-danger);--talos-rating-fill-success: var(--talos-success);--talos-rating-fill-purple: var(--talos-purple);--talos-rating-unfilled: var(--talos-border-default);--talos-rating-size-sm: 1.125rem;--talos-rating-size-md: 1.375rem;--talos-rating-size-lg: 1.75rem;--talos-rating-size-xl: 2.25rem}:root[data-theme=dark],:root.dark,[data-theme=dark],[data-mode=dark],.dark,.dark-theme{--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-shadow-dropdown: 0 16px 32px -4px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08);--talos-shadow-dialog: 0 25px 50px -12px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .1);--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-primary-solid-bg: #2563eb;--talos-primary-solid-text: #ffffff;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-neutral-solid-bg: #334155;--talos-neutral-solid-text: #f8fafc;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-success-solid-bg: #16a34a;--talos-success-solid-text: #ffffff;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-warning-solid-bg: #d97706;--talos-warning-solid-text: #ffffff;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-danger-solid-bg: #dc2626;--talos-danger-solid-text: #ffffff;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-info-solid-bg: #0284c7;--talos-info-solid-text: #ffffff;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-purple-solid-bg: #7c3aed;--talos-purple-solid-text: #ffffff;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc;--talos-loading-overlay-bg: rgba(9, 13, 22, .8);--talos-range-thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--talos-bg-canvas: #090d16;--talos-bg-surface: #0f172a;--talos-bg-subtle: #131d31;--talos-bg-overlay: rgba(3, 7, 18, .75);--talos-border-subtle: rgba(255, 255, 255, .06);--talos-border-default: rgba(255, 255, 255, .1);--talos-border-hover: rgba(255, 255, 255, .2);--talos-border-focus: #3b82f6;--talos-focus-ring: 0 0 0 3px rgba(59, 130, 246, .35);--talos-text-primary: #f8fafc;--talos-text-secondary: #e2e8f0;--talos-text-muted: #94a3b8;--talos-text-inverse: #090d16;--talos-primary: #3b82f6;--talos-primary-hover: #60a5fa;--talos-primary-active: #2563eb;--talos-primary-subtle-bg: rgba(59, 130, 246, .16);--talos-primary-subtle-bg-hover: rgba(59, 130, 246, .26);--talos-primary-subtle-border: rgba(59, 130, 246, .35);--talos-primary-text: #93c5fd;--talos-neutral: #94a3b8;--talos-neutral-hover: #cbd5e1;--talos-neutral-active: #f1f5f9;--talos-neutral-subtle-bg: rgba(148, 163, 184, .12);--talos-neutral-subtle-bg-hover: rgba(148, 163, 184, .2);--talos-neutral-subtle-border: rgba(148, 163, 184, .25);--talos-neutral-text: #e2e8f0;--talos-success: #22c55e;--talos-success-hover: #4ade80;--talos-success-active: #16a34a;--talos-success-subtle-bg: rgba(34, 197, 94, .16);--talos-success-subtle-bg-hover: rgba(34, 197, 94, .26);--talos-success-subtle-border: rgba(34, 197, 94, .35);--talos-success-text: #86efac;--talos-warning: #f59e0b;--talos-warning-hover: #fbbf24;--talos-warning-active: #d97706;--talos-warning-subtle-bg: rgba(245, 158, 11, .16);--talos-warning-subtle-bg-hover: rgba(245, 158, 11, .26);--talos-warning-subtle-border: rgba(245, 158, 11, .35);--talos-warning-text: #fde047;--talos-danger: #ef4444;--talos-danger-hover: #f87171;--talos-danger-active: #dc2626;--talos-danger-subtle-bg: rgba(239, 68, 68, .16);--talos-danger-subtle-bg-hover: rgba(239, 68, 68, .26);--talos-danger-subtle-border: rgba(239, 68, 68, .35);--talos-danger-text: #fca5a5;--talos-info: #0ea5e9;--talos-info-hover: #38bdf8;--talos-info-active: #0284c7;--talos-info-subtle-bg: rgba(14, 165, 233, .16);--talos-info-subtle-bg-hover: rgba(14, 165, 233, .26);--talos-info-subtle-border: rgba(14, 165, 233, .35);--talos-info-text: #7dd3fc;--talos-purple: #8b5cf6;--talos-purple-hover: #a78bfa;--talos-purple-active: #7c3aed;--talos-purple-subtle-bg: rgba(139, 92, 246, .16);--talos-purple-subtle-bg-hover: rgba(139, 92, 246, .26);--talos-purple-subtle-border: rgba(139, 92, 246, .35);--talos-purple-text: #c4b5fd;--talos-tooltip-bg: #1e293b;--talos-tooltip-text: #f8fafc;--talos-range-tooltip-bg: #1e293b;--talos-range-tooltip-text: #f8fafc;--talos-range-tick-active-color: #f8fafc}}:host{display:block;width:100%;box-sizing:border-box}.talos-range-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;--range-accent: var(--talos-range-track-fill, var(--talos-primary-color));--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: var(--talos-focus-ring, 0 0 0 3px rgba(37, 99, 235, .15));--range-track-h: var(--talos-range-track-height-md, .375rem);--range-thumb-d: var(--talos-range-thumb-size-md, 1.25rem);--range-thumb-border-width: 2px;--range-tick-w: 2px;--range-tick-h: 8px;--range-font-size: var(--talos-control-font-size, .8125rem)}.talos-range-wrapper.size-sm{--range-track-h: var(--talos-range-track-height-sm, .25rem);--range-thumb-d: var(--talos-range-thumb-size-sm, 1rem);--range-font-size: .75rem;--range-tick-h: 6px}.talos-range-wrapper.size-lg{--range-track-h: var(--talos-range-track-height-lg, .5rem);--range-thumb-d: var(--talos-range-thumb-size-lg, 1.5rem);--range-font-size: .875rem;--range-tick-h: 10px}.talos-range-wrapper.variant-primary{--range-accent: var(--talos-primary-color, #2563eb);--range-accent-hover: var(--talos-primary-hover, #1d4ed8);--range-focus-glow: 0 0 0 3px rgba(37, 99, 235, .2)}.talos-range-wrapper.variant-secondary{--range-accent: #475569;--range-accent-hover: #334155;--range-focus-glow: 0 0 0 3px rgba(71, 85, 105, .2)}.talos-range-wrapper.variant-success{--range-accent: #16a34a;--range-accent-hover: #15803d;--range-focus-glow: 0 0 0 3px rgba(22, 163, 74, .2)}.talos-range-wrapper.variant-warning{--range-accent: #d97706;--range-accent-hover: #b45309;--range-focus-glow: 0 0 0 3px rgba(217, 119, 6, .2)}.talos-range-wrapper.variant-danger{--range-accent: var(--talos-error-color, #ef4444);--range-accent-hover: #dc2626;--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .2)}.talos-range-wrapper.variant-info{--range-accent: #0284c7;--range-accent-hover: #0369a1;--range-focus-glow: 0 0 0 3px rgba(2, 132, 199, .2)}.talos-range-wrapper.is-invalid{--range-accent: var(--talos-error-color, #ef4444);--range-focus-glow: 0 0 0 3px rgba(239, 68, 68, .25)}.talos-range-wrapper.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.talos-range-wrapper.is-disabled .talos-range-thumb{cursor:not-allowed;border-color:var(--talos-range-track-disabled-fill, #94a3b8);background-color:var(--talos-range-track-disabled-bg, #cbd5e1);box-shadow:none}.talos-range-wrapper.is-disabled .talos-range-fill{background-color:var(--talos-range-track-disabled-fill, #94a3b8)}.talos-range-wrapper.is-readonly .talos-range-slider,.talos-range-wrapper.is-readonly .talos-range-thumb{cursor:default}.talos-range-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.talos-range-label-group{display:flex;flex-direction:column;gap:.125rem}.talos-range-label{font-size:var(--range-font-size);font-weight:600;color:var(--talos-text-color, #0f172a)}.talos-range-hint{font-size:.75rem;color:var(--talos-text-muted, #64748b)}.talos-range-value-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:var(--talos-border-radius, .375rem);background-color:var(--talos-primary-light, #eff6ff);color:var(--range-accent)}.talos-range-inputs-group{display:flex;align-items:center;gap:.375rem}.talos-range-inputs-separator{color:var(--talos-text-muted, #64748b);font-weight:500}.talos-range-number-box{display:inline-flex;align-items:center;background-color:var(--talos-card-bg, #ffffff);border:1px solid var(--talos-border-color, #cbd5e1);border-radius:var(--talos-border-radius, .375rem);padding:0 .375rem;height:1.875rem;transition:border-color .15s ease,box-shadow .15s ease}.talos-range-number-box:focus-within{border-color:var(--range-accent);box-shadow:var(--range-focus-glow)}.talos-range-input-affix{font-size:.75rem;color:var(--talos-text-muted, #64748b);-webkit-user-select:none;user-select:none}.talos-range-number-input{width:3.5rem;border:none;background:transparent;padding:.125rem .25rem;font-size:.8125rem;font-weight:500;color:var(--talos-text-color, #0f172a);text-align:right;outline:none;font-family:inherit}.talos-range-number-input::-webkit-inner-spin-button,.talos-range-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.talos-range-number-input{-moz-appearance:textfield}.talos-range-slider{position:relative;width:100%;height:calc(var(--range-thumb-d) + .5rem);display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-slider.is-active{cursor:grabbing}.talos-range-track{position:relative;width:100%;height:var(--range-track-h);background-color:var(--talos-range-track-bg, #e2e8f0);border-radius:9999px;overflow:visible}.talos-range-fill{position:absolute;top:0;bottom:0;background-color:var(--range-accent);border-radius:9999px;transition:background-color .18s ease;pointer-events:none}.talos-range-ticks{position:absolute;inset:0;pointer-events:none}.talos-range-tick{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-tick-w);height:var(--range-tick-h);background-color:var(--talos-range-tick-color, #94a3b8);border-radius:1px;pointer-events:auto;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.talos-range-tick.is-active{background-color:var(--talos-range-tick-active-color, #ffffff);box-shadow:0 0 2px #0000004d}.talos-range-tick:hover{transform:translate(-50%,-50%) scale(1.4)}.talos-range-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--range-thumb-d);height:var(--range-thumb-d);background-color:var(--talos-range-thumb-bg, #ffffff);border:var(--range-thumb-border-width) solid var(--range-accent);border-radius:50%;box-shadow:var(--talos-range-thumb-shadow, 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08));cursor:grab;outline:none;box-sizing:border-box;transition:transform .12s cubic-bezier(.4,0,.2,1),box-shadow .12s cubic-bezier(.4,0,.2,1),border-color .12s cubic-bezier(.4,0,.2,1);z-index:2}.talos-range-thumb:hover{box-shadow:var(--talos-range-thumb-hover-shadow, 0 0 0 4px rgba(37, 99, 235, .15));transform:translate(-50%,-50%) scale(1.08)}.talos-range-thumb.is-focused,.talos-range-thumb:focus-visible{box-shadow:var(--range-focus-glow);transform:translate(-50%,-50%) scale(1.12);z-index:3}.talos-range-thumb.is-dragging{cursor:grabbing;box-shadow:var(--talos-range-thumb-active-shadow, 0 0 0 6px rgba(37, 99, 235, .25));transform:translate(-50%,-50%) scale(1.16);z-index:4}.talos-range-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background-color:var(--talos-range-tooltip-bg, #1e293b);color:var(--talos-range-tooltip-text, #ffffff);font-size:.6875rem;font-weight:600;padding:.1875rem .4375rem;border-radius:.25rem;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10}.talos-range-tooltip:after{content:\"\";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--talos-range-tooltip-bg, #1e293b) transparent transparent transparent}.talos-range-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.talos-range-labels{position:relative;width:100%;margin-top:.25rem;height:1.125rem;padding:0 calc(var(--range-thumb-d) / 2);box-sizing:border-box}.talos-range-label-item{position:absolute;top:0;transform:translate(-50%);font-size:.6875rem;color:var(--talos-range-tick-label-color, var(--talos-text-muted, #64748b));white-space:nowrap;cursor:pointer;transition:color .15s ease,font-weight .15s ease}.talos-range-label-item.is-active{color:var(--range-accent);font-weight:600}.talos-range-label-item:hover{color:var(--talos-text-color, #0f172a)}\n"] }]
+        }], propDecorators: { trackContainerRef: [{ type: i0.ViewChild, args: ['sliderTrackContainer', { isSignal: true }] }], thumb0Ref: [{ type: i0.ViewChild, args: ['thumb0', { isSignal: true }] }], thumb1Ref: [{ type: i0.ViewChild, args: ['thumb1', { isSignal: true }] }], 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 }] }], interval: [{ type: i0.Input, args: [{ isSignal: true, alias: "interval", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], minRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRange", required: false }] }], maxRange: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRange", required: false }] }], marks: [{ type: i0.Input, args: [{ isSignal: true, alias: "marks", required: false }] }], showTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTicks", required: false }] }], showIntervals: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIntervals", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], snapToTicks: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToTicks", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], floatingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingLabel", required: false }] }], floating: [{ type: i0.Input, args: [{ isSignal: true, alias: "floating", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], showInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInputs", required: false }] }], showValueBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValueBadge", required: false }] }], showTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTooltip", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelStart", required: false }] }], ariaLabelEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelEnd", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], inputChange: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+
+class TalosRangeInputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputModule, imports: [TalosRangeInputComponent, TalosRangeInputDirective], exports: [TalosRangeInputComponent, TalosRangeInputDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: TalosRangeInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TalosRangeInputComponent, TalosRangeInputDirective],
+                    exports: [TalosRangeInputComponent, TalosRangeInputDirective]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TalosRangeInputComponent, TalosRangeInputDirective, TalosRangeInputModule };
+//# sourceMappingURL=weeehaoooz-talos-ui-form-range-input.mjs.map