@design-factory/angular 21.1.0-next.0 → 21.1.0

package/node_modules/@agnos-ui/core/slider-B93hE0ag.cjs

@@ -1,807 +0,0 @@
-"use strict";
-const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./directive-DCaXmRe_.cjs");
-const utils_func = require("./utils/func.cjs");
-const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Dt68gADJ.cjs");
-const services_resizeObserver = require("./services/resizeObserver.cjs");
-const services_pointerdownPosition = require("./services/pointerdownPosition.cjs");
-const utils_widget = require("./utils/widget.cjs");
-const decimalRegExp = /(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/;
-function getDecimalPrecision(number) {
-  const matches = ("" + number).match(decimalRegExp);
-  return Math.max(
-    0,
-    // Number of digits right of decimal point.
-    (matches[1]?.length ?? 0) - // Adjust for exponential notation.
-    (+matches[2] || 0)
-  );
-}
-const pushHandle = (values, index, currentValue, direction, minRange, min, max, pushRange) => {
-  let nextValue = values[index + direction];
-  if (nextValue == null || Math.abs(nextValue - currentValue) >= minRange) {
-    return currentValue;
-  }
-  if (pushRange) {
-    const targetValue = currentValue + minRange * direction;
-    nextValue = pushHandle(values, index + direction, targetValue, direction, minRange, min, max, pushRange);
-    nextValue = Math.max(Math.min(nextValue, max), min);
-    values[index + direction] = nextValue;
-  }
-  if (Math.abs(nextValue - currentValue) < minRange) {
-    currentValue = nextValue - minRange * direction;
-    values[index] = currentValue;
-  }
-  return currentValue;
-};
-const pullHandle = (values, index, currentValue, direction, maxRange, min, max, pushRange) => {
-  let nextValue = values[index + direction];
-  if (nextValue == null || Math.abs(nextValue - currentValue) <= maxRange) {
-    return currentValue;
-  }
-  if (pushRange) {
-    const targetValue = currentValue + maxRange * direction;
-    nextValue = pullHandle(values, index + direction, targetValue, direction, maxRange, min, max, pushRange);
-    nextValue = Math.max(Math.min(nextValue, max), min);
-    values[index + direction] = nextValue;
-  }
-  if (Math.abs(nextValue - currentValue) > maxRange) {
-    currentValue = nextValue - maxRange * direction;
-    values[index] = currentValue;
-  }
-  return currentValue;
-};
-const manageMinMaxRange = (values, index, minRange, maxRange, min, max, pushRange) => {
-  let current = values[index];
-  const previous = values[index - 1];
-  const next = values[index + 1];
-  if (previous != null && current < previous) {
-    current = values[index] = previous;
-  } else if (next != null && current > next) {
-    current = values[index] = next;
-  }
-  if (minRange) {
-    current = pushHandle(values, index, current, 1, minRange, min, max, pushRange);
-    current = pushHandle(values, index, current, -1, minRange, min, max, pushRange);
-  }
-  if (maxRange) {
-    current = pullHandle(values, index, current, 1, maxRange, min, max, pushRange);
-    pullHandle(values, index, current, -1, maxRange, min, max, pushRange);
-  }
-  return values;
-};
-const defaultSliderConfig = {
-  min: 0,
-  max: 100,
-  stepSize: 1,
-  readonly: false,
-  disabled: false,
-  vertical: false,
-  className: "",
-  ariaLabel: () => "Value",
-  ariaLabelledBy: () => "",
-  ariaValueText: () => "",
-  onValuesChange: utils_func.noop,
-  values: [0],
-  showValueLabels: true,
-  showMinMaxLabels: true,
-  showTicks: false,
-  showTickValues: true,
-  tickInterval: 0,
-  minRange: 0,
-  maxRange: 0,
-  pushRange: false,
-  rtl: false
-};
-function getSliderDefaultConfig() {
-  return { ...defaultSliderConfig };
-}
-const configValidator = {
-  min: utils_writables.typeNumber,
-  max: utils_writables.typeNumber,
-  stepSize: utils_writables.typeNumberInRangeFactory(0, Infinity, { strict: true }),
-  readonly: utils_writables.typeBoolean,
-  disabled: utils_writables.typeBoolean,
-  vertical: utils_writables.typeBoolean,
-  ariaLabel: utils_writables.typeFunction,
-  ariaLabelledBy: utils_writables.typeFunction,
-  ariaValueText: utils_writables.typeFunction,
-  onValuesChange: utils_writables.typeFunction,
-  values: utils_writables.typeArray,
-  showValueLabels: utils_writables.typeBoolean,
-  showMinMaxLabels: utils_writables.typeBoolean,
-  showTicks: utils_writables.typeBoolean,
-  showTickValues: utils_writables.typeBoolean,
-  tickInterval: utils_writables.typeNumberInRangeFactory(0, Infinity, { strict: true }),
-  rtl: utils_writables.typeBoolean,
-  className: utils_writables.typeString,
-  minRange: utils_writables.typeNumberInRangeFactory(0, Infinity),
-  maxRange: utils_writables.typeNumberInRangeFactory(0, Infinity),
-  pushRange: utils_writables.typeBoolean
-};
-const computeCleanValue = (value, min, max, intStepSize, decimalPrecision) => {
-  const magnitude = Math.pow(10, decimalPrecision);
-  if (value >= max) {
-    return max;
-  } else if (value <= min) {
-    return min;
-  }
-  const indexMin = Math.floor((value - min) * magnitude / intStepSize);
-  return +(((value - min) * magnitude % intStepSize < intStepSize / 2 ? indexMin : indexMin + 1) * intStepSize / magnitude + min).toFixed(decimalPrecision);
-};
-const updateValue = (handleIndex, values$, stepSize, updateDirection) => {
-  values$.update((value) => {
-    value = [...value];
-    value[handleIndex] = value[handleIndex] + stepSize * updateDirection;
-    return value;
-  });
-};
-const getUpdateDirection = (vertical, rtl, keysVertical) => {
-  if (vertical && rtl) {
-    return keysVertical ? 1 : -1;
-  } else if (vertical && !rtl) {
-    return -1;
-  } else if (!vertical && rtl) {
-    return keysVertical ? -1 : 1;
-  } else if (!vertical && !rtl) {
-    return -1;
-  }
-  return 1;
-};
-const percent = (value) => value != null ? `${value}%` : "";
-const createSlider = utils_widget.createWidgetFactory(
-  "slider",
-  (config) => {
-    const [
-      {
-        // dirty inputs that need adjustment:
-        min$: _dirtyMinimum$,
-        max$: _dirtyMaximum$,
-        minRange$: _dirtyMinimumRange$,
-        maxRange$: _dirtyMaximumRange$,
-        pushRange$,
-        stepSize$,
-        rtl$,
-        values$: _dirtyValues$,
-        ariaLabel$,
-        ariaLabelledBy$,
-        ariaValueText$,
-        onValuesChange$,
-        showValueLabels$,
-        showMinMaxLabels$,
-        showTicks$,
-        showTickValues$,
-        tickInterval$,
-        ...stateProps
-      },
-      patch
-    ] = utils_stores.writablesForProps(defaultSliderConfig, config, configValidator);
-    const { vertical$, disabled$, readonly$ } = stateProps;
-    const _handleElements = /* @__PURE__ */ new Map();
-    const min$ = tansu.computed(() => {
-      const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
-      if (_dirtyMinimum === _dirtyMaximum) {
-        return defaultSliderConfig.min;
-      }
-      return Math.min(_dirtyMinimum, _dirtyMaximum);
-    });
-    const max$ = tansu.computed(() => {
-      const _dirtyMinimum = _dirtyMinimum$(), _dirtyMaximum = _dirtyMaximum$();
-      if (_dirtyMinimum === _dirtyMaximum) {
-        return defaultSliderConfig.max;
-      }
-      return Math.max(_dirtyMinimum, _dirtyMaximum);
-    });
-    const minRange$ = tansu.computed(() => {
-      const _dirtyMinimumRange = _dirtyMinimumRange$();
-      if (_dirtyMinimumRange <= 0) {
-        return 0;
-      }
-      const _dirtyMaximumRange = _dirtyMaximumRange$();
-      return _dirtyMaximumRange === 0 ? _dirtyMinimumRange : Math.min(_dirtyMinimumRange, _dirtyMaximumRange);
-    });
-    const maxRange$ = tansu.computed(() => {
-      const _dirtyMaximumRange = _dirtyMaximumRange$();
-      if (_dirtyMaximumRange <= 0) {
-        return 0;
-      }
-      const _dirtyMinimumRange = _dirtyMinimumRange$();
-      return _dirtyMinimumRange === 0 ? _dirtyMaximumRange : Math.max(_dirtyMinimumRange, _dirtyMaximumRange);
-    });
-    const _decimalPrecision$ = tansu.computed(
-      () => Math.max(getDecimalPrecision(stepSize$()), getDecimalPrecision(min$()), getDecimalPrecision(max$()))
-    );
-    const _intStepSize$ = tansu.computed(() => stepSize$() * Math.pow(10, _decimalPrecision$()));
-    let previousValues = _dirtyValues$();
-    const values$ = utils_stores.bindableProp(
-      _dirtyValues$,
-      onValuesChange$,
-      (dirtyValues) => {
-        const min = min$();
-        const max = max$();
-        const intStepSize = _intStepSize$();
-        const decimalPrecision = _decimalPrecision$();
-        const newValues = dirtyValues.map((dv) => computeCleanValue(dv, min, max, intStepSize, decimalPrecision));
-        if (dirtyValues.length > 1) {
-          const minRange = minRange$();
-          const maxRange = maxRange$();
-          if (minRange || maxRange) {
-            const pushRange = pushRange$();
-            const changedIndex = newValues.findIndex((dv, index) => dv !== previousValues[index]);
-            if (changedIndex !== -1) {
-              manageMinMaxRange(newValues, changedIndex, minRange, maxRange, min, max, pushRange);
-            }
-          }
-        }
-        previousValues = newValues;
-        return newValues;
-      },
-      utils_writables.typeArray.equal
-    );
-    const { directive: sliderDirective, element$: sliderDom$ } = utils_directive.createBrowserStoreDirective();
-    const { directive: minLabelDomDirective, element$: minLabelDom$ } = utils_directive.createBrowserStoreDirective();
-    const { directive: maxLabelDomDirective, element$: maxLabelDom$ } = utils_directive.createBrowserStoreDirective();
-    const { directive: handleLabelDirective, elements$: currentLabelDoms$ } = utils_directive.createBrowserStoreArrayDirective();
-    const { directive: resizeDirective, dimensions$ } = services_resizeObserver.createResizeObserver();
-    const { directive: resizeLabelsDirective, dimensionsMap$: handleDimensions$ } = services_resizeObserver.createResizeObserverMap();
-    const { directive: resizeCombineLabelDirective, dimensions$: combinedDimensions$ } = services_resizeObserver.createResizeObserver();
-    const updateSliderSize$ = tansu.writable({});
-    const sliderDomRect$ = tansu.computed(
-      () => {
-        dimensions$();
-        updateSliderSize$();
-        return sliderDom$()?.getBoundingClientRect() ?? {};
-      },
-      {
-        equal: Object.is
-      }
-    );
-    const minLabelDomRect$ = tansu.computed(
-      () => {
-        dimensions$();
-        updateSliderSize$();
-        return minLabelDom$()?.getBoundingClientRect() ?? {};
-      },
-      {
-        equal: (a, b) => Object.is(a, b)
-      }
-    );
-    const maxLabelDomRect$ = tansu.computed(
-      () => {
-        dimensions$();
-        updateSliderSize$();
-        return maxLabelDom$()?.getBoundingClientRect() ?? {};
-      },
-      {
-        equal: (a, b) => Object.is(a, b)
-      }
-    );
-    const sliderDomRectOffset$ = tansu.computed(() => sliderDomRect$()[vertical$() ? "top" : "left"]);
-    const sliderDomRectSize$ = tansu.computed(() => sliderDomRect$()[vertical$() ? "height" : "width"]);
-    const sortedValues$ = tansu.computed(() => [...values$()].sort((a, b) => a - b));
-    const _sortedHandlesValues$ = tansu.computed(() => {
-      return values$().map((val, index) => {
-        return { id: index, value: val };
-      }).sort((a, b) => a.value - b.value);
-    });
-    const sortedHandles$ = tansu.computed(() => {
-      const ariaLabelHandle = ariaLabel$(), ariaValueText = ariaValueText$(), ariaLabelledBy = ariaLabelledBy$();
-      return _sortedHandlesValues$().map((sortedValue, index) => {
-        return {
-          ...sortedValue,
-          ariaLabel: ariaLabelledBy(index) ? void 0 : ariaLabelHandle(index),
-          ariaLabelledBy: ariaLabelledBy(index) || void 0,
-          ariaValueText: ariaValueText(sortedValue.value, index) || void 0
-        };
-      });
-    });
-    const valuesPercent$ = tansu.computed(() => values$().map((val) => percentCompute(val)));
-    const sortedValuesPercent$ = tansu.computed(() => [...valuesPercent$()].sort((a, b) => a - b));
-    const activeDimension$ = tansu.computed(() => vertical$() ? "height" : "width");
-    const activePosition$ = tansu.computed(() => vertical$() ? "top" : "left");
-    const minLabelSize$ = tansu.computed(() => pixelToPercent(minLabelDomRect$()[activeDimension$()]));
-    const maxLabelSize$ = tansu.computed(() => pixelToPercent(maxLabelDomRect$()[activeDimension$()]));
-    const adjustedShowValueLabels$ = tansu.computed(() => showValueLabels$() && (!showTicks$() || !showTickValues$()));
-    const pixelToPercent = (pixels) => pixels ? pixels / sliderDomRectSize$() * 100 : 0;
-    const combinedLabelSize$ = tansu.computed(() => pixelToPercent(combinedDimensions$()?.contentRect[activeDimension$()]));
-    const combinedLabelPosition$ = tansu.computed(
-      () => vertical$() ? combinedLabelPositionTop$() : combinedLabelPositionLeft$()
-    );
-    const currentLabelSizeByIndex = (index) => pixelToPercent(handleDimensions$().get(currentLabelDoms$()[index])?.contentRect[activeDimension$()]);
-    const minValueLabelDisplay$ = tansu.computed(() => {
-      if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
-        return false;
-      } else if (!showValueLabels$()) {
-        return true;
-      }
-      const minLabelSize = minLabelSize$();
-      const vertical = vertical$();
-      const rtl = rtl$();
-      if (combinedLabelDisplay$()) {
-        const combinedLabelSize = combinedLabelSize$();
-        const combinedLabelPosition = combinedLabelPosition$();
-        return rtl && !vertical || vertical && !rtl ? combinedLabelPosition + combinedLabelSize / 2 < 100 - minLabelSize - 1 : combinedLabelPosition - combinedLabelSize / 2 > minLabelSize + 1;
-      }
-      const sortedValuesPercent = sortedValuesPercent$();
-      return rtl ? sortedValuesPercent[0] - currentLabelSizeByIndex(sortedValuesPercent.length - 1) / 2 > minLabelSize + 1 : sortedValuesPercent[0] - currentLabelSizeByIndex(0) / 2 > minLabelSize + 1;
-    });
-    const maxValueLabelDisplay$ = tansu.computed(() => {
-      if (!showMinMaxLabels$() || showTicks$() && showTickValues$()) {
-        return false;
-      } else if (!showValueLabels$()) {
-        return true;
-      }
-      const maxLabelSize = maxLabelSize$();
-      const vertical = vertical$();
-      const rtl = rtl$();
-      if (combinedLabelDisplay$()) {
-        const combinedLabelSize = combinedLabelSize$();
-        const combinedLabelPosition = combinedLabelPosition$();
-        return rtl && !vertical || vertical && !rtl ? combinedLabelPosition - combinedLabelSize / 2 > maxLabelSize + 1 : combinedLabelPosition + combinedLabelSize / 2 < 100 - maxLabelSize - 1;
-      }
-      const sortedValuesPercent = sortedValuesPercent$();
-      return rtl ? 100 - sortedValuesPercent[sortedValuesPercent.length - 1] - currentLabelSizeByIndex(0) / 2 > maxLabelSize + 1 : sortedValuesPercent[sortedValuesPercent.length - 1] + currentLabelSizeByIndex(sortedValuesPercent.length - 1) / 2 < 100 - maxLabelSize - 1;
-    });
-    const combinedLabelDisplay$ = tansu.computed(() => {
-      if (currentLabelDoms$().length == 2) {
-        return doLabelsIntersect();
-      }
-      return false;
-    });
-    function doLabelsIntersect() {
-      const handleOptions = handleDisplayOptions$();
-      const activePosition = activePosition$();
-      const labelPosition1 = labelPosition(handleOptions[0][activePosition], currentLabelSizeByIndex(0));
-      const labelPosition2 = labelPosition(handleOptions[1][activePosition], currentLabelSizeByIndex(1));
-      const labelSize1 = currentLabelSizeByIndex(0);
-      const labelSize2 = currentLabelSizeByIndex(1);
-      if (labelSize1 === 100 || labelSize2 === 100) {
-        return false;
-      }
-      const labelStart1 = labelPosition1 - labelSize1;
-      const labelEnd1 = labelPosition1 + labelSize1;
-      const labelStart2 = labelPosition2 - labelSize2;
-      const labelEnd2 = labelPosition2 + labelSize2;
-      return !(labelEnd1 < labelStart2 || labelStart1 > labelEnd2);
-    }
-    const interactive$ = tansu.computed(() => !disabled$() && !readonly$());
-    const combinedLabelPositionLeft$ = tansu.computed(() => {
-      const sortedValuesPercent = sortedValuesPercent$();
-      const combinedLabelSize = combinedLabelSize$();
-      let combinedPosition = (sortedValuesPercent[0] + sortedValuesPercent[1]) / 2;
-      combinedPosition = labelPosition(combinedPosition, combinedLabelSize);
-      return vertical$() || sortedValuesPercent.length != 2 ? 0 : rtl$() ? 100 - combinedPosition : combinedPosition;
-    });
-    const combinedLabelPositionTop$ = tansu.computed(() => {
-      const sortedValuesPercent = sortedValuesPercent$();
-      const combinedPosition = 100 - (sortedValuesPercent[0] + sortedValuesPercent[1]) / 2;
-      return vertical$() && sortedValuesPercent.length == 2 ? rtl$() ? 100 - combinedPosition : combinedPosition : 0;
-    });
-    const handleDisplayOptions$ = tansu.computed(() => {
-      const vertical = vertical$(), rtl = rtl$();
-      return valuesPercent$().map((vp) => {
-        return {
-          left: rtl ? vertical ? null : 100 - vp : vertical ? null : vp,
-          top: rtl ? vertical ? vp : null : vertical ? 100 - vp : null
-        };
-      });
-    });
-    const labelPosition = (initialPosition, labelSize) => utils_writables.clamp(initialPosition, 100 - labelSize / 2, labelSize / 2);
-    const progressDisplayOptions$ = tansu.computed(() => {
-      const vertical = vertical$(), sortedValuesPercent = sortedValuesPercent$(), rtl = rtl$();
-      if (sortedValuesPercent.length === 1) {
-        return [
-          {
-            left: vertical ? null : rtl ? null : 0,
-            right: vertical ? null : rtl ? 0 : null,
-            bottom: vertical ? rtl ? null : 0 : null,
-            top: vertical ? rtl ? 0 : null : null,
-            width: vertical ? 100 : sortedValuesPercent[0],
-            height: vertical ? sortedValuesPercent[0] : 100,
-            id: 0
-          }
-        ];
-      } else {
-        return sortedValuesPercent.map((svp, index, array) => {
-          return {
-            left: vertical ? null : rtl ? null : svp,
-            right: vertical ? null : rtl ? array[index] : null,
-            bottom: vertical ? rtl ? null : svp : null,
-            top: vertical ? rtl ? array[index] : null : null,
-            width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
-            height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100,
-            id: index
-          };
-        }).slice(0, sortedValuesPercent.length - 1);
-      }
-    });
-    const computeTicks$ = tansu.computed(() => {
-      if (!showTicks$()) {
-        return [];
-      }
-      const vertical = vertical$();
-      const min = min$();
-      const max = max$();
-      const rtl = rtl$();
-      const showTickValues = showTickValues$();
-      const tickInterval = tickInterval$() || stepSize$();
-      const tickArray = [];
-      const intStepSize = _intStepSize$();
-      const decimalPrecision = _decimalPrecision$();
-      const positionCompute = (position) => {
-        return !!rtl !== !!vertical ? 100 - position : position;
-      };
-      for (let step = min; step < max; step += tickInterval) {
-        const cleanValue = computeCleanValue(step, min, max, intStepSize, decimalPrecision);
-        const stepPercent = percentCompute(cleanValue);
-        tickArray.push({
-          position: positionCompute(stepPercent),
-          selected: false,
-          value: cleanValue,
-          displayLabel: showTickValues
-        });
-      }
-      tickArray.push({ position: positionCompute(100), selected: false, value: max, displayLabel: showTickValues });
-      return tickArray;
-    });
-    const ticks$ = tansu.computed(() => {
-      const sortedValues = sortedValues$();
-      const isTickSelected = (value) => {
-        const isMultiHandle = sortedValues.length > 1;
-        const currentMax = isMultiHandle ? sortedValues[sortedValues.length - 1] : sortedValues[0];
-        const currentMin = isMultiHandle ? sortedValues[0] : 0;
-        return value <= currentMax && value >= currentMin;
-      };
-      return computeTicks$().map((tick) => {
-        return {
-          ...tick,
-          selected: isTickSelected(tick.value)
-        };
-      });
-    });
-    const percentCompute = (value) => {
-      const min = min$(), max = max$();
-      return (value - min) * 100 / (max - min);
-    };
-    const getClosestSliderHandle = (clickedPercent) => {
-      const values = values$();
-      if (values.length === 1) {
-        return 0;
-      }
-      const sortedValues = sortedValues$();
-      const closestBigger = sortedValues.find((sv) => percentCompute(sv) > clickedPercent * 100);
-      const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
-      const midPoint = percentCompute(
-        sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2
-      );
-      const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
-      return values.indexOf(closestValue);
-    };
-    const getClickedPercent = (clickedCoordinate) => {
-      const sliderDomRectSize = sliderDomRectSize$(), sliderDomRectOffset = sliderDomRectOffset$();
-      let clickedPercent = vertical$() ? (sliderDomRectSize - clickedCoordinate + sliderDomRectOffset) / sliderDomRectSize : (clickedCoordinate - sliderDomRectOffset) / sliderDomRectSize;
-      clickedPercent = rtl$() ? 1 - clickedPercent : clickedPercent;
-      return clickedPercent;
-    };
-    const adjustCoordinate = (clickedCoordinate, handleNumber) => {
-      if (interactive$()) {
-        const clickedPercent = getClickedPercent(clickedCoordinate);
-        const derivedHandleIndex = handleNumber ?? getClosestSliderHandle(clickedPercent);
-        const newValue = clickedPercent * (max$() - min$()) + min$();
-        values$.update((dh) => {
-          dh = [...dh];
-          dh[derivedHandleIndex] = newValue;
-          return dh;
-        });
-      }
-    };
-    const horizontal$ = tansu.computed(() => !vertical$());
-    const containerDirective = utils_directive.createAttributesDirective(() => ({
-      classNames: {
-        "au-slider": utils_stores.true$,
-        "au-slider-vertical": vertical$,
-        "au-slider-horizontal": horizontal$
-      },
-      attributes: {
-        class: stateProps.className$
-      }
-    }));
-    const contentDirective = utils_directive.createAttributesDirective(() => ({
-      attributes: {
-        "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
-        class: stateProps.className$
-      },
-      classNames: {
-        "au-slider-content": utils_stores.true$,
-        "au-slider-vertical": vertical$,
-        "au-slider-horizontal": horizontal$,
-        "au-slider-with-labels": tansu.computed(
-          () => showValueLabels$() || showMinMaxLabels$() || showTickValues$() && showTicks$()
-        ),
-        disabled: disabled$
-      }
-    }));
-    const minLabelDirective = utils_directive.createAttributesDirective(() => ({
-      classNames: {
-        "au-slider-label-vertical": vertical$,
-        "au-slider-label-vertical-min": vertical$,
-        "au-slider-label": horizontal$,
-        "au-slider-label-min": horizontal$,
-        "au-slider-rtl": rtl$,
-        invisible: tansu.computed(() => !minValueLabelDisplay$())
-      },
-      attributes: {
-        "aria-hidden": tansu.readable("true")
-      }
-    }));
-    const maxLabelDirective = utils_directive.createAttributesDirective(() => ({
-      classNames: {
-        "au-slider-label-vertical": vertical$,
-        "au-slider-label-vertical-max": vertical$,
-        "au-slider-label": horizontal$,
-        "au-slider-label-max": horizontal$,
-        "au-slider-rtl": rtl$,
-        invisible: tansu.computed(() => !maxValueLabelDisplay$())
-      },
-      attributes: {
-        "aria-hidden": tansu.readable("true")
-      }
-    }));
-    const handleElementDirective = utils_directive.browserDirective(
-      (handleItem, args) => {
-        const destroy = () => {
-          _handleElements.delete(args.item.id);
-        };
-        const update = (args2) => {
-          _handleElements.set(args2.item.id, handleItem);
-        };
-        update(args);
-        return {
-          update,
-          destroy
-        };
-      }
-    );
-    const pointerMoveStart = (event, handleId) => {
-      const currentTarget = handleId !== void 0 ? _handleElements.get(handleId) : event.target;
-      if (interactive$()) {
-        const vertical = vertical$();
-        const clientXorY = vertical ? "clientY" : "clientX";
-        let _prevCoordinate = event[clientXorY];
-        updateSliderSize$.set({});
-        currentTarget?.focus();
-        return {
-          onMove: (event2) => {
-            currentTarget?.focus();
-            const newCoord = event2[clientXorY];
-            if (_prevCoordinate !== newCoord) {
-              _prevCoordinate = newCoord;
-              adjustCoordinate(newCoord, handleId);
-            }
-          }
-        };
-      }
-      return void 0;
-    };
-    const handleEventsDirective = utils_directive.mergeDirectives(
-      utils_directive.createAttributesDirective((handleContext$) => ({
-        events: {
-          keydown: (event) => {
-            const handleIndex = handleContext$().item.id;
-            const { key } = event;
-            const rtl = rtl$(), stepSize = stepSize$(), min = min$(), max = max$(), vertical = vertical$();
-            if (interactive$()) {
-              switch (key) {
-                case "ArrowDown":
-                  updateValue(handleIndex, values$, stepSize, getUpdateDirection(vertical, rtl, true));
-                  break;
-                case "ArrowLeft":
-                  updateValue(handleIndex, values$, stepSize, getUpdateDirection(vertical, rtl, false));
-                  break;
-                case "ArrowUp":
-                  updateValue(handleIndex, values$, stepSize, -1 * getUpdateDirection(vertical, rtl, true));
-                  break;
-                case "ArrowRight":
-                  updateValue(handleIndex, values$, stepSize, -1 * getUpdateDirection(vertical, rtl, false));
-                  break;
-                case "Home":
-                  values$.update((value) => {
-                    value = [...value];
-                    value[handleIndex] = min;
-                    return value;
-                  });
-                  break;
-                case "End":
-                  values$.update((value) => {
-                    value = [...value];
-                    value[handleIndex] = max;
-                    return value;
-                  });
-                  break;
-                case "PageUp":
-                  break;
-                case "PageDown":
-                  break;
-                default:
-                  return;
-              }
-              event.preventDefault();
-            }
-          }
-        }
-      })),
-      services_pointerdownPosition.createPointerdownPositionDirective(
-        (position, { item: { id } }) => pointerMoveStart(position, id)
-      )
-    );
-    const widget = {
-      ...utils_stores.stateStores({
-        min$,
-        max$,
-        stepSize$,
-        values$,
-        sortedValues$,
-        sortedHandles$,
-        minValueLabelDisplay$,
-        maxValueLabelDisplay$,
-        combinedLabelDisplay$,
-        interactive$,
-        combinedLabelPositionLeft$,
-        combinedLabelPositionTop$,
-        progressDisplayOptions$,
-        handleDisplayOptions$,
-        showValueLabels$: adjustedShowValueLabels$,
-        showMinMaxLabels$,
-        showTicks$,
-        rtl$,
-        ticks$,
-        ...stateProps
-      }),
-      patch,
-      api: {},
-      directives: {
-        sliderDirective: utils_directive.mergeDirectives(sliderDirective, resizeDirective, contentDirective),
-        containerDirective,
-        progressDisplayDirective: utils_directive.createAttributesDirective(
-          (progressContext$) => ({
-            styles: {
-              left: tansu.computed(() => percent(progressContext$().option.left)),
-              right: tansu.computed(() => percent(progressContext$().option.right)),
-              top: tansu.computed(() => percent(progressContext$().option.top)),
-              bottom: tansu.computed(() => percent(progressContext$().option.bottom)),
-              width: tansu.computed(() => percent(progressContext$().option.width)),
-              height: tansu.computed(() => percent(progressContext$().option.height))
-            },
-            classNames: {
-              "au-slider-progress": utils_stores.true$
-            }
-          })
-        ),
-        clickableAreaDirective: utils_directive.mergeDirectives(
-          utils_directive.createAttributesDirective(() => ({
-            classNames: {
-              "au-slider-clickable-area": horizontal$,
-              "au-slider-clickable-area-vertical": vertical$,
-              "au-slider-clickable-area-with-ticks": tansu.computed(() => showTicks$() && tickInterval$() === 0)
-            }
-          })),
-          services_pointerdownPosition.createPointerdownPositionDirective((position) => {
-            const clickedCoordinate = vertical$() ? position.clientY : position.clientX;
-            const closestHandle = getClosestSliderHandle(getClickedPercent(clickedCoordinate));
-            adjustCoordinate(clickedCoordinate, closestHandle);
-            return pointerMoveStart(position, closestHandle);
-          })
-        ),
-        handleEventsDirective,
-        handleDirective: utils_directive.mergeDirectives(
-          handleElementDirective,
-          handleEventsDirective,
-          utils_directive.createAttributesDirective((handleContext$) => ({
-            attributes: {
-              role: tansu.readable("slider"),
-              "aria-valuemin": min$,
-              "aria-valuemax": max$,
-              "aria-valuenow": tansu.computed(() => handleContext$().item.value),
-              "aria-valuetext": tansu.computed(() => handleContext$().item.ariaValueText),
-              "aria-label": tansu.computed(() => handleContext$().item.ariaLabel),
-              "aria-labelledBy": tansu.computed(() => handleContext$().item.ariaLabelledBy),
-              "aria-orientation": tansu.computed(() => vertical$() ? "vertical" : void 0),
-              "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
-              disabled: disabled$,
-              "aria-readonly": tansu.computed(() => readonly$() ? "true" : void 0)
-            },
-            styles: {
-              left: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].left)),
-              top: tansu.computed(() => percent(handleDisplayOptions$()[handleContext$().item.id].top))
-            },
-            classNames: {
-              "au-slider-handle": utils_stores.true$,
-              "au-slider-handle-vertical": vertical$,
-              "au-slider-handle-horizontal": horizontal$
-            }
-          }))
-        ),
-        minLabelDirective: utils_directive.mergeDirectives(minLabelDomDirective, minLabelDirective),
-        maxLabelDirective: utils_directive.mergeDirectives(maxLabelDomDirective, maxLabelDirective),
-        combinedHandleLabelDisplayDirective: utils_directive.mergeDirectives(
-          resizeCombineLabelDirective,
-          utils_directive.createAttributesDirective(() => ({
-            classNames: {
-              "au-slider-label-vertical": vertical$,
-              "au-slider-label-vertical-now": vertical$,
-              "au-slider-label": horizontal$,
-              "au-slider-label-now": horizontal$
-            },
-            styles: {
-              left: tansu.computed(() => percent(combinedLabelPositionLeft$())),
-              top: tansu.computed(() => percent(combinedLabelPositionTop$()))
-            },
-            attributes: {
-              "aria-hidden": tansu.readable("true")
-            }
-          }))
-        ),
-        handleLabelDisplayDirective: utils_directive.mergeDirectives(
-          handleLabelDirective,
-          resizeLabelsDirective,
-          utils_directive.createAttributesDirective((labelDisplayContext$) => ({
-            classNames: {
-              "au-slider-label-vertical": vertical$,
-              "au-slider-label-vertical-now": vertical$,
-              "au-slider-label": horizontal$,
-              "au-slider-label-now": horizontal$
-            },
-            styles: {
-              left: tansu.computed(() => {
-                const handleIndex = labelDisplayContext$().index;
-                const leftPosition = handleDisplayOptions$()[handleIndex].left;
-                return leftPosition === null ? "" : percent(labelPosition(leftPosition, currentLabelSizeByIndex(handleIndex)));
-              }),
-              top: tansu.computed(() => percent(handleDisplayOptions$()[labelDisplayContext$().index].top)),
-              opacity: tansu.computed(() => combinedLabelDisplay$() ? "0" : "1")
-            },
-            attributes: {
-              "aria-hidden": tansu.readable("true")
-            }
-          }))
-        ),
-        tickDirective: utils_directive.createAttributesDirective((tickContext$) => ({
-          classNames: {
-            "au-slider-tick": utils_stores.true$,
-            "au-slider-tick-horizontal": horizontal$,
-            "au-slider-tick-vertical": vertical$
-          },
-          styles: {
-            left: tansu.computed(() => vertical$() ? null : percent(tickContext$().tick.position)),
-            top: tansu.computed(() => vertical$() ? percent(tickContext$().tick.position) : null)
-          },
-          events: {
-            click: (event) => {
-              adjustCoordinate(vertical$() ? event.clientY : event.clientX);
-            }
-          },
-          attributes: {
-            "aria-hidden": tansu.readable("true")
-          }
-        })),
-        tickLabelDirective: utils_directive.createAttributesDirective((tickContext$) => ({
-          classNames: {
-            "au-slider-tick-label": utils_stores.true$,
-            "au-slider-tick-label-vertical": vertical$,
-            "au-slider-tick-label-now": tansu.computed(() => sortedValues$().some((sv) => sv === tickContext$().tick.value))
-          },
-          styles: {
-            left: tansu.computed(() => vertical$() ? null : percent(tickContext$().tick.position)),
-            top: tansu.computed(() => vertical$() ? percent(tickContext$().tick.position) : null)
-          },
-          attributes: {
-            "aria-hidden": tansu.readable("true")
-          }
-        }))
-      }
-    };
-    return widget;
-  }
-);
-exports.createSlider = createSlider;
-exports.getSliderDefaultConfig = getSliderDefaultConfig;