@k2b/ui 0.6.2 → 0.8.0

package/dist/ssr/inputs/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/AutocompleteSelect.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { SelectGroup } from \"./Select\";\n\nexport type AutocompleteSelectOption = ChoiceOption<string>;\n\nexport type AutocompleteSelectSearchResult = {\n  /** Ranked suggestions shown in the popup. */\n  options: readonly AutocompleteSelectOption[];\n  /** The authoritative option that Tab or blur may accept automatically. */\n  match?: AutocompleteSelectOption;\n};\n\nexport type AutocompleteSelectProps = ValueFieldProps<string | null> & {\n  search: (query: string, signal: AbortSignal, group: string | null) => Promise<AutocompleteSelectSearchResult>;\n  selectedOption?: AutocompleteSelectOption;\n  formatValue?: (option: AutocompleteSelectOption) => string;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  placeholder?: string;\n  debounceMs?: number;\n  clearable?: boolean;\n  name?: string;\n  autofocus?: boolean;\n  noMatchText?: string;\n  checkingText?: string;\n  noOptionsText?: string;\n};\n\ntype SelectionSnapshot = {\n  value: string | null;\n  option?: AutocompleteSelectOption;\n  display: string;\n};\n\nconst errorMessage = (error: unknown, fallback: string): string => (error instanceof Error ? error.message : fallback);\n\nexport function AutocompleteSelect(props: AutocompleteSelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [cache, setCache] = createSignal<Record<string, AutocompleteSelectOption>>({});\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const selected = createMemo<AutocompleteSelectOption | undefined>(() => {\n    const current = value();\n    if (current === null) return undefined;\n    return (\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: current,\n      }\n    );\n  });\n  const formatValue = (option: AutocompleteSelectOption | undefined): string =>\n    option ? (props.formatValue?.(option) ?? option.label) : \"\";\n\n  const [display, setDisplay] = createSignal(formatValue(selected()));\n  const [query, setQuery] = createSignal(\"\");\n  const [focused, setFocused] = createSignal(false);\n  const [editing, setEditing] = createSignal(false);\n  const [resolvedQuery, setResolvedQuery] = createSignal<string>();\n  const [match, setMatch] = createSignal<AutocompleteSelectOption>();\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [explicitOption, setExplicitOption] = createSignal(false);\n  const [internalError, setInternalError] = createSignal<string>();\n  const externalError = () => resolveMaybeAccessor(props.error);\n  const error = () => externalError() ?? internalError();\n  const hasClearAction = () => Boolean(props.clearable && value() !== null && !props.disabled);\n  let inputRef: HTMLInputElement | undefined;\n  let popoverRef: HTMLDivElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  let pointerFocus = false;\n  let pendingCommitQuery: string | undefined;\n  let snapshot: SelectionSnapshot = { value: value(), option: selected(), display: formatValue(selected()) };\n\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const activeGroup = createMemo(() => {\n    const current = selectedGroup();\n    return current && props.groups?.some((group) => group.value === current) ? current : null;\n  });\n  const groupChoices = createMemo(() => [{ value: null, label: props.allGroupLabel ?? messages().all }, ...(props.groups ?? [])]);\n\n  const remember = (options: readonly AutocompleteSelectOption[], authoritative?: AutocompleteSelectOption) => {\n    const next = { ...cache() };\n    for (const option of options) next[option.value] = option;\n    if (authoritative) next[authoritative.value] = authoritative;\n    setCache(next);\n  };\n\n  const completeInput = (typed: string, authoritative: AutocompleteSelectOption | undefined) => {\n    if (!inputRef || !focused() || !editing() || !authoritative || typed.length === 0) return;\n    const lower = typed.toLocaleLowerCase();\n    const completion = [authoritative.value, authoritative.label].find((candidate) => candidate.toLocaleLowerCase().startsWith(lower));\n    if (!completion || completion.length <= typed.length) return;\n    setDisplay(completion);\n    queueMicrotask(() => {\n      if (!inputRef || document.activeElement !== inputRef || query() !== typed) return;\n      inputRef.setSelectionRange(typed.length, completion.length);\n    });\n  };\n\n  const mergedOptions = (result: AutocompleteSelectSearchResult): readonly AutocompleteSelectOption[] =>\n    result.match && !result.options.some((option) => option.value === result.match!.value)\n      ? [result.match, ...result.options]\n      : result.options;\n\n  const commit = (option: AutocompleteSelectOption) => {\n    if (option.disabled) return;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember([], option);\n    setDisplay(formatValue(option));\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    snapshot = { value: option.value, option, display: formatValue(option) };\n    commitFieldValue(props, option.value);\n    setEditing(false);\n  };\n\n  const invalidate = (message = props.noMatchText ?? messages().noMatchingOption) => {\n    pendingCommitQuery = undefined;\n    setInternalError(message);\n    popover.hide();\n  };\n\n  const loader = createChoiceLoader(\n    () => async (typed, signal) => {\n      let result: AutocompleteSelectSearchResult;\n      try {\n        result = await props.search(typed, signal, activeGroup());\n      } catch (reason) {\n        if (!signal.aborted) {\n          setResolvedQuery(typed);\n          if (pendingCommitQuery === typed) invalidate(errorMessage(reason, messages().optionsCouldNotLoad));\n        }\n        throw reason;\n      }\n      if (signal.aborted) return [];\n\n      const options = mergedOptions(result);\n      const authoritative = result.match?.disabled ? undefined : result.match;\n      remember(options, authoritative);\n      setResolvedQuery(typed);\n      setMatch(authoritative);\n      setExplicitOption(false);\n      setFocusedIndex(authoritative ? options.findIndex((option) => option.value === authoritative.value) : -1);\n      completeInput(typed, authoritative);\n\n      if (pendingCommitQuery === typed) {\n        if (authoritative) commit(authoritative);\n        else invalidate();\n      }\n      return options;\n    },\n    () => props.debounceMs ?? 150,\n  );\n\n  const options = () => (resolvedQuery() === query() ? loader.options() : []);\n  const loadError = () => (resolvedQuery() === query() ? loader.error() : undefined);\n  const focusedOption = () => options()[focusedIndex()];\n  const focusOption = (index: number, explicit = true) => {\n    setFocusedIndex(index);\n    setExplicitOption(explicit);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focusOption(nextEnabledChoiceIndex(options(), focusedIndex(), direction));\n\n  const startSearch = (typed: string, immediate = false) => {\n    setInternalError(undefined);\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    popover.show();\n    loader.load(typed, immediate);\n  };\n\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    startSearch(editing() ? query() : \"\", true);\n  };\n\n  const selectedForCommit = (): AutocompleteSelectOption | undefined => {\n    if (resolvedQuery() !== query()) return undefined;\n    if (explicitOption()) return focusedOption();\n    return match();\n  };\n\n  const requestCommit = () => {\n    if (!editing()) return;\n    const option = selectedForCommit();\n    if (option) {\n      commit(option);\n      return;\n    }\n    if (query() === \"\" && props.clearable && !props.required) {\n      pendingCommitQuery = undefined;\n      loader.cancel();\n      popover.hide();\n      snapshot = { value: null, option: undefined, display: \"\" };\n      setDisplay(\"\");\n      setQuery(\"\");\n      setEditing(false);\n      setResolvedQuery(undefined);\n      setMatch(undefined);\n      setFocusedIndex(-1);\n      setExplicitOption(false);\n      setInternalError(undefined);\n      commitFieldValue(props, null);\n      return;\n    }\n    if (pendingCommitQuery === query()) return;\n    pendingCommitQuery = query();\n    if (resolvedQuery() === query() && !loader.loading()) invalidate();\n    else loader.load(query(), true);\n  };\n\n  const restore = () => {\n    const target = snapshot;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember(target.option ? [target.option] : []);\n    setDisplay(target.display);\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    if (value() !== target.value) props.onValueChange?.(target.value);\n    setEditing(false);\n    queueMicrotask(() => inputRef?.select());\n  };\n\n  createEffect(() => {\n    if (editing()) return;\n    const option = selected();\n    setDisplay(formatValue(option));\n    snapshot = { value: value(), option, display: formatValue(option) };\n  });\n\n  createEffect(() => {\n    if (!inputRef) return;\n    const message = internalError();\n    inputRef.setCustomValidity(message ?? (editing() ? messages().selectMatchingOption : \"\"));\n  });\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.isComposing) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) {\n        const typed = editing() ? query() : \"\";\n        startSearch(typed, true);\n      } else {\n        move(event.key === \"ArrowDown\" ? 1 : -1);\n      }\n    } else if (event.key === \"Enter\" && popover.open()) {\n      const option = selectedForCommit();\n      if (!option) return;\n      event.preventDefault();\n      commit(option);\n      inputRef?.select();\n    } else if (event.key === \"Escape\" && (editing() || popover.open())) {\n      event.preventDefault();\n      if (editing()) restore();\n      else popover.hide();\n    } else if (event.key === \"Tab\") {\n      requestCommit();\n      popover.hide();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\" data-clearable={hasClearAction() ? \"true\" : undefined}>\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={display()}\n            placeholder={props.placeholder ?? messages().typeToSearch}\n            disabled={props.disabled}\n            required={props.required}\n            autofocus={props.autofocus}\n            autocomplete=\"off\"\n            spellcheck={false}\n            role=\"combobox\"\n            aria-autocomplete=\"both\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, { ...props, error: error() })}\n            onPointerDown={() => {\n              pointerFocus = true;\n              queueMicrotask(() => (pointerFocus = false));\n            }}\n            onFocus={() => {\n              setFocused(true);\n              if (!editing()) {\n                const option = selected();\n                snapshot = { value: value(), option, display: formatValue(option) };\n                setDisplay(snapshot.display);\n              }\n              if (!pointerFocus) queueMicrotask(() => inputRef?.select());\n            }}\n            onClick={() => {\n              if (!editing()) startSearch(\"\", true);\n            }}\n            onInput={(event) => {\n              const typed = event.currentTarget.value;\n              const beginsEdit = !editing();\n              setEditing(true);\n              if (beginsEdit && value() !== null) props.onValueChange?.(null);\n              setDisplay(typed);\n              setQuery(typed);\n              pendingCommitQuery = undefined;\n              startSearch(typed);\n            }}\n            onKeyDown={onKeyDown}\n            onBlur={(event) => {\n              setFocused(false);\n              if (event.relatedTarget instanceof Node && popoverRef?.contains(event.relatedTarget)) return;\n              requestCommit();\n              popover.hide();\n            }}\n          />\n          <Show when={hasClearAction()}>\n            <button\n              type=\"button\"\n              class=\"k2b-choice-control__clear k2b-input-clear-action\"\n              tabindex={-1}\n              aria-label={messages().clearSelection}\n              onPointerDown={(event) => event.preventDefault()}\n              onClick={() => {\n                snapshot = { value: null, option: undefined, display: \"\" };\n                setDisplay(\"\");\n                setQuery(\"\");\n                setEditing(false);\n                setResolvedQuery(undefined);\n                setMatch(undefined);\n                setFocusedIndex(-1);\n                setExplicitOption(false);\n                setInternalError(undefined);\n                commitFieldValue(props, null);\n                inputRef?.focus();\n              }}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n          <Show\n            when={loader.loading()}\n            fallback={\n              <Show when={editing() && match()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n                <i class=\"ti ti-check\" aria-hidden=\"true\" />\n              </Show>\n            }\n          >\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {loader.loading()\n            ? (props.checkingText ?? messages().checkingOptions)\n            : match()\n              ? `Match: ${formatValue(match())}`\n              : (internalError() ?? \"\")}\n        </span>\n        <div\n          ref={(element) => {\n            popoverRef = element;\n            popover.setPopover(element);\n          }}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          aria-label={typeof props.label === \"string\" ? props.label : messages().options}\n          onFocusOut={(event) => {\n            if (event.relatedTarget instanceof Node && (popoverRef?.contains(event.relatedTarget) || inputRef === event.relatedTarget))\n              return;\n            requestCommit();\n            popover.hide();\n          }}\n          onKeyDown={(event) => {\n            if (event.key !== \"Escape\") return;\n            event.preventDefault();\n            if (editing()) restore();\n            else {\n              popover.hide();\n              inputRef?.focus();\n            }\n          }}\n        >\n          <Show when={(props.groups?.length ?? 0) > 0}>\n            <div class=\"k2b-choice-toolbar\">\n              <ChoiceGroups\n                choices={groupChoices()}\n                value={activeGroup()}\n                onValueChange={chooseGroup}\n                ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                controls={listboxId}\n              />\n            </div>\n          </Show>\n          <div id={listboxId} class=\"k2b-choice-options\" role=\"listbox\">\n            <Show when={loadError()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button\n                    type=\"button\"\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => {\n                      setInternalError(undefined);\n                      loader.retry();\n                    }}\n                  >\n                    Retry\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={loader.loading() && options().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{props.checkingText ?? messages().checkingOptionsLoading}</span>\n              </div>\n            </Show>\n            <For\n              each={loadError() ? [] : options()}\n              fallback={\n                <Show when={!loader.loading() && !loadError()}>\n                  <div class=\"k2b-choice-status\">{props.noOptionsText ?? messages().noOptionsFound}</div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focusOption(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => {\n                    commit(option);\n                    inputRef?.focus();\n                    inputRef?.select();\n                  }}\n                >\n                  <Show when={option.color} fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n                    {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                  </Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default AutocompleteSelect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/AutocompleteSelect.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, type JSX, Show } from \"solid-js\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { ChoiceGroups } from \"./ChoiceGroups\";\nimport { type ChoiceOption, createChoiceLoader, createChoicePopover, nextEnabledChoiceIndex } from \"./choice\";\nimport type { ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport type { SelectGroup } from \"./Select\";\n\nexport type AutocompleteSelectOption = ChoiceOption<string>;\n\nexport type AutocompleteSelectSearchResult = {\n  /** Ranked suggestions shown in the popup. */\n  options: readonly AutocompleteSelectOption[];\n  /** The authoritative option that Tab or blur may accept automatically. */\n  match?: AutocompleteSelectOption;\n};\n\nexport type AutocompleteSelectProps = ValueFieldProps<string | null> & {\n  search: (query: string, signal: AbortSignal, group: string | null) => Promise<AutocompleteSelectSearchResult>;\n  selectedOption?: AutocompleteSelectOption;\n  formatValue?: (option: AutocompleteSelectOption) => string;\n  groups?: readonly SelectGroup[];\n  defaultGroup?: string;\n  groupsAriaLabel?: string;\n  allGroupLabel?: string;\n  placeholder?: string;\n  debounceMs?: number;\n  clearable?: boolean;\n  name?: string;\n  autofocus?: boolean;\n  noMatchText?: string;\n  checkingText?: string;\n  noOptionsText?: string;\n};\n\ntype SelectionSnapshot = {\n  value: string | null;\n  option?: AutocompleteSelectOption;\n  display: string;\n};\n\nconst errorMessage = (error: unknown, fallback: string): string => (error instanceof Error ? error.message : fallback);\n\nexport function AutocompleteSelect(props: AutocompleteSelectProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const listboxId = `${meta.controlId}-listbox`;\n  const [cache, setCache] = createSignal<Record<string, AutocompleteSelectOption>>({});\n  const value = () => resolveMaybeAccessor(props.value) ?? null;\n  const selected = createMemo<AutocompleteSelectOption | undefined>(() => {\n    const current = value();\n    if (current === null) return undefined;\n    return (\n      cache()[current] ??\n      (props.selectedOption?.value === current ? props.selectedOption : undefined) ?? {\n        value: current,\n        label: current,\n      }\n    );\n  });\n  const formatValue = (option: AutocompleteSelectOption | undefined): string =>\n    option ? (props.formatValue?.(option) ?? option.label) : \"\";\n\n  const [display, setDisplay] = createSignal(formatValue(selected()));\n  const [query, setQuery] = createSignal(\"\");\n  const [focused, setFocused] = createSignal(false);\n  const [editing, setEditing] = createSignal(false);\n  const [resolvedQuery, setResolvedQuery] = createSignal<string>();\n  const [match, setMatch] = createSignal<AutocompleteSelectOption>();\n  const [focusedIndex, setFocusedIndex] = createSignal(-1);\n  const [selectedGroup, setSelectedGroup] = createSignal<string | null>(props.defaultGroup ?? null);\n  const [explicitOption, setExplicitOption] = createSignal(false);\n  const [internalError, setInternalError] = createSignal<string>();\n  const externalError = () => resolveMaybeAccessor(props.error);\n  const error = () => externalError() ?? internalError();\n  const hasClearAction = () => Boolean(props.clearable && value() !== null && !props.disabled);\n  let inputRef: HTMLInputElement | undefined;\n  let popoverRef: HTMLDivElement | undefined;\n  let optionRefs: HTMLButtonElement[] = [];\n  let pointerFocus = false;\n  let pendingCommitQuery: string | undefined;\n  let snapshot: SelectionSnapshot = { value: value(), option: selected(), display: formatValue(selected()) };\n\n  const popover = createChoicePopover(() => Boolean(props.disabled));\n  const activeGroup = createMemo(() => {\n    const current = selectedGroup();\n    return current && props.groups?.some((group) => group.value === current) ? current : null;\n  });\n  const groupChoices = createMemo(() => [{ value: null, label: props.allGroupLabel ?? messages().all }, ...(props.groups ?? [])]);\n\n  const remember = (options: readonly AutocompleteSelectOption[], authoritative?: AutocompleteSelectOption) => {\n    const next = { ...cache() };\n    for (const option of options) next[option.value] = option;\n    if (authoritative) next[authoritative.value] = authoritative;\n    setCache(next);\n  };\n\n  const completeInput = (typed: string, authoritative: AutocompleteSelectOption | undefined) => {\n    if (!inputRef || !focused() || !editing() || !authoritative || typed.length === 0) return;\n    const lower = typed.toLocaleLowerCase();\n    const completion = [authoritative.value, authoritative.label].find((candidate) => candidate.toLocaleLowerCase().startsWith(lower));\n    if (!completion || completion.length <= typed.length) return;\n    setDisplay(completion);\n    queueMicrotask(() => {\n      if (!inputRef || document.activeElement !== inputRef || query() !== typed) return;\n      inputRef.setSelectionRange(typed.length, completion.length);\n    });\n  };\n\n  const mergedOptions = (result: AutocompleteSelectSearchResult): readonly AutocompleteSelectOption[] =>\n    result.match && !result.options.some((option) => option.value === result.match!.value)\n      ? [result.match, ...result.options]\n      : result.options;\n\n  const commit = (option: AutocompleteSelectOption) => {\n    if (option.disabled) return;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember([], option);\n    setDisplay(formatValue(option));\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    snapshot = { value: option.value, option, display: formatValue(option) };\n    commitFieldValue(props, option.value);\n    setEditing(false);\n  };\n\n  const invalidate = (message = props.noMatchText ?? messages().noMatchingOption) => {\n    pendingCommitQuery = undefined;\n    setInternalError(message);\n    popover.hide();\n  };\n\n  const loader = createChoiceLoader(\n    () => async (typed, signal) => {\n      let result: AutocompleteSelectSearchResult;\n      try {\n        result = await props.search(typed, signal, activeGroup());\n      } catch (reason) {\n        if (!signal.aborted) {\n          setResolvedQuery(typed);\n          if (pendingCommitQuery === typed) invalidate(errorMessage(reason, messages().optionsCouldNotLoad));\n        }\n        throw reason;\n      }\n      if (signal.aborted) return [];\n\n      const options = mergedOptions(result);\n      const authoritative = result.match?.disabled ? undefined : result.match;\n      remember(options, authoritative);\n      setResolvedQuery(typed);\n      setMatch(authoritative);\n      setExplicitOption(false);\n      setFocusedIndex(authoritative ? options.findIndex((option) => option.value === authoritative.value) : -1);\n      completeInput(typed, authoritative);\n\n      if (pendingCommitQuery === typed) {\n        if (authoritative) commit(authoritative);\n        else invalidate();\n      }\n      return options;\n    },\n    () => props.debounceMs ?? 150,\n  );\n\n  const options = () => (resolvedQuery() === query() ? loader.options() : []);\n  const loadError = () => (resolvedQuery() === query() ? loader.error() : undefined);\n  const focusedOption = () => options()[focusedIndex()];\n  const focusOption = (index: number, explicit = true) => {\n    setFocusedIndex(index);\n    setExplicitOption(explicit);\n    optionRefs[index]?.scrollIntoView({ block: \"nearest\" });\n  };\n  const move = (direction: 1 | -1) => focusOption(nextEnabledChoiceIndex(options(), focusedIndex(), direction));\n\n  const startSearch = (typed: string, immediate = false) => {\n    setInternalError(undefined);\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    popover.show();\n    loader.load(typed, immediate);\n  };\n\n  const chooseGroup = (group: string | null) => {\n    if (group === activeGroup()) return;\n    setSelectedGroup(group);\n    startSearch(editing() ? query() : \"\", true);\n  };\n\n  const selectedForCommit = (): AutocompleteSelectOption | undefined => {\n    if (resolvedQuery() !== query()) return undefined;\n    if (explicitOption()) return focusedOption();\n    return match();\n  };\n\n  const requestCommit = () => {\n    if (!editing()) return;\n    const option = selectedForCommit();\n    if (option) {\n      commit(option);\n      return;\n    }\n    if (query() === \"\" && props.clearable && !props.required) {\n      pendingCommitQuery = undefined;\n      loader.cancel();\n      popover.hide();\n      snapshot = { value: null, option: undefined, display: \"\" };\n      setDisplay(\"\");\n      setQuery(\"\");\n      setEditing(false);\n      setResolvedQuery(undefined);\n      setMatch(undefined);\n      setFocusedIndex(-1);\n      setExplicitOption(false);\n      setInternalError(undefined);\n      commitFieldValue(props, null);\n      return;\n    }\n    if (pendingCommitQuery === query()) return;\n    pendingCommitQuery = query();\n    if (resolvedQuery() === query() && !loader.loading()) invalidate();\n    else loader.load(query(), true);\n  };\n\n  const restore = () => {\n    const target = snapshot;\n    pendingCommitQuery = undefined;\n    loader.cancel();\n    popover.hide();\n    remember(target.option ? [target.option] : []);\n    setDisplay(target.display);\n    setQuery(\"\");\n    setResolvedQuery(undefined);\n    setMatch(undefined);\n    setFocusedIndex(-1);\n    setExplicitOption(false);\n    setInternalError(undefined);\n    if (value() !== target.value) props.onValueChange?.(target.value);\n    setEditing(false);\n    queueMicrotask(() => inputRef?.select());\n  };\n\n  createEffect(() => {\n    if (editing()) return;\n    const option = selected();\n    setDisplay(formatValue(option));\n    snapshot = { value: value(), option, display: formatValue(option) };\n  });\n\n  createEffect(() => {\n    if (!inputRef) return;\n    const message = internalError();\n    inputRef.setCustomValidity(message ?? (editing() ? messages().selectMatchingOption : \"\"));\n  });\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (event.isComposing) return;\n    if (event.key === \"ArrowDown\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      if (!popover.open()) {\n        const typed = editing() ? query() : \"\";\n        startSearch(typed, true);\n      } else {\n        move(event.key === \"ArrowDown\" ? 1 : -1);\n      }\n    } else if (event.key === \"Enter\" && popover.open()) {\n      const option = selectedForCommit();\n      if (!option) return;\n      event.preventDefault();\n      commit(option);\n      inputRef?.select();\n    } else if (event.key === \"Escape\" && (editing() || popover.open())) {\n      event.preventDefault();\n      if (editing()) restore();\n      else popover.hide();\n    } else if (event.key === \"Tab\") {\n      requestCommit();\n      popover.hide();\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={props.disabled}\n    >\n      <div class=\"k2b-combobox\" data-invalid={error() ? \"true\" : undefined}>\n        <div ref={popover.setTrigger} class=\"k2b-combobox__input\" data-clearable={hasClearAction() ? \"true\" : undefined}>\n          <i class=\"ti ti-search\" aria-hidden=\"true\" />\n          <input\n            ref={(element) => {\n              inputRef = element;\n            }}\n            id={meta.controlId}\n            type=\"text\"\n            value={display()}\n            placeholder={props.placeholder ?? messages().typeToSearch}\n            disabled={props.disabled}\n            required={props.required}\n            autofocus={props.autofocus}\n            autocomplete=\"off\"\n            spellcheck={false}\n            role=\"combobox\"\n            aria-autocomplete=\"both\"\n            aria-expanded={popover.open()}\n            aria-controls={listboxId}\n            aria-activedescendant={focusedOption() ? `${listboxId}-${focusedIndex()}` : undefined}\n            {...fieldControlAria(meta, { ...props, error: error() })}\n            onPointerDown={() => {\n              pointerFocus = true;\n              queueMicrotask(() => (pointerFocus = false));\n            }}\n            onFocus={() => {\n              setFocused(true);\n              if (!editing()) {\n                const option = selected();\n                snapshot = { value: value(), option, display: formatValue(option) };\n                setDisplay(snapshot.display);\n              }\n              if (!pointerFocus) queueMicrotask(() => inputRef?.select());\n            }}\n            onClick={() => {\n              if (!editing()) startSearch(\"\", true);\n            }}\n            onInput={(event) => {\n              const typed = event.currentTarget.value;\n              const beginsEdit = !editing();\n              setEditing(true);\n              if (beginsEdit && value() !== null) props.onValueChange?.(null);\n              setDisplay(typed);\n              setQuery(typed);\n              pendingCommitQuery = undefined;\n              startSearch(typed);\n            }}\n            onKeyDown={onKeyDown}\n            onBlur={(event) => {\n              setFocused(false);\n              if (event.relatedTarget instanceof Node && popoverRef?.contains(event.relatedTarget)) return;\n              requestCommit();\n              popover.hide();\n            }}\n          />\n          <Show when={hasClearAction()}>\n            <button\n              type=\"button\"\n              class=\"k2b-choice-control__clear k2b-input-clear-action\"\n              tabindex={-1}\n              aria-label={messages().clearSelection}\n              onPointerDown={(event) => event.preventDefault()}\n              onClick={() => {\n                snapshot = { value: null, option: undefined, display: \"\" };\n                setDisplay(\"\");\n                setQuery(\"\");\n                setEditing(false);\n                setResolvedQuery(undefined);\n                setMatch(undefined);\n                setFocusedIndex(-1);\n                setExplicitOption(false);\n                setInternalError(undefined);\n                commitFieldValue(props, null);\n                inputRef?.focus();\n              }}\n            >\n              <i class=\"ti ti-x\" aria-hidden=\"true\" />\n            </button>\n          </Show>\n          <Show\n            when={loader.loading()}\n            fallback={\n              <Show when={editing() && match()} fallback={<i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}>\n                <i class=\"ti ti-check\" aria-hidden=\"true\" />\n              </Show>\n            }\n          >\n            <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n          </Show>\n        </div>\n        <Show when={props.name}>{(name) => <input type=\"hidden\" name={name()} value={value() ?? \"\"} />}</Show>\n        <span class=\"k2b-sr-only\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\n          {loader.loading()\n            ? (props.checkingText ?? messages().checkingOptions)\n            : match()\n              ? `Match: ${formatValue(match())}`\n              : (internalError() ?? \"\")}\n        </span>\n        <div\n          ref={(element) => {\n            popoverRef = element;\n            popover.setPopover(element);\n          }}\n          popover=\"manual\"\n          class=\"k2b-choice-popover\"\n          role=\"group\"\n          aria-label={typeof props.label === \"string\" ? props.label : (props[\"aria-label\"] ?? messages().options)}\n          onFocusOut={(event) => {\n            if (event.relatedTarget instanceof Node && (popoverRef?.contains(event.relatedTarget) || inputRef === event.relatedTarget))\n              return;\n            requestCommit();\n            popover.hide();\n          }}\n          onKeyDown={(event) => {\n            if (event.key !== \"Escape\") return;\n            event.preventDefault();\n            if (editing()) restore();\n            else {\n              popover.hide();\n              inputRef?.focus();\n            }\n          }}\n        >\n          <Show when={(props.groups?.length ?? 0) > 0}>\n            <div class=\"k2b-choice-toolbar\">\n              <ChoiceGroups\n                choices={groupChoices()}\n                value={activeGroup()}\n                onValueChange={chooseGroup}\n                ariaLabel={props.groupsAriaLabel ?? messages().filterOptions}\n                controls={listboxId}\n              />\n            </div>\n          </Show>\n          <div id={listboxId} class=\"k2b-choice-options\" role=\"listbox\">\n            <Show when={loadError()}>\n              {(message) => (\n                <div class=\"k2b-choice-status\" data-tone=\"danger\">\n                  <span>{message()}</span>\n                  <button\n                    type=\"button\"\n                    onPointerDown={(event) => event.preventDefault()}\n                    onClick={() => {\n                      setInternalError(undefined);\n                      loader.retry();\n                    }}\n                  >\n                    Retry\n                  </button>\n                </div>\n              )}\n            </Show>\n            <Show when={loader.loading() && options().length === 0}>\n              <div class=\"k2b-choice-status\">\n                <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n                <span>{props.checkingText ?? messages().checkingOptionsLoading}</span>\n              </div>\n            </Show>\n            <For\n              each={loadError() ? [] : options()}\n              fallback={\n                <Show when={!loader.loading() && !loadError()}>\n                  <div class=\"k2b-choice-status\">{props.noOptionsText ?? messages().noOptionsFound}</div>\n                </Show>\n              }\n            >\n              {(option, index) => (\n                <button\n                  ref={(element) => (optionRefs[index()] = element)}\n                  type=\"button\"\n                  id={`${listboxId}-${index()}`}\n                  class=\"k2b-choice-option\"\n                  role=\"option\"\n                  aria-label={option.label}\n                  aria-selected={index() === focusedIndex()}\n                  data-focused={index() === focusedIndex() ? \"true\" : undefined}\n                  disabled={option.disabled}\n                  onPointerMove={() => focusOption(index())}\n                  onPointerDown={(event) => event.preventDefault()}\n                  onClick={() => {\n                    commit(option);\n                    inputRef?.focus();\n                    inputRef?.select();\n                  }}\n                >\n                  <Show when={option.color} fallback={<Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>}>\n                    {(color) => <span class=\"k2b-choice-dot\" style={{ \"background-color\": color() }} aria-hidden=\"true\" />}\n                  </Show>\n                  <span>\n                    <strong>{option.label}</strong>\n                    <Show when={option.description}>{(description) => <small>{description()}</small>}</Show>\n                  </span>\n                </button>\n              )}\n            </For>\n          </div>\n        </div>\n      </div>\n    </Field>\n  );\n}\n\nexport default AutocompleteSelect;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/FileInputs.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/FileInputs.tsx"],"sourcesContent":["import { dropzone } from \"@k2b/stdlib/solid\";\nimport { createEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport {\n  clampImageCropRect,\n  getInitialImageCropRect,\n  type ImageCropAspect,\n  type ImageCropRect,\n  type ImageCropResizeHandle,\n  type ImageCropRotation,\n  type ImageCropSource,\n  type ImageCropState,\n  resizeImageCropFromCorner,\n  rotateImageCropRight,\n} from \"./image-crop\";\n\nexport type FileDropzoneProps = FieldProps & {\n  accept?: string;\n  multiple?: boolean;\n  busy?: boolean;\n  icon?: string;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  hint?: JSX.Element;\n  onDrop: (files: File[]) => void | Promise<void>;\n};\n\nexport function FileDropzone(props: FileDropzoneProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const disabled = () => Boolean(props.disabled || props.busy);\n  const error = () => resolveMaybeAccessor(props.error);\n  let input: HTMLInputElement | undefined;\n  const emit = (files: File[]) => {\n    if (disabled() || files.length === 0) return;\n    void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);\n  };\n  const zone = dropzone.create({\n    get accept() {\n      return props.accept;\n    },\n    onDrop: emit,\n  });\n  const title = () =>\n    props.busy\n      ? messages().uploading\n      : zone.invalidDrag()\n        ? messages().fileTypeNotAccepted\n        : zone.isDragging()\n          ? messages().dropToUpload\n          : (props.title ?? messages().dropFiles);\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <button\n        id={meta.controlId}\n        type=\"button\"\n        class=\"k2b-dropzone\"\n        data-dragging={zone.isDragging() ? \"true\" : undefined}\n        data-invalid={zone.invalidDrag() || error() ? \"true\" : undefined}\n        disabled={disabled()}\n        {...fieldControlAria(meta, props)}\n        onClick={() => input?.click()}\n        {...zone.handlers}\n      >\n        <span class=\"k2b-dropzone__icon\" aria-hidden=\"true\">\n          <i class={props.busy ? \"ti ti-loader-2 k2b-spin\" : (props.icon ?? \"ti ti-cloud-upload\")} />\n        </span>\n        <span class=\"k2b-dropzone__copy\">\n          <strong>{title()}</strong>\n          <Show\n            when={zone.invalidDrag()}\n            fallback={\n              <Show when={props.subtitle}>\n                <span class=\"k2b-dropzone__subtitle\">{props.subtitle}</span>\n              </Show>\n            }\n          >\n            <span class=\"k2b-dropzone__subtitle\">{messages().chooseMatchingFile}</span>\n          </Show>\n          <Show when={props.hint}>\n            <span class=\"k2b-dropzone__hint\">{props.hint}</span>\n          </Show>\n        </span>\n      </button>\n      <input\n        ref={input}\n        class=\"k2b-sr-only\"\n        type=\"file\"\n        aria-label={\n          props[\"aria-label\"] ??\n          (typeof props.label === \"string\" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles)\n        }\n        accept={props.accept}\n        multiple={props.multiple ?? true}\n        disabled={disabled()}\n        tabIndex={-1}\n        onChange={(event) => {\n          const files = Array.from(event.currentTarget.files ?? []);\n          // Reset before emitting so re-picking the same file still fires change,\n          // even when onDrop throws.\n          event.currentTarget.value = \"\";\n          emit(files);\n        }}\n      />\n    </Field>\n  );\n}\n\nexport type ImageInputProps = ValueFieldProps<string | null> & {\n  round?: boolean;\n  variant?: \"default\" | \"small\";\n  transform?: (file: File) => Promise<string>;\n  accept?: string;\n  fallbackMarker?: string;\n};\n\nconst DEFAULT_IMAGE_ACCEPT = \"image/jpeg,image/png,image/gif,image/webp,image/svg+xml,.jpg,.jpeg,.png,.gif,.webp,.svg\";\n\nconst defaultImageTransform = async (file: File): Promise<string> => {\n  const { img } = await import(\"@k2b/stdlib/browser\");\n  return img.presets.avatar(file);\n};\n\nexport function ImageInput(props: ImageInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const [busy, setBusy] = createSignal(false);\n  const [localError, setLocalError] = createSignal<string>();\n  let input: HTMLInputElement | undefined;\n  const disabled = () => Boolean(props.disabled || busy() || !props.onValueChange);\n  const error = () => resolveMaybeAccessor(props.error) ?? localError();\n  const value = () => {\n    const current = resolveMaybeAccessor(props.value);\n    return current && !current.includes(props.fallbackMarker ?? \"?fallback\") ? current : null;\n  };\n  const compact = () => props.variant === \"small\";\n  const changeLabel = () => (value() ? messages().changeImage : messages().addImage);\n  const changeIcon = () => (value() ? \"ti ti-pencil\" : \"ti ti-photo-plus\");\n  const select = async (file: File | undefined) => {\n    if (!file || disabled()) return;\n    setBusy(true);\n    setLocalError();\n    try {\n      const transformed = await (props.transform ?? defaultImageTransform)(file);\n      commitFieldValue(props, transformed);\n    } catch (error) {\n      setLocalError(error instanceof Error ? error.message : messages().imageProcessingFailed);\n    } finally {\n      setBusy(false);\n      if (input) input.value = \"\";\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <div\n        class=\"k2b-image-input\"\n        data-round={props.round ? \"true\" : undefined}\n        data-variant={props.variant ?? \"default\"}\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        aria-describedby={fieldControlAria(meta, { ...props, error })[\"aria-describedby\"]}\n      >\n        <div class=\"k2b-image-input__preview\">\n          <Show when={value()} fallback={<i class=\"ti ti-photo-off\" aria-hidden=\"true\" />}>\n            {(source) => <img src={source()} alt={typeof props.label === \"string\" ? props.label : messages().selectedImage} />}\n          </Show>\n        </div>\n        <div class=\"k2b-image-input__actions\">\n          <Show\n            when={compact()}\n            fallback={\n              <Button\n                variant=\"secondary\"\n                loading={busy()}\n                loadingLabel={messages().processingImage}\n                disabled={disabled()}\n                onClick={() => input?.click()}\n              >\n                <i class={changeIcon()} aria-hidden=\"true\" />\n                {value() ? messages().change : messages().add}\n              </Button>\n            }\n          >\n            <IconButton\n              label={changeLabel()}\n              loading={busy()}\n              loadingLabel={messages().processingImage}\n              disabled={disabled()}\n              onClick={() => input?.click()}\n            >\n              <i class={changeIcon()} aria-hidden=\"true\" />\n            </IconButton>\n          </Show>\n          <Show when={value()}>\n            <Show\n              when={compact()}\n              fallback={\n                <Button variant=\"ghost\" disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                  <i class=\"ti ti-trash\" aria-hidden=\"true\" /> Remove\n                </Button>\n              }\n            >\n              <IconButton label={messages().removeImage} disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n              </IconButton>\n            </Show>\n          </Show>\n        </div>\n        <input\n          ref={input}\n          id={meta.controlId}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          accept={props.accept ?? DEFAULT_IMAGE_ACCEPT}\n          disabled={disabled()}\n          required={props.required && !value()}\n          {...fieldControlAria(meta, { ...props, error })}\n          onChange={(event) => void select(event.currentTarget.files?.[0])}\n        />\n      </div>\n    </Field>\n  );\n}\n\ntype PreviewState = {\n  url: string;\n  objectUrl: boolean;\n  sourceWidth: number;\n  sourceHeight: number;\n};\n\ntype DragHandle = \"move\" | ImageCropResizeHandle;\ntype DragState = {\n  handle: DragHandle;\n  pointerId: number;\n  startX: number;\n  startY: number;\n  startCrop: ImageCropRect;\n};\n\nexport type ImageCropperProps = {\n  source: ImageCropSource;\n  aspect?: ImageCropAspect;\n  previewShape?: \"rect\" | \"circle\";\n  disabled?: boolean;\n  onValueChange?: (state: ImageCropState | null) => void;\n  class?: string;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst imageElementReady = async (image: HTMLImageElement): Promise<void> => {\n  if (image.complete && image.naturalWidth > 0) return;\n  await new Promise<void>((resolve, reject) => {\n    image.addEventListener(\"load\", () => resolve(), { once: true });\n    image.addEventListener(\"error\", () => reject(new Error(\"Failed to load image.\")), { once: true });\n  });\n};\n\nconst loadPreviewState = async (source: ImageCropSource): Promise<PreviewState> => {\n  const sourceImage =\n    source instanceof HTMLImageElement\n      ? source\n      : Object.assign(new Image(), {\n          crossOrigin: source instanceof Blob ? undefined : \"anonymous\",\n          src:\n            source instanceof HTMLCanvasElement\n              ? source.toDataURL(\"image/png\")\n              : source instanceof Blob\n                ? URL.createObjectURL(source)\n                : source,\n        });\n\n  try {\n    await imageElementReady(sourceImage);\n    return {\n      url: source instanceof HTMLImageElement ? source.currentSrc || source.src : sourceImage.src,\n      objectUrl: source instanceof Blob,\n      sourceWidth: sourceImage.naturalWidth || sourceImage.width,\n      sourceHeight: sourceImage.naturalHeight || sourceImage.height,\n    };\n  } catch (error) {\n    if (source instanceof Blob) URL.revokeObjectURL(sourceImage.src);\n    throw error;\n  }\n};\n\nexport function ImageCropper(props: ImageCropperProps): JSX.Element {\n  const messages = useUiMessages();\n  let frame: HTMLDivElement | undefined;\n  let activePreview: PreviewState | null = null;\n  const aspect = () => props.aspect ?? \"free\";\n  const previewShape = () => props.previewShape ?? \"rect\";\n  const disabled = () => props.disabled ?? false;\n  const [preview, setPreview] = createSignal<PreviewState | null>(null);\n  const [crop, setCrop] = createSignal<ImageCropRect | null>(null);\n  const [rotation, setRotation] = createSignal<ImageCropRotation>(0);\n  const [loading, setLoading] = createSignal(true);\n  const [error, setError] = createSignal<string | null>(null);\n  const [drag, setDrag] = createSignal<DragState | null>(null);\n\n  const previewSize = (): { width: number; height: number } | null => {\n    const currentPreview = preview();\n    if (!currentPreview) return null;\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      width: swapsDimensions ? currentPreview.sourceHeight : currentPreview.sourceWidth,\n      height: swapsDimensions ? currentPreview.sourceWidth : currentPreview.sourceHeight,\n    };\n  };\n\n  const replacePreview = (next: PreviewState | null) => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n    activePreview = next;\n    setPreview(next);\n  };\n\n  onCleanup(() => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n  });\n\n  createEffect(() => {\n    props.source;\n    setRotation(0);\n    setCrop(null);\n  });\n\n  createEffect(() => {\n    const source = props.source;\n    let disposed = false;\n    replacePreview(null);\n    setLoading(true);\n    setError(null);\n\n    void (async () => {\n      try {\n        const nextPreview = await loadPreviewState(source);\n        if (disposed) {\n          if (nextPreview.objectUrl) URL.revokeObjectURL(nextPreview.url);\n          return;\n        }\n        replacePreview(nextPreview);\n      } catch {\n        if (disposed) return;\n        replacePreview(null);\n        setCrop(null);\n        setError(messages().failedLoadImage);\n      } finally {\n        if (!disposed) setLoading(false);\n      }\n    })();\n\n    onCleanup(() => {\n      disposed = true;\n    });\n  });\n\n  createEffect(() => {\n    const currentSize = previewSize();\n    const currentAspect = aspect();\n    if (!currentSize) return;\n    setCrop((current) => clampImageCropRect(current ?? getInitialImageCropRect(currentSize, currentAspect), currentSize, currentAspect));\n  });\n\n  createEffect(() => {\n    const currentCrop = crop();\n    const currentPreview = preview();\n    props.onValueChange?.(currentCrop && currentPreview ? { crop: currentCrop, rotation: rotation() } : null);\n  });\n\n  const readPointerPosition = (event: PointerEvent) => {\n    if (!frame) return { x: 0, y: 0 };\n    const rect = frame.getBoundingClientRect();\n    return {\n      x: (event.clientX - rect.left) / Math.max(1, rect.width),\n      y: (event.clientY - rect.top) / Math.max(1, rect.height),\n    };\n  };\n\n  const moveCrop = (event: PointerEvent) => {\n    const state = drag();\n    const currentSize = previewSize();\n    if (!state || !currentSize || state.pointerId !== event.pointerId) return;\n    event.preventDefault();\n    const point = readPointerPosition(event);\n    const dx = point.x - state.startX;\n    const dy = point.y - state.startY;\n    const start = state.startCrop;\n\n    if (state.handle === \"move\") {\n      setCrop(\n        clampImageCropRect(\n          {\n            ...start,\n            x: start.x + dx,\n            y: start.y + dy,\n          },\n          currentSize,\n          aspect(),\n        ),\n      );\n      return;\n    }\n\n    setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));\n  };\n\n  const endDrag = (event: PointerEvent) => {\n    const state = drag();\n    if (!state || state.pointerId !== event.pointerId) return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    setDrag(null);\n  };\n\n  const startDrag = (handle: DragHandle, event: PointerEvent) => {\n    const currentCrop = crop();\n    if (!currentCrop || disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n    (event.currentTarget as Element).setPointerCapture?.(event.pointerId);\n    const point = readPointerPosition(event);\n    setDrag({\n      handle,\n      pointerId: event.pointerId,\n      startX: point.x,\n      startY: point.y,\n      startCrop: currentCrop,\n    });\n    window.addEventListener(\"pointermove\", moveCrop);\n    window.addEventListener(\"pointerup\", endDrag);\n    window.addEventListener(\"pointercancel\", endDrag);\n  };\n\n  onCleanup(() => {\n    if (typeof window === \"undefined\") return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n  });\n\n  const rotateRight = () => {\n    if (disabled()) return;\n    setRotation((current) => rotateImageCropRight(current));\n  };\n\n  const nudgeCrop = (handle: DragHandle, event: KeyboardEvent) => {\n    if (disabled() || ![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) return;\n    const current = crop();\n    const currentSize = previewSize();\n    if (!current || !currentSize) return;\n    event.preventDefault();\n    const step = event.shiftKey ? 0.05 : 0.01;\n    const dx = event.key === \"ArrowLeft\" ? -step : event.key === \"ArrowRight\" ? step : 0;\n    const dy = event.key === \"ArrowUp\" ? -step : event.key === \"ArrowDown\" ? step : 0;\n    setCrop(\n      handle === \"move\"\n        ? clampImageCropRect({ ...current, x: current.x + dx, y: current.y + dy }, currentSize, aspect())\n        : resizeImageCropFromCorner(current, currentSize, aspect(), handle, dx, dy),\n    );\n  };\n\n  const previewFrameStyle = (): JSX.CSSProperties => {\n    const currentSize = previewSize();\n    if (!currentSize) return {};\n    return {\n      \"aspect-ratio\": `${currentSize.width} / ${currentSize.height}`,\n      \"max-width\": `min(100%, calc(min(58vh, 24rem) * ${currentSize.width} / ${currentSize.height}))`,\n    };\n  };\n\n  const previewImageStyle = (): JSX.CSSProperties => {\n    const currentPreview = preview();\n    const currentSize = previewSize();\n    if (!currentPreview || !currentSize) return {};\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      left: \"50%\",\n      top: \"50%\",\n      width: swapsDimensions ? `${(currentPreview.sourceWidth / currentSize.width) * 100}%` : \"100%\",\n      height: swapsDimensions ? `${(currentPreview.sourceHeight / currentSize.height) * 100}%` : \"100%\",\n      \"max-width\": \"none\",\n      \"object-fit\": \"fill\",\n      transform: `translate(-50%, -50%) rotate(${rotation()}deg)`,\n    };\n  };\n\n  const cropStyle = (): JSX.CSSProperties => {\n    const currentCrop = crop();\n    if (!currentCrop) return {};\n    return {\n      left: `${currentCrop.x * 100}%`,\n      top: `${currentCrop.y * 100}%`,\n      width: `${currentCrop.width * 100}%`,\n      height: `${currentCrop.height * 100}%`,\n      \"box-shadow\": \"0 0 0 9999px rgba(0,0,0,.42)\",\n    };\n  };\n\n  const showResizeHandles = () => previewShape() !== \"circle\";\n\n  return (\n    <div class={`k2b-image-cropper ${props.class ?? \"\"}`}>\n      <div class=\"k2b-image-cropper__stage\">\n        <Show when={!loading()} fallback={<small>{messages().preparingImage}</small>}>\n          <Show when={!error()} fallback={<small class=\"k2b-image-cropper__error\">{error()}</small>}>\n            <Show when={preview() && crop()}>\n              <div ref={frame} class=\"k2b-image-cropper__frame\" style={previewFrameStyle()}>\n                <img src={preview()!.url} alt={messages().cropPreview} draggable={false} style={previewImageStyle()} />\n                <div\n                  class=\"k2b-image-cropper__selection\"\n                  data-shape={previewShape()}\n                  style={cropStyle()}\n                  role=\"group\"\n                  tabIndex={disabled() ? undefined : 0}\n                  aria-label={messages().cropArea}\n                  onPointerDown={(event) => startDrag(\"move\", event)}\n                  onKeyDown={(event) => nudgeCrop(\"move\", event)}\n                >\n                  <Show when={showResizeHandles()}>\n                    <For each={[\"nw\", \"ne\", \"sw\", \"se\"] as const}>\n                      {(handle) => (\n                        <button\n                          type=\"button\"\n                          class=\"k2b-image-cropper__handle\"\n                          data-handle={handle}\n                          aria-label={messages().resizeCrop({ handle })}\n                          disabled={disabled()}\n                          onPointerDown={(event) => startDrag(handle, event)}\n                          onKeyDown={(event) => nudgeCrop(handle, event)}\n                        />\n                      )}\n                    </For>\n                  </Show>\n                </div>\n                <button\n                  type=\"button\"\n                  class=\"k2b-image-cropper__rotate\"\n                  title={messages().rotateRight}\n                  aria-label={messages().rotateRight}\n                  disabled={disabled() || !crop() || Boolean(error())}\n                  onClick={rotateRight}\n                >\n                  <i class=\"ti ti-rotate-clockwise\" aria-hidden=\"true\" />\n                </button>\n              </div>\n            </Show>\n          </Show>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/FileInputs.tsx"],"sourcesContent":["import { dropzone } from \"@k2b/stdlib/solid\";\nimport { createEffect, createSignal, For, type JSX, onCleanup, Show } from \"solid-js\";\nimport { Button, IconButton } from \"../actions/Button\";\nimport { createFieldMeta, Field, fieldControlAria } from \"../internal/field\";\nimport { useUiMessages } from \"../intl/messages\";\nimport type { FieldProps, ValueFieldProps } from \"./field-contract\";\nimport { commitFieldValue, resolveMaybeAccessor } from \"./field-contract\";\nimport {\n  clampImageCropRect,\n  getInitialImageCropRect,\n  type ImageCropAspect,\n  type ImageCropRect,\n  type ImageCropResizeHandle,\n  type ImageCropRotation,\n  type ImageCropSource,\n  type ImageCropState,\n  resizeImageCropFromCorner,\n  rotateImageCropRight,\n} from \"./image-crop\";\n\nexport type FileDropzoneProps = FieldProps & {\n  accept?: string;\n  multiple?: boolean;\n  busy?: boolean;\n  /** Full icon class list, for example `\"ti ti-photo-plus\"`. Defaults to `\"ti ti-cloud-upload\"`. */\n  icon?: string;\n  title?: JSX.Element;\n  subtitle?: JSX.Element;\n  hint?: JSX.Element;\n  onDrop: (files: File[]) => void | Promise<void>;\n};\n\nexport function FileDropzone(props: FileDropzoneProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const disabled = () => Boolean(props.disabled || props.busy);\n  const error = () => resolveMaybeAccessor(props.error);\n  let input: HTMLInputElement | undefined;\n  const emit = (files: File[]) => {\n    if (disabled() || files.length === 0) return;\n    void props.onDrop(props.multiple === false ? files.slice(0, 1) : files);\n  };\n  const zone = dropzone.create({\n    get accept() {\n      return props.accept;\n    },\n    onDrop: emit,\n  });\n  const title = () =>\n    props.busy\n      ? messages().uploading\n      : zone.invalidDrag()\n        ? messages().fileTypeNotAccepted\n        : zone.isDragging()\n          ? messages().dropToUpload\n          : (props.title ?? messages().dropFiles);\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <button\n        id={meta.controlId}\n        type=\"button\"\n        class=\"k2b-dropzone\"\n        data-dragging={zone.isDragging() ? \"true\" : undefined}\n        data-invalid={zone.invalidDrag() || error() ? \"true\" : undefined}\n        disabled={disabled()}\n        {...fieldControlAria(meta, props)}\n        onClick={() => input?.click()}\n        {...zone.handlers}\n      >\n        <span class=\"k2b-dropzone__icon\" aria-hidden=\"true\">\n          <i class={props.busy ? \"ti ti-loader-2 k2b-spin\" : (props.icon ?? \"ti ti-cloud-upload\")} />\n        </span>\n        <span class=\"k2b-dropzone__copy\">\n          <strong>{title()}</strong>\n          <Show\n            when={zone.invalidDrag()}\n            fallback={\n              <Show when={props.subtitle}>\n                <span class=\"k2b-dropzone__subtitle\">{props.subtitle}</span>\n              </Show>\n            }\n          >\n            <span class=\"k2b-dropzone__subtitle\">{messages().chooseMatchingFile}</span>\n          </Show>\n          <Show when={props.hint}>\n            <span class=\"k2b-dropzone__hint\">{props.hint}</span>\n          </Show>\n        </span>\n      </button>\n      <input\n        ref={input}\n        class=\"k2b-sr-only\"\n        type=\"file\"\n        aria-label={\n          props[\"aria-label\"] ??\n          (typeof props.label === \"string\" ? props.label : props.multiple === false ? messages().chooseFile : messages().chooseFiles)\n        }\n        accept={props.accept}\n        multiple={props.multiple ?? true}\n        disabled={disabled()}\n        tabIndex={-1}\n        onChange={(event) => {\n          const files = Array.from(event.currentTarget.files ?? []);\n          // Reset before emitting so re-picking the same file still fires change,\n          // even when onDrop throws.\n          event.currentTarget.value = \"\";\n          emit(files);\n        }}\n      />\n    </Field>\n  );\n}\n\nexport type ImageInputProps = ValueFieldProps<string | null> & {\n  round?: boolean;\n  variant?: \"default\" | \"small\";\n  transform?: (file: File) => Promise<string>;\n  accept?: string;\n  fallbackMarker?: string;\n};\n\nconst DEFAULT_IMAGE_ACCEPT = \"image/jpeg,image/png,image/gif,image/webp,image/svg+xml,.jpg,.jpeg,.png,.gif,.webp,.svg\";\n\nconst defaultImageTransform = async (file: File): Promise<string> => {\n  const { img } = await import(\"@k2b/stdlib/browser\");\n  return img.presets.avatar(file);\n};\n\nexport function ImageInput(props: ImageInputProps): JSX.Element {\n  const messages = useUiMessages();\n  const meta = createFieldMeta(props.id);\n  const [busy, setBusy] = createSignal(false);\n  const [localError, setLocalError] = createSignal<string>();\n  let input: HTMLInputElement | undefined;\n  const disabled = () => Boolean(props.disabled || busy() || !props.onValueChange);\n  const error = () => resolveMaybeAccessor(props.error) ?? localError();\n  const value = () => {\n    const current = resolveMaybeAccessor(props.value);\n    return current && !current.includes(props.fallbackMarker ?? \"?fallback\") ? current : null;\n  };\n  const compact = () => props.variant === \"small\";\n  const changeLabel = () => (value() ? messages().changeImage : messages().addImage);\n  const changeIcon = () => (value() ? \"ti ti-pencil\" : \"ti ti-photo-plus\");\n  const select = async (file: File | undefined) => {\n    if (!file || disabled()) return;\n    setBusy(true);\n    setLocalError();\n    try {\n      const transformed = await (props.transform ?? defaultImageTransform)(file);\n      commitFieldValue(props, transformed);\n    } catch (error) {\n      setLocalError(error instanceof Error ? error.message : messages().imageProcessingFailed);\n    } finally {\n      setBusy(false);\n      if (input) input.value = \"\";\n    }\n  };\n\n  return (\n    <Field\n      class={props.class}\n      label={props.label}\n      description={props.description}\n      error={error()}\n      meta={meta}\n      required={props.required}\n      disabled={disabled()}\n    >\n      <div\n        class=\"k2b-image-input\"\n        data-round={props.round ? \"true\" : undefined}\n        data-variant={props.variant ?? \"default\"}\n        role=\"group\"\n        aria-labelledby={props.label ? meta.labelId : undefined}\n        aria-label={!props.label ? props[\"aria-label\"] : undefined}\n        aria-describedby={fieldControlAria(meta, { ...props, error })[\"aria-describedby\"]}\n      >\n        <div class=\"k2b-image-input__preview\">\n          <Show when={value()} fallback={<i class=\"ti ti-photo-off\" aria-hidden=\"true\" />}>\n            {(source) => <img src={source()} alt={typeof props.label === \"string\" ? props.label : messages().selectedImage} />}\n          </Show>\n        </div>\n        <div class=\"k2b-image-input__actions\">\n          <Show\n            when={compact()}\n            fallback={\n              <Button\n                variant=\"secondary\"\n                loading={busy()}\n                loadingLabel={messages().processingImage}\n                disabled={disabled()}\n                onClick={() => input?.click()}\n              >\n                <i class={changeIcon()} aria-hidden=\"true\" />\n                {value() ? messages().change : messages().add}\n              </Button>\n            }\n          >\n            <IconButton\n              label={changeLabel()}\n              loading={busy()}\n              loadingLabel={messages().processingImage}\n              disabled={disabled()}\n              onClick={() => input?.click()}\n            >\n              <i class={changeIcon()} aria-hidden=\"true\" />\n            </IconButton>\n          </Show>\n          <Show when={value()}>\n            <Show\n              when={compact()}\n              fallback={\n                <Button variant=\"ghost\" disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                  <i class=\"ti ti-trash\" aria-hidden=\"true\" /> Remove\n                </Button>\n              }\n            >\n              <IconButton label={messages().removeImage} disabled={disabled()} onClick={() => commitFieldValue(props, null)}>\n                <i class=\"ti ti-trash\" aria-hidden=\"true\" />\n              </IconButton>\n            </Show>\n          </Show>\n        </div>\n        <input\n          ref={input}\n          id={meta.controlId}\n          class=\"k2b-sr-only\"\n          type=\"file\"\n          accept={props.accept ?? DEFAULT_IMAGE_ACCEPT}\n          disabled={disabled()}\n          required={props.required && !value()}\n          {...fieldControlAria(meta, { ...props, error })}\n          onChange={(event) => void select(event.currentTarget.files?.[0])}\n        />\n      </div>\n    </Field>\n  );\n}\n\ntype PreviewState = {\n  url: string;\n  objectUrl: boolean;\n  sourceWidth: number;\n  sourceHeight: number;\n};\n\ntype DragHandle = \"move\" | ImageCropResizeHandle;\ntype DragState = {\n  handle: DragHandle;\n  pointerId: number;\n  startX: number;\n  startY: number;\n  startCrop: ImageCropRect;\n};\n\nexport type ImageCropperProps = {\n  source: ImageCropSource;\n  aspect?: ImageCropAspect;\n  previewShape?: \"rect\" | \"circle\";\n  disabled?: boolean;\n  onValueChange?: (state: ImageCropState | null) => void;\n  class?: string;\n};\n\nconst clamp = (value: number, min: number, max: number) => Math.max(min, Math.min(max, value));\n\nconst imageElementReady = async (image: HTMLImageElement): Promise<void> => {\n  if (image.complete && image.naturalWidth > 0) return;\n  await new Promise<void>((resolve, reject) => {\n    image.addEventListener(\"load\", () => resolve(), { once: true });\n    image.addEventListener(\"error\", () => reject(new Error(\"Failed to load image.\")), { once: true });\n  });\n};\n\nconst loadPreviewState = async (source: ImageCropSource): Promise<PreviewState> => {\n  const sourceImage =\n    source instanceof HTMLImageElement\n      ? source\n      : Object.assign(new Image(), {\n          crossOrigin: source instanceof Blob ? undefined : \"anonymous\",\n          src:\n            source instanceof HTMLCanvasElement\n              ? source.toDataURL(\"image/png\")\n              : source instanceof Blob\n                ? URL.createObjectURL(source)\n                : source,\n        });\n\n  try {\n    await imageElementReady(sourceImage);\n    return {\n      url: source instanceof HTMLImageElement ? source.currentSrc || source.src : sourceImage.src,\n      objectUrl: source instanceof Blob,\n      sourceWidth: sourceImage.naturalWidth || sourceImage.width,\n      sourceHeight: sourceImage.naturalHeight || sourceImage.height,\n    };\n  } catch (error) {\n    if (source instanceof Blob) URL.revokeObjectURL(sourceImage.src);\n    throw error;\n  }\n};\n\nexport function ImageCropper(props: ImageCropperProps): JSX.Element {\n  const messages = useUiMessages();\n  let frame: HTMLDivElement | undefined;\n  let activePreview: PreviewState | null = null;\n  const aspect = () => props.aspect ?? \"free\";\n  const previewShape = () => props.previewShape ?? \"rect\";\n  const disabled = () => props.disabled ?? false;\n  const [preview, setPreview] = createSignal<PreviewState | null>(null);\n  const [crop, setCrop] = createSignal<ImageCropRect | null>(null);\n  const [rotation, setRotation] = createSignal<ImageCropRotation>(0);\n  const [loading, setLoading] = createSignal(true);\n  const [error, setError] = createSignal<string | null>(null);\n  const [drag, setDrag] = createSignal<DragState | null>(null);\n\n  const previewSize = (): { width: number; height: number } | null => {\n    const currentPreview = preview();\n    if (!currentPreview) return null;\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      width: swapsDimensions ? currentPreview.sourceHeight : currentPreview.sourceWidth,\n      height: swapsDimensions ? currentPreview.sourceWidth : currentPreview.sourceHeight,\n    };\n  };\n\n  const replacePreview = (next: PreviewState | null) => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n    activePreview = next;\n    setPreview(next);\n  };\n\n  onCleanup(() => {\n    if (activePreview?.objectUrl) URL.revokeObjectURL(activePreview.url);\n  });\n\n  createEffect(() => {\n    props.source;\n    setRotation(0);\n    setCrop(null);\n  });\n\n  createEffect(() => {\n    const source = props.source;\n    let disposed = false;\n    replacePreview(null);\n    setLoading(true);\n    setError(null);\n\n    void (async () => {\n      try {\n        const nextPreview = await loadPreviewState(source);\n        if (disposed) {\n          if (nextPreview.objectUrl) URL.revokeObjectURL(nextPreview.url);\n          return;\n        }\n        replacePreview(nextPreview);\n      } catch {\n        if (disposed) return;\n        replacePreview(null);\n        setCrop(null);\n        setError(messages().failedLoadImage);\n      } finally {\n        if (!disposed) setLoading(false);\n      }\n    })();\n\n    onCleanup(() => {\n      disposed = true;\n    });\n  });\n\n  createEffect(() => {\n    const currentSize = previewSize();\n    const currentAspect = aspect();\n    if (!currentSize) return;\n    setCrop((current) => clampImageCropRect(current ?? getInitialImageCropRect(currentSize, currentAspect), currentSize, currentAspect));\n  });\n\n  createEffect(() => {\n    const currentCrop = crop();\n    const currentPreview = preview();\n    props.onValueChange?.(currentCrop && currentPreview ? { crop: currentCrop, rotation: rotation() } : null);\n  });\n\n  const readPointerPosition = (event: PointerEvent) => {\n    if (!frame) return { x: 0, y: 0 };\n    const rect = frame.getBoundingClientRect();\n    return {\n      x: (event.clientX - rect.left) / Math.max(1, rect.width),\n      y: (event.clientY - rect.top) / Math.max(1, rect.height),\n    };\n  };\n\n  const moveCrop = (event: PointerEvent) => {\n    const state = drag();\n    const currentSize = previewSize();\n    if (!state || !currentSize || state.pointerId !== event.pointerId) return;\n    event.preventDefault();\n    const point = readPointerPosition(event);\n    const dx = point.x - state.startX;\n    const dy = point.y - state.startY;\n    const start = state.startCrop;\n\n    if (state.handle === \"move\") {\n      setCrop(\n        clampImageCropRect(\n          {\n            ...start,\n            x: start.x + dx,\n            y: start.y + dy,\n          },\n          currentSize,\n          aspect(),\n        ),\n      );\n      return;\n    }\n\n    setCrop(resizeImageCropFromCorner(start, currentSize, aspect(), state.handle, dx, dy));\n  };\n\n  const endDrag = (event: PointerEvent) => {\n    const state = drag();\n    if (!state || state.pointerId !== event.pointerId) return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n    setDrag(null);\n  };\n\n  const startDrag = (handle: DragHandle, event: PointerEvent) => {\n    const currentCrop = crop();\n    if (!currentCrop || disabled()) return;\n    event.preventDefault();\n    event.stopPropagation();\n    (event.currentTarget as Element).setPointerCapture?.(event.pointerId);\n    const point = readPointerPosition(event);\n    setDrag({\n      handle,\n      pointerId: event.pointerId,\n      startX: point.x,\n      startY: point.y,\n      startCrop: currentCrop,\n    });\n    window.addEventListener(\"pointermove\", moveCrop);\n    window.addEventListener(\"pointerup\", endDrag);\n    window.addEventListener(\"pointercancel\", endDrag);\n  };\n\n  onCleanup(() => {\n    if (typeof window === \"undefined\") return;\n    window.removeEventListener(\"pointermove\", moveCrop);\n    window.removeEventListener(\"pointerup\", endDrag);\n    window.removeEventListener(\"pointercancel\", endDrag);\n  });\n\n  const rotateRight = () => {\n    if (disabled()) return;\n    setRotation((current) => rotateImageCropRight(current));\n  };\n\n  const nudgeCrop = (handle: DragHandle, event: KeyboardEvent) => {\n    if (disabled() || ![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\"].includes(event.key)) return;\n    const current = crop();\n    const currentSize = previewSize();\n    if (!current || !currentSize) return;\n    event.preventDefault();\n    const step = event.shiftKey ? 0.05 : 0.01;\n    const dx = event.key === \"ArrowLeft\" ? -step : event.key === \"ArrowRight\" ? step : 0;\n    const dy = event.key === \"ArrowUp\" ? -step : event.key === \"ArrowDown\" ? step : 0;\n    setCrop(\n      handle === \"move\"\n        ? clampImageCropRect({ ...current, x: current.x + dx, y: current.y + dy }, currentSize, aspect())\n        : resizeImageCropFromCorner(current, currentSize, aspect(), handle, dx, dy),\n    );\n  };\n\n  const previewFrameStyle = (): JSX.CSSProperties => {\n    const currentSize = previewSize();\n    if (!currentSize) return {};\n    return {\n      \"aspect-ratio\": `${currentSize.width} / ${currentSize.height}`,\n      \"max-width\": `min(100%, calc(min(58vh, 24rem) * ${currentSize.width} / ${currentSize.height}))`,\n    };\n  };\n\n  const previewImageStyle = (): JSX.CSSProperties => {\n    const currentPreview = preview();\n    const currentSize = previewSize();\n    if (!currentPreview || !currentSize) return {};\n    const swapsDimensions = rotation() === 90 || rotation() === 270;\n    return {\n      left: \"50%\",\n      top: \"50%\",\n      width: swapsDimensions ? `${(currentPreview.sourceWidth / currentSize.width) * 100}%` : \"100%\",\n      height: swapsDimensions ? `${(currentPreview.sourceHeight / currentSize.height) * 100}%` : \"100%\",\n      \"max-width\": \"none\",\n      \"object-fit\": \"fill\",\n      transform: `translate(-50%, -50%) rotate(${rotation()}deg)`,\n    };\n  };\n\n  const cropStyle = (): JSX.CSSProperties => {\n    const currentCrop = crop();\n    if (!currentCrop) return {};\n    return {\n      left: `${currentCrop.x * 100}%`,\n      top: `${currentCrop.y * 100}%`,\n      width: `${currentCrop.width * 100}%`,\n      height: `${currentCrop.height * 100}%`,\n      \"box-shadow\": \"0 0 0 9999px rgba(0,0,0,.42)\",\n    };\n  };\n\n  const showResizeHandles = () => previewShape() !== \"circle\";\n\n  return (\n    <div class={`k2b-image-cropper ${props.class ?? \"\"}`}>\n      <div class=\"k2b-image-cropper__stage\">\n        <Show when={!loading()} fallback={<small>{messages().preparingImage}</small>}>\n          <Show when={!error()} fallback={<small class=\"k2b-image-cropper__error\">{error()}</small>}>\n            <Show when={preview() && crop()}>\n              <div ref={frame} class=\"k2b-image-cropper__frame\" style={previewFrameStyle()}>\n                <img src={preview()!.url} alt={messages().cropPreview} draggable={false} style={previewImageStyle()} />\n                <div\n                  class=\"k2b-image-cropper__selection\"\n                  data-shape={previewShape()}\n                  style={cropStyle()}\n                  role=\"group\"\n                  tabIndex={disabled() ? undefined : 0}\n                  aria-label={messages().cropArea}\n                  onPointerDown={(event) => startDrag(\"move\", event)}\n                  onKeyDown={(event) => nudgeCrop(\"move\", event)}\n                >\n                  <Show when={showResizeHandles()}>\n                    <For each={[\"nw\", \"ne\", \"sw\", \"se\"] as const}>\n                      {(handle) => (\n                        <button\n                          type=\"button\"\n                          class=\"k2b-image-cropper__handle\"\n                          data-handle={handle}\n                          aria-label={messages().resizeCrop({ handle })}\n                          disabled={disabled()}\n                          onPointerDown={(event) => startDrag(handle, event)}\n                          onKeyDown={(event) => nudgeCrop(handle, event)}\n                        />\n                      )}\n                    </For>\n                  </Show>\n                </div>\n                <button\n                  type=\"button\"\n                  class=\"k2b-image-cropper__rotate\"\n                  title={messages().rotateRight}\n                  aria-label={messages().rotateRight}\n                  disabled={disabled() || !crop() || Boolean(error())}\n                  onClick={rotateRight}\n                >\n                  <i class=\"ti ti-rotate-clockwise\" aria-hidden=\"true\" />\n                </button>\n              </div>\n            </Show>\n          </Show>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/MultiSelectInput.js

@@ -7,32 +7,33 @@ import { ssr as _$ssr } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
-var _tmpl$ = ["<span class=\"k2b-multi-select-trigger__values\">", "</span>"],
-  _tmpl$2 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
-  _tmpl$3 = ["<button type=\"button\" class=\"k2b-choice-control__clear k2b-input-clear-action\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"],
-  _tmpl$4 = ["<div class=\"k2b-choice-search\"><i class=\"ti ti-search\" aria-hidden=\"true\"></i><input type=\"search\"", "></div>"],
-  _tmpl$5 = ["<div class=\"k2b-choice-toolbar\">", "</div>"],
-  _tmpl$6 = ["<div class=\"k2b-choice-status\"><i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i><span>", "</span></div>"],
-  _tmpl$7 = ["<div class=\"k2b-choice-control\"", ">", "", "<div popover=\"manual\" class=\"k2b-choice-popover\" role=\"group\"", ">", "", "<div", " class=\"k2b-choice-options\" role=\"listbox\" aria-multiselectable=\"true\">", "", "", "</div></div>", "</div>"],
-  _tmpl$8 = ["<span class=\"k2b-choice-trigger__value\" data-placeholder=\"true\">", "</span>"],
-  _tmpl$9 = ["<span class=\"k2b-choice-pill\" style=\"", "\">", "<button type=\"button\"", "", " tabindex=\"-1\"><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button></span>"],
-  _tmpl$0 = ["<span>", "</span>"],
-  _tmpl$1 = ["<i", " aria-hidden=\"true\"></i>"],
-  _tmpl$10 = ["<span class=\"k2b-choice-pill__content\">", "</span>"],
-  _tmpl$11 = ["<div class=\"k2b-choice-status\" data-tone=\"danger\"><span>", "</span><button type=\"button\">", "</button></div>"],
-  _tmpl$12 = ["<div class=\"k2b-choice-status\">", "</div>"],
-  _tmpl$13 = ["<button type=\"button\" id=\"", "\" class=\"k2b-choice-option\" role=\"option\"", "", "><span class=\"k2b-choice-option__checkbox\" aria-hidden=\"true\"><i class=\"ti ti-check\"></i></span>", "<span class=\"k2b-choice-option__content\">", "</span></button>"],
-  _tmpl$14 = ["<span class=\"k2b-choice-dot\" style=\"", "\" aria-hidden=\"true\"></span>"],
-  _tmpl$15 = ["<i", " style=\"", "\" aria-hidden=\"true\"></i>"],
-  _tmpl$16 = ["<strong>", "</strong>"],
-  _tmpl$17 = ["<small>", "</small>"],
-  _tmpl$18 = ["<input type=\"hidden\"", ">"];
-import { createMemo, createSignal, For, Show } from "solid-js";
+var _tmpl$ = ["<span class=\"k2b-multi-select-trigger__more\"", "><span aria-hidden=\"true\">+", "</span><span class=\"k2b-sr-only\">", "</span></span>"],
+  _tmpl$2 = ["<span class=\"k2b-multi-select-trigger__values\"", ">", "", "</span>"],
+  _tmpl$3 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
+  _tmpl$4 = ["<button type=\"button\" class=\"k2b-choice-control__clear k2b-input-clear-action\"", "><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$5 = ["<div class=\"k2b-choice-search\"><i class=\"ti ti-search\" aria-hidden=\"true\"></i><input type=\"search\"", "></div>"],
+  _tmpl$6 = ["<div class=\"k2b-choice-toolbar\">", "</div>"],
+  _tmpl$7 = ["<div class=\"k2b-choice-status\"><i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i><span>", "</span></div>"],
+  _tmpl$8 = ["<div class=\"k2b-choice-control\"", ">", "", "<div popover=\"manual\" class=\"k2b-choice-popover\" role=\"group\"", ">", "", "<div", " class=\"k2b-choice-options\" role=\"listbox\" aria-multiselectable=\"true\">", "", "", "</div></div>", "</div>"],
+  _tmpl$9 = ["<span class=\"k2b-choice-trigger__value\" data-placeholder=\"true\">", "</span>"],
+  _tmpl$0 = ["<span class=\"k2b-choice-pill\" style=\"", "\"", ">", "<button type=\"button\"", "", " tabindex=\"-1\"><i class=\"ti ti-x\" aria-hidden=\"true\"></i></button></span>"],
+  _tmpl$1 = ["<span>", "</span>"],
+  _tmpl$10 = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$11 = ["<span class=\"k2b-choice-pill__content\">", "</span>"],
+  _tmpl$12 = ["<div class=\"k2b-choice-status\" data-tone=\"danger\"><span>", "</span><button type=\"button\">", "</button></div>"],
+  _tmpl$13 = ["<div class=\"k2b-choice-status\">", "</div>"],
+  _tmpl$14 = ["<button type=\"button\" id=\"", "\" class=\"k2b-choice-option\" role=\"option\"", "", "><span class=\"k2b-choice-option__checkbox\" aria-hidden=\"true\"><i class=\"ti ti-check\"></i></span>", "<span class=\"k2b-choice-option__content\">", "</span></button>"],
+  _tmpl$15 = ["<span class=\"k2b-choice-dot\" style=\"", "\" aria-hidden=\"true\"></span>"],
+  _tmpl$16 = ["<i", " style=\"", "\" aria-hidden=\"true\"></i>"],
+  _tmpl$17 = ["<strong>", "</strong>"],
+  _tmpl$18 = ["<small>", "</small>"],
+  _tmpl$19 = ["<input type=\"hidden\"", ">"];
+import { createEffect, createMemo, createSignal, For, onCleanup, onMount, Show } from "solid-js";
 import { colorTintStyle, normalizeHexColor } from "../internal/color";
 import { createFieldMeta, Field, fieldControlAria } from "../internal/field";
 import { useUiMessages } from "../intl/messages";
 import { ChoiceGroups } from "./ChoiceGroups";
-import { createChoiceLoader, createChoicePopover, filterChoiceOptions, nextEnabledChoiceIndex } from "./choice";
+import { createChoiceLoader, createChoicePopover, filterChoiceOptions, fitChoicePills, nextEnabledChoiceIndex } from "./choice";
 import { commitFieldValue, resolveMaybeAccessor } from "./field-contract";
 /** Cloud tints the option icon with the option color instead of adding a dot. */
 const iconColor = color => {
@@ -94,6 +95,41 @@ export function MultiSelectInput(props) {
   const selectedValues = createMemo(() => new Set(values()));
   const popover = createChoicePopover(() => Boolean(props.disabled));
   const focusedOption = () => visibleOptions()[focusedIndex()];
+
+  // Pills that do not fit the trigger collapse into a "+N" summary. Until the
+  // browser measures them (server HTML, hidden containers) every pill stays.
+  let valuesRef;
+  let moreRef;
+  const [visibleCount, setVisibleCount] = createSignal(Number.POSITIVE_INFINITY);
+  const hiddenOptions = createMemo(() => selected().slice(visibleCount()));
+  // While every pill fits, the invisible summary carries the largest count it
+  // could show, so measuring it reserves enough room for the real one.
+  const moreCount = () => hiddenOptions().length || selected().length - 1;
+  const fitValues = () => {
+    const values = valuesRef;
+    if (!values?.isConnected) return;
+    // Measuring releases a truncated first pill to its natural width; the
+    // browser paints only the final state.
+    values.dataset.measuring = "true";
+    const pills = Array.from(values.querySelectorAll(":scope > .k2b-choice-pill"), pill => pill.getBoundingClientRect().width);
+    const fit = fitChoicePills(values.getBoundingClientRect().width, pills, Number.parseFloat(getComputedStyle(values).columnGap) || 0, moreRef?.isConnected ? moreRef.getBoundingClientRect().width : 0);
+    delete values.dataset.measuring;
+    // Hidden pills leave the flow. While any are hidden the strip keeps the
+    // whole row as its preferred width, so a container sized by its content
+    // does not shrink with the collapse and grows back once it has room. The
+    // strip still flexes to the trigger's width.
+    values.style.width = fit.visible < pills.length ? `${fit.rowWidth}px` : "";
+    setVisibleCount(fit.visible);
+  };
+  const resizeObserver = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(() => fitValues());
+  onCleanup(() => resizeObserver?.disconnect());
+  createEffect(() => {
+    selected();
+    fitValues();
+  });
+  onMount(() => {
+    if ("fonts" in document) void document.fonts.ready.then(fitValues);
+  });
   const emit = next => {
     const unique = [...new Set(next)];
     commitFieldValue(props, unique);
@@ -188,7 +224,7 @@ export function MultiSelectInput(props) {
       return props.disabled;
     },
     get children() {
-      return _$ssr(_tmpl$7, _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false), _$ssrElement("div", _$mergeProps({
+      return _$ssr(_tmpl$8, _$ssrAttribute("data-invalid", error() ? "true" : _$escape(undefined, true), false), _$ssrElement("div", _$mergeProps({
         get id() {
           return meta.controlId;
         },
@@ -217,14 +253,14 @@ export function MultiSelectInput(props) {
           return selected().length > 0;
         },
         get fallback() {
-          return _$ssr(_tmpl$8, _$escape(props.placeholder ?? messages().select));
+          return _$ssr(_tmpl$9, _$escape(props.placeholder ?? messages().select));
         },
         get children() {
-          return _$ssr(_tmpl$, _$escape(_$createComponent(For, {
+          return _$ssr(_tmpl$2, _$ssrAttribute("data-overflowing", hiddenOptions().length > 0 ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(For, {
             get each() {
               return selected();
             },
-            children: option => _$ssr(_tmpl$9, _$ssrStyle(colorTintStyle(option.color)), _$escape(_$createComponent(Show, {
+            children: (option, index) => _$ssr(_tmpl$0, _$ssrStyle(colorTintStyle(option.color)), _$ssrAttribute("title", _$escape(option.label, true), false) + _$ssrAttribute("data-hidden", index() >= visibleCount() ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(Show, {
               get when() {
                 return props.renderValue;
               },
@@ -233,13 +269,22 @@ export function MultiSelectInput(props) {
                   get when() {
                     return option.icon;
                   },
-                  children: icon => _$ssr(_tmpl$1, _$ssrAttribute("class", _$escape(icon(), true), false))
-                }), _$ssr(_tmpl$0, _$escape(option.label))];
+                  children: icon => _$ssr(_tmpl$10, _$ssrAttribute("class", _$escape(icon(), true), false))
+                }), _$ssr(_tmpl$1, _$escape(option.label))];
               },
-              children: render => _$ssr(_tmpl$10, _$escape(render()(option)))
+              children: render => _$ssr(_tmpl$11, _$escape(render()(option)))
             })), _$ssrAttribute("aria-label", _$escape(messages().removeNamed({
               name: option.label
             }), true), false), _$ssrAttribute("disabled", props.disabled, true))
+          })), _$escape(_$createComponent(Show, {
+            get when() {
+              return selected().length > 1;
+            },
+            get children() {
+              return _$ssr(_tmpl$, _$ssrAttribute("title", _$escape(hiddenOptions().map(option => option.label).join(", ") || undefined, true), false) + _$ssrAttribute("data-hidden", hiddenOptions().length === 0 ? "true" : _$escape(undefined, true), false), _$escape(moreCount()), _$escape(messages().moreSelected({
+                count: moreCount()
+              })));
+            }
           })));
         }
       })), _$escape(_$createComponent(Show, {
@@ -247,28 +292,28 @@ export function MultiSelectInput(props) {
           return !hasClearAction();
         },
         get children() {
-          return _$ssr(_tmpl$2, `${popover.open() ? _$escape(props.activeIcon ?? "ti ti-chevron-up", true) : _$escape(props.icon ?? "ti ti-chevron-down", true)} k2b-multi-select-trigger__chevron`);
+          return _$ssr(_tmpl$3, `${popover.open() ? _$escape(props.activeIcon ?? "ti ti-chevron-up", true) : _$escape(props.icon ?? "ti ti-chevron-down", true)} k2b-multi-select-trigger__chevron`);
         }
       }))], false), _$escape(_$createComponent(Show, {
         get when() {
           return hasClearAction();
         },
         get children() {
-          return _$ssr(_tmpl$3, _$ssrAttribute("aria-label", _$escape(props.clearLabel ?? messages().clearSelection, true), false));
+          return _$ssr(_tmpl$4, _$ssrAttribute("aria-label", _$escape(props.clearLabel ?? messages().clearSelection, true), false));
         }
-      })), _$ssrAttribute("aria-label", typeof props.label === "string" ? _$escape(props.label, true) : _$escape(messages().options, true), false), _$escape(_$createComponent(Show, {
+      })), _$ssrAttribute("aria-label", typeof props.label === "string" ? _$escape(props.label, true) : _$escape(props["aria-label"] ?? messages().options, true), false), _$escape(_$createComponent(Show, {
         get when() {
           return searchable();
         },
         get children() {
-          return _$ssr(_tmpl$4, _$ssrAttribute("value", _$escape(query(), true), false) + _$ssrAttribute("placeholder", _$escape(props.searchPlaceholder ?? messages().search, true), false) + _$ssrAttribute("aria-label", _$escape(props.searchPlaceholder ?? messages().searchOptions, true), false) + _$ssrAttribute("aria-controls", _$escape(listboxId, true), false) + _$ssrAttribute("aria-activedescendant", focusedOption() ? `${_$escape(listboxId, true)}-${_$escape(focusedIndex(), true)}` : _$escape(undefined, true), false));
+          return _$ssr(_tmpl$5, _$ssrAttribute("value", _$escape(query(), true), false) + _$ssrAttribute("placeholder", _$escape(props.searchPlaceholder ?? messages().search, true), false) + _$ssrAttribute("aria-label", _$escape(props.searchPlaceholder ?? messages().searchOptions, true), false) + _$ssrAttribute("aria-controls", _$escape(listboxId, true), false) + _$ssrAttribute("aria-activedescendant", focusedOption() ? `${_$escape(listboxId, true)}-${_$escape(focusedIndex(), true)}` : _$escape(undefined, true), false));
         }
       })), _$escape(_$createComponent(Show, {
         get when() {
           return (props.groups?.length ?? 0) > 0;
         },
         get children() {
-          return _$ssr(_tmpl$5, _$escape(_$createComponent(ChoiceGroups, {
+          return _$ssr(_tmpl$6, _$escape(_$createComponent(ChoiceGroups, {
             get choices() {
               return groupChoices();
             },
@@ -286,13 +331,13 @@ export function MultiSelectInput(props) {
         get when() {
           return asyncOptions.error();
         },
-        children: message => _$ssr(_tmpl$11, _$escape(message()), _$escape(props.retryLabel ?? messages().retry))
+        children: message => _$ssr(_tmpl$12, _$escape(message()), _$escape(props.retryLabel ?? messages().retry))
       })), _$escape(_$createComponent(Show, {
         get when() {
           return _$memo(() => !!asyncOptions.loading())() && visibleOptions().length === 0;
         },
         get children() {
-          return _$ssr(_tmpl$6, _$escape(props.loadingLabel ?? messages().loading));
+          return _$ssr(_tmpl$7, _$escape(props.loadingLabel ?? messages().loading));
         }
       })), _$escape(_$createComponent(For, {
         get each() {
@@ -304,11 +349,11 @@ export function MultiSelectInput(props) {
               return _$memo(() => !!!asyncOptions.loading())() && !asyncOptions.error();
             },
             get children() {
-              return _$ssr(_tmpl$12, isAsync() || query() ? _$escape(props.noResultsLabel ?? messages().noResults) : _$escape(props.emptyLabel ?? messages().noOptions));
+              return _$ssr(_tmpl$13, isAsync() || query() ? _$escape(props.noResultsLabel ?? messages().noResults) : _$escape(props.emptyLabel ?? messages().noOptions));
             }
           });
         },
-        children: (option, index) => _$ssr(_tmpl$13, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-label", _$escape(option.label, true), false) + _$ssrAttribute("aria-selected", _$escape(isSelected(option.value), true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", option.disabled, true), _$escape(_$createComponent(Show, {
+        children: (option, index) => _$ssr(_tmpl$14, `${_$escape(listboxId, true)}-${_$escape(index(), true)}`, _$ssrAttribute("aria-label", _$escape(option.label, true), false) + _$ssrAttribute("aria-selected", _$escape(isSelected(option.value), true), false) + _$ssrAttribute("data-focused", index() === focusedIndex() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", option.disabled, true), _$escape(_$createComponent(Show, {
           get when() {
             return option.icon;
           },
@@ -317,20 +362,20 @@ export function MultiSelectInput(props) {
               get when() {
                 return normalizeHexColor(option.color);
               },
-              children: color => _$ssr(_tmpl$14, _$ssrStyleProperty("background:", _$escape(color(), true)))
+              children: color => _$ssr(_tmpl$15, _$ssrStyleProperty("background:", _$escape(color(), true)))
             });
           },
-          children: icon => _$ssr(_tmpl$15, _$ssrAttribute("class", _$escape(icon(), true), false), _$ssrStyle(iconColor(option.color)))
+          children: icon => _$ssr(_tmpl$16, _$ssrAttribute("class", _$escape(icon(), true), false), _$ssrStyle(iconColor(option.color)))
         })), _$escape(_$createComponent(Show, {
           get when() {
             return props.renderOption;
           },
           get fallback() {
-            return [_$ssr(_tmpl$16, _$escape(option.label)), _$createComponent(Show, {
+            return [_$ssr(_tmpl$17, _$escape(option.label)), _$createComponent(Show, {
               get when() {
                 return option.description;
               },
-              children: description => _$ssr(_tmpl$17, _$escape(description()))
+              children: description => _$ssr(_tmpl$18, _$escape(description()))
             })];
           },
           children: render => render()(option)
@@ -339,7 +384,7 @@ export function MultiSelectInput(props) {
         get when() {
           return props.name;
         },
-        children: name => _$ssr(_tmpl$18, _$ssrAttribute("name", _$escape(name(), true), false) + _$ssrAttribute("value", _$escape(values().join(","), true), false))
+        children: name => _$ssr(_tmpl$19, _$ssrAttribute("name", _$escape(name(), true), false) + _$ssrAttribute("value", _$escape(values().join(","), true), false))
       })));
     }
   });