@smwb/ui-react 2.6.2 → 2.7.0

package/dist/components/inputs/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\nimport { rescale, toPercent, coordX, coordY } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: React.ReactNode;\n}\n\nexport interface SliderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"defaultValue\"> {\n  value?: SliderValue;\n  onChange?: (event: Event | React.SyntheticEvent, value: SliderValue, data: SliderProps) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  name?: string;\n  defaultValue?: SliderValue;\n  disabled?: boolean;\n  variant?: \"continuous\" | \"discrete\";\n  valueField?: boolean;\n  withTicks?: boolean;\n  label?: string;\n  helperText?: React.ReactNode;\n  error?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** Enables a two-thumb range slider (value becomes `[number, number]`). */\n  range?: boolean;\n  /** Slider direction. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Show ticks/marks. `true` derives marks from `step`; an array gives explicit positions/labels. */\n  marks?: boolean | SliderMark[];\n  /** Accessible label applied to the slider control. */\n  \"aria-label\"?: string;\n  /** Maps the numeric value to a human-readable string for assistive tech. */\n  getAriaValueText?: (value: number) => string;\n}\n\nfunction resolveMarks(\n  marks: boolean | SliderMark[] | undefined,\n  min: number,\n  max: number,\n  step?: number\n): SliderMark[] {\n  if (!marks) {\n    return [];\n  }\n  if (Array.isArray(marks)) {\n    return marks;\n  }\n  const s = step && step > 0 ? step : (max - min) / 10;\n  const result: SliderMark[] = [];\n  for (let v = min; v <= max + 1e-9; v += s) {\n    result.push({ value: Math.round(v * 1e6) / 1e6 });\n  }\n  return result;\n}\n\nconst RangeSlider = React.forwardRef<HTMLSpanElement, SliderProps>(function RangeSlider(props, ref) {\n  const {\n    defaultValue,\n    value: valueProp,\n    onChange,\n    min = 0,\n    max = 100,\n    name,\n    disabled = false,\n    className,\n    step,\n    label,\n    helperText,\n    error,\n    size = \"medium\",\n    color = \"primary\",\n    orientation = \"horizontal\",\n    marks,\n    getAriaValueText,\n    \"aria-label\": ariaLabel,\n    // consumed by the dispatcher / not valid DOM attributes — keep them off the span\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    range,\n    variant,\n    valueField,\n    withTicks,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...rest\n  } = props;\n\n  const isVertical = orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [min, max];\n    const lo = Math.min(arr[0] ?? min, arr[1] ?? max);\n    const hi = Math.max(arr[0] ?? min, arr[1] ?? max);\n    return [lo, hi];\n  };\n\n  const isControlled = valueProp !== undefined;\n  const [valueState, setValueState] = React.useState<[number, number]>(() => normalize(defaultValue));\n  const value = isControlled ? normalize(valueProp) : valueState;\n\n  const containerRef = React.useRef<HTMLSpanElement>(null);\n  const rootRef = useForkRef<HTMLSpanElement>(ref, containerRef);\n  const activeThumb = React.useRef<0 | 1>(0);\n  const isPressedRef = React.useRef<boolean>(false);\n\n  const markList = resolveMarks(marks, min, max, step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent) => {\n    const rect = containerRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return min;\n    }\n    if (isVertical) {\n      const y =\n        (typeof (event as MouseEvent).clientY === \"number\"\n          ? (event as MouseEvent).clientY\n          : coordY(event as React.MouseEvent)) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [min, max], { step });\n    }\n    const x =\n      (typeof (event as MouseEvent).clientX === \"number\"\n        ? (event as MouseEvent).clientX\n        : coordX(event as React.MouseEvent)) - rect.left;\n    return rescale(x, [0, rect.width], [min, max], { step });\n  };\n\n  const commit = (next: [number, number], event: Event | React.SyntheticEvent) => {\n    const lo = Math.min(next[0], next[1]);\n    const hi = Math.max(next[0], next[1]);\n    const clamped: [number, number] = [Math.max(min, lo), Math.min(max, hi)];\n    if (!isControlled) {\n      setValueState(clamped);\n    }\n    onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event | React.SyntheticEvent) => {\n    const idx = activeThumb.current;\n    const next: [number, number] = [value[0], value[1]];\n    next[idx] = Math.max(min, Math.min(max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number) => {\n    activeThumb.current = Math.abs(raw - value[0]) <= Math.abs(raw - value[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!isPressedRef.current) {\n      return;\n    }\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  });\n\n  const onMouseEnd = useEventCallback(() => {\n    isPressedRef.current = false;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  });\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled || event.button !== 0) {\n      return;\n    }\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressedRef.current = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n\n  const onTouchStartNative = (event: TouchEvent) => {\n    if (disabled) {\n      return;\n    }\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressedRef.current = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  useSafeLayoutEffect(() => {\n    const el = containerRef.current;\n    if (!el) {\n      return;\n    }\n    el.addEventListener(\"touchstart\", onTouchStartNative);\n    return () => el.removeEventListener(\"touchstart\", onTouchStartNative);\n  });\n\n  const onThumbKeyDown = (idx: 0 | 1) => (event: React.KeyboardEvent) => {\n    if (disabled) {\n      return;\n    }\n    const delta = step && step > 0 ? step : 1;\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      next = value[idx] - delta;\n    } else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      next = value[idx] + delta;\n    } else if (event.key === \"Home\") {\n      next = min;\n    } else if (event.key === \"End\") {\n      next = max;\n    }\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb.current = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classNames = cn(\n    \"smwb-slider\",\n    \"smwb-slider--range\",\n    className,\n    {\n      \"smwb-slider--disabled\": disabled,\n      \"smwb-slider--vertical\": isVertical,\n    },\n    size !== \"medium\" && `smwb-slider_size-${size}`,\n    color !== \"primary\" && `smwb-slider_color-${color}`\n  );\n\n  const p0 = toPercent(value[0], min, max);\n  const p1 = toPercent(value[1], min, max);\n  const startPct = `${Math.min(p0, p1)}%`;\n  const spanPct = `${Math.abs(p1 - p0)}%`;\n  const mainStart = isVertical ? { bottom: `${p0}%` } : { left: `${p0}%` };\n  const mainEnd = isVertical ? { bottom: `${p1}%` } : { left: `${p1}%` };\n  const trackStyle = isVertical ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n\n  return (\n    <TextFieldWrapper label={label} helperText={helperText} disabled={disabled} error={error} fullWidth shrink>\n      <div className=\"smwb-slider__container\">\n        <span ref={rootRef} onMouseDown={onMouseDown} className={classNames} {...rest}>\n          {markList.length > 0 && (\n            <span className=\"smwb-slider__marks\" aria-hidden=\"true\">\n              {markList.map((m) => {\n                const mp = `${toPercent(m.value, min, max)}%`;\n                return (\n                  <span key={m.value} className=\"smwb-slider__mark\" style={isVertical ? { bottom: mp } : { left: mp }}>\n                    {m.label != null && <span className=\"smwb-slider__mark-label\">{m.label}</span>}\n                  </span>\n                );\n              })}\n            </span>\n          )}\n          <span className=\"smwb-slider__rail\" />\n          <span className=\"smwb-slider__track\" style={trackStyle} />\n          {([0, 1] as const).map((idx) => (\n            <span\n              key={idx}\n              className={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n              style={idx === 0 ? mainStart : mainEnd}\n            >\n              <input\n                data-testid={`slider-input-${idx}`}\n                className=\"smwb-slider__input\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={step}\n                name={name ? `${name}[${idx}]` : undefined}\n                value={value[idx]}\n                disabled={disabled}\n                onChange={() => undefined}\n                onKeyDown={onThumbKeyDown(idx)}\n                tabIndex={disabled ? -1 : 0}\n                aria-label={ariaLabel ? `${ariaLabel} ${idx === 0 ? \"minimum\" : \"maximum\"}` : undefined}\n                aria-orientation={orientation}\n                aria-valuenow={value[idx]}\n                aria-valuemin={idx === 0 ? min : value[0]}\n                aria-valuemax={idx === 0 ? value[1] : max}\n                aria-valuetext={getAriaValueText ? getAriaValueText(value[idx]) : undefined}\n                aria-disabled={disabled || undefined}\n              />\n            </span>\n          ))}\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n});\n\nconst SingleSlider = React.forwardRef<HTMLSpanElement, SliderProps>(function SingleSlider(props, ref) {\n  const {\n    defaultValue,\n    value: valueProp,\n    onChange,\n    min = 0,\n    max = 100,\n    name,\n    disabled = false,\n    className,\n    step,\n    variant = \"continuous\",\n    valueField,\n    withTicks,\n    label,\n    helperText,\n    error,\n    size = \"medium\",\n    color = \"primary\",\n    orientation = \"horizontal\",\n    marks,\n    // `range` is handled by the Slider dispatcher; destructured here to keep it off the DOM\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    range,\n    getAriaValueText,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n\n  const singleDefault = typeof defaultValue === \"number\" ? defaultValue : undefined;\n  const singleValueProp = typeof valueProp === \"number\" ? valueProp : undefined;\n  const isVertical = orientation === \"vertical\";\n\n  const [valueState, setValue] = React.useState<number>(singleDefault ?? min);\n  const [isDragging, setIsDragging] = React.useState<boolean>(false);\n  const [isActive, setIsActive] = React.useState<boolean>(false);\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n\n  const containerRef = React.useRef<HTMLSpanElement>(null);\n  const rootRef = useForkRef<HTMLSpanElement>(ref, containerRef);\n  const isPressedRef = React.useRef<boolean>(false);\n\n  const isControlled = singleValueProp !== undefined;\n  const isDiscrete = variant === \"discrete\";\n  const value = isControlled ? singleValueProp : valueState;\n\n  const updateValue = (value: number, event: Event | React.SyntheticEvent) => {\n    if (value < min || value > max) return;\n    if (!isControlled) {\n      setValue(value);\n    }\n    onChange?.(event, value, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number) => {\n    return rescale(absolute, [0, containerSize], [min, max], { step });\n  };\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.button !== 0) {\n      return;\n    }\n\n    isPressedRef.current = true;\n\n    const element = containerRef.current;\n    const rect = element?.getBoundingClientRect();\n\n    if (rect) {\n      const absolutePosition = isVertical ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n      const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n      if (!isActive) {\n        setIsActive(true);\n      }\n\n      updateValue(newValue, event);\n    }\n\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n\n  const onTouchStart = (event: TouchEvent) => {\n    if (disabled) {\n      return;\n    }\n\n    isPressedRef.current = true;\n\n    const element = containerRef.current;\n    const rect = element?.getBoundingClientRect();\n\n    if (rect) {\n      const touch = event.changedTouches?.[0];\n      const absolutePosition = isVertical ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n      const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n      if (!isActive) {\n        setIsActive(true);\n      }\n      updateValue(newValue, event);\n    }\n\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  const onMouseMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (isPressedRef.current) {\n      const element = containerRef.current;\n      const rect = element?.getBoundingClientRect();\n\n      if (rect) {\n        // TODO need clarification обработка разных событий разных типов 1 функцией\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const clientX = coordX(event);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const clientY = coordY(event);\n        const absolutePosition = isVertical ? rect.height - (clientY - rect.top) : clientX - rect.left;\n        const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n        if (!isActive) {\n          setIsActive(true);\n        }\n\n        if (value === newValue) {\n          return;\n        }\n\n        if (!isDragging) {\n          setIsDragging(true);\n        }\n\n        updateValue(newValue, event);\n      }\n    }\n  });\n\n  const onMouseEnd = useEventCallback(() => {\n    isPressedRef.current = false;\n\n    if (isDragging) {\n      setIsDragging(false);\n    }\n\n    if (isActive) {\n      setIsActive(false);\n    }\n\n    removeListeners();\n  });\n\n  const removeListeners = () => {\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n\n  const handleArrowsControls = (e: React.KeyboardEvent) => {\n    if (!isFocused || disabled) return;\n    if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n      updateValue(value - (step || 1), e);\n    }\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n      updateValue(value + (step || 1), e);\n    }\n  };\n\n  const handleBlur = () => {\n    setIsFocused(false);\n    document.removeEventListener(\"keydown\", handleArrowsControls as (e: unknown) => void);\n  };\n\n  useSafeLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.addEventListener(\"touchstart\", onTouchStart);\n\n      return () => {\n        containerRef.current?.removeEventListener(\"touchstart\", onTouchStart);\n      };\n    }\n  });\n\n  useSafeLayoutEffect(() => {\n    if (disabled && containerRef.current?.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement)?.blur();\n    }\n  }, [disabled]);\n\n  const classNames = cn(\n    \"smwb-slider\",\n    className,\n    {\n      \"smwb-slider--disabled\": disabled,\n      \"smwb-slider--dragging\": isDragging,\n      \"smwb-slider--discrete\": isDiscrete,\n      \"smwb-slider--vertical\": isVertical,\n    },\n    size !== \"medium\" && `smwb-slider_size-${size}`,\n    color !== \"primary\" && `smwb-slider_color-${color}`\n  );\n\n  const pct = `${toPercent(value, min, max)}%`;\n  const trackStyle = isVertical ? { height: pct } : { width: pct };\n  const thumbStyle = isVertical ? { bottom: pct } : { left: pct };\n\n  const getTicks = () => Array(Math.round(max / (step || 1)) + 1).fill(1) as number[];\n  const markList = resolveMarks(marks, min, max, step);\n\n  return (\n    <TextFieldWrapper label={label} helperText={helperText} disabled={disabled} error={error} fullWidth shrink>\n      <div className=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrowsControls}\n          ref={rootRef}\n          onMouseDown={onMouseDown}\n          className={classNames}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          {withTicks && (\n            <span className=\"smwb-slider__ticks\" style={{ gap: `${step}` }}>\n              {getTicks().map((t, idx) => (\n                <span className=\"smwb-slider__tick\" key={idx} />\n              ))}\n            </span>\n          )}\n          {markList.length > 0 && (\n            <span className=\"smwb-slider__marks\" aria-hidden=\"true\">\n              {markList.map((m) => {\n                const mp = `${toPercent(m.value, min, max)}%`;\n                return (\n                  <span key={m.value} className=\"smwb-slider__mark\" style={isVertical ? { bottom: mp } : { left: mp }}>\n                    {m.label != null && <span className=\"smwb-slider__mark-label\">{m.label}</span>}\n                  </span>\n                );\n              })}\n            </span>\n          )}\n          <span className=\"smwb-slider__rail\" />\n          <span className=\"smwb-slider__track\" style={trackStyle} />\n          <span\n            className={cn(\"smwb-slider__thumb\", {\n              \"smwb-slider__thumb--active\": isActive,\n              \"smwb-slider__thumb--discrete\": isDiscrete,\n            })}\n            style={thumbStyle}\n          >\n            {isDiscrete && <span className=\"smwb-slider__thumb-tooltip\">{Math.round(value)}</span>}\n            <input\n              data-testid=\"slider-input\"\n              className=\"smwb-slider__input\"\n              type=\"range\"\n              min={min}\n              max={max}\n              name={name}\n              value={value}\n              readOnly\n              aria-label={ariaLabel}\n              aria-orientation={orientation}\n              aria-valuenow={value}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuetext={getAriaValueText ? getAriaValueText(value) : undefined}\n              aria-disabled={disabled || undefined}\n            />\n          </span>\n        </span>\n        {valueField && isDiscrete && (\n          <TextField\n            type=\"number\"\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => updateValue(+e.target.value, e)}\n            variant=\"filled\"\n            helperText={null}\n          />\n        )}\n      </div>\n    </TextFieldWrapper>\n  );\n});\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(props, ref) {\n  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n\n  return isRangeMode ? <RangeSlider ref={ref} {...props} /> : <SingleSlider ref={ref} {...props} />;\n});\n"],"names":["resolveMarks","marks","min","max","step","s","result","v","RangeSlider","React","props","ref","defaultValue","valueProp","onChange","name","disabled","className","label","helperText","error","size","color","orientation","getAriaValueText","ariaLabel","range","variant","valueField","withTicks","rest","isVertical","normalize","arr","lo","_a","_b","hi","_c","_d","isControlled","valueState","setValueState","value","containerRef","rootRef","useForkRef","activeThumb","isPressedRef","markList","positionToValue","event","rect","y","coordY","rescale","x","coordX","commit","next","clamped","moveThumb","raw","idx","pickThumb","onMouseMove","useEventCallback","onMouseEnd","onMouseDown","onTouchStartNative","useSafeLayoutEffect","el","onThumbKeyDown","delta","classNames","cn","p0","toPercent","p1","startPct","spanPct","mainStart","mainEnd","trackStyle","jsx","TextFieldWrapper","m","mp","SingleSlider","singleDefault","singleValueProp","setValue","isDragging","setIsDragging","isActive","setIsActive","isFocused","setIsFocused","isDiscrete","updateValue","offsetToValue","absolute","containerSize","element","absolutePosition","newValue","onTouchStart","touch","clientX","clientY","removeListeners","handleArrowsControls","e","handleBlur","pct","thumbStyle","getTicks","jsxs","TextField","Slider"],"mappings":";;;;;;;;;;AA6CA,SAASA,GACPC,GACAC,GACAC,GACAC,GACc;AACd,MAAI,CAACH;AACH,WAAO,CAAA;AAET,MAAI,MAAM,QAAQA,CAAK;AACrB,WAAOA;AAET,QAAMI,IAAID,KAAQA,IAAO,IAAIA,KAAQD,IAAMD,KAAO,IAC5CI,IAAuB,CAAA;AAC7B,WAASC,IAAIL,GAAKK,KAAKJ,IAAM,MAAMI,KAAKF;AACtC,IAAAC,EAAO,KAAK,EAAE,OAAO,KAAK,MAAMC,IAAI,GAAG,IAAI,KAAK;AAElD,SAAOD;AACT;AAEA,MAAME,KAAcC,EAAM,WAAyC,SAAqBC,GAAOC,GAAK;AAClG,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,KAAAZ,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,MAAAY;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,MAAAb;AAAA,IACA,OAAAc;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,OAAAtB;AAAA,IACA,kBAAAuB;AAAA,IACA,cAAcC;AAAA;AAAA;AAAA,IAGd,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA;AAAA,IAEA,GAAGC;AAAA,EAAA,IACDpB,GAEEqB,IAAaR,MAAgB,YAC7BS,IAAY,CAACzB,MAAiD;;AAClE,UAAM0B,IAAM,MAAM,QAAQ1B,CAAC,IAAIA,IAAI,CAACL,GAAKC,CAAG,GACtC+B,IAAK,KAAK,KAAIC,IAAAF,EAAI,CAAC,MAAL,OAAAE,IAAUjC,IAAKkC,IAAAH,EAAI,CAAC,MAAL,OAAAG,IAAUjC,CAAG,GAC1CkC,IAAK,KAAK,KAAIC,IAAAL,EAAI,CAAC,MAAL,OAAAK,IAAUpC,IAAKqC,IAAAN,EAAI,CAAC,MAAL,OAAAM,IAAUpC,CAAG;AAChD,WAAO,CAAC+B,GAAIG,CAAE;AAAA,EAChB,GAEMG,IAAe3B,MAAc,QAC7B,CAAC4B,IAAYC,EAAa,IAAIjC,EAAM,SAA2B,MAAMuB,EAAUpB,CAAY,CAAC,GAC5F+B,IAAQH,IAAeR,EAAUnB,CAAS,IAAI4B,IAE9CG,IAAenC,EAAM,OAAwB,IAAI,GACjDoC,IAAUC,GAA4BnC,GAAKiC,CAAY,GACvDG,IAActC,EAAM,OAAc,CAAC,GACnCuC,IAAevC,EAAM,OAAgB,EAAK,GAE1CwC,IAAWjD,GAAaC,GAAOC,GAAKC,GAAKC,CAAI,GAE7C8C,IAAkB,CAACC,MAAyE;;AAChG,UAAMC,KAAOjB,IAAAS,EAAa,YAAb,gBAAAT,EAAsB;AACnC,QAAI,CAACiB;AACH,aAAOlD;AAET,QAAI6B,GAAY;AACd,YAAMsB,KACH,OAAQF,EAAqB,WAAY,WACrCA,EAAqB,UACtBG,GAAOH,CAAyB,KAAKC,EAAK;AAChD,aAAOG,GAAQH,EAAK,SAASC,GAAG,CAAC,GAAGD,EAAK,MAAM,GAAG,CAAClD,GAAKC,CAAG,GAAG,EAAE,MAAAC,GAAM;AAAA,IACxE;AACA,UAAMoD,KACH,OAAQL,EAAqB,WAAY,WACrCA,EAAqB,UACtBM,GAAON,CAAyB,KAAKC,EAAK;AAChD,WAAOG,GAAQC,GAAG,CAAC,GAAGJ,EAAK,KAAK,GAAG,CAAClD,GAAKC,CAAG,GAAG,EAAE,MAAAC,GAAM;AAAA,EACzD,GAEMsD,KAAS,CAACC,GAAwBR,MAAwC;AAC9E,UAAMjB,IAAK,KAAK,IAAIyB,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GAC9BtB,IAAK,KAAK,IAAIsB,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GAC9BC,IAA4B,CAAC,KAAK,IAAI1D,GAAKgC,CAAE,GAAG,KAAK,IAAI/B,GAAKkC,CAAE,CAAC;AACvE,IAAKG,KACHE,GAAckB,CAAO,GAEvB9C,KAAA,QAAAA,EAAWqC,GAAOS,GAASlD;AAAA,EAC7B,GAEMmD,IAAY,CAACC,GAAaX,MAAwC;AACtE,UAAMY,IAAMhB,EAAY,SAClBY,IAAyB,CAAChB,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC;AAClD,IAAAgB,EAAKI,CAAG,IAAI,KAAK,IAAI7D,GAAK,KAAK,IAAIC,GAAK2D,CAAG,CAAC,GAC5CJ,GAAOC,GAAMR,CAAK;AAAA,EACpB,GAEMa,IAAY,CAACF,MAAgB;AACjC,IAAAf,EAAY,UAAU,KAAK,IAAIe,IAAMnB,EAAM,CAAC,CAAC,KAAK,KAAK,IAAImB,IAAMnB,EAAM,CAAC,CAAC,IAAI,IAAI;AAAA,EACnF,GAEMsB,IAAcC,GAAiB,CAACf,MAAmC;AACvE,IAAKH,EAAa,YAGlBG,EAAM,eAAA,GACNU,EAAUX,EAAgBC,CAAK,GAAGA,CAAK;AAAA,EACzC,CAAC,GAEKgB,IAAaD,GAAiB,MAAM;AACxC,IAAAlB,EAAa,UAAU,IACvB,SAAS,oBAAoB,aAAaiB,CAAW,GACrD,SAAS,oBAAoB,WAAWE,CAAU,GAClD,SAAS,oBAAoB,aAAaF,CAAW,GACrD,SAAS,oBAAoB,YAAYE,CAAU;AAAA,EACrD,CAAC,GAEKC,IAAc,CAACjB,MAA6C;AAChE,QAAInC,KAAYmC,EAAM,WAAW;AAC/B;AAEF,UAAMW,IAAMZ,EAAgBC,CAAK;AACjC,IAAAa,EAAUF,CAAG,GACbd,EAAa,UAAU,IACvBa,EAAUC,GAAKX,CAAK,GACpB,SAAS,iBAAiB,aAAac,CAAW,GAClD,SAAS,iBAAiB,WAAWE,CAAU;AAAA,EACjD,GAEME,IAAqB,CAAClB,MAAsB;AAChD,QAAInC;AACF;AAEF,UAAM8C,IAAMZ,EAAgBC,CAAK;AACjC,IAAAa,EAAUF,CAAG,GACbd,EAAa,UAAU,IACvBa,EAAUC,GAAKX,CAAK,GACpB,SAAS,iBAAiB,aAAac,CAAW,GAClD,SAAS,iBAAiB,YAAYE,CAAU;AAAA,EAClD;AAEA,EAAAG,GAAoB,MAAM;AACxB,UAAMC,IAAK3B,EAAa;AACxB,QAAK2B;AAGL,aAAAA,EAAG,iBAAiB,cAAcF,CAAkB,GAC7C,MAAME,EAAG,oBAAoB,cAAcF,CAAkB;AAAA,EACtE,CAAC;AAED,QAAMG,KAAiB,CAACT,MAAe,CAACZ,MAA+B;AACrE,QAAInC;AACF;AAEF,UAAMyD,IAAQrE,KAAQA,IAAO,IAAIA,IAAO;AACxC,QAAIuD,IAAsB;AAC1B,IAAIR,EAAM,QAAQ,eAAeA,EAAM,QAAQ,cAC7CQ,IAAOhB,EAAMoB,CAAG,IAAIU,IACXtB,EAAM,QAAQ,gBAAgBA,EAAM,QAAQ,YACrDQ,IAAOhB,EAAMoB,CAAG,IAAIU,IACXtB,EAAM,QAAQ,SACvBQ,IAAOzD,IACEiD,EAAM,QAAQ,UACvBQ,IAAOxD,IAELwD,MAAS,SACXR,EAAM,eAAA,GACNJ,EAAY,UAAUgB,GACtBF,EAAUF,GAAMR,CAAK;AAAA,EAEzB,GAEMuB,IAAaC;AAAA,IACjB;AAAA,IACA;AAAA,IACA1D;AAAA,IACA;AAAA,MACE,yBAAyBD;AAAA,MACzB,yBAAyBe;AAAA,IAAA;AAAA,IAE3BV,MAAS,YAAY,oBAAoBA,CAAI;AAAA,IAC7CC,MAAU,aAAa,qBAAqBA,CAAK;AAAA,EAAA,GAG7CsD,IAAKC,EAAUlC,EAAM,CAAC,GAAGzC,GAAKC,CAAG,GACjC2E,IAAKD,EAAUlC,EAAM,CAAC,GAAGzC,GAAKC,CAAG,GACjC4E,IAAW,GAAG,KAAK,IAAIH,GAAIE,CAAE,CAAC,KAC9BE,IAAU,GAAG,KAAK,IAAIF,IAAKF,CAAE,CAAC,KAC9BK,KAAYlD,IAAa,EAAE,QAAQ,GAAG6C,CAAE,IAAA,IAAQ,EAAE,MAAM,GAAGA,CAAE,IAAA,GAC7DM,KAAUnD,IAAa,EAAE,QAAQ,GAAG+C,CAAE,IAAA,IAAQ,EAAE,MAAM,GAAGA,CAAE,IAAA,GAC3DK,IAAapD,IAAa,EAAE,QAAQgD,GAAU,QAAQC,EAAA,IAAY,EAAE,MAAMD,GAAU,OAAOC,EAAA;AAEjG,SACE,gBAAAI,EAACC,MAAiB,OAAAnE,IAAc,YAAAC,IAAwB,UAAAH,GAAoB,OAAAI,IAAc,WAAS,IAAC,QAAM,IACxG,UAAA,gBAAAgE,EAAC,SAAI,WAAU,0BACb,4BAAC,QAAA,EAAK,KAAKvC,GAAS,aAAAuB,GAA0B,WAAWM,GAAa,GAAG5C,IACtE,UAAA;AAAA,IAAAmB,EAAS,SAAS,KACjB,gBAAAmC,EAAC,QAAA,EAAK,WAAU,sBAAqB,eAAY,QAC9C,UAAAnC,EAAS,IAAI,CAACqC,MAAM;AACnB,YAAMC,IAAK,GAAGV,EAAUS,EAAE,OAAOpF,GAAKC,CAAG,CAAC;AAC1C,aACE,gBAAAiF,EAAC,QAAA,EAAmB,WAAU,qBAAoB,OAAOrD,IAAa,EAAE,QAAQwD,EAAA,IAAO,EAAE,MAAMA,KAC5F,UAAAD,EAAE,SAAS,QAAQ,gBAAAF,EAAC,QAAA,EAAK,WAAU,2BAA2B,UAAAE,EAAE,MAAA,CAAM,EAAA,GAD9DA,EAAE,KAEb;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IAEF,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAA,CAAoB;AAAA,IACpC,gBAAAA,EAAC,QAAA,EAAK,WAAU,sBAAqB,OAAOD,GAAY;AAAA,IACtD,CAAC,GAAG,CAAC,EAAY,IAAI,CAACpB,MACtB,gBAAAqB;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWT,EAAG,sBAAsB,uBAAuBZ,MAAQ,IAAI,UAAU,KAAK,EAAE;AAAA,QACxF,OAAOA,MAAQ,IAAIkB,KAAYC;AAAA,QAE/B,UAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAa,gBAAgBrB,CAAG;AAAA,YAChC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,KAAA7D;AAAA,YACA,KAAAC;AAAA,YACA,MAAAC;AAAA,YACA,MAAMW,IAAO,GAAGA,CAAI,IAAIgD,CAAG,MAAM;AAAA,YACjC,OAAOpB,EAAMoB,CAAG;AAAA,YAChB,UAAA/C;AAAA,YACA,UAAU,MAAA;AAAA;AAAA,YACV,WAAWwD,GAAeT,CAAG;AAAA,YAC7B,UAAU/C,IAAW,KAAK;AAAA,YAC1B,cAAYS,IAAY,GAAGA,CAAS,IAAIsC,MAAQ,IAAI,YAAY,SAAS,KAAK;AAAA,YAC9E,oBAAkBxC;AAAA,YAClB,iBAAeoB,EAAMoB,CAAG;AAAA,YACxB,iBAAeA,MAAQ,IAAI7D,IAAMyC,EAAM,CAAC;AAAA,YACxC,iBAAeoB,MAAQ,IAAIpB,EAAM,CAAC,IAAIxC;AAAA,YACtC,kBAAgBqB,IAAmBA,EAAiBmB,EAAMoB,CAAG,CAAC,IAAI;AAAA,YAClE,iBAAe/C,KAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7B;AAAA,MAxBK+C;AAAA,IAAA,CA0BR;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ,CAAC,GAEKyB,KAAe/E,EAAM,WAAyC,SAAsBC,GAAOC,GAAK;AACpG,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAAC;AAAA,IACA,KAAAZ,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,MAAAY;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,MAAAb;AAAA,IACA,SAAAuB,KAAU;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAX;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,aAAAC,IAAc;AAAA,IACd,OAAAtB;AAAA;AAAA;AAAA,IAGA,OAAAyB;AAAA,IACA,kBAAAF;AAAA,IACA,cAAcC;AAAA,IACd,GAAGK;AAAA,EAAA,IACDpB,GAEE+E,IAAgB,OAAO7E,KAAiB,WAAWA,IAAe,QAClE8E,IAAkB,OAAO7E,KAAc,WAAWA,IAAY,QAC9DkB,IAAaR,MAAgB,YAE7B,CAACkB,IAAYkD,EAAQ,IAAIlF,EAAM,SAAiBgF,KAAA,OAAAA,IAAiBvF,CAAG,GACpE,CAAC0F,GAAYC,CAAa,IAAIpF,EAAM,SAAkB,EAAK,GAC3D,CAACqF,GAAUC,CAAW,IAAItF,EAAM,SAAkB,EAAK,GACvD,CAACuF,GAAWC,CAAY,IAAIxF,EAAM,SAAkB,EAAK,GAEzDmC,IAAenC,EAAM,OAAwB,IAAI,GACjDoC,KAAUC,GAA4BnC,GAAKiC,CAAY,GACvDI,IAAevC,EAAM,OAAgB,EAAK,GAE1C+B,IAAekD,MAAoB,QACnCQ,IAAavE,OAAY,YACzBgB,IAAQH,IAAekD,IAAkBjD,IAEzC0D,IAAc,CAACxD,GAAeQ,MAAwC;AAC1E,IAAIR,IAAQzC,KAAOyC,IAAQxC,MACtBqC,KACHmD,GAAShD,CAAK,GAEhB7B,KAAA,QAAAA,EAAWqC,GAAOR,GAAOjC;AAAA,EAC3B,GAEM0F,IAAgB,CAACC,GAAkBC,MAChC/C,GAAQ8C,GAAU,CAAC,GAAGC,CAAa,GAAG,CAACpG,GAAKC,CAAG,GAAG,EAAE,MAAAC,GAAM,GAG7DgE,KAAc,CAACjB,MAA6C;AAKhE,QAJInC,KAIAmC,EAAM,WAAW;AACnB;AAGF,IAAAH,EAAa,UAAU;AAEvB,UAAMuD,IAAU3D,EAAa,SACvBQ,IAAOmD,KAAA,gBAAAA,EAAS;AAEtB,QAAInD,GAAM;AACR,YAAMoD,IAAmBzE,IAAaqB,EAAK,UAAUD,EAAM,UAAUC,EAAK,OAAOD,EAAM,UAAUC,EAAK,MAChGqD,IAAWL,EAAcI,GAAkBzE,IAAaqB,EAAK,SAASA,EAAK,KAAK;AAEtF,MAAK0C,KACHC,EAAY,EAAI,GAGlBI,EAAYM,GAAUtD,CAAK;AAAA,IAC7B;AAEA,aAAS,iBAAiB,aAAac,CAAW,GAClD,SAAS,iBAAiB,WAAWE,CAAU;AAAA,EACjD,GAEMuC,IAAe,CAACvD,MAAsB;;AAC1C,QAAInC;AACF;AAGF,IAAAgC,EAAa,UAAU;AAEvB,UAAMuD,IAAU3D,EAAa,SACvBQ,IAAOmD,KAAA,gBAAAA,EAAS;AAEtB,QAAInD,GAAM;AACR,YAAMuD,KAAQxE,IAAAgB,EAAM,mBAAN,gBAAAhB,EAAuB,IAC/BqE,KAAmBzE,IAAaqB,EAAK,UAAUuD,EAAM,UAAUvD,EAAK,OAAOuD,EAAM,UAAUvD,EAAK,MAChGqD,IAAWL,EAAcI,IAAkBzE,IAAaqB,EAAK,SAASA,EAAK,KAAK;AAEtF,MAAK0C,KACHC,EAAY,EAAI,GAElBI,EAAYM,GAAUtD,CAAK;AAAA,IAC7B;AAEA,aAAS,iBAAiB,aAAac,CAAW,GAClD,SAAS,iBAAiB,YAAYE,CAAU;AAAA,EAClD,GAEMF,IAAcC,GAAiB,CAACf,MAAmC;AACvE,QAAIH,EAAa,SAAS;AACxB,YAAMuD,IAAU3D,EAAa,SACvBQ,IAAOmD,KAAA,gBAAAA,EAAS;AAEtB,UAAInD,GAAM;AAIR,cAAMwD,IAAUnD,GAAON,CAAK,GAGtB0D,IAAUvD,GAAOH,CAAK,GACtBqD,KAAmBzE,IAAaqB,EAAK,UAAUyD,IAAUzD,EAAK,OAAOwD,IAAUxD,EAAK,MACpFqD,IAAWL,EAAcI,IAAkBzE,IAAaqB,EAAK,SAASA,EAAK,KAAK;AAMtF,YAJK0C,KACHC,EAAY,EAAI,GAGdpD,MAAU8D;AACZ;AAGF,QAAKb,KACHC,EAAc,EAAI,GAGpBM,EAAYM,GAAUtD,CAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EACF,CAAC,GAEKgB,IAAaD,GAAiB,MAAM;AACxC,IAAAlB,EAAa,UAAU,IAEnB4C,KACFC,EAAc,EAAK,GAGjBC,KACFC,EAAY,EAAK,GAGnBe,EAAA;AAAA,EACF,CAAC,GAEKA,IAAkB,MAAM;AAC5B,aAAS,oBAAoB,aAAa7C,CAAW,GACrD,SAAS,oBAAoB,WAAWE,CAAU,GAClD,SAAS,oBAAoB,aAAaF,CAAW,GACrD,SAAS,oBAAoB,YAAYE,CAAU;AAAA,EACrD,GAEM4C,IAAuB,CAACC,MAA2B;AACvD,IAAI,CAAChB,KAAahF,OACdgG,EAAE,QAAQ,eAAeA,EAAE,QAAQ,gBACrCb,EAAYxD,KAASvC,KAAQ,IAAI4G,CAAC,IAEhCA,EAAE,QAAQ,gBAAgBA,EAAE,QAAQ,cACtCb,EAAYxD,KAASvC,KAAQ,IAAI4G,CAAC;AAAA,EAEtC,GAEMC,KAAa,MAAM;AACvB,IAAAhB,EAAa,EAAK,GAClB,SAAS,oBAAoB,WAAWc,CAA4C;AAAA,EACtF;AAEA,EAAAzC,GAAoB,MAAM;AACxB,QAAI1B,EAAa;AACf,aAAAA,EAAa,QAAQ,iBAAiB,cAAc8D,CAAY,GAEzD,MAAM;;AACX,SAAAvE,IAAAS,EAAa,YAAb,QAAAT,EAAsB,oBAAoB,cAAcuE;AAAA,MAC1D;AAAA,EAEJ,CAAC,GAEDpC,GAAoB,MAAM;;AACxB,IAAItD,OAAYmB,IAAAS,EAAa,YAAb,QAAAT,EAAsB,SAAS,SAAS,qBACrDC,IAAA,SAAS,kBAAT,QAAAA,EAAwC;AAAA,EAE7C,GAAG,CAACpB,CAAQ,CAAC;AAEb,QAAM0D,KAAaC;AAAA,IACjB;AAAA,IACA1D;AAAA,IACA;AAAA,MACE,yBAAyBD;AAAA,MACzB,yBAAyB4E;AAAA,MACzB,yBAAyBM;AAAA,MACzB,yBAAyBnE;AAAA,IAAA;AAAA,IAE3BV,MAAS,YAAY,oBAAoBA,CAAI;AAAA,IAC7CC,MAAU,aAAa,qBAAqBA,CAAK;AAAA,EAAA,GAG7C4F,IAAM,GAAGrC,EAAUlC,GAAOzC,GAAKC,CAAG,CAAC,KACnCgF,IAAapD,IAAa,EAAE,QAAQmF,MAAQ,EAAE,OAAOA,EAAA,GACrDC,IAAapF,IAAa,EAAE,QAAQmF,MAAQ,EAAE,MAAMA,EAAA,GAEpDE,IAAW,MAAM,MAAM,KAAK,MAAMjH,KAAOC,KAAQ,EAAE,IAAI,CAAC,EAAE,KAAK,CAAC,GAChE6C,IAAWjD,GAAaC,IAAOC,GAAKC,GAAKC,CAAI;AAEnD,SACE,gBAAAgF,EAACC,IAAA,EAAiB,OAAAnE,GAAc,YAAAC,GAAwB,UAAAH,GAAoB,OAAAI,GAAc,WAAS,IAAC,QAAM,IACxG,UAAA,gBAAAiG,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,IAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWN;AAAA,QACX,KAAKlE;AAAA,QACL,aAAAuB;AAAA,QACA,WAAWM;AAAA,QACX,UAAU1D,IAAW,KAAK;AAAA,QAC1B,SAAS,MAAMiF,EAAa,EAAI;AAAA,QAChC,QAAQgB;AAAA,QACP,GAAGnF;AAAA,QAEH,UAAA;AAAA,UAAAD,MACC,gBAAAuD,EAAC,UAAK,WAAU,sBAAqB,OAAO,EAAE,KAAK,GAAGhF,CAAI,GAAA,GACvD,cAAW,IAAI,CAAC,GAAG2D,MAClB,gBAAAqB,EAAC,UAAK,WAAU,oBAAA,GAAyBrB,CAAK,CAC/C,EAAA,CACH;AAAA,UAEDd,EAAS,SAAS,KACjB,gBAAAmC,EAAC,QAAA,EAAK,WAAU,sBAAqB,eAAY,QAC9C,UAAAnC,EAAS,IAAI,CAACqC,MAAM;AACnB,kBAAMC,IAAK,GAAGV,EAAUS,EAAE,OAAOpF,GAAKC,CAAG,CAAC;AAC1C,mBACE,gBAAAiF,EAAC,QAAA,EAAmB,WAAU,qBAAoB,OAAOrD,IAAa,EAAE,QAAQwD,EAAA,IAAO,EAAE,MAAMA,KAC5F,UAAAD,EAAE,SAAS,QAAQ,gBAAAF,EAAC,QAAA,EAAK,WAAU,2BAA2B,UAAAE,EAAE,MAAA,CAAM,EAAA,GAD9DA,EAAE,KAEb;AAAA,UAEJ,CAAC,EAAA,CACH;AAAA,UAEF,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAA,CAAoB;AAAA,UACpC,gBAAAA,EAAC,QAAA,EAAK,WAAU,sBAAqB,OAAOD,GAAY;AAAA,UACxD,gBAAAkC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW1C,EAAG,sBAAsB;AAAA,gBAClC,8BAA8BmB;AAAA,gBAC9B,gCAAgCI;AAAA,cAAA,CACjC;AAAA,cACD,OAAOiB;AAAA,cAEN,UAAA;AAAA,gBAAAjB,uBAAe,QAAA,EAAK,WAAU,8BAA8B,UAAA,KAAK,MAAMvD,CAAK,GAAE;AAAA,gBAC/E,gBAAAyC;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,oBACV,MAAK;AAAA,oBACL,KAAAlF;AAAA,oBACA,KAAAC;AAAA,oBACA,MAAAY;AAAA,oBACA,OAAA4B;AAAA,oBACA,UAAQ;AAAA,oBACR,cAAYlB;AAAA,oBACZ,oBAAkBF;AAAA,oBAClB,iBAAeoB;AAAA,oBACf,iBAAezC;AAAA,oBACf,iBAAeC;AAAA,oBACf,kBAAgBqB,KAAmBA,GAAiBmB,CAAK,IAAI;AAAA,oBAC7D,iBAAe3B,KAAY;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAC7B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDY,MAAcsE,KACb,gBAAAd;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAA3E;AAAA,QACA,UAAU,CAACqE,MAA2Cb,EAAY,CAACa,EAAE,OAAO,OAAOA,CAAC;AAAA,QACpF,SAAQ;AAAA,QACR,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,EAAA,CAEJ,EAAA,CACF;AAEJ,CAAC,GAEYO,KAAS9G,EAAM,WAAyC,SAAgBC,GAAOC,GAAK;AAG/F,SAFoBD,EAAM,UAAU,MAAQ,MAAM,QAAQA,EAAM,KAAK,KAAK,MAAM,QAAQA,EAAM,YAAY,IAErF,gBAAA0E,EAAC5E,IAAA,EAAY,KAAAG,GAAW,GAAGD,GAAO,IAAK,gBAAA0E,EAACI,IAAA,EAAa,KAAA7E,GAAW,GAAGD,EAAA,CAAO;AACjG,CAAC;"}
+{"version":3,"file":"slider.js","sources":["../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useEventCallback } from \"../../../hooks/useEventCallback\";\nimport { rescale, toPercent, coordX, coordY } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: React.ReactNode;\n}\n\nexport interface SliderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"onChange\" | \"defaultValue\"> {\n  value?: SliderValue;\n  onChange?: (event: Event | React.SyntheticEvent, value: SliderValue, data: SliderProps) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  name?: string;\n  defaultValue?: SliderValue;\n  disabled?: boolean;\n  variant?: \"continuous\" | \"discrete\";\n  valueField?: boolean;\n  withTicks?: boolean;\n  label?: string;\n  helperText?: React.ReactNode;\n  error?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  color?: \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n  /** Enables a two-thumb range slider (value becomes `[number, number]`). */\n  range?: boolean;\n  /** Slider direction. */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Show ticks/marks. `true` derives marks from `step`; an array gives explicit positions/labels. */\n  marks?: boolean | SliderMark[];\n  /** Accessible label applied to the slider control. */\n  \"aria-label\"?: string;\n  /** Maps the numeric value to a human-readable string for assistive tech. */\n  getAriaValueText?: (value: number) => string;\n}\n\nfunction resolveMarks(\n  marks: boolean | SliderMark[] | undefined,\n  min: number,\n  max: number,\n  step?: number\n): SliderMark[] {\n  if (!marks) {\n    return [];\n  }\n  if (Array.isArray(marks)) {\n    return marks;\n  }\n  const s = step && step > 0 ? step : (max - min) / 10;\n  const result: SliderMark[] = [];\n  for (let v = min; v <= max + 1e-9; v += s) {\n    result.push({ value: Math.round(v * 1e6) / 1e6 });\n  }\n  return result;\n}\n\nconst RangeSlider = React.forwardRef<HTMLSpanElement, SliderProps>(function RangeSlider(props, ref) {\n  const {\n    defaultValue,\n    value: valueProp,\n    onChange,\n    min = 0,\n    max = 100,\n    name,\n    disabled = false,\n    className,\n    step,\n    label,\n    helperText,\n    error,\n    size = \"medium\",\n    color = \"primary\",\n    orientation = \"horizontal\",\n    marks,\n    getAriaValueText,\n    \"aria-label\": ariaLabel,\n    // consumed by the dispatcher / not valid DOM attributes — keep them off the span\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    range,\n    variant,\n    valueField,\n    withTicks,\n    /* eslint-enable @typescript-eslint/no-unused-vars */\n    ...rest\n  } = props;\n\n  const isVertical = orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [min, max];\n    const lo = Math.min(arr[0] ?? min, arr[1] ?? max);\n    const hi = Math.max(arr[0] ?? min, arr[1] ?? max);\n    return [lo, hi];\n  };\n\n  const isControlled = valueProp !== undefined;\n  const [valueState, setValueState] = React.useState<[number, number]>(() => normalize(defaultValue));\n  const value = isControlled ? normalize(valueProp) : valueState;\n\n  const containerRef = React.useRef<HTMLSpanElement>(null);\n  const rootRef = useForkRef<HTMLSpanElement>(ref, containerRef);\n  const activeThumb = React.useRef<0 | 1>(0);\n  const isPressedRef = React.useRef<boolean>(false);\n\n  const markList = resolveMarks(marks, min, max, step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent | React.MouseEvent | React.TouchEvent) => {\n    const rect = containerRef.current?.getBoundingClientRect();\n    if (!rect) {\n      return min;\n    }\n    if (isVertical) {\n      const y =\n        (typeof (event as MouseEvent).clientY === \"number\"\n          ? (event as MouseEvent).clientY\n          : coordY(event as React.MouseEvent)) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [min, max], { step });\n    }\n    const x =\n      (typeof (event as MouseEvent).clientX === \"number\"\n        ? (event as MouseEvent).clientX\n        : coordX(event as React.MouseEvent)) - rect.left;\n    return rescale(x, [0, rect.width], [min, max], { step });\n  };\n\n  const commit = (next: [number, number], event: Event | React.SyntheticEvent) => {\n    const lo = Math.min(next[0], next[1]);\n    const hi = Math.max(next[0], next[1]);\n    const clamped: [number, number] = [Math.max(min, lo), Math.min(max, hi)];\n    if (!isControlled) {\n      setValueState(clamped);\n    }\n    onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event | React.SyntheticEvent) => {\n    const idx = activeThumb.current;\n    const next: [number, number] = [value[0], value[1]];\n    next[idx] = Math.max(min, Math.min(max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number) => {\n    activeThumb.current = Math.abs(raw - value[0]) <= Math.abs(raw - value[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (!isPressedRef.current) {\n      return;\n    }\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  });\n\n  const onMouseEnd = useEventCallback(() => {\n    isPressedRef.current = false;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  });\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled || event.button !== 0) {\n      return;\n    }\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressedRef.current = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n\n  const onTouchStartNative = (event: TouchEvent) => {\n    if (disabled) {\n      return;\n    }\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressedRef.current = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  useSafeLayoutEffect(() => {\n    const el = containerRef.current;\n    if (!el) {\n      return;\n    }\n    el.addEventListener(\"touchstart\", onTouchStartNative);\n    return () => el.removeEventListener(\"touchstart\", onTouchStartNative);\n  });\n\n  const onThumbKeyDown = (idx: 0 | 1) => (event: React.KeyboardEvent) => {\n    if (disabled) {\n      return;\n    }\n    const delta = step && step > 0 ? step : 1;\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      next = value[idx] - delta;\n    } else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      next = value[idx] + delta;\n    } else if (event.key === \"Home\") {\n      next = min;\n    } else if (event.key === \"End\") {\n      next = max;\n    }\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb.current = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classNames = cn(\n    \"smwb-slider\",\n    \"smwb-slider--range\",\n    className,\n    {\n      \"smwb-slider--disabled\": disabled,\n      \"smwb-slider--vertical\": isVertical,\n    },\n    size !== \"medium\" && `smwb-slider_size-${size}`,\n    color !== \"primary\" && `smwb-slider_color-${color}`\n  );\n\n  const p0 = toPercent(value[0], min, max);\n  const p1 = toPercent(value[1], min, max);\n  const startPct = `${Math.min(p0, p1)}%`;\n  const spanPct = `${Math.abs(p1 - p0)}%`;\n  const mainStart = isVertical ? { bottom: `${p0}%` } : { left: `${p0}%` };\n  const mainEnd = isVertical ? { bottom: `${p1}%` } : { left: `${p1}%` };\n  const trackStyle = isVertical ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n\n  return (\n    <TextFieldWrapper label={label} helperText={helperText} disabled={disabled} error={error} fullWidth shrink>\n      <div className=\"smwb-slider__container\">\n        <span ref={rootRef} onMouseDown={onMouseDown} className={classNames} {...rest}>\n          {markList.length > 0 && (\n            <span className=\"smwb-slider__marks\" aria-hidden=\"true\">\n              {markList.map((m) => {\n                const mp = `${toPercent(m.value, min, max)}%`;\n                return (\n                  <span key={m.value} className=\"smwb-slider__mark\" style={isVertical ? { bottom: mp } : { left: mp }}>\n                    {m.label != null && <span className=\"smwb-slider__mark-label\">{m.label}</span>}\n                  </span>\n                );\n              })}\n            </span>\n          )}\n          <span className=\"smwb-slider__rail\" />\n          <span className=\"smwb-slider__track\" style={trackStyle} />\n          {([0, 1] as const).map((idx) => (\n            <span\n              key={idx}\n              className={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n              style={idx === 0 ? mainStart : mainEnd}\n            >\n              <input\n                data-testid={`slider-input-${idx}`}\n                className=\"smwb-slider__input\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={step}\n                name={name ? `${name}[${idx}]` : undefined}\n                value={value[idx]}\n                disabled={disabled}\n                onChange={() => undefined}\n                onKeyDown={onThumbKeyDown(idx)}\n                tabIndex={disabled ? -1 : 0}\n                aria-label={ariaLabel ? `${ariaLabel} ${idx === 0 ? \"minimum\" : \"maximum\"}` : undefined}\n                aria-orientation={orientation}\n                aria-valuenow={value[idx]}\n                aria-valuemin={idx === 0 ? min : value[0]}\n                aria-valuemax={idx === 0 ? value[1] : max}\n                aria-valuetext={getAriaValueText ? getAriaValueText(value[idx]) : undefined}\n                aria-disabled={disabled || undefined}\n              />\n            </span>\n          ))}\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n});\n\nconst SingleSlider = React.forwardRef<HTMLSpanElement, SliderProps>(function SingleSlider(props, ref) {\n  const {\n    defaultValue,\n    value: valueProp,\n    onChange,\n    min = 0,\n    max = 100,\n    name,\n    disabled = false,\n    className,\n    step,\n    variant = \"continuous\",\n    valueField,\n    withTicks,\n    label,\n    helperText,\n    error,\n    size = \"medium\",\n    color = \"primary\",\n    orientation = \"horizontal\",\n    marks,\n    // `range` is handled by the Slider dispatcher; destructured here to keep it off the DOM\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    range,\n    getAriaValueText,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n\n  const singleDefault = typeof defaultValue === \"number\" ? defaultValue : undefined;\n  const singleValueProp = typeof valueProp === \"number\" ? valueProp : undefined;\n  const isVertical = orientation === \"vertical\";\n\n  const [valueState, setValue] = React.useState<number>(singleDefault ?? min);\n  const [isDragging, setIsDragging] = React.useState<boolean>(false);\n  const [isActive, setIsActive] = React.useState<boolean>(false);\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n\n  const containerRef = React.useRef<HTMLSpanElement>(null);\n  const rootRef = useForkRef<HTMLSpanElement>(ref, containerRef);\n  const isPressedRef = React.useRef<boolean>(false);\n\n  const isControlled = singleValueProp !== undefined;\n  const isDiscrete = variant === \"discrete\";\n  const value = isControlled ? singleValueProp : valueState;\n\n  const updateValue = (value: number, event: Event | React.SyntheticEvent) => {\n    if (value < min || value > max) return;\n    if (!isControlled) {\n      setValue(value);\n    }\n    onChange?.(event, value, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number) => {\n    return rescale(absolute, [0, containerSize], [min, max], { step });\n  };\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.button !== 0) {\n      return;\n    }\n\n    isPressedRef.current = true;\n\n    const element = containerRef.current;\n    const rect = element?.getBoundingClientRect();\n\n    if (rect) {\n      const absolutePosition = isVertical ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n      const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n      if (!isActive) {\n        setIsActive(true);\n      }\n\n      updateValue(newValue, event);\n    }\n\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n\n  const onTouchStart = (event: TouchEvent) => {\n    if (disabled) {\n      return;\n    }\n\n    isPressedRef.current = true;\n\n    const element = containerRef.current;\n    const rect = element?.getBoundingClientRect();\n\n    if (rect) {\n      const touch = event.changedTouches?.[0];\n      const absolutePosition = isVertical ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n      const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n      if (!isActive) {\n        setIsActive(true);\n      }\n      updateValue(newValue, event);\n    }\n\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  const onMouseMove = useEventCallback((event: MouseEvent | TouchEvent) => {\n    if (isPressedRef.current) {\n      const element = containerRef.current;\n      const rect = element?.getBoundingClientRect();\n\n      if (rect) {\n        // TODO need clarification обработка разных событий разных типов 1 функцией\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const clientX = coordX(event);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const clientY = coordY(event);\n        const absolutePosition = isVertical ? rect.height - (clientY - rect.top) : clientX - rect.left;\n        const newValue = offsetToValue(absolutePosition, isVertical ? rect.height : rect.width);\n\n        if (!isActive) {\n          setIsActive(true);\n        }\n\n        if (value === newValue) {\n          return;\n        }\n\n        if (!isDragging) {\n          setIsDragging(true);\n        }\n\n        updateValue(newValue, event);\n      }\n    }\n  });\n\n  const onMouseEnd = useEventCallback(() => {\n    isPressedRef.current = false;\n\n    if (isDragging) {\n      setIsDragging(false);\n    }\n\n    if (isActive) {\n      setIsActive(false);\n    }\n\n    removeListeners();\n  });\n\n  const removeListeners = () => {\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n\n  const handleArrowsControls = (e: React.KeyboardEvent) => {\n    if (!isFocused || disabled) return;\n    if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n      updateValue(value - (step || 1), e);\n    }\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n      updateValue(value + (step || 1), e);\n    }\n  };\n\n  const handleBlur = () => {\n    setIsFocused(false);\n    document.removeEventListener(\"keydown\", handleArrowsControls as (e: unknown) => void);\n  };\n\n  useSafeLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.addEventListener(\"touchstart\", onTouchStart);\n\n      return () => {\n        containerRef.current?.removeEventListener(\"touchstart\", onTouchStart);\n      };\n    }\n  });\n\n  useSafeLayoutEffect(() => {\n    if (disabled && containerRef.current?.contains(document.activeElement)) {\n      (document.activeElement as HTMLElement)?.blur();\n    }\n  }, [disabled]);\n\n  const classNames = cn(\n    \"smwb-slider\",\n    className,\n    {\n      \"smwb-slider--disabled\": disabled,\n      \"smwb-slider--dragging\": isDragging,\n      \"smwb-slider--discrete\": isDiscrete,\n      \"smwb-slider--vertical\": isVertical,\n    },\n    size !== \"medium\" && `smwb-slider_size-${size}`,\n    color !== \"primary\" && `smwb-slider_color-${color}`\n  );\n\n  const pct = `${toPercent(value, min, max)}%`;\n  const trackStyle = isVertical ? { height: pct } : { width: pct };\n  const thumbStyle = isVertical ? { bottom: pct } : { left: pct };\n\n  const getTicks = () => Array(Math.round(max / (step || 1)) + 1).fill(1) as number[];\n  const markList = resolveMarks(marks, min, max, step);\n\n  return (\n    <TextFieldWrapper label={label} helperText={helperText} disabled={disabled} error={error} fullWidth shrink>\n      <div className=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrowsControls}\n          ref={rootRef}\n          onMouseDown={onMouseDown}\n          className={classNames}\n          tabIndex={disabled ? -1 : 0}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleBlur}\n          {...rest}\n        >\n          {withTicks && (\n            <span className=\"smwb-slider__ticks\" style={{ gap: `${step}` }}>\n              {getTicks().map((t, idx) => (\n                <span className=\"smwb-slider__tick\" key={idx} />\n              ))}\n            </span>\n          )}\n          {markList.length > 0 && (\n            <span className=\"smwb-slider__marks\" aria-hidden=\"true\">\n              {markList.map((m) => {\n                const mp = `${toPercent(m.value, min, max)}%`;\n                return (\n                  <span key={m.value} className=\"smwb-slider__mark\" style={isVertical ? { bottom: mp } : { left: mp }}>\n                    {m.label != null && <span className=\"smwb-slider__mark-label\">{m.label}</span>}\n                  </span>\n                );\n              })}\n            </span>\n          )}\n          <span className=\"smwb-slider__rail\" />\n          <span className=\"smwb-slider__track\" style={trackStyle} />\n          <span\n            className={cn(\"smwb-slider__thumb\", {\n              \"smwb-slider__thumb--active\": isActive,\n              \"smwb-slider__thumb--discrete\": isDiscrete,\n            })}\n            style={thumbStyle}\n          >\n            {isDiscrete && <span className=\"smwb-slider__thumb-tooltip\">{Math.round(value)}</span>}\n            <input\n              data-testid=\"slider-input\"\n              className=\"smwb-slider__input\"\n              type=\"range\"\n              min={min}\n              max={max}\n              name={name}\n              value={value}\n              readOnly\n              aria-label={ariaLabel}\n              aria-orientation={orientation}\n              aria-valuenow={value}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuetext={getAriaValueText ? getAriaValueText(value) : undefined}\n              aria-disabled={disabled || undefined}\n            />\n          </span>\n        </span>\n        {valueField && isDiscrete && (\n          <TextField\n            type=\"number\"\n            value={value}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => updateValue(+e.target.value, e)}\n            variant=\"filled\"\n            helperText={null}\n          />\n        )}\n      </div>\n    </TextFieldWrapper>\n  );\n});\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(function Slider(props, ref) {\n  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n\n  return isRangeMode ? <RangeSlider ref={ref} {...props} /> : <SingleSlider ref={ref} {...props} />;\n});\n"],"names":["resolveMarks","marks","min","max","step","s","result","v","RangeSlider","React","props","ref","defaultValue","valueProp","onChange","name","disabled","className","label","helperText","error","size","color","orientation","getAriaValueText","ariaLabel","range","variant","valueField","withTicks","rest","isVertical","normalize","arr","lo","_a","_b","hi","_c","_d","isControlled","valueState","setValueState","value","containerRef","rootRef","useForkRef","activeThumb","isPressedRef","markList","positionToValue","event","rect","y","coordY","rescale","x","coordX","commit","next","clamped","moveThumb","raw","idx","pickThumb","onMouseMove","useEventCallback","onMouseEnd","onMouseDown","onTouchStartNative","useSafeLayoutEffect","el","onThumbKeyDown","delta","classNames","cn","p0","toPercent","p1","startPct","spanPct","mainStart","mainEnd","trackStyle","jsx","TextFieldWrapper","m","mp","SingleSlider","singleDefault","singleValueProp","setValue","isDragging","setIsDragging","isActive","setIsActive","isFocused","setIsFocused","isDiscrete","updateValue","offsetToValue","absolute","containerSize","element","absolutePosition","newValue","onTouchStart","touch","clientX","clientY","removeListeners","handleArrowsControls","e","handleBlur","pct","thumbStyle","getTicks","jsxs","TextField","Slider"],"mappings":"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"}

package/dist/components/inputs/textField/textField.js

@@ -1,12 +1,13 @@
 import { jsx as k } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/textField/textField.entry.css';/* empty css                                                             */
+import '../../../assets/styles/less/components/textField/textField.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                             */
 import t from "react";
 import C from "clsx";
 import { useSafeLayoutEffect as J } from "../../../hooks/useSafeLayoutEffect.js";
 import { useForkRef as K } from "../../../hooks/useForkRef.js";
 import { isFilled as Q } from "./utils.js";
 import { TextFieldWrapper as U } from "./textFieldWrapper.js";
-const oe = t.forwardRef(function(a, S) {
+const le = t.forwardRef(function(a, S) {
   const {
     label: F,
     helperText: T,
@@ -14,7 +15,7 @@ const oe = t.forwardRef(function(a, S) {
     size: _ = "medium",
     required: h,
     className: y,
-    disabled: i,
+    disabled: n,
     value: s,
     defaultValue: B,
     onChange: u,
@@ -34,27 +35,27 @@ const oe = t.forwardRef(function(a, S) {
     inputMode: I,
     ...M
   } = a, [p, x] = t.useState(!1), [W, j] = t.useState(!1), { current: o } = t.useRef(s != null), r = t.useRef(null), H = K(S, r), L = (e) => {
-    if (i) {
+    if (n) {
       e.stopPropagation();
       return;
     }
     f == null || f(e), x(!0);
   }, O = (e) => {
     if (!o) {
-      const n = e.target || r.current;
+      const i = e.target || r.current;
       l({
-        value: n.value
+        value: i.value
       });
     }
     c == null || c(e, a), x(!1);
   }, l = t.useCallback((e) => {
-    const n = !!Q(e);
-    j((g) => g === n ? g : n);
+    const i = !!Q(e);
+    j((g) => g === i ? g : i);
   }, []), V = (e) => {
     if (!o) {
-      const n = e.target || r.current;
+      const i = e.target || r.current;
       l({
-        value: n.value
+        value: i.value
       });
     }
     u == null || u(e, a);
@@ -62,8 +63,8 @@ const oe = t.forwardRef(function(a, S) {
     r.current && e.currentTarget === e.target && (e.preventDefault(), r.current.focus());
   };
   t.useEffect(() => {
-    i && p && x(!1);
-  }, [i, p]), t.useEffect(() => {
+    n && p && x(!1);
+  }, [n, p]), t.useEffect(() => {
     o || l(r.current);
   }), J(() => {
     o && l({ value: s });
@@ -81,7 +82,7 @@ const oe = t.forwardRef(function(a, S) {
       label: F,
       helperText: T,
       variant: v,
-      disabled: i,
+      disabled: n,
       className: C(y, _ !== "medium" && `smwb-text-field_size-${_}`),
       error: b,
       fullWidth: z,
@@ -105,7 +106,7 @@ const oe = t.forwardRef(function(a, S) {
           "aria-invalid": b || void 0,
           "aria-required": h || void 0,
           placeholder: q,
-          disabled: i,
+          disabled: n,
           value: s,
           className: G,
           ref: H,
@@ -121,6 +122,6 @@ const oe = t.forwardRef(function(a, S) {
   );
 });
 export {
-  oe as TextField
+  le as TextField
 };
 //# sourceMappingURL=textField.js.map

package/dist/components/inputs/textField/textField.js.map

@@ -1 +1 @@
-{"version":3,"file":"textField.js","sources":["../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from \"react\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\n\nexport interface TextFieldProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onBlur\" | \"size\"\n> {\n  label?: string;\n  helperText?: React.ReactNode;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean;\n  value?: string | number;\n  className?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  id?: string;\n  inline?: boolean;\n  autoComplete?: string;\n}\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(props, ref) {\n  const {\n    label,\n    helperText,\n    variant = \"outlined\",\n    size = \"medium\",\n    required,\n    className,\n    disabled,\n    value,\n    defaultValue,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    name,\n    type = \"text\",\n    readOnly,\n    placeholder,\n    fullWidth,\n    id,\n    startAdornment,\n    endAdornment,\n    inline,\n    autoComplete,\n    inputMode,\n    ...rest\n  } = props;\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n  const [isFilledState, setIsFilledState] = React.useState<boolean>(false);\n\n  const { current: isControlled } = React.useRef<boolean>(value != null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const inputForkRef = useForkRef<HTMLInputElement>(ref, inputRef);\n\n  const onFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    onFocusProp?.(event);\n\n    setIsFocused(true);\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onBlurProp?.(event, props);\n    setIsFocused(false);\n  };\n\n  const checkDirty = React.useCallback((obj: Parameters<typeof isFilled>[0]) => {\n    const filled = Boolean(isFilled(obj));\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  }, []);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onChangeProp?.(event, props);\n  };\n\n  const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (inputRef.current && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputRef.current.focus();\n    }\n  };\n\n  React.useEffect(() => {\n    if (disabled && isFocused) {\n      setIsFocused(false);\n    }\n  }, [disabled, isFocused]);\n\n  // Uncontrolled inputs can receive a value imperatively — e.g. react-hook-form's\n  // `register` sets the DOM value on `reset(...)` without firing onChange. Re-derive\n  // the filled state from the DOM on every render (the form re-renders on reset) so\n  // the floating label still rises. `checkDirty` is a no-op when nothing changed.\n  React.useEffect(() => {\n    if (!isControlled) {\n      checkDirty(inputRef.current);\n    }\n  });\n\n  useSafeLayoutEffect(() => {\n    if (isControlled) {\n      checkDirty({ value });\n    }\n  }, [value, isControlled, checkDirty]);\n\n  const inputClasses = cn(\n    \"smwb-text-field__input\",\n    (!label || inline) && \"smwb-text-field__input--show-placeholder\",\n    startAdornment && \"smwb-text-field__input--adornment-start\",\n    endAdornment && \"smwb-text-field__input--adornment-end\",\n    inline && \"smwb-text-field__input--inline\"\n  );\n\n  return (\n    <TextFieldWrapper\n      label={label}\n      helperText={helperText}\n      variant={variant}\n      disabled={disabled}\n      className={cn(className, size !== \"medium\" && `smwb-text-field_size-${size}`)}\n      error={error}\n      fullWidth={fullWidth}\n      isFilledState={isFilledState}\n      isFocused={isFocused}\n      htmlFor={id}\n      shrink={Boolean(startAdornment)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      inline={inline}\n      {...rest}\n    >\n      <input\n        type={type}\n        defaultValue={defaultValue}\n        name={name}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={error || undefined}\n        aria-required={required || undefined}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        className={inputClasses}\n        ref={inputForkRef}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={id}\n        autoComplete={autoComplete}\n        inputMode={inputMode}\n      />\n    </TextFieldWrapper>\n  );\n});\n"],"names":["TextField","React","props","ref","label","helperText","variant","size","required","className","disabled","value","defaultValue","onChangeProp","onFocusProp","onBlurProp","error","name","type","readOnly","placeholder","fullWidth","id","startAdornment","endAdornment","inline","autoComplete","inputMode","rest","isFocused","setIsFocused","isFilledState","setIsFilledState","isControlled","inputRef","inputForkRef","useForkRef","onFocus","event","onBlur","element","checkDirty","obj","filled","isFilled","prev","onChange","onHolderMouseDown","useSafeLayoutEffect","inputClasses","cn","jsx","TextFieldWrapper"],"mappings":"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"}
+{"version":3,"file":"textField.js","sources":["../../../../src/components/inputs/textField/textField.tsx"],"sourcesContent":["import React, { ChangeEventHandler } from \"react\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isFilled } from \"./utils\";\nimport { TextFieldWrapper } from \"./textFieldWrapper\";\n\nexport interface TextFieldProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"onChange\" | \"onBlur\" | \"size\"\n> {\n  label?: string;\n  helperText?: React.ReactNode;\n  variant?: \"outlined\" | \"filled\";\n  size?: \"small\" | \"medium\" | \"large\";\n  required?: boolean;\n  disabled?: boolean;\n  value?: string | number;\n  className?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  error?: boolean;\n  name?: string;\n  type?: string;\n  readOnly?: boolean;\n  fullWidth?: boolean;\n  onBlur?: (event: React.FocusEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, data: TextFieldProps) => void;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  id?: string;\n  inline?: boolean;\n  autoComplete?: string;\n}\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(function TextField(props, ref) {\n  const {\n    label,\n    helperText,\n    variant = \"outlined\",\n    size = \"medium\",\n    required,\n    className,\n    disabled,\n    value,\n    defaultValue,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    error,\n    name,\n    type = \"text\",\n    readOnly,\n    placeholder,\n    fullWidth,\n    id,\n    startAdornment,\n    endAdornment,\n    inline,\n    autoComplete,\n    inputMode,\n    ...rest\n  } = props;\n  const [isFocused, setIsFocused] = React.useState<boolean>(false);\n  const [isFilledState, setIsFilledState] = React.useState<boolean>(false);\n\n  const { current: isControlled } = React.useRef<boolean>(value != null);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const inputForkRef = useForkRef<HTMLInputElement>(ref, inputRef);\n\n  const onFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    onFocusProp?.(event);\n\n    setIsFocused(true);\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onBlurProp?.(event, props);\n    setIsFocused(false);\n  };\n\n  const checkDirty = React.useCallback((obj: Parameters<typeof isFilled>[0]) => {\n    const filled = Boolean(isFilled(obj));\n    setIsFilledState((prev) => (prev === filled ? prev : filled));\n  }, []);\n\n  const onChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!isControlled) {\n      const element = event.target || inputRef.current;\n\n      checkDirty({\n        value: element.value,\n      });\n    }\n    onChangeProp?.(event, props);\n  };\n\n  const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (inputRef.current && event.currentTarget === event.target) {\n      event.preventDefault();\n      inputRef.current.focus();\n    }\n  };\n\n  React.useEffect(() => {\n    if (disabled && isFocused) {\n      setIsFocused(false);\n    }\n  }, [disabled, isFocused]);\n\n  // Uncontrolled inputs can receive a value imperatively — e.g. react-hook-form's\n  // `register` sets the DOM value on `reset(...)` without firing onChange. Re-derive\n  // the filled state from the DOM on every render (the form re-renders on reset) so\n  // the floating label still rises. `checkDirty` is a no-op when nothing changed.\n  React.useEffect(() => {\n    if (!isControlled) {\n      checkDirty(inputRef.current);\n    }\n  });\n\n  useSafeLayoutEffect(() => {\n    if (isControlled) {\n      checkDirty({ value });\n    }\n  }, [value, isControlled, checkDirty]);\n\n  const inputClasses = cn(\n    \"smwb-text-field__input\",\n    (!label || inline) && \"smwb-text-field__input--show-placeholder\",\n    startAdornment && \"smwb-text-field__input--adornment-start\",\n    endAdornment && \"smwb-text-field__input--adornment-end\",\n    inline && \"smwb-text-field__input--inline\"\n  );\n\n  return (\n    <TextFieldWrapper\n      label={label}\n      helperText={helperText}\n      variant={variant}\n      disabled={disabled}\n      className={cn(className, size !== \"medium\" && `smwb-text-field_size-${size}`)}\n      error={error}\n      fullWidth={fullWidth}\n      isFilledState={isFilledState}\n      isFocused={isFocused}\n      htmlFor={id}\n      shrink={Boolean(startAdornment)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n      inline={inline}\n      {...rest}\n    >\n      <input\n        type={type}\n        defaultValue={defaultValue}\n        name={name}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={error || undefined}\n        aria-required={required || undefined}\n        placeholder={placeholder}\n        disabled={disabled}\n        value={value}\n        className={inputClasses}\n        ref={inputForkRef}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        id={id}\n        autoComplete={autoComplete}\n        inputMode={inputMode}\n      />\n    </TextFieldWrapper>\n  );\n});\n"],"names":["TextField","React","props","ref","label","helperText","variant","size","required","className","disabled","value","defaultValue","onChangeProp","onFocusProp","onBlurProp","error","name","type","readOnly","placeholder","fullWidth","id","startAdornment","endAdornment","inline","autoComplete","inputMode","rest","isFocused","setIsFocused","isFilledState","setIsFilledState","isControlled","inputRef","inputForkRef","useForkRef","onFocus","event","onBlur","element","checkDirty","obj","filled","isFilled","prev","onChange","onHolderMouseDown","useSafeLayoutEffect","inputClasses","cn","jsx","TextFieldWrapper"],"mappings":"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"}

package/dist/components/inputs/textField/utils.d.ts

@@ -4,4 +4,4 @@ export declare function isFilled(obj?: {
     value?: unknown;
     defaultValue?: unknown;
 } | null): boolean | null | undefined;
-export declare function isHostComponent(element: ElementType): element is "symbol" | "object" | "input" | "progress" | "select" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "big" | "center" | "keygen" | "menuitem" | "param" | "noindex" | "webview";
+export declare function isHostComponent(element: ElementType): element is "symbol" | "object" | "text" | "span" | "div" | "slot" | "style" | "title" | "center" | "button" | "meter" | "textarea" | "sub" | "progress" | "ruby" | "table" | "small" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "search" | "big" | "link" | "sup" | "article" | "dialog" | "figure" | "form" | "img" | "main" | "option" | "switch" | "time" | "map" | "filter" | "g" | "b" | "legend" | "data" | "canvas" | "svg" | "label" | "summary" | "line" | "p" | "input" | "select" | "a" | "abbr" | "address" | "area" | "aside" | "audio" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "cite" | "code" | "col" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "ins" | "kbd" | "li" | "mark" | "meta" | "nav" | "noscript" | "ol" | "optgroup" | "output" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "script" | "section" | "source" | "strong" | "tbody" | "td" | "template" | "tfoot" | "th" | "thead" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "image" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "textPath" | "tspan" | "use" | "view" | "keygen" | "param" | "noindex" | "webview";

package/dist/components/inputs/timePicker/timePicker.js

@@ -1,115 +1,118 @@
-import { jsxs as I, Fragment as N, jsx as n } from "react/jsx-runtime";
-import '../../../assets/styles/less/components/timePicker/timePicker.entry.css';/* empty css                                                               */
-import _, { useMemo as U, useState as h, useRef as C, useCallback as i } from "react";
-import { useFloating as $, autoUpdate as q } from "@floating-ui/react";
-import z from "react-transition-group/Transition";
-import { resolvePlacement as G, buildFloatingMiddleware as H } from "../../../utils/floating.js";
-import { useSafeLayoutEffect as J } from "../../../hooks/useSafeLayoutEffect.js";
-import { useForkRef as R } from "../../../hooks/useForkRef.js";
-import { TimePickerInput as K } from "./timePickerInput.js";
-import { TimePickerColumns as Q } from "./timePickerColumns.js";
-import { isValidTimeDate as T } from "./timeUtils.js";
-import { createPortal as W } from "react-dom";
-import { ClickAwayListener as X } from "../../clickAwayListener/clickAwayListener.js";
-const Y = (m) => ({
-  transition: `opacity ${m}ms ease-in-out`,
+import { jsxs as U, Fragment as $, jsx as n } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/timePicker/timePicker.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
+/* empty css                                                               */
+import q, { useMemo as z, useState as m, useRef as C, useCallback as i } from "react";
+import { useFloating as G, autoUpdate as H } from "@floating-ui/react";
+import J from "react-transition-group/Transition";
+import { resolvePlacement as K, buildFloatingMiddleware as Q } from "../../../utils/floating.js";
+import { useSafeLayoutEffect as P } from "../../../hooks/useSafeLayoutEffect.js";
+import { useForkRef as T } from "../../../hooks/useForkRef.js";
+import { TimePickerInput as W } from "./timePickerInput.js";
+import { TimePickerColumns as X } from "./timePickerColumns.js";
+import { isValidTimeDate as F } from "./timeUtils.js";
+import { createPortal as Y } from "react-dom";
+import { ClickAwayListener as Z } from "../../clickAwayListener/clickAwayListener.js";
+const ee = (u) => ({
+  transition: `opacity ${u}ms ease-in-out`,
   opacity: 0
-}), Z = {
+}), te = {
   entering: { opacity: 1 },
   entered: { opacity: 1 },
   exiting: { opacity: 0 }
-}, de = _.forwardRef(function(a, F) {
+}, ge = q.forwardRef(function(a, S) {
   const {
     value: l,
     onChange: r,
-    placement: P = "bottom-start",
+    placement: x = "bottom-start",
     disabled: t,
     disableClock: f,
-    clockAriaLabel: S = "Choose time",
-    format: u,
-    onBlur: x,
-    ...D
-  } = a, o = U(() => l === void 0 ? void 0 : new Date(l), [l]), [E, d] = h(() => T(o) ? o : /* @__PURE__ */ new Date()), [p, s] = h(!1), k = C(null), c = C(null), g = G(P), { refs: w, floatingStyles: O } = $({
-    open: p,
-    placement: g.placement,
-    whileElementsMounted: q,
-    middleware: H(g)
-  }), V = R(k, w.setReference, F), A = R(c, w.setFloating);
-  J(() => {
-    t || d(T(o) ? o : /* @__PURE__ */ new Date());
+    clockAriaLabel: D = "Choose time",
+    format: d,
+    onBlur: E,
+    ...O
+  } = a, o = z(() => l === void 0 ? void 0 : new Date(l), [l]), [V, p] = m(() => F(o) ? o : /* @__PURE__ */ new Date()), [k, s] = m(!1), g = C(null), c = C(null), w = K(x), { refs: y, floatingStyles: A } = G({
+    open: k,
+    placement: w.placement,
+    whileElementsMounted: H,
+    middleware: Q(w)
+  }), B = T(g, y.setReference, S), L = T(c, y.setFloating), [v, M] = m();
+  P(() => {
+    M(document.body);
+  }, []), P(() => {
+    t || p(F(o) ? o : /* @__PURE__ */ new Date());
   }, [o, t]);
-  const B = i(() => {
+  const j = i(() => {
     t || s((e) => !e);
-  }, [t]), L = i((e) => {
-    var v, b;
-    const y = e.target;
-    (v = c.current) != null && v.contains(y) || (b = k.current) != null && b.contains(y) || s(!1);
-  }, []), M = i(
+  }, [t]), I = i((e) => {
+    var h, R;
+    const b = e.target;
+    (h = c.current) != null && h.contains(b) || (R = g.current) != null && R.contains(b) || s(!1);
+  }, []), N = i(
     (e) => {
-      d(e), r == null || r(void 0, e, a);
+      p(e), r == null || r(void 0, e, a);
     },
     [r, a]
-  ), j = i(() => {
+  ), _ = i(() => {
     s(!1);
   }, []);
-  return /* @__PURE__ */ I(N, { children: [
+  return /* @__PURE__ */ U($, { children: [
     /* @__PURE__ */ n(
-      K,
+      W,
       {
-        ref: V,
+        ref: B,
         value: o,
         onChange: r,
-        onBlur: x,
-        onToggle: B,
+        onBlur: E,
+        onToggle: j,
         disabled: t,
         disableClock: f,
-        format: u,
-        ...D
+        format: d,
+        ...O
       }
     ),
-    W(
+    v ? Y(
       /* @__PURE__ */ n(
-        z,
+        J,
         {
           nodeRef: c,
-          in: p && !t && !f,
+          in: k && !t && !f,
           timeout: 150,
           mountOnEnter: !0,
           unmountOnExit: !0,
-          children: (e) => /* @__PURE__ */ n(X, { onClickAway: L, children: /* @__PURE__ */ n(
+          children: (e) => /* @__PURE__ */ n(Z, { onClickAway: I, children: /* @__PURE__ */ n(
             "div",
             {
-              ref: A,
+              ref: L,
               className: "smwb-date-picker smwb-time-picker",
               style: {
-                ...O,
-                ...Y(150),
-                ...Z[e]
+                ...A,
+                ...ee(150),
+                ...te[e]
               },
               "data-testid": "time-picker",
               "data-smwb-overlay-layer": "",
               role: "dialog",
               "aria-modal": "false",
-              "aria-label": S,
+              "aria-label": D,
               children: /* @__PURE__ */ n("div", { className: "smwb-date-picker__inner", children: /* @__PURE__ */ n(
-                Q,
+                X,
                 {
-                  value: E,
-                  format: u,
-                  onChange: M,
-                  onComplete: j
+                  value: V,
+                  format: d,
+                  onChange: N,
+                  onComplete: _
                 }
               ) })
             }
           ) })
         }
       ),
-      document.body
-    )
+      v
+    ) : null
   ] });
 });
 export {
-  de as TimePicker,
-  de as default
+  ge as TimePicker,
+  ge as default
 };
 //# sourceMappingURL=timePicker.js.map

package/dist/components/inputs/timePicker/timePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"timePicker.js","sources":["../../../../src/components/inputs/timePicker/timePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TimePickerInput } from \"./timePickerInput\";\nimport { TimePickerColumns } from \"./timePickerColumns\";\nimport { isValidTimeDate } from \"./timeUtils\";\nimport { createPortal } from \"react-dom\";\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface TimePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  /** Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\". */\n  format?: string;\n  placement?: Placement;\n  disableClock?: boolean;\n  label?: string;\n  clockAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  clockIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void;\n}\n\nexport const TimePicker = React.forwardRef(function TimePicker(props: TimePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    placement = \"bottom-start\",\n    disabled,\n    disableClock,\n    clockAriaLabel = \"Choose time\",\n    format,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidTimeDate(value) ? value : new Date()));\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const clockRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const clockForkRef = useForkRef(clockRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidTimeDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (clockRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const onTimeChange = useCallback(\n    (next: Date) => {\n      setViewValue(next);\n      onChangeProp?.(undefined, next, props);\n    },\n    [onChangeProp, props]\n  );\n\n  const onComplete = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  return (\n    <>\n      <TimePickerInput\n        ref={anchorForkRef}\n        value={value}\n        onChange={onChangeProp}\n        onBlur={onBlurProp}\n        onToggle={onToggle}\n        disabled={disabled}\n        disableClock={disableClock}\n        format={format}\n        {...rest}\n      />\n      {createPortal(\n        <Transition\n          nodeRef={clockRef}\n          in={isOpen && !disabled && !disableClock}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={clockForkRef}\n                className=\"smwb-date-picker smwb-time-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"time-picker\"\n                data-smwb-overlay-layer=\"\"\n                role=\"dialog\"\n                aria-modal=\"false\"\n                aria-label={clockAriaLabel}\n              >\n                <div className=\"smwb-date-picker__inner\">\n                  <TimePickerColumns\n                    value={viewValue}\n                    format={format}\n                    onChange={onTimeChange}\n                    onComplete={onComplete}\n                  />\n                </div>\n              </div>\n            </ClickAwayListener>\n          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default TimePicker;\n"],"names":["defaultStyle","duration","transitionStyles","TimePicker","React","props","ref","valueProp","onChangeProp","placement","disabled","disableClock","clockAriaLabel","format","onBlurProp","rest","value","useMemo","viewValue","setViewValue","useState","isValidTimeDate","isOpen","setIsOpen","anchorRef","useRef","clockRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","clockForkRef","useSafeLayoutEffect","onToggle","useCallback","prevState","onClickAway","event","target","_a","_b","onTimeChange","next","onComplete","jsxs","Fragment","jsx","TimePickerInput","createPortal","Transition","state","ClickAwayListener","TimePickerColumns"],"mappings":"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"}
+{"version":3,"file":"timePicker.js","sources":["../../../../src/components/inputs/timePicker/timePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { TimePickerInput } from \"./timePickerInput\";\nimport { TimePickerColumns } from \"./timePickerColumns\";\nimport { isValidTimeDate } from \"./timeUtils\";\nimport { createPortal } from \"react-dom\";\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface TimePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  /** Time format pattern with tokens HH, mm, ss, e.g. \"HH:mm\" or \"HH:mm:ss\". */\n  format?: string;\n  placement?: Placement;\n  disableClock?: boolean;\n  label?: string;\n  clockAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  clockIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: TimePickerProps) => void;\n}\n\nexport const TimePicker = React.forwardRef(function TimePicker(props: TimePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    placement = \"bottom-start\",\n    disabled,\n    disableClock,\n    clockAriaLabel = \"Choose time\",\n    format,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidTimeDate(value) ? value : new Date()));\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const clockRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const clockForkRef = useForkRef(clockRef, refs.setFloating);\n\n  // The clock is portalled: its target is resolved in the browser only. A server\n  // render (no document) and the first client render emit nothing there, so the\n  // picker renders and hydrates on a server-rendered page.\n  const [portalRoot, setPortalRoot] = useState<HTMLElement>();\n  useSafeLayoutEffect(() => {\n    setPortalRoot(document.body);\n  }, []);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidTimeDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (clockRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const onTimeChange = useCallback(\n    (next: Date) => {\n      setViewValue(next);\n      onChangeProp?.(undefined, next, props);\n    },\n    [onChangeProp, props]\n  );\n\n  const onComplete = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  return (\n    <>\n      <TimePickerInput\n        ref={anchorForkRef}\n        value={value}\n        onChange={onChangeProp}\n        onBlur={onBlurProp}\n        onToggle={onToggle}\n        disabled={disabled}\n        disableClock={disableClock}\n        format={format}\n        {...rest}\n      />\n      {portalRoot\n        ? createPortal(\n            <Transition\n              nodeRef={clockRef}\n              in={isOpen && !disabled && !disableClock}\n              timeout={150}\n              mountOnEnter\n              unmountOnExit\n            >\n              {(state) => (\n                <ClickAwayListener onClickAway={onClickAway}>\n                  <div\n                    ref={clockForkRef}\n                    className=\"smwb-date-picker smwb-time-picker\"\n                    style={{\n                      ...floatingStyles,\n                      ...defaultStyle(150),\n                      ...transitionStyles[state],\n                    }}\n                    data-testid=\"time-picker\"\n                    data-smwb-overlay-layer=\"\"\n                    role=\"dialog\"\n                    aria-modal=\"false\"\n                    aria-label={clockAriaLabel}\n                  >\n                    <div className=\"smwb-date-picker__inner\">\n                      <TimePickerColumns\n                        value={viewValue}\n                        format={format}\n                        onChange={onTimeChange}\n                        onComplete={onComplete}\n                      />\n                    </div>\n                  </div>\n                </ClickAwayListener>\n              )}\n            </Transition>,\n            portalRoot\n          )\n        : null}\n    </>\n  );\n});\n\nexport default TimePicker;\n"],"names":["defaultStyle","duration","transitionStyles","TimePicker","React","props","ref","valueProp","onChangeProp","placement","disabled","disableClock","clockAriaLabel","format","onBlurProp","rest","value","useMemo","viewValue","setViewValue","useState","isValidTimeDate","isOpen","setIsOpen","anchorRef","useRef","clockRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","clockForkRef","portalRoot","setPortalRoot","useSafeLayoutEffect","onToggle","useCallback","prevState","onClickAway","event","target","_a","_b","onTimeChange","next","onComplete","jsxs","Fragment","jsx","TimePickerInput","createPortal","Transition","state","ClickAwayListener","TimePickerColumns"],"mappings":"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"}