@nova-design-system/nova-webcomponents 3.24.0 → 3.26.0

package/dist/components/nv-fieldslider.js

@@ -1,801 +1 @@
-import { h, p as proxyCustomElement, H, c as createEvent, d as Host } from './p-C63Xpg9a.js';
-import { c as clsx } from './p-ChV9xqsO.js';
-import { d as defineCustomElement$5 } from './p-D6APFL6N.js';
-import { d as defineCustomElement$4 } from './p-nfYynlVq.js';
-import { d as defineCustomElement$3 } from './p-DvapDVBj.js';
-import { d as defineCustomElement$2 } from './p-COnt5ux_.js';
-import { v as v4 } from './p-BdYh22OP.js';
-
-/**
- * Utility functions for nv-fieldslider.
- */
-/**
- * Gets the number of decimal places in a number.
- * @param {number} num - The number to check
- * @returns {number} The number of decimal places
- */
-function getDecimalPlaces(num) {
-    if (Number.isInteger(num))
-        return 0;
-    const str = num.toString();
-    const decimalPart = str.split('.')[1];
-    return decimalPart ? decimalPart.length : 0;
-}
-/**
- * Clamp a value between min and max.
- * @param {number} value - The value to clamp
- * @param {number} min - The minimum boundary
- * @param {number} max - The maximum boundary
- * @returns {number} The clamped value
- */
-function clamp(value, min, max) {
-    return Math.max(min, Math.min(max, value));
-}
-/**
- * Calculate the percentage position of a value within a range.
- * @param {number} value - The value to convert to percentage
- * @param {number} min - The minimum value of the range
- * @param {number} max - The maximum value of the range
- * @returns {number} The percentage (0-100)
- */
-function valueToPercent(value, min, max) {
-    if (max === min)
-        return 0;
-    return ((value - min) / (max - min)) * 100;
-}
-/**
- * Snap a value to the nearest step.
- * @param {number} value - The value to snap
- * @param {number} min - The minimum boundary
- * @param {number} max - The maximum boundary
- * @param {number} step - The step size
- * @returns {number} The snapped value
- */
-function snapToStep(value, min, max, step) {
-    const clamped = clamp(value, min, max);
-    const decimalPlaces = getDecimalPlaces(step);
-    // To avoid floating point issues in calculations, we can work with integers
-    // by multiplying all values by a power of 10 based on decimal places
-    if (decimalPlaces > 0) {
-        const multiplier = Math.pow(10, decimalPlaces);
-        // Convert to integer-based calculation
-        const scaledValue = Math.round((clamped - min) * multiplier);
-        const scaledStep = Math.round(step * multiplier);
-        // Round to nearest step using integer math
-        const roundedSteps = Math.round(scaledValue / scaledStep);
-        // Calculate snapped value and scale back down
-        const scaledSnapped = roundedSteps * scaledStep;
-        const snapped = min + scaledSnapped / multiplier;
-        // Format to correct decimal places to ensure precision
-        return clamp(parseFloat(snapped.toFixed(decimalPlaces)), min, max);
-    }
-    // For integer steps, use the original method
-    const stepsFromMin = (clamped - min) / step;
-    const roundedSteps = Math.round(stepsFromMin);
-    const snapped = min + roundedSteps * step;
-    return clamp(snapped, min, max);
-}
-/**
- * Generate tick values for the slider.
- * @param {number} min - The minimum value
- * @param {number} max - The maximum value
- * @param {number} step - The step size
- * @returns {number[]} Array of tick values
- */
-function generateTicks(min, max, step) {
-    const ticks = [];
-    for (let v = min; v <= max; v += step) {
-        ticks.push(Number(v.toFixed(10))); // avoid floating point issues
-    }
-    if (ticks[ticks.length - 1] !== max) {
-        ticks.push(max);
-    }
-    return ticks;
-}
-/**
- * Snap a value to the nearest tick mark.
- * @param {number} value - The value to snap
- * @param {object[]} ticks - Array of tick objects
- * @returns {number} The value of the closest tick
- */
-function snapToTicks(value, ticks) {
-    if (!ticks || ticks.length === 0)
-        return value;
-    // Find the closest tick
-    let closestTick = ticks[0].value;
-    let minDistance = Math.abs(value - closestTick);
-    for (const tick of ticks) {
-        const distance = Math.abs(value - tick.value);
-        if (distance < minDistance) {
-            minDistance = distance;
-            closestTick = tick.value;
-        }
-    }
-    return closestTick;
-}
-/**
- * Format a numeric value for display, preserving trailing zeros based on step precision
- * @param {number} value - The value to format
- * @param {number} step - The step size that determines decimal precision
- * @returns {string} Formatted value string with appropriate decimal places
- */
-function formatValueForDisplay(value, step) {
-    const decimalPlaces = getDecimalPlaces(step);
-    if (decimalPlaces > 0) {
-        return value.toFixed(decimalPlaces);
-    }
-    return String(value);
-}
-
-/**
- * Renders single thumb in standard mode.
- * @param {SingleThumbProps} props - Component properties
- * @returns {JSX.Element} JSX element representing the thumb
- */
-const SingleThumb = props => {
-    const { value, min, max, step, rawPosition, isDragging, snap, disabled, readonly, onKeyDown, labelBeforeValue, labelAfterValue, } = props;
-    // Use raw position for visual display during dragging, but the snapped value otherwise
-    let displayPosition = value;
-    if (isDragging && !snap) {
-        displayPosition = clamp(rawPosition, min, max);
-    }
-    const percent = valueToPercent(displayPosition, min, max);
-    return (h("div", { class: "thumb", style: { left: `${percent}%` }, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, "aria-disabled": disabled ? 'true' : undefined, "aria-readonly": readonly ? 'true' : undefined, tabindex: disabled ? -1 : 0, onKeyDown: onKeyDown }, h("div", { class: "thumb-tooltip" }, labelBeforeValue && (h("span", { class: "label-before" }, labelBeforeValue)), formatValueForDisplay(value, step), labelAfterValue && h("span", { class: "label-after" }, labelAfterValue))));
-};
-
-/**
- * Renders dual thumbs in range mode.
- * @param {RangeThumbProps} props - Component properties
- * @returns {JSX.Element[]} Array of JSX elements representing the range slider thumbs
- */
-const RangeThumb = props => {
-    const { rangeValue, rawRangePosition, activeDragThumb, isDragging, snap, min, max, step, disabled, readonly, onKeyDown, labelBeforeValue, labelAfterValue, } = props;
-    const [leftValue, rightValue] = rangeValue;
-    // Use raw positions for visual display during dragging, but the snapped values otherwise
-    let displayLeftPosition = leftValue;
-    let displayRightPosition = rightValue;
-    if (isDragging && !snap) {
-        const [rawLeft, rawRight] = rawRangePosition;
-        if (activeDragThumb === 'left') {
-            displayLeftPosition = clamp(rawLeft, min, Math.min(rightValue, max));
-        }
-        else if (activeDragThumb === 'right') {
-            displayRightPosition = clamp(rawRight, Math.max(leftValue, min), max);
-        }
-    }
-    const leftPercent = valueToPercent(displayLeftPosition, min, max);
-    const rightPercent = valueToPercent(displayRightPosition, min, max);
-    return [
-        h("div", { class: "track-range", style: {
-                left: `${leftPercent}%`,
-                width: `${rightPercent - leftPercent}%`,
-            } }),
-        h("div", { class: "thumb thumb-left", style: { left: `${leftPercent}%` }, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": leftValue, "aria-disabled": disabled ? 'true' : undefined, "aria-readonly": readonly ? 'true' : undefined, "data-thumb": "left", tabindex: disabled ? -1 : 0, onKeyDown: onKeyDown }, h("div", { class: "thumb-tooltip" }, labelBeforeValue && (h("span", { class: "label-before" }, labelBeforeValue)), formatValueForDisplay(leftValue, step), labelAfterValue && h("span", { class: "label-after" }, labelAfterValue))),
-        h("div", { class: "thumb thumb-right", style: { left: `${rightPercent}%` }, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rightValue, "aria-disabled": disabled ? 'true' : undefined, "aria-readonly": readonly ? 'true' : undefined, "data-thumb": "right", tabindex: disabled ? -1 : 0, onKeyDown: onKeyDown }, h("div", { class: "thumb-tooltip" }, labelBeforeValue && (h("span", { class: "label-before" }, labelBeforeValue)), formatValueForDisplay(rightValue, step), labelAfterValue && h("span", { class: "label-after" }, labelAfterValue))),
-    ];
-};
-
-/**
- * Renders tick marks along the slider track.
- * @param {TickMarksProps} props - Component properties
- * @returns {JSX.Element | null} JSX element representing the tick marks or null if no ticks
- */
-const TickMarks = props => {
-    const { ticks, min, max } = props;
-    if (ticks.length === 0) {
-        return null;
-    }
-    return (h("div", { class: "track-ticks" }, ticks.map(tick => {
-        const percent = valueToPercent(tick.value, min, max);
-        return (h("div", { class: "track-tick", style: { left: `${percent}%` } }, tick.label && h("div", { class: "tick-label" }, tick.label)));
-    })));
-};
-
-/**
- * Renders field input for direct value entry
- * @param {FieldInputProps} props - Component properties
- * @returns {JSX.Element} JSX element representing the field input
- */
-const FieldInput = props => {
-    const { range, hasField, value, rangeValue, index, inputId, min, max, step, disabled, readonly, onInput, labelBeforeValue, labelAfterValue, name, endName, } = props;
-    // Determine the appropriate value based on mode and index
-    const fieldValue = range ? rangeValue[index] : value;
-    // In range mode, we need data-index for event handling
-    const dataAttrs = range ? { 'data-index': index.toString() } : {};
-    // Determine the appropriate name based on mode and index
-    let inputName;
-    if (range) {
-        if (index === 0) {
-            inputName = name || '';
-        }
-        else {
-            // Use endName if provided, otherwise append "-end" to the name
-            inputName = endName || (name ? `${name}-end` : '');
-        }
-    }
-    else {
-        inputName = name || '';
-    }
-    const handleValueChanged = (event) => {
-        event.stopPropagation();
-        const newValue = event.detail;
-        // Accept null as a valid value (when field is cleared)
-        // Only reject NaN numbers
-        if (typeof newValue === 'number' && Number.isNaN(newValue)) {
-            return;
-        }
-        onInput({
-            value: newValue,
-            index,
-        });
-    };
-    return hasField ? (h("div", { class: clsx(!hasField && 'hidden-input') }, h("nv-fieldnumber", { id: inputId, value: fieldValue, min: min, max: max, step: step, disabled: disabled, readonly: readonly, name: inputName, ...dataAttrs, onInput: e => e.stopPropagation(), onValueChanged: handleValueChanged }, labelBeforeValue && (h("span", { class: "label-before", slot: "leading-input" }, labelBeforeValue)), labelAfterValue && (h("span", { class: "label-after", slot: "trailing-input" }, labelAfterValue))))) : (h("input", { id: inputId, type: "hidden", value: fieldValue, disabled: disabled, readonly: readonly, name: inputName }));
-};
-
-const nvFieldsliderCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:\"\";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:\"\";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:\"\";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}";
-
-const NvFieldslider$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldslider extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.valueChanged = createEvent(this, "valueChanged", 3);
-        /****************************************************************************/
-        //#region PROPERTIES
-        /**
-         * Sets the ID for the start input element and the for attribute of the associated
-         * label. If no ID is provided, a random one will be automatically generated.
-         */
-        this.startInputId = v4();
-        /**
-         * Sets the ID for the end input element and the for attribute of the associated
-         * label. If no ID is provided, a random one will be automatically generated.
-         */
-        this.endInputId = v4();
-        /**
-         * Keeps the interface clean by removing visible labels, but still announces
-         * the label to screen readers so users relying on assistive tech aren't left
-         * guessing.
-         */
-        this.hideLabel = false;
-        /**
-         * Enables an optional numeric input field alongside the slider, allowing
-         * users to type a value directly instead of—or in addition to—using the
-         * slider handle. The field accepts numeric values in the format based on
-         * client-side local settings.
-         */
-        this.hasField = false;
-        /**
-         * Allows the slider to display two thumbs, enabling users to select a
-         * continuous range between a minimum and maximum value. Ideal for use cases
-         * like filtering by price or time.
-         */
-        this.range = false;
-        /**
-         * Disables user interaction with the slider and its associated input fields.
-         */
-        this.disabled = false;
-        /**
-         * Makes the slider and input non-editable while keeping them focusable and
-         * included in form submissions.
-         */
-        this.readonly = false;
-        /**
-         * Alters the slider's appearance to indicate an error, helping users
-         * identify fields that need correction.
-         * @validator error
-         */
-        this.error = false;
-        /**
-         * Changes the slider's appearance to indicate successful input or validation.
-         */
-        this.success = false;
-        /**
-         * Numeric value of the slider as an array of numbers. When in single mode,
-         * the value should be a an array of one number. When in range mode, the value
-         * should be an array of two numbers.
-         */
-        this.value = [0];
-        /**
-         * Defines the interval between selectable values on the slider. Controls how
-         * much the value increases or decreases with each keyboard interaction, drag
-         * movement, or direct input.
-         */
-        this.step = 1;
-        /**
-         * Controls whether the slider handle should visually snap to step values
-         * during dragging. When false, the handle can be positioned at any point
-         * along the track while dragging, but the actual value will still snap to the
-         * nearest step value. When true, the handle will visually snap to the nearest
-         * step value during dragging.
-         */
-        this.snap = false;
-        /**
-         * When true and custom ticks are provided, the slider will snap to the nearest
-         * tick value during dragging, instead of using the step value. This is useful
-         * when you have custom ticks at specific values that don't align with regular step intervals.
-         */
-        this.snapTicks = false;
-        /**
-         * Defines the minimum allowed value for the slider. The thumb cannot move
-         * below this value, and manual input is also constrained accordingly.
-         */
-        this.min = 0;
-        /**
-         * Defines the maximum allowed value for the slider. The thumb cannot move
-         * above this value, and manual input is also constrained accordingly.
-         */
-        this.max = 100;
-        /**
-         * Controls the visibility of tick marks on the slider. When enabled, all
-         * visual ticks that indicate step points along the track are shown. If custom
-         * ticks are provided, they are always shown regardless of this setting.
-         */
-        this.showTicks = false;
-        /**
-         * Allows the field to stretch and fill the entire width of its container.
-         */
-        this.fluid = false;
-        //#endregion PROPERTIES
-        /****************************************************************************/
-        //#region STATE
-        this.isDragging = false;
-        this.activeDragThumb = 'single';
-        this.internalTicks = [];
-        // These track the raw slider positions for visual display
-        this.rawPosition = 0;
-        this.rawRangePosition = [0, 0];
-        this.valueInternal = 0;
-        this.rangeValueInternal = [0, 0];
-        /**
-         * Parses the value string into a number or array of numbers for internal use.
-         */
-        this.parseValue = () => {
-            if (typeof this.value === 'string') {
-                console.error('Sliders require a number or array of numbers to be passed in the value prop.');
-                return;
-            }
-            if (this.range && this.value.length !== 2) {
-                console.error('Range sliders require an array of two values to be passed in the value prop.');
-                return;
-            }
-            if (!this.range && this.value.length !== 1) {
-                console.error('Single sliders require a single value as an array to be passed in the value prop.');
-                return;
-            }
-            this.valueInternal = this.value[0];
-            this.rangeValueInternal = [this.value[0], this.value[1]];
-        };
-        /**
-         * Handles pointer events on the track.
-         * @param {PointerEvent} event - The pointer event
-         */
-        this.onTrackInteraction = (event) => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            const trackRect = event.currentTarget.getBoundingClientRect();
-            const percentage = clamp(((event.clientX - trackRect.left) / trackRect.width) * 100, 0, 100);
-            const newValue = this.min + (percentage / 100) * (this.max - this.min);
-            // Store raw position for visual display
-            this.rawPosition = newValue;
-            if (this.range) {
-                // In range mode, determine which thumb to move based on proximity
-                const leftPct = valueToPercent(this.rangeValueInternal[0], this.min, this.max);
-                const rightPct = valueToPercent(this.rangeValueInternal[1], this.min, this.max);
-                const distanceToLeft = Math.abs(percentage - leftPct);
-                const distanceToRight = Math.abs(percentage - rightPct);
-                if (distanceToLeft <= distanceToRight) {
-                    this.activeDragThumb = 'left';
-                    this.rawRangePosition = [newValue, this.rawRangePosition[1]];
-                    this.handleValueChange([newValue, this.rangeValueInternal[1]]);
-                }
-                else {
-                    this.activeDragThumb = 'right';
-                    this.rawRangePosition = [this.rawRangePosition[0], newValue];
-                    this.handleValueChange([this.rangeValueInternal[0], newValue]);
-                }
-            }
-            else {
-                this.activeDragThumb = 'single';
-                this.rawPosition = newValue;
-                this.handleValueChange(newValue);
-            }
-            this.isDragging = true;
-            this.registerGlobalEvents();
-        };
-        /**
-         * Handles pointer move events during drag.
-         * @param {PointerEvent} event - The pointer event
-         */
-        this.onPointerMove = (event) => {
-            if (!this.isDragging || this.disabled || this.readonly) {
-                return;
-            }
-            const trackElement = this.el.querySelector('.track');
-            if (!trackElement)
-                return;
-            const trackRect = trackElement.getBoundingClientRect();
-            const percentage = clamp(((event.clientX - trackRect.left) / trackRect.width) * 100, 0, 100);
-            const newValue = this.min + (percentage / 100) * (this.max - this.min);
-            // Update visual position
-            if (this.range) {
-                if (this.activeDragThumb === 'left') {
-                    this.rawRangePosition = [newValue, this.rawRangePosition[1]];
-                    this.handleValueChange([newValue, this.rangeValueInternal[1]]);
-                }
-                else {
-                    this.rawRangePosition = [this.rawRangePosition[0], newValue];
-                    this.handleValueChange([this.rangeValueInternal[0], newValue]);
-                }
-            }
-            else {
-                this.rawPosition = newValue;
-                this.handleValueChange(newValue);
-            }
-        };
-        /**
-         * Handles the end of a drag operation.
-         */
-        this.onPointerUp = () => {
-            this.isDragging = false;
-            this.removeGlobalEvents();
-        };
-        /**
-         * Handles keydown events for keyboard accessibility.
-         * @param {KeyboardEvent} event - The keyboard event
-         */
-        this.onKeyDown = (event) => {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            let newValue;
-            const stepMultiplier = event.shiftKey ? 10 : 1;
-            const singleStep = this.step * stepMultiplier;
-            if (this.range) {
-                const focusedThumb = event.target.getAttribute('data-thumb');
-                const idx = focusedThumb === 'left' ? 0 : 1;
-                const currentValue = [...this.rangeValueInternal];
-                switch (event.key) {
-                    case 'ArrowRight':
-                    case 'ArrowUp':
-                        currentValue[idx] += singleStep;
-                        break;
-                    case 'ArrowLeft':
-                    case 'ArrowDown':
-                        currentValue[idx] -= singleStep;
-                        break;
-                    case 'Home':
-                        currentValue[idx] = this.min;
-                        break;
-                    case 'End':
-                        currentValue[idx] = this.max;
-                        break;
-                    case 'PageUp':
-                        currentValue[idx] += singleStep * 10;
-                        break;
-                    case 'PageDown':
-                        currentValue[idx] -= singleStep * 10;
-                        break;
-                    default:
-                        return;
-                }
-                newValue = currentValue;
-            }
-            else {
-                switch (event.key) {
-                    case 'ArrowRight':
-                    case 'ArrowUp':
-                        newValue = this.valueInternal + singleStep;
-                        break;
-                    case 'ArrowLeft':
-                    case 'ArrowDown':
-                        newValue = this.valueInternal - singleStep;
-                        break;
-                    case 'Home':
-                        newValue = this.min;
-                        break;
-                    case 'End':
-                        newValue = this.max;
-                        break;
-                    case 'PageUp':
-                        newValue = this.valueInternal + singleStep * 10;
-                        break;
-                    case 'PageDown':
-                        newValue = this.valueInternal - singleStep * 10;
-                        break;
-                    default:
-                        return;
-                }
-            }
-            event.preventDefault();
-            this.handleValueChange(newValue);
-        };
-        /**
-         * Handles field input value changes.
-         * @param {FieldInputProps['onInput']} details - The parsed value and index
-         */
-        this.handleFieldChange = (details) => {
-            const newValue = details.value;
-            if (isNaN(newValue)) {
-                return;
-            }
-            if (this.range) {
-                const fieldIndex = details.index === 0 ? 0 : 1;
-                const updatedRange = [...this.rangeValueInternal];
-                updatedRange[fieldIndex] = newValue;
-                this.handleValueChange(updatedRange);
-            }
-            else {
-                this.handleValueChange(newValue);
-            }
-        };
-    }
-    //#endregion STATE
-    /****************************************************************************/
-    //#region METHODS
-    /**
-     * Ensures value is valid and within bounds.
-     * @param {number} val - The value to validate
-     * @returns {number} The validated and snapped value
-     */
-    validateValue(val) {
-        // First ensure the value is within bounds
-        const clampedValue = clamp(val, this.min, this.max);
-        // If snapTicks is true and we have custom ticks, snap to the nearest tick
-        if (this.snapTicks && this.internalTicks && this.internalTicks.length > 0) {
-            return snapToTicks(clampedValue, this.internalTicks);
-        }
-        // Otherwise snap to step values
-        return snapToStep(clampedValue, this.min, this.max, this.step);
-    }
-    /**
-     * Handles value changes from slider interaction.
-     * @param {number | number[]} newValue - The new value or range values
-     */
-    handleValueChange(newValue) {
-        if (this.disabled || this.readonly) {
-            return;
-        }
-        if (this.range) {
-            // Handle range values
-            if (Array.isArray(newValue) && newValue.length === 2) {
-                // Ensure values are in order (left ≤ right)
-                const orderedValues = [
-                    Math.min(newValue[0], newValue[1]),
-                    Math.max(newValue[0], newValue[1]),
-                ];
-                // Snap to steps and clamp
-                const validatedValues = [
-                    this.validateValue(orderedValues[0]),
-                    this.validateValue(orderedValues[1]),
-                ];
-                if (validatedValues[0] !== this.rangeValueInternal[0] ||
-                    validatedValues[1] !== this.rangeValueInternal[1]) {
-                    this.rangeValueInternal = validatedValues;
-                    this.value = this.rangeValueInternal;
-                    this.valueChanged.emit(this.rangeValueInternal);
-                }
-            }
-        }
-        else {
-            // Handle single value
-            if (typeof newValue === 'number') {
-                const validatedValue = this.validateValue(newValue);
-                if (validatedValue !== this.valueInternal) {
-                    this.valueInternal = validatedValue;
-                    this.value = [this.valueInternal];
-                    this.valueChanged.emit([this.valueInternal]);
-                }
-            }
-        }
-    }
-    /**
-     * Generates the ticks to display based on props and state.
-     */
-    generateDisplayTicks() {
-        // If custom ticks are provided, always use them regardless of showTicks setting
-        if (this.ticks && this.ticks.length > 0) {
-            this.internalTicks = [...this.ticks].sort((a, b) => a.value - b.value);
-            return;
-        }
-        // If showTicks is false and there are no custom ticks, hide all ticks
-        if (!this.showTicks) {
-            this.internalTicks = [];
-            return;
-        }
-        // Generate all ticks at each step point
-        const autoTicks = generateTicks(this.min, this.max, this.step);
-        this.internalTicks = autoTicks.map(value => ({ value }));
-    }
-    /**
-     * Registers global events for tracking pointer movement.
-     */
-    registerGlobalEvents() {
-        document.addEventListener('pointermove', this.onPointerMove);
-        document.addEventListener('pointerup', this.onPointerUp);
-        document.addEventListener('pointercancel', this.onPointerUp);
-    }
-    /**
-     * Removes global events when tracking ends.
-     */
-    removeGlobalEvents() {
-        document.removeEventListener('pointermove', this.onPointerMove);
-        document.removeEventListener('pointerup', this.onPointerUp);
-        document.removeEventListener('pointercancel', this.onPointerUp);
-    }
-    //#endregion METHODS
-    /****************************************************************************/
-    //#region WATCHERS
-    onValueChange() {
-        this.parseValue();
-    }
-    onConfigChange() {
-        this.generateDisplayTicks();
-        if (this.range) {
-            this.handleValueChange(this.rangeValueInternal);
-        }
-        else {
-            this.handleValueChange(this.valueInternal);
-        }
-    }
-    onRangeChange(newValue) {
-        if (newValue) {
-            // Switching to range mode
-            this.rangeValueInternal = [this.min, this.valueInternal];
-        }
-        else {
-            // Switching to single mode, take the higher value
-            this.valueInternal = this.rangeValueInternal[1];
-        }
-    }
-    //#endregion WATCHERS
-    /****************************************************************************/
-    //#region LIFECYCLE
-    connectedCallback() {
-        this.parseValue();
-        this.generateDisplayTicks();
-        // Initialize values and make sure they're valid
-        if (this.range) {
-            if (!Array.isArray(this.rangeValueInternal) ||
-                this.rangeValueInternal.length !== 2) {
-                this.rangeValueInternal = [this.min, this.max];
-            }
-            this.handleValueChange(this.rangeValueInternal);
-            // Initialize raw range position to match actual values
-            this.rawRangePosition = [
-                this.rangeValueInternal[0],
-                this.rangeValueInternal[1],
-            ];
-        }
-        else {
-            this.handleValueChange(this.valueInternal);
-            // Initialize raw position to match actual value
-            this.rawPosition = this.valueInternal;
-        }
-    }
-    componentWillLoad() {
-        // Initialize value array based on range mode when props are available
-        if (this.value.length === 1 && this.range) {
-            // If range mode but only one value provided, duplicate it
-            this.value = [this.value[0], this.value[0]];
-        }
-        else if (this.value.length === 2 && !this.range) {
-            // If single mode but two values provided, take the first
-            this.value = [this.value[0]];
-        }
-    }
-    disconnectedCallback() {
-        this.removeGlobalEvents();
-    }
-    //#endregion EVENTS
-    /****************************************************************************/
-    //#region RENDER
-    render() {
-        return (h(Host, { key: '554f94dc79adf1edbfa80bdc17bb41af26da871c' }, (this.label || this.el.querySelector('[slot="label"]')) && (h("label", { key: '98ffb9c9332a9fef9c37088b48b80eaec2930417', htmlFor: this.startInputId }, h("slot", { key: '084d8c1fbdc91d8bd26016489b6ef86a3c334a6b', name: "label" }, this.label))), h("div", { key: 'ce62bedafa8b20ce952944b61638f61585fc7044', class: "slider-container" }, this.range ? (h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, h("div", { key: 'd4dd3f3cc00a19b166b27158c30f193096553127', class: "track-container" }, h("div", { key: 'd37bd4c7463d3a987d300082f2db4519af7fd652', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (h(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (h(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), h(TickMarks, { key: '0c3b4b90851cb8cf80b3803fbb5e85f8e3d98aed', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
-            this.description ||
-            this.el.querySelector('[slot="description"]')) && (h("div", { key: '7674d49cfe01b7ac5be21c3cbc2ff4e625c27298', class: "description" }, this.success && (h("nv-icon", { key: '7342bca8ef60d227cd630affc37815bafa9736f7', name: "circle-check", class: "validation", size: "md" })), h("slot", { key: 'c9221aadf6e2328bc5781d74c044b6911221dbe8', name: "description" }, this.description))), (this.error ||
-            this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (h("div", { key: '34f339f8e25ffb2c481b2472939d9ef14292c2f9', class: "error-description", hidden: !this.error }, this.error && (h("nv-icon", { key: '6a941595fc494afb7e580a98f968a628371b1a33', name: "alert-circle", class: "validation", size: "md" })), h("slot", { key: 'c77b3881b302a65c43098479aa445751314c2714', name: "error-description" }, this.errorDescription)))));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "value": ["onValueChange"],
-        "min": ["onConfigChange"],
-        "max": ["onConfigChange"],
-        "step": ["onConfigChange"],
-        "ticks": ["onConfigChange"],
-        "showTicks": ["onConfigChange"],
-        "snap": ["onConfigChange"],
-        "snapTicks": ["onConfigChange"],
-        "range": ["onRangeChange"]
-    }; }
-    static get style() { return nvFieldsliderCss; }
-}, [324, "nv-fieldslider", {
-        "startInputId": [513, "start-input-id"],
-        "endInputId": [513, "end-input-id"],
-        "label": [513],
-        "hideLabel": [516, "hide-label"],
-        "description": [513],
-        "hasField": [516, "has-field"],
-        "range": [516],
-        "disabled": [516],
-        "readonly": [516],
-        "error": [516],
-        "errorDescription": [513, "error-description"],
-        "success": [516],
-        "value": [1040],
-        "step": [514],
-        "snap": [516],
-        "snapTicks": [516, "snap-ticks"],
-        "name": [513],
-        "endName": [513, "end-name"],
-        "min": [514],
-        "max": [514],
-        "showTicks": [516, "show-ticks"],
-        "ticks": [16],
-        "fluid": [516],
-        "labelBeforeValue": [513, "label-before-value"],
-        "labelAfterValue": [513, "label-after-value"],
-        "isDragging": [32],
-        "activeDragThumb": [32],
-        "internalTicks": [32],
-        "rawPosition": [32],
-        "rawRangePosition": [32],
-        "valueInternal": [32],
-        "rangeValueInternal": [32]
-    }, undefined, {
-        "value": ["onValueChange"],
-        "min": ["onConfigChange"],
-        "max": ["onConfigChange"],
-        "step": ["onConfigChange"],
-        "ticks": ["onConfigChange"],
-        "showTicks": ["onConfigChange"],
-        "snap": ["onConfigChange"],
-        "snapTicks": ["onConfigChange"],
-        "range": ["onRangeChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["nv-fieldslider", "nv-fieldnumber", "nv-icon", "nv-iconbutton", "nv-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "nv-fieldslider":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NvFieldslider$1);
-            }
-            break;
-        case "nv-fieldnumber":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "nv-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "nv-iconbutton":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "nv-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const NvFieldslider = NvFieldslider$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { NvFieldslider, defineCustomElement };
-//# sourceMappingURL=nv-fieldslider.js.map
-
-//# sourceMappingURL=nv-fieldslider.js.map
+import{h as e,t as i,p as r,H as t,c as a,d as n}from"./p-iXsbKJzR.js";import{c as s}from"./p-ChV9xqsO.js";import{d as o}from"./p-B5KLppep.js";import{d as l}from"./p-jZF_Ggmx.js";import{d}from"./p-DDqZBSGn.js";import{d as c}from"./p-CAKTe96z.js";import{v as h}from"./p-BdYh22OP.js";function f(e){if(Number.isInteger(e))return 0;const i=(""+e).split(".")[1];return i?i.length:0}function u(e,i,r){return Math.max(i,Math.min(r,e))}function v(e,i,r){return r===i?0:(e-i)/(r-i)*100}function b(e,i){const r=f(i);return r>0?e.toFixed(r):e+""}const p=i=>{const{value:r,min:t,max:a,step:n,rawPosition:s,isDragging:o,snap:l,disabled:d,readonly:c,onKeyDown:h,labelBeforeValue:f,labelAfterValue:p}=i;let m=r;o&&!l&&(m=u(s,t,a));const g=v(m,t,a);return e("div",{class:"thumb",style:{left:g+"%"},role:"slider","aria-valuemin":t,"aria-valuemax":a,"aria-valuenow":r,"aria-disabled":d?"true":void 0,"aria-readonly":c?"true":void 0,tabindex:d?-1:0,onKeyDown:h},e("div",{class:"thumb-tooltip"},f&&e("span",{class:"label-before"},f),b(r,n),p&&e("span",{class:"label-after"},p)))},m=i=>{const{rangeValue:r,rawRangePosition:t,activeDragThumb:a,isDragging:n,snap:s,min:o,max:l,step:d,disabled:c,readonly:h,onKeyDown:f,labelBeforeValue:p,labelAfterValue:m}=i,[g,k]=r;let y=g,x=k;if(n&&!s){const[e,i]=t;"left"===a?y=u(e,o,Math.min(k,l)):"right"===a&&(x=u(i,Math.max(g,o),l))}const w=v(y,o,l),C=v(x,o,l);return[e("div",{class:"track-range",style:{left:w+"%",width:C-w+"%"}}),e("div",{class:"thumb thumb-left",style:{left:w+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":g,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"left",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),b(g,d),m&&e("span",{class:"label-after"},m))),e("div",{class:"thumb thumb-right",style:{left:C+"%"},role:"slider","aria-valuemin":o,"aria-valuemax":l,"aria-valuenow":k,"aria-disabled":c?"true":void 0,"aria-readonly":h?"true":void 0,"data-thumb":"right",tabindex:c?-1:0,onKeyDown:f},e("div",{class:"thumb-tooltip"},p&&e("span",{class:"label-before"},p),b(k,d),m&&e("span",{class:"label-after"},m)))]},g=i=>{const{ticks:r,min:t,max:a}=i;return 0===r.length?null:e("div",{class:"track-ticks"},r.map((i=>{const r=v(i.value,t,a);return e("div",{class:"track-tick",style:{left:r+"%"}},i.label&&e("div",{class:"tick-label"},i.label))})))},k=i=>{const{range:r,hasField:t,value:a,rangeValue:n,index:o,inputId:l,min:d,max:c,step:h,disabled:f,readonly:u,onInput:v,labelBeforeValue:b,labelAfterValue:p,name:m,endName:g}=i,k=r?n[o]:a,y=r?{"data-index":""+o}:{};let x;return x=r?0===o?m||"":g||(m?m+"-end":""):m||"",t?e("div",{class:s(!t&&"hidden-input")},e("nv-fieldnumber",{id:l,value:k,min:d,max:c,step:h,disabled:f,readonly:u,name:x,...y,onInput:e=>e.stopPropagation(),onValueChanged:e=>{e.stopPropagation();const i=e.detail;"number"==typeof i&&Number.isNaN(i)||v({value:i,index:o})}},b&&e("span",{class:"label-before",slot:"leading-input"},b),p&&e("span",{class:"label-after",slot:"trailing-input"},p))):e("input",{id:l,type:"hidden",value:k,disabled:f,readonly:u,name:x})},y=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=a(this,"valueChanged",3),this.startInputId=h(),this.endInputId=h(),this.hideLabel=!1,this.hasField=!1,this.range=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.success=!1,this.value=[0],this.step=1,this.snap=!1,this.snapTicks=!1,this.min=0,this.max=100,this.showTicks=!1,this.fluid=!1,this.isDragging=!1,this.activeDragThumb="single",this.internalTicks=[],this.rawPosition=0,this.rawRangePosition=[0,0],this.valueInternal=0,this.rangeValueInternal=[0,0],this.parseValue=()=>{"string"!=typeof this.value?this.range&&2!==this.value.length?console.error("Range sliders require an array of two values to be passed in the value prop."):this.range||1===this.value.length?(this.valueInternal=this.value[0],this.rangeValueInternal=[this.value[0],this.value[1]]):console.error("Single sliders require a single value as an array to be passed in the value prop."):console.error("Sliders require a number or array of numbers to be passed in the value prop.")},this.onTrackInteraction=e=>{if(this.disabled||this.readonly)return;const i=e.currentTarget.getBoundingClientRect(),r=u((e.clientX-i.left)/i.width*100,0,100),t=this.min+r/100*(this.max-this.min);if(this.rawPosition=t,this.range){const e=v(this.rangeValueInternal[0],this.min,this.max),i=v(this.rangeValueInternal[1],this.min,this.max);Math.abs(r-e)<=Math.abs(r-i)?(this.activeDragThumb="left",this.rawRangePosition=[t,this.rawRangePosition[1]],this.handleValueChange([t,this.rangeValueInternal[1]])):(this.activeDragThumb="right",this.rawRangePosition=[this.rawRangePosition[0],t],this.handleValueChange([this.rangeValueInternal[0],t]))}else this.activeDragThumb="single",this.rawPosition=t,this.handleValueChange(t);this.isDragging=!0,this.registerGlobalEvents()},this.onPointerMove=e=>{if(!this.isDragging||this.disabled||this.readonly)return;const i=this.el.querySelector(".track");if(!i)return;const r=i.getBoundingClientRect(),t=u((e.clientX-r.left)/r.width*100,0,100),a=this.min+t/100*(this.max-this.min);this.range?"left"===this.activeDragThumb?(this.rawRangePosition=[a,this.rawRangePosition[1]],this.handleValueChange([a,this.rangeValueInternal[1]])):(this.rawRangePosition=[this.rawRangePosition[0],a],this.handleValueChange([this.rangeValueInternal[0],a])):(this.rawPosition=a,this.handleValueChange(a))},this.onPointerUp=()=>{this.isDragging=!1,this.removeGlobalEvents()},this.onKeyDown=e=>{if(this.disabled||this.readonly)return;let i;const r=this.step*(e.shiftKey?10:1);if(this.range){const t="left"===e.target.getAttribute("data-thumb")?0:1,a=[...this.rangeValueInternal];switch(e.key){case"ArrowRight":case"ArrowUp":a[t]+=r;break;case"ArrowLeft":case"ArrowDown":a[t]-=r;break;case"Home":a[t]=this.min;break;case"End":a[t]=this.max;break;case"PageUp":a[t]+=10*r;break;case"PageDown":a[t]-=10*r;break;default:return}i=a}else switch(e.key){case"ArrowRight":case"ArrowUp":i=this.valueInternal+r;break;case"ArrowLeft":case"ArrowDown":i=this.valueInternal-r;break;case"Home":i=this.min;break;case"End":i=this.max;break;case"PageUp":i=this.valueInternal+10*r;break;case"PageDown":i=this.valueInternal-10*r;break;default:return}e.preventDefault(),this.handleValueChange(i)},this.handleFieldChange=e=>{const i=e.value;if(!isNaN(i))if(this.range){const r=[...this.rangeValueInternal];r[0===e.index?0:1]=i,this.handleValueChange(r)}else this.handleValueChange(i)}}validateValue(e){const i=u(e,this.min,this.max);return this.snapTicks&&this.internalTicks&&this.internalTicks.length>0?function(e,i){if(!i||0===i.length)return e;let r=i[0].value,t=Math.abs(e-r);for(const a of i){const i=Math.abs(e-a.value);i<t&&(t=i,r=a.value)}return r}(i,this.internalTicks):function(e,i,r,t){const a=u(e,i,r),n=f(t);if(n>0){const e=Math.pow(10,n),s=Math.round((a-i)*e),o=Math.round(t*e);return u(parseFloat((i+Math.round(s/o)*o/e).toFixed(n)),i,r)}return u(i+Math.round((a-i)/t)*t,i,r)}(i,this.min,this.max,this.step)}handleValueChange(e){if(!this.disabled&&!this.readonly)if(this.range){if(Array.isArray(e)&&2===e.length){const i=[Math.min(e[0],e[1]),Math.max(e[0],e[1])],r=[this.validateValue(i[0]),this.validateValue(i[1])];r[0]===this.rangeValueInternal[0]&&r[1]===this.rangeValueInternal[1]||(this.rangeValueInternal=r,this.value=this.rangeValueInternal,this.valueChanged.emit(this.rangeValueInternal))}}else if("number"==typeof e){const i=this.validateValue(e);i!==this.valueInternal&&(this.valueInternal=i,this.value=[this.valueInternal],this.valueChanged.emit([this.valueInternal]))}}generateDisplayTicks(){if(this.ticks&&this.ticks.length>0)return void(this.internalTicks=[...this.ticks].sort(((e,i)=>e.value-i.value)));if(!this.showTicks)return void(this.internalTicks=[]);const e=function(e,i,r){const t=[];for(let a=e;a<=i;a+=r)t.push(Number(a.toFixed(10)));return t[t.length-1]!==i&&t.push(i),t}(this.min,this.max,this.step);this.internalTicks=e.map((e=>({value:e})))}registerGlobalEvents(){document.addEventListener("pointermove",this.onPointerMove),document.addEventListener("pointerup",this.onPointerUp),document.addEventListener("pointercancel",this.onPointerUp)}removeGlobalEvents(){document.removeEventListener("pointermove",this.onPointerMove),document.removeEventListener("pointerup",this.onPointerUp),document.removeEventListener("pointercancel",this.onPointerUp)}onValueChange(){this.parseValue()}onConfigChange(){this.generateDisplayTicks(),this.handleValueChange(this.range?this.rangeValueInternal:this.valueInternal)}onRangeChange(e){e?this.rangeValueInternal=[this.min,this.valueInternal]:this.valueInternal=this.rangeValueInternal[1]}connectedCallback(){this.parseValue(),this.generateDisplayTicks(),this.range?(Array.isArray(this.rangeValueInternal)&&2===this.rangeValueInternal.length||(this.rangeValueInternal=[this.min,this.max]),this.handleValueChange(this.rangeValueInternal),this.rawRangePosition=[this.rangeValueInternal[0],this.rangeValueInternal[1]]):(this.handleValueChange(this.valueInternal),this.rawPosition=this.valueInternal)}componentWillLoad(){1===this.value.length&&this.range?this.value=[this.value[0],this.value[0]]:2!==this.value.length||this.range||(this.value=[this.value[0]])}disconnectedCallback(){this.removeGlobalEvents()}render(){return e(n,{key:"34ffffbcfefbeac4050ced2db000a32f67222376"},(this.label||this.el.querySelector('[slot="label"]'))&&e("label",{key:"b07225ad89ae0f85d3cd2b1ee203b30e6abd7e57",htmlFor:this.startInputId},e("slot",{key:"b1f39009872c4a38dae38286a036bb69f8ba6f62",name:"label"},this.label)),e("div",{key:"0013570dd6edbcb7c0f4a6ea32a550b6d9432271",class:"slider-container"},this.range?e(k,{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:0,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}):null,e("div",{key:"ca639497db1b588fcf0d4fad5f548a53ff1ee353",class:"track-container"},e("div",{key:"6a8d1eb4bddff4d5ca9760729cfa1ce27b887a65",class:"track",onPointerDown:this.onTrackInteraction},this.range?e(m,{rangeValue:this.rangeValueInternal,rawRangePosition:this.rawRangePosition,activeDragThumb:this.activeDragThumb,isDragging:this.isDragging,snap:this.snap,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue}):e(p,{value:this.valueInternal,min:this.min,max:this.max,step:this.step,rawPosition:this.rawPosition,isDragging:this.isDragging,snap:this.snap,disabled:this.disabled,readonly:this.readonly,onKeyDown:this.onKeyDown,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue})),e(g,{key:"134bf7de84a7572b1f033e4e17e0e435e841eb42",ticks:this.internalTicks,min:this.min,max:this.max})),e(k,this.range?{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,index:1,inputId:this.endInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name,endName:this.endName}:{range:this.range,hasField:this.hasField,value:this.valueInternal,rangeValue:this.rangeValueInternal,inputId:this.startInputId,min:this.min,max:this.max,step:this.step,disabled:this.disabled,readonly:this.readonly,onInput:this.handleFieldChange,labelBeforeValue:this.labelBeforeValue,labelAfterValue:this.labelAfterValue,name:this.name})),(this.success||this.description||this.el.querySelector('[slot="description"]'))&&e("div",{key:"b0188dce4fe8718a90715049d2af71fff7e9c512",class:"description"},this.success&&e("nv-icon",{key:"cd2fd95080cd96ed516f9caa3b078ad481ee9912",name:"circle-check",class:"validation",size:"md"}),e("slot",{key:"d5dbc5f8bb6b66cef814a58e00aa07e7b9e07a23",name:"description"},this.description)),(this.error||this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&e("div",{key:"67a78749af19d44d553581ff0042e40c067dd44c",class:"error-description",hidden:!this.error},this.error&&e("nv-icon",{key:"4aac6d31b273cee32d235b7c53fd4cac6af4c253",name:"alert-circle",class:"validation",size:"md"}),e("slot",{key:"9faa92d59e9fde524d1fb41e30b30178d9c12c4b",name:"error-description"},this.errorDescription)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}}static get style(){return'nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldslider .slider-container{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--form-gap-x)}nv-fieldslider .slider-container .track-container{position:relative;flex:1;height:calc(var(--slider-handler-size-min) + 0.25rem);padding:calc(var(--slider-handler-size-min) / 2) 0}nv-fieldslider .slider-container .track-container .track{position:relative;height:var(--slider-track-height);background:var(--components-slider-track-background);border-radius:var(--slider-track-radius);cursor:pointer;touch-action:none;user-select:none}nv-fieldslider .slider-container .track-container .track::after{content:"";position:absolute;top:calc(-13px + var(--slider-track-height) / 2);left:0;width:100%;height:26px;background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .track-range{position:absolute;top:0;height:var(--slider-track-height);background:var(--components-slider-track-filled-default);border-radius:var(--slider-track-radius);pointer-events:none}nv-fieldslider .slider-container .track-container .track .thumb{position:absolute;top:50%;width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);background:#ffffff;border:var(--slider-handler-stroke) solid var(--components-slider-track-filled-default);border-radius:50%;transform:translate(-50%, -50%);z-index:1;cursor:grab;touch-action:none;user-select:none;transition:width 0.2s, height 0.2s, box-shadow 0.2s, background-color 0.2s}nv-fieldslider .slider-container .track-container .track .thumb:after{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background:rgba(255, 255, 255, 0)}nv-fieldslider .slider-container .track-container .track .thumb:hover{width:var(--slider-handler-size-max);height:var(--slider-handler-size-max);border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container .track .thumb:focus{width:var(--slider-handler-size-min);height:var(--slider-handler-size-min);border-color:var(--components-slider-track-filled-focus);outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1);transition:outline;background:var(--components-slider-handler-background-focus)}nv-fieldslider .slider-container .track-container .track .thumb:active{cursor:grabbing;background:var(--components-slider-handler-background-hover)}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip{position:absolute;top:25px;left:50%;background-color:var(--components-tooltip-background);color:var(--components-tooltip-text);padding:5px;border-radius:var(--tooltip-radius);font-size:var(--tooltip-font-size);z-index:10;pointer-events:none;user-select:none;opacity:0;transition:opacity 0.3s ease-in-out;transform:translateX(-50%);backface-visibility:hidden;-webkit-font-smoothing:antialiased;transform-style:preserve-3d}nv-fieldslider .slider-container .track-container .track .thumb .thumb-tooltip:after{content:"";background:var(--components-tooltip-background);box-shadow:none;border:none;position:absolute;border-bottom-color:transparent;border-right-color:transparent;width:6px;height:6px;transform:rotate(45deg);border-radius:1px;top:-3px;left:50%;margin-left:-3px;backface-visibility:hidden;will-change:transform, opacity}nv-fieldslider .slider-container .track-container .track .thumb:hover .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:active .thumb-tooltip,nv-fieldslider .slider-container .track-container .track .thumb:focus .thumb-tooltip{opacity:1}nv-fieldslider .slider-container .track-container .track-ticks{position:relative;height:1rem;margin-top:0.25rem}nv-fieldslider .slider-container .track-container .track-ticks .track-tick{position:absolute;top:0;width:var(--slider-tick-height);height:var(--slider-tick-height);background:var(--components-form-field-border-default);border-radius:50%;transform:translate(-50%, 0);pointer-events:none}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:first-of-type{transform:translate(0, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick:last-of-type{transform:translate(-100%, 0)}nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{position:absolute;top:calc(var(--slider-tick-height) + 0.25rem);left:50%;color:var(--components-form-field-border-default);transform:translateX(-50%);white-space:nowrap}.track-tick-first nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:0;transform:translateX(0)}.track-tick-last nv-fieldslider .slider-container .track-container .track-ticks .track-tick .tick-label{left:100%;transform:translateX(-100%)}nv-fieldslider .slider-container .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldslider .slider-container .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldslider .slider-container .input-container:focus-within,nv-fieldslider .slider-container .input-container:focus-within:hover,nv-fieldslider .slider-container .input-container:focus,nv-fieldslider .slider-container .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldslider .slider-container .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldslider .slider-container .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldslider .slider-container .input-container{width:90px;flex-grow:unset}nv-fieldslider .slider-container .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldslider .slider-container .input-container input:focus{outline:none}nv-fieldslider .slider-container .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldslider .slider-container .input-container input{}nv-fieldslider .slider-container .input-container input[type=password]::-ms-clear,nv-fieldslider .slider-container .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldslider .slider-container .input-container .label-before{margin-left:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider .slider-container .input-container .label-after{margin-right:var(--spacing-2);color:var(--components-form-field-icon-default)}nv-fieldslider[fluid]:not([fluid=false]){max-width:unset}nv-fieldslider[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldslider[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldslider[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldslider[readonly]:not([readonly=false]) .track,nv-fieldslider[readonly]:not([readonly=false]) .thumb{cursor:default}nv-fieldslider label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldslider nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldslider[hide-label]:not([hide-label=false]) label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}nv-fieldslider[has-field]:not([has-field=false]) .thumb-tooltip{display:none}nv-fieldslider>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldslider>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldslider>.error-description[hidden]{display:none}'}},[324,"nv-fieldslider",{startInputId:[513,"start-input-id"],endInputId:[513,"end-input-id"],label:[513],hideLabel:[516,"hide-label"],description:[513],hasField:[516,"has-field"],range:[516],disabled:[516],readonly:[516],error:[516],errorDescription:[513,"error-description"],success:[516],value:[1040],step:[514],snap:[516],snapTicks:[516,"snap-ticks"],name:[513],endName:[513,"end-name"],min:[514],max:[514],showTicks:[516,"show-ticks"],ticks:[16],fluid:[516],labelBeforeValue:[513,"label-before-value"],labelAfterValue:[513,"label-after-value"],isDragging:[32],activeDragThumb:[32],internalTicks:[32],rawPosition:[32],rawRangePosition:[32],valueInternal:[32],rangeValueInternal:[32]},void 0,{value:[{onValueChange:0}],min:[{onConfigChange:0}],max:[{onConfigChange:0}],step:[{onConfigChange:0}],ticks:[{onConfigChange:0}],showTicks:[{onConfigChange:0}],snap:[{onConfigChange:0}],snapTicks:[{onConfigChange:0}],range:[{onRangeChange:0}]}]);function x(){"undefined"!=typeof customElements&&["nv-fieldslider","nv-fieldnumber","nv-icon","nv-iconbutton","nv-loader"].forEach((e=>{switch(e){case"nv-fieldslider":customElements.get(i(e))||customElements.define(i(e),y);break;case"nv-fieldnumber":customElements.get(i(e))||o();break;case"nv-icon":customElements.get(i(e))||l();break;case"nv-iconbutton":customElements.get(i(e))||d();break;case"nv-loader":customElements.get(i(e))||c()}}))}x();const w=y,C=x;export{w as NvFieldslider,C as defineCustomElement}