@smwb/ui-solid 0.12.1 → 0.13.0

package/dist/source/components/inputs/selectField/selectField.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/tokens.entry.less\";\nimport \"@smwb/ui-styles/less/components/selectField/selectField.entry.less\";\nimport { type JSX, For, Show, createEffect, createMemo, createSignal, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps } from \"./dropdownMenu\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  /** Height of the field, as for TextField: `small` (40px, for toolbars), `medium` (default) or `large`. */\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"size\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n\n  const isControlled = local.value != null;\n  let anchorEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    setValueState(next);\n  };\n\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    anchorEl?.focus();\n    setIsOpen(!isOpen());\n  };\n\n  const onClose = (): void => {\n    setIsOpen(false);\n    anchorEl?.focus();\n  };\n\n  const onFocus = (): void => {\n    if (local.search === true) searchInputEl?.focus();\n  };\n\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!local.readOnly && [\" \", \"ArrowUp\", \"ArrowDown\", \"Enter\"].includes(event.key)) {\n      event.preventDefault();\n      setIsOpen(!isOpen());\n    }\n  };\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    if (!local.multiple) {\n      setIsOpen(false);\n      anchorEl?.focus();\n    }\n    updateValue(event, next);\n  };\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    setSearchValue(event.currentTarget.value);\n    local.onSearch?.(event);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      updateValue(event, current.filter((v) => currentValue !== v));\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    updateValue(event, []);\n  };\n\n  const filteredItems = (): DropdownItem[] => {\n    if (local.onSearch) return local.items;\n    const sv = searchValue();\n    if (sv) return local.items.filter((el) => el.text.search(new RegExp(sv, \"i\")) !== -1);\n    return local.items;\n  };\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          setIsOpen(false);\n        },\n      };\n    }\n    return undefined;\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        label={local.label}\n        helperText={local.helperText}\n        variant={variant()}\n        disabled={local.disabled}\n        class={cn(local.class, local.size && local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        <span\n          ref={mergeRefs(local.ref, (el) => (anchorEl = el as HTMLSpanElement))}\n          id={local.id}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          tabindex={local.disabled ? undefined : 0}\n          role=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen()}\n          aria-disabled={local.disabled || undefined}\n          aria-label={local[\"aria-label\"]}\n          onMouseDown={local.disabled || local.readOnly ? undefined : onMouseDown}\n          onFocus={onFocus}\n          onKeyDown={onKeyDown}\n          data-testid=\"select-field\"\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show\n              when={local.chips}\n              fallback={<span class=\"smwb-select-field__values\">{selectedItems().map((el) => el.text).join(\", \")}</span>}\n            >\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item) => (\n                    <Chip\n                      label={item.text}\n                      size={local.size === \"small\" ? \"small\" : \"medium\"}\n                      onDelete={onDeleteChip(item.value)}\n                      onDeleteMouseDown={stopEvent}\n                    />\n                  )}\n                </For>\n              </span>\n            </Show>\n            <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n              <span class=\"smwb-select-field__search\">\n                <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                <input\n                  class=\"smwb-select-field__search-input\"\n                  ref={(el) => (searchInputEl = el)}\n                  type=\"text\"\n                  value={searchValue()}\n                  onInput={onSearchInputChange}\n                  onMouseDown={(event) => {\n                    event.stopPropagation();\n                    setIsOpen(true);\n                  }}\n                  onKeyDown={(event) => event.stopPropagation()}\n                  data-testid=\"search-input\"\n                />\n              </span>\n            </Show>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled\n              }\n            >\n              <Icon\n                name=\"close\"\n                size={20}\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")}\n                aria-label=\"Clear selection\"\n                role=\"button\"\n              />\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        optionRenderer={local.optionRenderer}\n        items={filteredItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={onClose}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"mappings":"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","names":["item"],"file":"selectField.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/selectField/selectField.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/tokens.entry.less\";\nimport \"@smwb/ui-styles/less/components/selectField/selectField.entry.less\";\nimport { type JSX, For, Show, createEffect, createMemo, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { DropdownMenu, type DropdownItem, type DropdownItemProps, dropdownOptionId } from \"./dropdownMenu\";\nimport { firstOption, lastOption, matchOption, moveOption } from \"./optionNavigation\";\nimport { Chip } from \"../../dataDisplay/chip\";\nimport { TextFieldWrapper } from \"../textField\";\nimport { createHelperText } from \"../../../primitives/createHelperText\";\nimport { Icon } from \"../../base/icon\";\nimport type { MenuItemProps } from \"../../navigation/menu\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { createId } from \"../../../primitives/createId\";\n\ntype SelectEvent = Event & { currentTarget: Element; target: Element };\ntype SearchEvent = Event & { currentTarget: HTMLInputElement };\ntype SelectValue = null | string | number | (string | number | undefined | null)[];\n\nexport type OnSelectChange = (e: SelectEvent, data: SelectFieldProps) => void;\n\nexport interface SelectFieldProps {\n  class?: string;\n  /**\n   * The selected value, or the values of a `multiple` field. Any value but\n   * `undefined` makes the field controlled: it shows this value and nothing\n   * else, and a pick, a chip delete or a clear only asks for a change through\n   * `onChange`. `null` means nothing is selected. While `value` is `undefined`,\n   * the field keeps its own value, starting from `defaultValue`.\n   */\n  value?: SelectValue | undefined;\n  defaultValue?: null | string | number | (string | number)[];\n  onChange?: OnSelectChange;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string | undefined;\n  multiple?: boolean;\n  menuMaxHeight?: number;\n  menuMiddleware?: DropdownItemProps[\"menuMiddleware\"];\n  menuNoItemsMessage?: JSX.Element;\n  menuContainer?: HTMLElement;\n  /**\n   * A search box for the options: `true` puts it in the field, where it takes\n   * the focus and is the combobox; `\"menu\"` puts it at the top of the menu,\n   * which moves the focus into it when it opens.\n   */\n  search?: true | false | \"menu\";\n  chips?: boolean;\n  isFocused?: boolean;\n  error?: boolean;\n  items: DropdownItem[];\n  /**\n   * Visible label, drawn above the field (an `inline` field draws none). It\n   * names the combobox, whose value is the selected text: \"Country\", \"Russia\".\n   * With `chips` the chips' texts follow it in the name: \"Labels Backend Docs\".\n   */\n  label?: string;\n  variant?: \"outlined\" | \"filled\";\n  /** Height of the field, as for TextField: `small` (40px, for toolbars), `medium` (default) or `large`. */\n  size?: \"small\" | \"medium\" | \"large\";\n  fullWidth?: boolean;\n  helperText?: JSX.Element;\n  onSearch?: (e: SearchEvent) => void;\n  isLoading?: boolean;\n  resetSearch?: () => void;\n  inline?: boolean;\n  endAdornment?: JSX.Element;\n  hideSelectArrowIcon?: boolean;\n  /**\n   * Draws an option in place of the default one. It gets the option's props\n   * and returns its `<li>`: pass `id`, `role`, `aria-selected`, `aria-disabled`,\n   * `class` and `onClick` on to it, so the option can be reached from the\n   * keyboard, read out and picked.\n   */\n  optionRenderer?: (args: MenuItemProps) => JSX.Element;\n  clearable?: boolean;\n  creatable?: boolean;\n  onCreate?: (inputValue: string, event: SelectEvent) => void;\n  virtualized?: boolean;\n  itemHeight?: number;\n  /**\n   * Accessible name of the combobox. Replaces the name the visible `label`\n   * gives it; a field without a drawn label needs it.\n   */\n  \"aria-label\"?: string | undefined;\n  /**\n   * Id of the control, the part of the field that holds the selected text. It is\n   * the combobox, unless `search` puts a search box in it: then the box is.\n   */\n  id?: string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction stopEvent(event: Event): void {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\n// The items whose text holds the search text, in any case. The text is taken\n// literally: \"C++\" or \"(\" searches for those characters.\nfunction filterItems(items: DropdownItem[], searchText: string): DropdownItem[] {\n  if (!searchText) return items;\n  const pattern = new RegExp(searchText.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"), \"i\");\n  return items.filter((el) => el.text.search(pattern) !== -1);\n}\n\n// A key that types a character: type-ahead in the options.\nfunction isPrintableKey(event: KeyboardEvent): boolean {\n  return event.key.length === 1 && event.key !== \" \" && !event.altKey && !event.ctrlKey && !event.metaKey;\n}\n\n// Keys come to the combobox: the control, the search box in the field, or the\n// search box in the menu. The two search boxes keep the keys that edit text.\ntype ComboboxKind = \"control\" | \"search\" | \"menuSearch\";\n\nexport function SelectField(props: SelectFieldProps): JSX.Element {\n  const [local] = splitProps(props, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"onChange\",\n    \"disabled\",\n    \"readOnly\",\n    \"name\",\n    \"multiple\",\n    \"menuMaxHeight\",\n    \"menuMiddleware\",\n    \"menuNoItemsMessage\",\n    \"menuContainer\",\n    \"search\",\n    \"chips\",\n    \"isFocused\",\n    \"error\",\n    \"items\",\n    \"label\",\n    \"variant\",\n    \"size\",\n    \"fullWidth\",\n    \"helperText\",\n    \"onSearch\",\n    \"resetSearch\",\n    \"isLoading\",\n    \"inline\",\n    \"endAdornment\",\n    \"hideSelectArrowIcon\",\n    \"optionRenderer\",\n    \"clearable\",\n    \"creatable\",\n    \"onCreate\",\n    \"virtualized\",\n    \"itemHeight\",\n    \"aria-label\",\n    \"id\",\n    \"ref\",\n  ]);\n\n  const variant = (): \"outlined\" | \"filled\" => local.variant ?? \"outlined\";\n  const helper = createHelperText(() => local.helperText, { inline: () => local.inline });\n  const [isOpen, setIsOpen] = createSignal(false);\n  const [valueState, setValueState] = createSignal<SelectValue | undefined>(local.defaultValue);\n  const [searchValue, setSearchValue] = createSignal(\"\");\n  // The option the keyboard is on (aria-activedescendant), by index in the\n  // options drawn; it shows once a key moves it, not on a pointer's open.\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [showActive, setShowActive] = createSignal(false);\n  const typeaheadState: { text: string; timer?: ReturnType<typeof setTimeout> } = { text: \"\" };\n  onCleanup(() => clearTimeout(typeaheadState.timer));\n\n  // Controlled while the parent passes a `value` other than `undefined` (`null`\n  // is \"nothing selected\"), checked on every read as in `createControllableState`.\n  const isControlled = (): boolean => local.value !== undefined;\n  let anchorEl: HTMLSpanElement | undefined;\n  let controlEl: HTMLSpanElement | undefined;\n  let searchWrapperEl: HTMLSpanElement | undefined;\n  let searchInputEl: HTMLInputElement | undefined;\n  let menuEl: HTMLDivElement | undefined;\n  let menuSearchInputEl: HTMLInputElement | undefined;\n\n  const value = (): SelectValue | undefined => (isControlled() ? local.value : valueState());\n  const isFocused = (): boolean => !!local.isFocused || isOpen();\n\n  // The combobox is named by the label, and its value is the selected text it\n  // holds. Chips sit beside the control with their delete buttons, so their\n  // labels follow the label in the name (\"Labels Backend Docs\"). With neither a\n  // drawn label nor chips, the selected text names it, as before it was a\n  // combobox. A caller's aria-label replaces all of these: on one element\n  // aria-labelledby would win over it.\n  const baseId = createId();\n  const labelId = `${baseId}-label`;\n  const valueId = `${baseId}-value`;\n  const listboxId = `${baseId}-listbox`;\n  const valueIds = (): string[] => (local.chips ? selectedItems().map((_, index) => `${valueId}-${index}`) : [valueId]);\n  const controlLabelledBy = (): string | undefined => {\n    if (local[\"aria-label\"]) return undefined;\n    const chipIds = local.chips ? valueIds() : [];\n    if (local.label && !local.inline) return [labelId, ...chipIds].join(\" \");\n    if (chipIds.length > 0) return chipIds.join(\" \");\n    return !local.chips && selectedItems().length > 0 ? valueId : undefined;\n  };\n  // A search box in the field is a combobox whose value is the typed text, so\n  // the selected text follows the label in its name.\n  const labelledBy = (): string | undefined => {\n    if (local[\"aria-label\"]) return undefined;\n    if (local.label && !local.inline) return [labelId, ...valueIds()].join(\" \");\n    return local.chips && valueIds().length > 0 ? valueIds().join(\" \") : undefined;\n  };\n\n  // Selection is derived from the current value — no effect-driven sync.\n  const selectedItems = createMemo<DropdownItem[]>(() => {\n    const v = value();\n    if (Array.isArray(v)) return local.items.filter((item) => v.includes(item.value));\n    if (v === undefined || v === null || v === \"\") return [];\n    const item = local.items.find((i) => i.value === v);\n    return item ? [item] : [];\n  });\n\n  // The search input takes the keyboard focus, so it is the field's only tab\n  // stop. A focusable span before it would take Shift+Tab from the input and\n  // hand the focus straight back to the input.\n  const hasSearchInput = (): boolean => local.search === true && !local.readOnly;\n\n  // The options as drawn: the items the search text keeps (all of them when\n  // the caller searches itself), then the create option.\n  const displayedItems = createMemo(() => (local.onSearch ? local.items : filterItems(local.items, searchValue())));\n\n  const createOption = (): DropdownItemProps[\"createOption\"] => {\n    const sv = searchValue();\n    if (local.creatable && sv && !local.items.some((i) => i.text.toLowerCase() === sv.toLowerCase())) {\n      return {\n        text: `Создать \"${sv}\"`,\n        onCreate: (event) => {\n          local.onCreate?.(sv, event);\n          setSearchValue(\"\");\n          closeMenu();\n        },\n      };\n    }\n    return undefined;\n  };\n\n  const createIndex = (): number => (createOption() ? displayedItems().length : -1);\n  const optionCount = (): number => displayedItems().length + (createOption() ? 1 : 0);\n  // A loading menu shows no items, only the create option.\n  const isOptionEnabled = (index: number): boolean =>\n    index >= 0 &&\n    (index === createIndex() ||\n      (!local.isLoading && index < displayedItems().length && !displayedItems()[index]?.disabled));\n  const currentActive = (): number => (isOpen() && isOptionEnabled(activeIndex()) ? activeIndex() : -1);\n  const activeDescendant = (): string | undefined =>\n    showActive() && currentActive() >= 0 ? dropdownOptionId(listboxId, currentActive()) : undefined;\n\n  const isItemSelected = (item: DropdownItem): boolean => {\n    const v = value();\n    return Array.isArray(v) ? v.includes(item.value) : v != null && v !== \"\" && v === item.value;\n  };\n\n  // The keyboard starts on the selected option (the first one of several), or\n  // on the first option.\n  const initialActive = (): number => {\n    const selected = displayedItems().findIndex(isItemSelected);\n    return isOptionEnabled(selected) ? selected : firstOption(optionCount(), isOptionEnabled);\n  };\n\n  // A pointer's open marks no option: the keyboard's active option starts on\n  // the selected one, unshown, or with nothing selected on none, so the first\n  // ArrowDown reaches the first option.\n  const pointerActive = (): number => {\n    const selected = displayedItems().findIndex(isItemSelected);\n    return isOptionEnabled(selected) ? selected : -1;\n  };\n\n  const openMenu = (active: number, byKeyboard: boolean): void => {\n    setActiveIndex(active);\n    setShowActive(byKeyboard);\n    setIsOpen(true);\n  };\n\n  // A menu that had the focus (its search box) hands it back to the control;\n  // one closed by a press elsewhere leaves the focus where the press put it.\n  const closeMenu = (): void => {\n    if (menuEl?.contains(menuEl.ownerDocument.activeElement)) controlEl?.focus();\n    setIsOpen(false);\n    setActiveIndex(-1);\n    setShowActive(false);\n  };\n\n  const updateValue = (event: SelectEvent, next: SelectValue | undefined): void => {\n    local.onChange?.(event, { ...props, value: next, name: local.name || undefined });\n    // The field's own value changes only while it is uncontrolled, as in\n    // `createControllableState`: a parent that stops passing `value` gets back\n    // the field's `defaultValue`, or the picks made before it passed one.\n    if (!isControlled()) setValueState(next);\n  };\n\n  // Always attached and checks the props itself. Solid binds event handlers\n  // once, and TextFieldWrapper builds the field in a tracked scope (it inserts\n  // its children), so choosing the handler by `disabled` or `readOnly` there\n  // would rebuild the field whenever one of them changes.\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || local.readOnly || event.button !== 0) return;\n    event.preventDefault();\n    controlEl?.focus();\n    if (isOpen()) closeMenu();\n    else openMenu(pointerActive(), false);\n  };\n\n  const onFocus = (): void => {\n    if (hasSearchInput()) searchInputEl?.focus();\n  };\n\n  // Picks an item: `multiple` toggles it; a single select takes it, and a click\n  // on the selected item clears the value (`toggleOff`), where a key keeps it.\n  const chooseItem = (event: SelectEvent, item: DropdownItem, toggleOff: boolean): void => {\n    let next: SelectValue | undefined;\n    if (local.multiple) {\n      const current = value();\n      const valueArray = (Array.isArray(current) ? current : [current].filter(Boolean)) as Array<string | number | undefined | null>;\n      next = valueArray.slice();\n      const idx = next.findIndex((el) => el === item.value);\n      if (idx === -1) next.push(item.value);\n      else next.splice(idx, 1);\n    } else {\n      if (value() === item.value && !toggleOff) return;\n      next = value() === item.value ? \"\" : item.value;\n    }\n    if (searchValue()) setSearchValue(\"\");\n    updateValue(event, next);\n  };\n\n  const onItemClick = (event: SelectEvent, item: DropdownItem): void => {\n    chooseItem(event, item, true);\n    if (local.multiple) {\n      // The search text goes with the pick, so the item's place is in all items.\n      setActiveIndex(local.items.indexOf(item));\n    } else {\n      closeMenu();\n      controlEl?.focus();\n    }\n  };\n\n  // Enter, Space, Tab or Alt+ArrowUp on the active option, once it shows: an\n  // option a key has not marked yet (after a pointer's open) is not picked.\n  const chooseActive = (event: SelectEvent): void => {\n    if (!showActive()) return;\n    const active = currentActive();\n    if (active >= 0 && active === createIndex()) {\n      createOption()?.onCreate(event);\n    } else {\n      const item = displayedItems()[active];\n      if (!item) return;\n      const searching = !!searchValue();\n      chooseItem(event, item, false);\n      if (local.multiple) setActiveIndex(searching ? local.items.indexOf(item) : active);\n      else closeMenu();\n    }\n  };\n\n  const moveActive = (event: KeyboardEvent, index: number): void => {\n    event.preventDefault();\n    if (index >= 0) setActiveIndex(index);\n    setShowActive(true);\n  };\n\n  // Type-ahead: letters typed in quick succession make a prefix to look for.\n  const typeahead = (key: string): number => {\n    clearTimeout(typeaheadState.timer);\n    typeaheadState.text += key;\n    typeaheadState.timer = setTimeout(() => {\n      typeaheadState.text = \"\";\n    }, 500);\n    const texts = displayedItems().map((item) => item.text);\n    return matchOption(texts, isOptionEnabled, typeaheadState.text, currentActive());\n  };\n\n  // The combobox's keys (WAI-ARIA combobox pattern): arrows, Home, End and the\n  // page keys move the active option and open a closed menu; Enter and Space\n  // pick it; Tab picks it in a single select and moves on; Escape closes.\n  // The search boxes leave Space, Home, End and typing to the text.\n  const onComboboxKeyDown = (\n    event: KeyboardEvent & { currentTarget: Element; target: Element },\n    kind: ComboboxKind\n  ): void => {\n    const { key } = event;\n    if (local.disabled || local.readOnly || event.ctrlKey || event.metaKey) return;\n    const isControl = kind === \"control\";\n    const count = optionCount();\n\n    if (!isOpen()) {\n      if (key === \"ArrowDown\" || key === \"ArrowUp\" || key === \"Enter\" || (isControl && key === \" \")) {\n        event.preventDefault();\n        openMenu(initialActive(), true);\n      } else if (isControl && (key === \"Home\" || key === \"End\")) {\n        event.preventDefault();\n        openMenu(key === \"Home\" ? firstOption(count, isOptionEnabled) : lastOption(count, isOptionEnabled), true);\n      } else if (isControl && !local.search && isPrintableKey(event)) {\n        event.preventDefault();\n        const match = typeahead(key);\n        openMenu(match >= 0 ? match : initialActive(), true);\n      }\n      return;\n    }\n\n    if (key === \"ArrowDown\") {\n      moveActive(event, event.altKey ? currentActive() : moveOption(count, isOptionEnabled, currentActive(), 1));\n    } else if (key === \"ArrowUp\" && event.altKey) {\n      event.preventDefault();\n      if (!local.multiple) chooseActive(event);\n      closeMenu();\n    } else if (key === \"ArrowUp\") {\n      moveActive(event, moveOption(count, isOptionEnabled, currentActive(), -1));\n    } else if (key === \"PageDown\" || key === \"PageUp\") {\n      moveActive(event, moveOption(count, isOptionEnabled, currentActive(), key === \"PageDown\" ? 10 : -10));\n    } else if (isControl && (key === \"Home\" || key === \"End\")) {\n      moveActive(event, key === \"Home\" ? firstOption(count, isOptionEnabled) : lastOption(count, isOptionEnabled));\n    } else if (key === \"Enter\" || (isControl && key === \" \")) {\n      event.preventDefault();\n      // After a pointer's open the first press shows the active option, the\n      // next one picks it.\n      const active = currentActive();\n      chooseActive(event);\n      setShowActive(true);\n      if (!local.multiple && active < 0 && isControl) closeMenu();\n    } else if (key === \"Escape\") {\n      // Handled: the overlays around the field leave this press alone.\n      event.preventDefault();\n      closeMenu();\n    } else if (key === \"Tab\") {\n      // The search box in the menu goes with it: the focus goes back to the\n      // control, which Tab then leaves as usual.\n      if (kind === \"menuSearch\") event.preventDefault();\n      else if (isControl && !local.multiple) chooseActive(event);\n      closeMenu();\n    } else if (isControl && !local.search && isPrintableKey(event)) {\n      moveActive(event, typeahead(key));\n    }\n  };\n\n  // Keys pressed on a button inside (a chip's delete button) bubble up here\n  // too. Only the control's own keys work the menu: preventing the default\n  // of theirs would cancel the button's activation.\n  const onKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (event.target !== event.currentTarget || hasSearchInput()) return;\n    onComboboxKeyDown(event, \"control\");\n  };\n\n  // A read-only field opens no menu: one that was open when the field became\n  // read-only closes, so none of its options can be picked.\n  createEffect(() => {\n    if (local.readOnly && isOpen()) setIsOpen(false);\n  });\n\n  // Reset search text when the field loses focus / menu closes.\n  createEffect(() => {\n    if (!isFocused() || (local.search === \"menu\" && !isOpen())) {\n      setSearchValue(\"\");\n      local.resetSearch?.();\n    }\n  });\n\n  // A disabled field has no menu: one that was open when the field got\n  // disabled closes, so none of its options can be picked.\n  createEffect(() => {\n    if (local.disabled && isOpen()) setIsOpen(false);\n  });\n\n  // The search box in the menu takes the focus when the menu opens. The menu\n  // mounts its content in an effect of its own, after this one.\n  createEffect(() => {\n    if (isOpen() && local.search === \"menu\") queueMicrotask(() => menuSearchInputEl?.focus());\n  });\n\n  // Keep the multi-value scroller pinned to the end.\n  createEffect(() => {\n    value();\n    if (searchWrapperEl) searchWrapperEl.scrollLeft = searchWrapperEl.scrollWidth;\n  });\n\n  const onSearchInputChange = (event: SearchEvent): void => {\n    const text = event.currentTarget.value;\n    setSearchValue(text);\n    local.onSearch?.(event);\n    // The keyboard moves on to the first option the text keeps, so Enter picks\n    // it; items the caller searches for itself are not here yet.\n    const kept = filterItems(local.items, text);\n    const canCreate = local.creatable && text && !local.items.some((i) => i.text.toLowerCase() === text.toLowerCase());\n    const count = local.onSearch ? 0 : kept.length + (canCreate ? 1 : 0);\n    setActiveIndex(firstOption(count, (index) => index >= kept.length || !kept[index]?.disabled));\n    setShowActive(true);\n    if (!isOpen()) setIsOpen(true);\n  };\n\n  // A delete or clear button goes away with what it removes. When it had the\n  // focus (a key press: a click leaves the focus where it was), the control\n  // takes the focus over, so it does not drop to the page. Read before the\n  // update, which removes the button at once.\n  const hasFocus = (event: SelectEvent): boolean =>\n    event.currentTarget.contains(event.currentTarget.ownerDocument.activeElement);\n\n  const onDeleteChip = (currentValue: string | number | undefined | null) => (event: SelectEvent): void => {\n    const current = value();\n    if (Array.isArray(current)) {\n      const refocus = hasFocus(event);\n      updateValue(event, current.filter((v) => currentValue !== v));\n      if (refocus) controlEl?.focus();\n    }\n  };\n\n  const onResetSelected: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    const refocus = hasFocus(event);\n    updateValue(event, []);\n    if (refocus) controlEl?.focus();\n  };\n\n  return (\n    <>\n      <TextFieldWrapper\n        labelId={labelId}\n        label={local.label}\n        helperText={helper.text()}\n        helperTextId={helper.id}\n        variant={variant()}\n        disabled={local.disabled}\n        class={cn(local.class, local.size && local.size !== \"medium\" && `smwb-text-field_size-${local.size}`)}\n        error={local.error}\n        fullWidth={local.fullWidth}\n        isFilledState={!!selectedItems().length || !!searchValue()}\n        isFocused={isFocused()}\n        inline={local.inline}\n      >\n        {/* The field: a press anywhere in it opens the menu, which lines up\n            under it. The control, the part that is the combobox, sits inside,\n            with the chips and the clear button beside it: nested in it, they\n            would be read into its name. */}\n        <span\n          ref={(el) => (anchorEl = el)}\n          class={cn(\"smwb-select-field\", local.class, {\n            \"smwb-select-field--filled\": variant() === \"filled\" && local.label,\n            \"smwb-select-field--disabled\": local.disabled,\n            \"smwb-select-field--search\": local.search,\n            \"smwb-select-field--inline\": local.inline,\n          })}\n          onMouseDown={onMouseDown}\n        >\n          <span class=\"smwb-select-field__search-wrapper\" ref={(el) => (searchWrapperEl = el)}>\n            <Show when={local.chips}>\n              <span class=\"smwb-select-field__values\">\n                <For each={selectedItems()}>\n                  {(item, index) => (\n                    <Chip\n                      label={item.text}\n                      labelId={`${valueId}-${index()}`}\n                      deleteAriaLabel={`Remove ${item.text}`}\n                      size={local.size === \"small\" ? \"small\" : \"medium\"}\n                      // A read-only field shows its chips without delete buttons: Chip draws\n                      // one only when it gets onDelete. The cast just drops undefined, which\n                      // ChipProps leaves out under exactOptionalPropertyTypes; a conditional\n                      // spread would type-check but rebuild the chips whenever readOnly changes.\n                      onDelete={\n                        (local.readOnly ? undefined : onDeleteChip(item.value)) as ReturnType<typeof onDeleteChip>\n                      }\n                      onDeleteMouseDown={stopEvent}\n                      disabled={!!local.disabled}\n                    />\n                  )}\n                </For>\n              </span>\n            </Show>\n            {/* The combobox, unless the search box in it takes that part. */}\n            <span\n              ref={mergeRefs(local.ref, (el) => (controlEl = el as HTMLSpanElement))}\n              id={local.id}\n              class=\"smwb-select-field__control\"\n              tabindex={local.disabled ? undefined : hasSearchInput() ? -1 : 0}\n              role={hasSearchInput() ? undefined : \"combobox\"}\n              aria-labelledby={hasSearchInput() ? undefined : controlLabelledBy()}\n              aria-haspopup={hasSearchInput() ? undefined : \"listbox\"}\n              aria-expanded={hasSearchInput() ? undefined : isOpen()}\n              aria-controls={hasSearchInput() || !isOpen() ? undefined : listboxId}\n              aria-activedescendant={hasSearchInput() || local.search === \"menu\" ? undefined : activeDescendant()}\n              aria-disabled={hasSearchInput() ? undefined : local.disabled || undefined}\n              aria-readonly={hasSearchInput() ? undefined : local.readOnly || undefined}\n              aria-describedby={hasSearchInput() ? undefined : helper.describedBy()}\n              aria-label={hasSearchInput() ? undefined : local[\"aria-label\"]}\n              onFocus={onFocus}\n              onKeyDown={onKeyDown}\n              data-testid=\"select-field\"\n            >\n              <Show when={!local.chips}>\n                <span id={valueId} class=\"smwb-select-field__values\">\n                  {selectedItems()\n                    .map((el) => el.text)\n                    .join(\", \")}\n                </span>\n              </Show>\n              <Show when={local.search && typeof local.search === \"boolean\" && !local.readOnly}>\n                <span class=\"smwb-select-field__search\">\n                  <span class=\"smwb-select-field__search-text\">{searchValue()}</span>\n                  <input\n                    class=\"smwb-select-field__search-input\"\n                    ref={(el) => (searchInputEl = el)}\n                    type=\"text\"\n                    disabled={local.disabled}\n                    value={searchValue()}\n                    role=\"combobox\"\n                    aria-haspopup=\"listbox\"\n                    aria-expanded={isOpen()}\n                    aria-controls={isOpen() ? listboxId : undefined}\n                    aria-autocomplete=\"list\"\n                    aria-activedescendant={activeDescendant()}\n                    autocomplete=\"off\"\n                    aria-label={local[\"aria-label\"]}\n                    aria-labelledby={labelledBy()}\n                    aria-describedby={helper.describedBy()}\n                    onInput={onSearchInputChange}\n                    onMouseDown={(event) => {\n                      event.stopPropagation();\n                      if (!isOpen()) openMenu(pointerActive(), false);\n                    }}\n                    onKeyDown={(event) => {\n                      onComboboxKeyDown(event, \"search\");\n                      // Typed keys must not reach the span.\n                      if (event.key !== \"Escape\") event.stopPropagation();\n                    }}\n                    data-testid=\"search-input\"\n                  />\n                </span>\n              </Show>\n            </span>\n          </span>\n          <span class=\"smwb-select-field__actions\">\n            <Show\n              when={\n                ((Array.isArray(value()) && (value() as unknown[]).length > 0) ||\n                  (local.clearable && selectedItems().length > 0)) &&\n                !local.disabled &&\n                !local.readOnly\n              }\n            >\n              <button\n                type=\"button\"\n                class=\"smwb-select-field__clear\"\n                aria-label=\"Clear selection\"\n                onClick={onResetSelected}\n                onMouseDown={stopEvent}\n              >\n                <Icon name=\"close\" size={20} class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--close\")} />\n              </button>\n            </Show>\n            {local.endAdornment}\n            <Show when={!local.hideSelectArrowIcon}>\n              <Icon\n                name=\"arrow_drop_down\"\n                class={cn(\"smwb-select-field__icon\", \"smwb-select-field__icon--arrow\", {\n                  \"smwb-select-field__icon--opened\": isOpen(),\n                  \"smwb-select-field__icon--focused\": isFocused(),\n                  \"smwb-select-field__icon--error\": local.error,\n                })}\n              />\n            </Show>\n          </span>\n        </span>\n      </TextFieldWrapper>\n      <DropdownMenu\n        anchorElement={() => anchorEl ?? null}\n        menuRef={(el) => (menuEl = el)}\n        menuMaxHeight={local.menuMaxHeight}\n        menuMiddleware={local.menuMiddleware}\n        search={local.search === \"menu\"}\n        onSearchInputChange={onSearchInputChange}\n        searchInputRef={(el) => (menuSearchInputEl = el)}\n        searchInputProps={{\n          role: \"combobox\",\n          \"aria-haspopup\": \"listbox\",\n          get \"aria-expanded\"() {\n            return isOpen();\n          },\n          get \"aria-controls\"() {\n            return isOpen() ? listboxId : undefined;\n          },\n          \"aria-autocomplete\": \"list\",\n          get \"aria-activedescendant\"() {\n            return activeDescendant();\n          },\n          get \"aria-labelledby\"() {\n            return controlLabelledBy();\n          },\n          get \"aria-label\"() {\n            return local[\"aria-label\"];\n          },\n          onKeyDown: (event) => onComboboxKeyDown(event, \"menuSearch\"),\n        }}\n        optionRenderer={local.optionRenderer}\n        items={displayedItems()}\n        searchValue={searchValue()}\n        isOpen={isOpen()}\n        onClose={closeMenu}\n        onItemClick={onItemClick}\n        value={value()}\n        isLoading={local.isLoading}\n        menuNoItemsMessage={local.menuNoItemsMessage}\n        container={local.menuContainer}\n        virtualized={local.virtualized}\n        itemHeight={local.itemHeight}\n        createOption={createOption()}\n        listboxId={listboxId}\n        labelledBy={local[\"aria-label\"] ? undefined : local.label && !local.inline ? labelId : controlLabelledBy()}\n        label={local[\"aria-label\"]}\n        multiple={local.multiple}\n        activeIndex={currentActive()}\n        showActive={showActive()}\n      />\n    </>\n  );\n}\n\nexport default SelectField;\n"],"mappings":"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","names":["item"],"file":"selectField.jsx"}

package/dist/source/components/inputs/slider/slider.jsx

@@ -3,9 +3,13 @@ import "@smwb/ui-styles/less/components/slider/slider.entry.less";
 import { For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from "solid-js";
 import { isServer } from "solid-js/web";
 import cn from "clsx";
-import { rescale, toPercent, coordX, coordY } from "./utils";
+import { rescale, toPercent, coordX, coordY, decimatedClamp } from "./utils";
 import { TextField, TextFieldWrapper } from "../textField";
+import { createHelperText } from "../../../primitives/createHelperText";
+import { createId } from "../../../primitives/createId";
 import { mergeRefs } from "../../../primitives/mergeRefs";
+import { callHandler } from "../../../primitives/callHandler";
+const THUMB_WORDS = ["minimum", "maximum"];
 function resolveMarks(marks, min, max, step) {
   if (!marks) return [];
   if (Array.isArray(marks)) return marks;
@@ -32,6 +36,7 @@ function RangeSlider(props) {
     "class",
     "step",
     "label",
+    "aria-labelledby",
     "helperText",
     "error",
     "size",
@@ -44,8 +49,15 @@ function RangeSlider(props) {
     "variant",
     "valueField",
     "withTicks",
-    "ref"
+    "ref",
+    // The slider sets this on its root too; its own handler calls the caller's first.
+    "onMouseDown"
   ]);
+  const helper = createHelperText(() => local.helperText);
+  const baseId = createId();
+  const labelId = `${baseId}-label`;
+  const thumbWordId = (idx) => `${baseId}-${THUMB_WORDS[idx]}`;
+  const labelledBy = () => local["aria-labelledby"] || (local.label && !local["aria-label"] ? labelId : void 0);
   const isVertical = () => local.orientation === "vertical";
   const normalize = (v) => {
     const arr = Array.isArray(v) ? v : [local.min, local.max];
@@ -53,9 +65,9 @@ function RangeSlider(props) {
     const hi = Math.max(arr[0] ?? local.min, arr[1] ?? local.max);
     return [lo, hi];
   };
-  const isControlled = local.value !== void 0;
+  const isControlled = () => local.value !== void 0;
   const [valueState, setValueState] = createSignal(normalize(local.defaultValue));
-  const value = () => isControlled ? normalize(local.value) : valueState();
+  const value = () => isControlled() ? normalize(local.value) : valueState();
   let containerEl;
   let activeThumb = 0;
   let isPressed = false;
@@ -74,7 +86,7 @@ function RangeSlider(props) {
     const lo = Math.min(next[0], next[1]);
     const hi = Math.max(next[0], next[1]);
     const clamped = [Math.max(local.min, lo), Math.min(local.max, hi)];
-    if (!isControlled) setValueState(clamped);
+    if (!isControlled()) setValueState(clamped);
     local.onChange?.(event, clamped, props);
   };
   const moveThumb = (raw, event) => {
@@ -101,6 +113,7 @@ function RangeSlider(props) {
     document.removeEventListener("touchend", onMouseEnd);
   };
   const onMouseDown = (event) => {
+    callHandler(local.onMouseDown, event);
     if (local.disabled || event.button !== 0) return;
     const raw = positionToValue(event);
     pickThumb(raw);
@@ -143,7 +156,7 @@ function RangeSlider(props) {
     "smwb-slider--disabled": local.disabled,
     "smwb-slider--vertical": isVertical()
   }, local.size !== "medium" && `smwb-slider_size-${local.size}`, local.color !== "primary" && `smwb-slider_color-${local.color}`);
-  return <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>
+  return <TextFieldWrapper label={local.label} labelId={labelId} helperText={helper.text()} helperTextId={helper.id} disabled={local.disabled} error={local.error} fullWidth shrink>
       <div class="smwb-slider__container">
         <span ref={mergeRefs(local.ref, (el) => containerEl = el)} onMouseDown={onMouseDown} class={classes()} {...rest}>
           <Show when={markList().length > 0}>
@@ -186,7 +199,9 @@ function RangeSlider(props) {
     onChange={() => void 0}
     onKeyDown={onThumbKeyDown(idx)}
     tabindex={local.disabled ? -1 : 0}
-    aria-label={local["aria-label"] ? `${local["aria-label"]} ${idx === 0 ? "minimum" : "maximum"}` : void 0}
+    aria-label={local["aria-label"] ? `${local["aria-label"]} ${THUMB_WORDS[idx]}` : void 0}
+    aria-labelledby={labelledBy() ? `${labelledBy()} ${thumbWordId(idx)}` : void 0}
+    aria-describedby={helper.describedBy()}
     aria-orientation={local.orientation}
     aria-valuenow={value()[idx]}
     aria-valuemin={idx === 0 ? local.min : value()[0]}
@@ -194,6 +209,11 @@ function RangeSlider(props) {
     aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()[idx]) : void 0}
     aria-disabled={local.disabled || void 0}
   />
+                <Show when={labelledBy()}>
+                  <span id={thumbWordId(idx)} hidden>
+                    {THUMB_WORDS[idx]}
+                  </span>
+                </Show>
               </span>}
           </For>
         </span>
@@ -227,6 +247,7 @@ function SingleSlider(props) {
     "valueField",
     "withTicks",
     "label",
+    "aria-labelledby",
     "helperText",
     "error",
     "size",
@@ -236,12 +257,21 @@ function SingleSlider(props) {
     "range",
     "getAriaValueText",
     "aria-label",
-    "ref"
+    "ref",
+    // The slider sets these on its root too; its own handlers call the caller's first.
+    "onMouseDown",
+    "onKeyDown",
+    "onFocus",
+    "onBlur"
   ]);
+  const helper = createHelperText(() => local.helperText);
+  const baseId = createId();
+  const labelId = `${baseId}-label`;
+  const labelledBy = () => local["aria-labelledby"] || (local.label && !local["aria-label"] ? labelId : void 0);
   const singleDefault = typeof local.defaultValue === "number" ? local.defaultValue : void 0;
   const singleValue = () => typeof local.value === "number" ? local.value : void 0;
   const isVertical = () => local.orientation === "vertical";
-  const isControlled = typeof local.value === "number";
+  const isControlled = () => typeof local.value === "number";
   const isDiscrete = () => local.variant === "discrete";
   const [valueState, setValueState] = createSignal(singleDefault ?? local.min);
   const [isDragging, setIsDragging] = createSignal(false);
@@ -249,10 +279,10 @@ function SingleSlider(props) {
   const [isFocused, setIsFocused] = createSignal(false);
   let containerEl;
   let isPressed = false;
-  const value = () => isControlled ? singleValue() : valueState();
+  const value = () => isControlled() ? singleValue() : valueState();
   const updateValue = (next, event) => {
     if (next < local.min || next > local.max) return;
-    if (!isControlled) setValueState(next);
+    if (!isControlled()) setValueState(next);
     local.onChange?.(event, next, props);
   };
   const offsetToValue = (absolute, containerSize) => rescale(absolute, [0, containerSize], [local.min, local.max], { step: local.step });
@@ -282,6 +312,7 @@ function SingleSlider(props) {
     removeListeners();
   };
   const onMouseDown = (event) => {
+    callHandler(local.onMouseDown, event);
     if (local.disabled || event.button !== 0 || !containerEl) return;
     isPressed = true;
     const rect = containerEl.getBoundingClientRect();
@@ -312,10 +343,37 @@ function SingleSlider(props) {
   });
   onCleanup(removeListeners);
   const handleArrows = (event) => {
+    callHandler(local.onKeyDown, event);
     if (!isFocused() || local.disabled) return;
     if (event.key === "ArrowLeft" || event.key === "ArrowDown") updateValue(value() - (local.step || 1), event);
     if (event.key === "ArrowRight" || event.key === "ArrowUp") updateValue(value() + (local.step || 1), event);
   };
+  const onFocus = (event) => {
+    callHandler(local.onFocus, event);
+    setIsFocused(true);
+  };
+  const onBlur = (event) => {
+    callHandler(local.onBlur, event);
+    setIsFocused(false);
+  };
+  const [fieldText, setFieldText] = createSignal(null);
+  const onFieldChange = (event) => {
+    const text = event.currentTarget.value;
+    setFieldText(text);
+    const typed = Number(text);
+    if (text.trim() !== "" && decimatedClamp(typed, local.min, local.max, local.step) === typed) {
+      updateValue(typed, event);
+    }
+  };
+  const commitField = (event) => {
+    const text = fieldText();
+    if (text === null) return;
+    setFieldText(null);
+    const typed = Number(text);
+    if (text.trim() === "" || !Number.isFinite(typed)) return;
+    const snapped = decimatedClamp(typed, local.min, local.max, local.step);
+    if (snapped !== value()) updateValue(snapped, event);
+  };
   const classes = () => cn("smwb-slider", local.class, {
     "smwb-slider--disabled": local.disabled,
     "smwb-slider--dragging": isDragging(),
@@ -325,7 +383,7 @@ function SingleSlider(props) {
   const pct = () => `${toPercent(value(), local.min, local.max)}%`;
   const markList = () => resolveMarks(local.marks, local.min, local.max, local.step);
   const ticks = () => Array(Math.round(local.max / (local.step || 1)) + 1).fill(1);
-  return <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>
+  return <TextFieldWrapper label={local.label} labelId={labelId} helperText={helper.text()} helperTextId={helper.id} disabled={local.disabled} error={local.error} fullWidth shrink>
       <div class="smwb-slider__container">
         <span
     onKeyDown={handleArrows}
@@ -333,8 +391,8 @@ function SingleSlider(props) {
     onMouseDown={onMouseDown}
     class={classes()}
     tabindex={local.disabled ? -1 : 0}
-    onFocus={() => setIsFocused(true)}
-    onBlur={() => setIsFocused(false)}
+    onFocus={onFocus}
+    onBlur={onBlur}
     {...rest}
   >
           <Show when={local.withTicks}>
@@ -372,6 +430,8 @@ function SingleSlider(props) {
     value={value()}
     readonly
     aria-label={local["aria-label"]}
+    aria-labelledby={labelledBy()}
+    aria-describedby={helper.describedBy()}
     aria-orientation={local.orientation}
     aria-valuenow={value()}
     aria-valuemin={local.min}
@@ -384,17 +444,28 @@ function SingleSlider(props) {
         <Show when={local.valueField && isDiscrete()}>
           <TextField
     type="number"
-    value={value()}
-    onChange={(event) => updateValue(+event.currentTarget.value, event)}
+    min={local.min}
+    max={local.max}
+    step={local.step}
+    disabled={local.disabled}
+    helperText={null}
+    value={fieldText() ?? value()}
+    onChange={onFieldChange}
+    onBlur={commitField}
+    onKeyDown={(event) => {
+      if (event.key === "Enter") commitField(event);
+    }}
     variant="filled"
+    aria-label={local["aria-label"]}
+    aria-labelledby={labelledBy()}
   />
         </Show>
       </div>
     </TextFieldWrapper>;
 }
 function Slider(props) {
-  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);
-  return <Show when={isRangeMode} fallback={<SingleSlider {...props} />}>
+  const isRangeMode = () => props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);
+  return <Show when={isRangeMode()} fallback={<SingleSlider {...props} />}>
       <RangeSlider {...props} />
     </Show>;
 }

package/dist/source/components/inputs/slider/slider.jsx.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/tokens.entry.less\";\nimport \"@smwb/ui-styles/less/components/slider/slider.entry.less\";\nimport { type JSX, For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { rescale, toPercent, coordX, coordY } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: JSX.Element;\n}\n\nexport interface SliderProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"onChange\"> {\n  value?: SliderValue;\n  onChange?: (event: Event, 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?: JSX.Element;\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  orientation?: \"horizontal\" | \"vertical\";\n  marks?: boolean | SliderMark[];\n  \"aria-label\"?: string;\n  getAriaValueText?: (value: number) => string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nfunction resolveMarks(marks: boolean | SliderMark[] | undefined, min: number, max: number, step?: number): SliderMark[] {\n  if (!marks) return [];\n  if (Array.isArray(marks)) return marks;\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\nfunction RangeSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    { min: 0, max: 100, disabled: false, size: \"medium\" as const, color: \"primary\" as const, orientation: \"horizontal\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"label\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"range\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"ref\",\n  ]);\n\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [local.min, local.max];\n    const lo = Math.min(arr[0] ?? local.min, arr[1] ?? local.max);\n    const hi = Math.max(arr[0] ?? local.min, arr[1] ?? local.max);\n    return [lo, hi];\n  };\n\n  const isControlled = local.value !== undefined;\n  const [valueState, setValueState] = createSignal<[number, number]>(normalize(local.defaultValue));\n  const value = (): [number, number] => (isControlled ? normalize(local.value) : valueState());\n\n  let containerEl: HTMLSpanElement | undefined;\n  let activeThumb: 0 | 1 = 0;\n  let isPressed = false;\n\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent): number => {\n    const rect = containerEl?.getBoundingClientRect();\n    if (!rect) return local.min;\n    if (isVertical()) {\n      const y = coordY(event) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [local.min, local.max], { step: local.step });\n    }\n    const x = coordX(event) - rect.left;\n    return rescale(x, [0, rect.width], [local.min, local.max], { step: local.step });\n  };\n\n  const commit = (next: [number, number], event: Event): void => {\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(local.min, lo), Math.min(local.max, hi)];\n    if (!isControlled) setValueState(clamped);\n    local.onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event): void => {\n    const current = value();\n    const next: [number, number] = [current[0], current[1]];\n    next[activeThumb] = Math.max(local.min, Math.min(local.max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number): void => {\n    const current = value();\n    activeThumb = Math.abs(raw - current[0]) <= Math.abs(raw - current[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed) return;\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || event.button !== 0) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(onMouseEnd);\n\n  const onThumbKeyDown = (idx: 0 | 1): JSX.EventHandler<HTMLInputElement, KeyboardEvent> => (event) => {\n    if (local.disabled) return;\n    const delta = local.step && local.step > 0 ? local.step : 1;\n    const current = value();\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") next = current[idx] - delta;\n    else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") next = current[idx] + delta;\n    else if (event.key === \"Home\") next = local.min;\n    else if (event.key === \"End\") next = local.max;\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", \"smwb-slider--range\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  return (\n    <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))} onMouseDown={onMouseDown} class={classes()} {...rest}>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span\n            class=\"smwb-slider__track\"\n            style={(() => {\n              const p0 = toPercent(value()[0], local.min, local.max);\n              const p1 = toPercent(value()[1], local.min, local.max);\n              const startPct = `${Math.min(p0, p1)}%`;\n              const spanPct = `${Math.abs(p1 - p0)}%`;\n              return isVertical() ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n            })()}\n          />\n          <For each={[0, 1] as const}>\n            {(idx) => (\n              <span\n                class={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n                style={isVertical() ? { bottom: `${toPercent(value()[idx], local.min, local.max)}%` } : { left: `${toPercent(value()[idx], local.min, local.max)}%` }}\n              >\n                <input\n                  data-testid={`slider-input-${idx}`}\n                  class=\"smwb-slider__input\"\n                  type=\"range\"\n                  min={local.min}\n                  max={local.max}\n                  step={local.step}\n                  name={local.name ? `${local.name}[${idx}]` : undefined}\n                  value={value()[idx]}\n                  disabled={local.disabled}\n                  onChange={() => undefined}\n                  onKeyDown={onThumbKeyDown(idx)}\n                  tabindex={local.disabled ? -1 : 0}\n                  aria-label={local[\"aria-label\"] ? `${local[\"aria-label\"]} ${idx === 0 ? \"minimum\" : \"maximum\"}` : undefined}\n                  aria-orientation={local.orientation}\n                  aria-valuenow={value()[idx]}\n                  aria-valuemin={idx === 0 ? local.min : value()[0]}\n                  aria-valuemax={idx === 0 ? value()[1] : local.max}\n                  aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()[idx]) : undefined}\n                  aria-disabled={local.disabled || undefined}\n                />\n              </span>\n            )}\n          </For>\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nfunction SingleSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      min: 0,\n      max: 100,\n      disabled: false,\n      variant: \"continuous\" as const,\n      size: \"medium\" as const,\n      color: \"primary\" as const,\n      orientation: \"horizontal\" as const,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"label\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"range\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"ref\",\n  ]);\n\n  const singleDefault = typeof local.defaultValue === \"number\" ? local.defaultValue : undefined;\n  const singleValue = (): number | undefined => (typeof local.value === \"number\" ? local.value : undefined);\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const isControlled = typeof local.value === \"number\";\n  const isDiscrete = (): boolean => local.variant === \"discrete\";\n\n  const [valueState, setValueState] = createSignal<number>(singleDefault ?? local.min);\n  const [isDragging, setIsDragging] = createSignal(false);\n  const [isActive, setIsActive] = createSignal(false);\n  const [isFocused, setIsFocused] = createSignal(false);\n\n  let containerEl: HTMLSpanElement | undefined;\n  let isPressed = false;\n  const value = (): number => (isControlled ? (singleValue() as number) : valueState());\n\n  const updateValue = (next: number, event: Event): void => {\n    if (next < local.min || next > local.max) return;\n    if (!isControlled) setValueState(next);\n    local.onChange?.(event, next, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number): number =>\n    rescale(absolute, [0, containerSize], [local.min, local.max], { step: local.step });\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed || !containerEl) return;\n    const rect = containerEl.getBoundingClientRect();\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const absolute = isVertical() ? rect.height - (clientY - rect.top) : clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    if (value() === next) return;\n    if (!isDragging()) setIsDragging(true);\n    updateValue(next, event);\n  };\n  const removeListeners = (): void => {\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    if (isDragging()) setIsDragging(false);\n    if (isActive()) setIsActive(false);\n    removeListeners();\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    if (local.disabled || event.button !== 0 || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const absolute = isVertical() ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const touch = event.changedTouches?.[0];\n    if (!touch) return;\n    const absolute = isVertical() ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(removeListeners);\n\n  const handleArrows: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!isFocused() || local.disabled) return;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") updateValue(value() - (local.step || 1), event);\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") updateValue(value() + (local.step || 1), event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--dragging\": isDragging(),\n      \"smwb-slider--discrete\": isDiscrete(),\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  const pct = (): string => `${toPercent(value(), local.min, local.max)}%`;\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n  const ticks = (): number[] => Array(Math.round(local.max / (local.step || 1)) + 1).fill(1) as number[];\n\n  return (\n    <TextFieldWrapper label={local.label} helperText={local.helperText} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrows}\n          ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))}\n          onMouseDown={onMouseDown}\n          class={classes()}\n          tabindex={local.disabled ? -1 : 0}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          {...rest}\n        >\n          <Show when={local.withTicks}>\n            <span class=\"smwb-slider__ticks\" style={{ gap: `${local.step}` }}>\n              <For each={ticks()}>{() => <span class=\"smwb-slider__tick\" />}</For>\n            </span>\n          </Show>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span class=\"smwb-slider__track\" style={isVertical() ? { height: pct() } : { width: pct() }} />\n          <span\n            class={cn(\"smwb-slider__thumb\", { \"smwb-slider__thumb--active\": isActive(), \"smwb-slider__thumb--discrete\": isDiscrete() })}\n            style={isVertical() ? { bottom: pct() } : { left: pct() }}\n          >\n            <Show when={isDiscrete()}>\n              <span class=\"smwb-slider__thumb-tooltip\">{Math.round(value())}</span>\n            </Show>\n            <input\n              data-testid=\"slider-input\"\n              class=\"smwb-slider__input\"\n              type=\"range\"\n              min={local.min}\n              max={local.max}\n              name={local.name}\n              value={value()}\n              readonly\n              aria-label={local[\"aria-label\"]}\n              aria-orientation={local.orientation}\n              aria-valuenow={value()}\n              aria-valuemin={local.min}\n              aria-valuemax={local.max}\n              aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()) : undefined}\n              aria-disabled={local.disabled || undefined}\n            />\n          </span>\n        </span>\n        <Show when={local.valueField && isDiscrete()}>\n          <TextField\n            type=\"number\"\n            value={value()}\n            onChange={(event) => updateValue(+event.currentTarget.value, event)}\n            variant=\"filled\"\n          />\n        </Show>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nexport function Slider(props: SliderProps): JSX.Element {\n  const isRangeMode = props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n  return (\n    <Show when={isRangeMode} fallback={<SingleSlider {...props} />}>\n      <RangeSlider {...props} />\n    </Show>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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","names":[],"file":"slider.jsx"}
+{"version":3,"sources":["../../../../../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import \"@smwb/ui-styles/less/tokens.entry.less\";\nimport \"@smwb/ui-styles/less/components/slider/slider.entry.less\";\nimport { type JSX, For, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { rescale, toPercent, coordX, coordY, decimatedClamp } from \"./utils\";\nimport { TextField, TextFieldWrapper } from \"../textField\";\nimport { createHelperText } from \"../../../primitives/createHelperText\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type SliderValue = number | [number, number];\n\nexport interface SliderMark {\n  value: number;\n  label?: JSX.Element;\n}\n\nexport interface SliderProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"onChange\"> {\n  value?: SliderValue | undefined;\n  onChange?: (event: Event, 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  /**\n   * Draws a number field beside the slider for typing the value; a single\n   * `discrete` slider only. The field is named as the slider is (see `label`\n   * and `aria-label`).\n   */\n  valueField?: boolean;\n  withTicks?: boolean;\n  /**\n   * Visible label, drawn above the slider. It names the slider; each thumb of a\n   * range adds its own word: with `label=\"Price\"` they read \"Price minimum\" and\n   * \"Price maximum\".\n   */\n  label?: string | undefined;\n  helperText?: JSX.Element;\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  orientation?: \"horizontal\" | \"vertical\";\n  marks?: boolean | SliderMark[];\n  /**\n   * Accessible name of the slider. Replaces the name the visible `label` gives\n   * it; a slider without a label needs it or `aria-labelledby`. Each thumb of a\n   * range adds its own word, as with `label`.\n   */\n  \"aria-label\"?: string | undefined;\n  /**\n   * Ids of the elements whose text names the slider. It goes on the range input,\n   * not the root, and replaces the name the visible `label` gives it; as on any\n   * element, it also wins over `aria-label`. Each thumb of a range adds its own\n   * word, as with `label`.\n   */\n  \"aria-labelledby\"?: string | undefined;\n  getAriaValueText?: (value: number) => string;\n  ref?: Ref<HTMLSpanElement>;\n}\n\n// The word each thumb of a range adds to the slider's name, so the two read apart.\nconst THUMB_WORDS = [\"minimum\", \"maximum\"] as const;\n\nfunction resolveMarks(marks: boolean | SliderMark[] | undefined, min: number, max: number, step?: number): SliderMark[] {\n  if (!marks) return [];\n  if (Array.isArray(marks)) return marks;\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\nfunction RangeSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    { min: 0, max: 100, disabled: false, size: \"medium\" as const, color: \"primary\" as const, orientation: \"horizontal\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"label\",\n    \"aria-labelledby\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"range\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"ref\",\n    // The slider sets this on its root too; its own handler calls the caller's first.\n    \"onMouseDown\",\n  ]);\n  const helper = createHelperText(() => local.helperText);\n  // The visible label names each thumb, followed by the thumb's own word\n  // (\"Price minimum\"), as a caller's aria-label does. That aria-label replaces\n  // the label: on one element aria-labelledby would win over it. A caller's\n  // aria-labelledby replaces the label too, and names the thumbs the same way.\n  const baseId = createId();\n  const labelId = `${baseId}-label`;\n  const thumbWordId = (idx: 0 | 1): string => `${baseId}-${THUMB_WORDS[idx]}`;\n  const labelledBy = (): string | undefined =>\n    local[\"aria-labelledby\"] || (local.label && !local[\"aria-label\"] ? labelId : undefined);\n\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  const normalize = (v: SliderValue | undefined): [number, number] => {\n    const arr = Array.isArray(v) ? v : [local.min, local.max];\n    const lo = Math.min(arr[0] ?? local.min, arr[1] ?? local.max);\n    const hi = Math.max(arr[0] ?? local.min, arr[1] ?? local.max);\n    return [lo, hi];\n  };\n\n  // Controlled while the caller passes a value, checked on every change: a value\n  // passed after mount takes over, and without one the slider shows its own again.\n  const isControlled = (): boolean => local.value !== undefined;\n  const [valueState, setValueState] = createSignal<[number, number]>(normalize(local.defaultValue));\n  const value = (): [number, number] => (isControlled() ? normalize(local.value) : valueState());\n\n  let containerEl: HTMLSpanElement | undefined;\n  let activeThumb: 0 | 1 = 0;\n  let isPressed = false;\n\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n\n  const positionToValue = (event: MouseEvent | TouchEvent): number => {\n    const rect = containerEl?.getBoundingClientRect();\n    if (!rect) return local.min;\n    if (isVertical()) {\n      const y = coordY(event) - rect.top;\n      return rescale(rect.height - y, [0, rect.height], [local.min, local.max], { step: local.step });\n    }\n    const x = coordX(event) - rect.left;\n    return rescale(x, [0, rect.width], [local.min, local.max], { step: local.step });\n  };\n\n  const commit = (next: [number, number], event: Event): void => {\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(local.min, lo), Math.min(local.max, hi)];\n    if (!isControlled()) setValueState(clamped);\n    local.onChange?.(event, clamped, props);\n  };\n\n  const moveThumb = (raw: number, event: Event): void => {\n    const current = value();\n    const next: [number, number] = [current[0], current[1]];\n    next[activeThumb] = Math.max(local.min, Math.min(local.max, raw));\n    commit(next, event);\n  };\n\n  const pickThumb = (raw: number): void => {\n    const current = value();\n    activeThumb = Math.abs(raw - current[0]) <= Math.abs(raw - current[1]) ? 0 : 1;\n  };\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed) return;\n    event.preventDefault();\n    moveThumb(positionToValue(event), event);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    callHandler(local.onMouseDown, event);\n    if (local.disabled || event.button !== 0) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled) return;\n    const raw = positionToValue(event);\n    pickThumb(raw);\n    isPressed = true;\n    moveThumb(raw, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(onMouseEnd);\n\n  const onThumbKeyDown = (idx: 0 | 1): JSX.EventHandler<HTMLInputElement, KeyboardEvent> => (event) => {\n    if (local.disabled) return;\n    const delta = local.step && local.step > 0 ? local.step : 1;\n    const current = value();\n    let next: number | null = null;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") next = current[idx] - delta;\n    else if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") next = current[idx] + delta;\n    else if (event.key === \"Home\") next = local.min;\n    else if (event.key === \"End\") next = local.max;\n    if (next !== null) {\n      event.preventDefault();\n      activeThumb = idx;\n      moveThumb(next, event);\n    }\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", \"smwb-slider--range\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  return (\n    <TextFieldWrapper label={local.label} labelId={labelId} helperText={helper.text()} helperTextId={helper.id} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))} onMouseDown={onMouseDown} class={classes()} {...rest}>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span\n            class=\"smwb-slider__track\"\n            style={(() => {\n              const p0 = toPercent(value()[0], local.min, local.max);\n              const p1 = toPercent(value()[1], local.min, local.max);\n              const startPct = `${Math.min(p0, p1)}%`;\n              const spanPct = `${Math.abs(p1 - p0)}%`;\n              return isVertical() ? { bottom: startPct, height: spanPct } : { left: startPct, width: spanPct };\n            })()}\n          />\n          <For each={[0, 1] as const}>\n            {(idx) => (\n              <span\n                class={cn(\"smwb-slider__thumb\", `smwb-slider__thumb--${idx === 0 ? \"start\" : \"end\"}`)}\n                style={isVertical() ? { bottom: `${toPercent(value()[idx], local.min, local.max)}%` } : { left: `${toPercent(value()[idx], local.min, local.max)}%` }}\n              >\n                <input\n                  data-testid={`slider-input-${idx}`}\n                  class=\"smwb-slider__input\"\n                  type=\"range\"\n                  min={local.min}\n                  max={local.max}\n                  step={local.step}\n                  name={local.name ? `${local.name}[${idx}]` : undefined}\n                  value={value()[idx]}\n                  disabled={local.disabled}\n                  onChange={() => undefined}\n                  onKeyDown={onThumbKeyDown(idx)}\n                  tabindex={local.disabled ? -1 : 0}\n                  aria-label={local[\"aria-label\"] ? `${local[\"aria-label\"]} ${THUMB_WORDS[idx]}` : undefined}\n                  aria-labelledby={labelledBy() ? `${labelledBy()} ${thumbWordId(idx)}` : undefined}\n                  aria-describedby={helper.describedBy()}\n                  aria-orientation={local.orientation}\n                  aria-valuenow={value()[idx]}\n                  aria-valuemin={idx === 0 ? local.min : value()[0]}\n                  aria-valuemax={idx === 0 ? value()[1] : local.max}\n                  aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()[idx]) : undefined}\n                  aria-disabled={local.disabled || undefined}\n                />\n                <Show when={labelledBy()}>\n                  <span id={thumbWordId(idx)} hidden>\n                    {THUMB_WORDS[idx]}\n                  </span>\n                </Show>\n              </span>\n            )}\n          </For>\n        </span>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nfunction SingleSlider(props: SliderProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      min: 0,\n      max: 100,\n      disabled: false,\n      variant: \"continuous\" as const,\n      size: \"medium\" as const,\n      color: \"primary\" as const,\n      orientation: \"horizontal\" as const,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onChange\",\n    \"min\",\n    \"max\",\n    \"name\",\n    \"disabled\",\n    \"class\",\n    \"step\",\n    \"variant\",\n    \"valueField\",\n    \"withTicks\",\n    \"label\",\n    \"aria-labelledby\",\n    \"helperText\",\n    \"error\",\n    \"size\",\n    \"color\",\n    \"orientation\",\n    \"marks\",\n    \"range\",\n    \"getAriaValueText\",\n    \"aria-label\",\n    \"ref\",\n    // The slider sets these on its root too; its own handlers call the caller's first.\n    \"onMouseDown\",\n    \"onKeyDown\",\n    \"onFocus\",\n    \"onBlur\",\n  ]);\n  const helper = createHelperText(() => local.helperText);\n  // The visible label names the slider. A caller's aria-label replaces it: on\n  // one element aria-labelledby would win over it. A caller's aria-labelledby\n  // replaces it too, on the input rather than the root.\n  const baseId = createId();\n  const labelId = `${baseId}-label`;\n  const labelledBy = (): string | undefined =>\n    local[\"aria-labelledby\"] || (local.label && !local[\"aria-label\"] ? labelId : undefined);\n\n  const singleDefault = typeof local.defaultValue === \"number\" ? local.defaultValue : undefined;\n  const singleValue = (): number | undefined => (typeof local.value === \"number\" ? local.value : undefined);\n  const isVertical = (): boolean => local.orientation === \"vertical\";\n  // Checked on every change, as in the range slider.\n  const isControlled = (): boolean => typeof local.value === \"number\";\n  const isDiscrete = (): boolean => local.variant === \"discrete\";\n\n  const [valueState, setValueState] = createSignal<number>(singleDefault ?? local.min);\n  const [isDragging, setIsDragging] = createSignal(false);\n  const [isActive, setIsActive] = createSignal(false);\n  const [isFocused, setIsFocused] = createSignal(false);\n\n  let containerEl: HTMLSpanElement | undefined;\n  let isPressed = false;\n  const value = (): number => (isControlled() ? (singleValue() as number) : valueState());\n\n  const updateValue = (next: number, event: Event): void => {\n    if (next < local.min || next > local.max) return;\n    if (!isControlled()) setValueState(next);\n    local.onChange?.(event, next, props);\n  };\n\n  const offsetToValue = (absolute: number, containerSize: number): number =>\n    rescale(absolute, [0, containerSize], [local.min, local.max], { step: local.step });\n\n  const onMouseMove = (event: MouseEvent | TouchEvent): void => {\n    if (!isPressed || !containerEl) return;\n    const rect = containerEl.getBoundingClientRect();\n    const clientX = coordX(event);\n    const clientY = coordY(event);\n    const absolute = isVertical() ? rect.height - (clientY - rect.top) : clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    if (value() === next) return;\n    if (!isDragging()) setIsDragging(true);\n    updateValue(next, event);\n  };\n  const removeListeners = (): void => {\n    // Registered as a body-scope onCleanup, which Solid also runs when the SSR\n    // root is disposed — guard the document access so it never runs server-side.\n    if (isServer) return;\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    document.removeEventListener(\"mouseup\", onMouseEnd);\n    document.removeEventListener(\"touchmove\", onMouseMove);\n    document.removeEventListener(\"touchend\", onMouseEnd);\n  };\n  const onMouseEnd = (): void => {\n    isPressed = false;\n    if (isDragging()) setIsDragging(false);\n    if (isActive()) setIsActive(false);\n    removeListeners();\n  };\n  const onMouseDown: JSX.EventHandler<HTMLSpanElement, MouseEvent> = (event) => {\n    callHandler(local.onMouseDown, event);\n    if (local.disabled || event.button !== 0 || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const absolute = isVertical() ? rect.height - (event.clientY - rect.top) : event.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"mousemove\", onMouseMove);\n    document.addEventListener(\"mouseup\", onMouseEnd);\n  };\n  const onTouchStartNative = (event: TouchEvent): void => {\n    if (local.disabled || !containerEl) return;\n    isPressed = true;\n    const rect = containerEl.getBoundingClientRect();\n    const touch = event.changedTouches?.[0];\n    if (!touch) return;\n    const absolute = isVertical() ? rect.height - (touch.clientY - rect.top) : touch.clientX - rect.left;\n    const next = offsetToValue(absolute, isVertical() ? rect.height : rect.width);\n    if (!isActive()) setIsActive(true);\n    updateValue(next, event);\n    document.addEventListener(\"touchmove\", onMouseMove);\n    document.addEventListener(\"touchend\", onMouseEnd);\n  };\n\n  onMount(() => {\n    if (!containerEl) return;\n    containerEl.addEventListener(\"touchstart\", onTouchStartNative);\n    onCleanup(() => containerEl?.removeEventListener(\"touchstart\", onTouchStartNative));\n  });\n  onCleanup(removeListeners);\n\n  const handleArrows: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    callHandler(local.onKeyDown, event);\n    if (!isFocused() || local.disabled) return;\n    if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") updateValue(value() - (local.step || 1), event);\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") updateValue(value() + (local.step || 1), event);\n  };\n  const onFocus: JSX.EventHandler<HTMLSpanElement, FocusEvent> = (event) => {\n    callHandler(local.onFocus, event);\n    setIsFocused(true);\n  };\n  const onBlur: JSX.EventHandler<HTMLSpanElement, FocusEvent> = (event) => {\n    callHandler(local.onBlur, event);\n    setIsFocused(false);\n  };\n\n  // The value field shows the text typed into it until that text is committed,\n  // on blur or Enter; `null` shows the slider's value. A typed value the slider\n  // can take (in its range and on its step grid) moves the slider at once. Any\n  // other waits for the commit, which snaps it to the nearest value the slider\n  // can take: so \"35\" with a step of 10 becomes 40, and \"50\" can be typed past\n  // its \"5\" below a min of 10.\n  const [fieldText, setFieldText] = createSignal<string | null>(null);\n\n  const onFieldChange = (event: InputEvent & { currentTarget: HTMLInputElement }): void => {\n    const text = event.currentTarget.value;\n    setFieldText(text);\n    const typed = Number(text);\n    if (text.trim() !== \"\" && decimatedClamp(typed, local.min, local.max, local.step) === typed) {\n      updateValue(typed, event);\n    }\n  };\n\n  const commitField = (event: Event): void => {\n    const text = fieldText();\n    if (text === null) return;\n    setFieldText(null);\n    const typed = Number(text);\n    if (text.trim() === \"\" || !Number.isFinite(typed)) return;\n    const snapped = decimatedClamp(typed, local.min, local.max, local.step);\n    if (snapped !== value()) updateValue(snapped, event);\n  };\n\n  const classes = (): string =>\n    cn(\"smwb-slider\", local.class, {\n      \"smwb-slider--disabled\": local.disabled,\n      \"smwb-slider--dragging\": isDragging(),\n      \"smwb-slider--discrete\": isDiscrete(),\n      \"smwb-slider--vertical\": isVertical(),\n    }, local.size !== \"medium\" && `smwb-slider_size-${local.size}`, local.color !== \"primary\" && `smwb-slider_color-${local.color}`);\n\n  const pct = (): string => `${toPercent(value(), local.min, local.max)}%`;\n  const markList = (): SliderMark[] => resolveMarks(local.marks, local.min, local.max, local.step);\n  const ticks = (): number[] => Array(Math.round(local.max / (local.step || 1)) + 1).fill(1) as number[];\n\n  return (\n    <TextFieldWrapper label={local.label} labelId={labelId} helperText={helper.text()} helperTextId={helper.id} disabled={local.disabled} error={local.error} fullWidth shrink>\n      <div class=\"smwb-slider__container\">\n        <span\n          onKeyDown={handleArrows}\n          ref={mergeRefs(local.ref, (el) => (containerEl = el as HTMLSpanElement))}\n          onMouseDown={onMouseDown}\n          class={classes()}\n          tabindex={local.disabled ? -1 : 0}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          {...rest}\n        >\n          <Show when={local.withTicks}>\n            <span class=\"smwb-slider__ticks\" style={{ gap: `${local.step}` }}>\n              <For each={ticks()}>{() => <span class=\"smwb-slider__tick\" />}</For>\n            </span>\n          </Show>\n          <Show when={markList().length > 0}>\n            <span class=\"smwb-slider__marks\" aria-hidden=\"true\">\n              <For each={markList()}>\n                {(m) => (\n                  <span class=\"smwb-slider__mark\" style={isVertical() ? { bottom: `${toPercent(m.value, local.min, local.max)}%` } : { left: `${toPercent(m.value, local.min, local.max)}%` }}>\n                    <Show when={m.label != null}>\n                      <span class=\"smwb-slider__mark-label\">{m.label}</span>\n                    </Show>\n                  </span>\n                )}\n              </For>\n            </span>\n          </Show>\n          <span class=\"smwb-slider__rail\" />\n          <span class=\"smwb-slider__track\" style={isVertical() ? { height: pct() } : { width: pct() }} />\n          <span\n            class={cn(\"smwb-slider__thumb\", { \"smwb-slider__thumb--active\": isActive(), \"smwb-slider__thumb--discrete\": isDiscrete() })}\n            style={isVertical() ? { bottom: pct() } : { left: pct() }}\n          >\n            <Show when={isDiscrete()}>\n              <span class=\"smwb-slider__thumb-tooltip\">{Math.round(value())}</span>\n            </Show>\n            <input\n              data-testid=\"slider-input\"\n              class=\"smwb-slider__input\"\n              type=\"range\"\n              min={local.min}\n              max={local.max}\n              name={local.name}\n              value={value()}\n              readonly\n              aria-label={local[\"aria-label\"]}\n              aria-labelledby={labelledBy()}\n              aria-describedby={helper.describedBy()}\n              aria-orientation={local.orientation}\n              aria-valuenow={value()}\n              aria-valuemin={local.min}\n              aria-valuemax={local.max}\n              aria-valuetext={local.getAriaValueText ? local.getAriaValueText(value()) : undefined}\n              aria-disabled={local.disabled || undefined}\n            />\n          </span>\n        </span>\n        <Show when={local.valueField && isDiscrete()}>\n          <TextField\n            type=\"number\"\n            // Stepped, bounded and disabled as the slider is.\n            min={local.min}\n            max={local.max}\n            step={local.step}\n            disabled={local.disabled}\n            // The slider's helper line sits under both controls.\n            helperText={null}\n            value={fieldText() ?? value()}\n            onChange={onFieldChange}\n            onBlur={commitField}\n            onKeyDown={(event) => {\n              if (event.key === \"Enter\") commitField(event);\n            }}\n            variant=\"filled\"\n            // It sets the slider's value, so it takes the slider's name.\n            aria-label={local[\"aria-label\"]}\n            aria-labelledby={labelledBy()}\n          />\n        </Show>\n      </div>\n    </TextFieldWrapper>\n  );\n}\n\nexport function Slider(props: SliderProps): JSX.Element {\n  // Checked on every change, as React re-renders: a range value passed after\n  // mount turns a single slider into a range slider.\n  const isRangeMode = (): boolean =>\n    props.range === true || Array.isArray(props.value) || Array.isArray(props.defaultValue);\n  return (\n    <Show when={isRangeMode()} fallback={<SingleSlider {...props} />}>\n      <RangeSlider {...props} />\n    </Show>\n  );\n}\n\nexport default Slider;\n"],"mappings":"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","names":[],"file":"slider.jsx"}